From 921363542c6bde7d336c7670e57dc1f0c7fe789a Mon Sep 17 00:00:00 2001
From: archipelago <archipelago@localhost>
Date: Tue, 16 Jun 2026 05:29:57 -0400
Subject: [PATCH] fix(fedimint+home): guardian UI CSS resolves; quickstart
 goals full-width
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- docker/fedimint-ui/nginx.conf: the local /assets/ handler 404'd the real
  fedimint guardian UI's own bundled CSS (bootstrap.min.css, style.css) →
  unstyled app. B13 fixed our local icon; this adds a @guardian_assets proxy
  fallback to :8177 so the guardian's own /assets/* resolve. Verified live on
  .116: /app/fedimint/assets/bootstrap.min.css 404→200 text/css. (needs
  archy-fedimint-ui image rebuild to persist on nodes.)
- Home.vue: Quick Start Goals card regained lg:col-span-2 so it fills its row
  on desktop instead of sitting at half width.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 docker/fedimint-ui/nginx.conf | 16 +++++++++++++++-
 neode-ui/src/views/Home.vue   |  2 +-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/docker/fedimint-ui/nginx.conf b/docker/fedimint-ui/nginx.conf
index 8f78cfe0..8a8539af 100644
--- a/docker/fedimint-ui/nginx.conf
+++ b/docker/fedimint-ui/nginx.conf
@@ -5,10 +5,24 @@ server {
     proxy_intercept_errors on;
     error_page 500 502 503 504 = @wait_page;
 
+    # Serve our own wait-page/icon assets locally first, but fall back to the
+    # real fedimint guardian (:8177) for ITS bundled /assets/*.css|js. Without
+    # the fallback, the guardian UI's stylesheets resolve to this local root,
+    # 404, and the app renders unstyled (B13 fixed the local icon; this fixes
+    # the guardian UI's own CSS).
     location /assets/ {
         root /usr/share/nginx/html;
         add_header Cache-Control "public, max-age=3600" always;
-        try_files $uri =404;
+        try_files $uri @guardian_assets;
+    }
+
+    location @guardian_assets {
+        proxy_pass http://127.0.0.1:8177;
+        proxy_http_version 1.1;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
     }
 
     location / {
diff --git a/neode-ui/src/views/Home.vue b/neode-ui/src/views/Home.vue
index 0224a13d..5951a254 100644
--- a/neode-ui/src/views/Home.vue
+++ b/neode-ui/src/views/Home.vue
@@ -231,7 +231,7 @@
         <!-- Quick Start Goals -->
         <div
           v-if="showQuickStart"
-          class="home-card transition-opacity duration-300"
+          class="home-card lg:col-span-2 transition-opacity duration-300"
           :class="{ 'home-card-animate': animateCards, 'opacity-0 pointer-events-none': showWelcomeBlock && !animateCards }"
           style="--card-stagger: 5"
         >