From f3e3f6068d20b575b8ea336c08cd21a8494c4c31 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Thu, 22 Jan 2026 17:24:58 +0000
Subject: [PATCH] fix(ui): use absolute paths for modal assets

Updates `profile-modal.html` and `application-form.html` to use root-relative paths for images and iframes, fixing 404 errors in E2E tests. Adds a preflight check to `tests/e2e/ui-modals.spec.ts` to verify asset availability.
---
 components/application-form.html |  2 +-
 components/profile-modal.html    |  2 +-
 tests/e2e/ui-modals.spec.ts      | 12 ++++++++++++
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/components/application-form.html b/components/application-form.html
index 23569aa2..a0ca5090 100644
--- a/components/application-form.html
+++ b/components/application-form.html
@@ -46,7 +46,7 @@
     <div id="nostrFormModalDescription" class="modal-body">
       <div class="modal-embed-frame">
         <iframe
-          src="./components/iframe_forms/iframe-application-form.html"
+          src="/components/iframe_forms/iframe-application-form.html"
           class="h-full w-full rounded-lg border border-border/30 shadow-sm"
           frameborder="0"
         ></iframe>
diff --git a/components/profile-modal.html b/components/profile-modal.html
index d3861443..93f9bb5e 100644
--- a/components/profile-modal.html
+++ b/components/profile-modal.html
@@ -238,7 +238,7 @@
                   >
                     <img
                       id="profileModalAvatar"
-                      src="assets/svg/default-profile.svg"
+                      src="/assets/svg/default-profile.svg"
                       alt="Active profile avatar"
                       class="h-full w-full object-cover"
                     />
diff --git a/tests/e2e/ui-modals.spec.ts b/tests/e2e/ui-modals.spec.ts
index ba410743..0b95897c 100644
--- a/tests/e2e/ui-modals.spec.ts
+++ b/tests/e2e/ui-modals.spec.ts
@@ -6,6 +6,18 @@ import {
 } from "./helpers/uiTestUtils";
 
 test.describe("login modal flows", () => {
+  test("preflight check for asset availability", async ({ request }) => {
+    const assets = [
+      "/assets/svg/default-profile.svg",
+      "/components/iframe_forms/iframe-application-form.html",
+    ];
+
+    for (const asset of assets) {
+      const response = await request.get(asset);
+      expect(response.status(), `Asset ${asset} should be available`).toBe(200);
+    }
+  });
+
   test.beforeEach(async ({ page }) => {
     await applyReducedMotion(page);
     failOnConsoleErrors(page);