fix(build): Containerfile builds again — relative module imports, all four pages and shared assets in the image

frontend/assets/app.js

@@ -63,7 +63,7 @@
  * All DOM ids match frontend/index.html.
  */
 
-import { fetchIsAdmin, initSharedHeader } from "/assets/header.js";
+import { fetchIsAdmin, initSharedHeader } from "./header.js";
 
 const messagesEl = document.querySelector("#messages");
 const emptyState = document.querySelector("#empty-state");

frontend/assets/document.js

@@ -23,7 +23,7 @@
  * fresh (clear the phase-14 conversation key, then navigate to "/").
  */
 
-import { clearChatStorage, fetchIsAdmin, initSharedHeader } from "/assets/header.js";
+import { clearChatStorage, fetchIsAdmin, initSharedHeader } from "./header.js";
 
 const params = new URLSearchParams(window.location.search);
 const source = params.get("source") || "";

frontend/assets/login.js

@@ -17,7 +17,7 @@
  * All DOM ids match frontend/login.html.
  */
 
-import { fetchIsAdmin, initSharedHeader } from "/assets/header.js";
+import { fetchIsAdmin, initSharedHeader } from "./header.js";
 
 const form = document.querySelector("#login-form");
 const passwordInput = document.querySelector("#login-password");

frontend/assets/sources.js

@@ -12,7 +12,7 @@
  * fresh (clear the phase-14 conversation key, then navigate to "/").
  */
 
-import { clearChatStorage, fetchIsAdmin, initSharedHeader } from "/assets/header.js";
+import { clearChatStorage, fetchIsAdmin, initSharedHeader } from "./header.js";
 
 const tbody = document.querySelector("#docs-tbody");
 const emptyEl = document.querySelector("#sources-empty");

frontend/document.html

@@ -74,10 +74,9 @@
   </footer>
 
   <script src="assets/markdown.js"></script>
-  <!-- Phase 19: shared header module (whoami caching, Sign in/out,
-       sign-out binding) loads before the page script, which calls
-       initSharedHeader() at boot. -->
-  <script type="module" src="/assets/header.js"></script>
+  <!-- Phase 19: the shared header module loads through the page script's
+       own `import "./header.js"` — a hoisted import that is evaluated
+       before the page script body calls initSharedHeader() at boot. -->
   <script type="module" src="assets/document.js"></script>
 </body>
 </html>

frontend/index.html

@@ -113,10 +113,9 @@
   </footer>
 
   <script src="assets/markdown.js"></script>
-  <!-- Phase 19: shared header module (whoami caching, Sign in/out,
-       Sources-link toggle, sign-out binding) loads before the page
-       script, which calls initSharedHeader() at boot. -->
-  <script type="module" src="/assets/header.js"></script>
+  <!-- Phase 19: the shared header module loads through the page script's
+       own `import "./header.js"` — a hoisted import that is evaluated
+       before the page script body calls initSharedHeader() at boot. -->
   <script type="module" src="/assets/app.js"></script>
 </body>
 </html>

frontend/login.html

@@ -63,8 +63,9 @@
 
   <!-- Phase 19: shared header module — the login page reuses it for the
        Sources-link toggle only (no chat controls in this markup, so
-       none appear). -->
-  <script type="module" src="/assets/header.js"></script>
+       none appear). It loads through the page script's own
+       `import "./header.js"` (hoisted, evaluated before the page script
+       body calls initSharedHeader() at boot). -->
   <script type="module" src="/assets/login.js"></script>
 </body>
 </html>

frontend/sources.html

@@ -119,10 +119,9 @@
     </div>
   </footer>
 
-  <!-- Phase 19: shared header module (whoami caching, Sign in/out,
-       Sources-link toggle, sign-out binding) loads before the page
-       script, which calls initSharedHeader() at boot. -->
-  <script type="module" src="/assets/header.js"></script>
+  <!-- Phase 19: the shared header module loads through the page script's
+       own `import "./header.js"` — a hoisted import that is evaluated
+       before the page script body calls initSharedHeader() at boot. -->
   <script type="module" src="/assets/sources.js"></script>
 </body>
 </html>