feat(ui): documents open in an almost-fullscreen modal instead of a new page — same-page overlay on chat + Sources, /document.html kept as the no-JS/direct-link fallback

frontend/assets/sources.js

@@ -10,9 +10,19 @@
  * page, shared with the header toggling), and the header gains the New
  * chat button: on a non-chat page "new chat" means going to the chat,
  * fresh (clear the phase-14 conversation key, then navigate to "/").
+ *
+ * Phase 26: the table's path links open the document in the
+ * almost-fullscreen modal overlay (assets/document-modal.js) on the
+ * SAME page — no new tab, no navigation. The link keeps its
+ * /document.html href as the no-JS / context-menu escape hatch;
+ * left-clicks are intercepted (preventDefault) and routed to
+ * openDocumentModal. The module is loaded through the relative import
+ * below — the header.js single-evaluation design (no direct <script>
+ * tag; esbuild inlines it into the page bundle).
  */
 
 import { clearChatStorage, fetchIsAdmin, initSharedHeader } from "./header.js";
+import { openDocumentModal } from "./document-modal.js"; // phase 26: row links open the same-page modal
 
 const tbody = document.querySelector("#docs-tbody");
 const emptyEl = document.querySelector("#sources-empty");
@@ -52,8 +62,11 @@ function fmtDate(iso) {
   }
 }
 
-/* Viewer link (phase 10) — same encoded URL the chat chips use; both query
- * values are percent-encoded (paths contain slashes, sometimes spaces). */
+/* Viewer link (phase 10) — same encoded URL the chat chips use; both
+ * query values are percent-encoded (paths contain slashes, sometimes
+ * spaces). Phase 26: this is the href the .doc-link CARRIES (no-JS /
+ * context-menu escape hatch) — the left-click opens the same-page modal
+ * instead. */
 export function documentUrl(source, path) {
   return "/document.html?source=" + encodeURIComponent(source) + "&path=" + encodeURIComponent(path);
 }
@@ -98,15 +111,20 @@ function makeRow(d) {
   sourceTd.textContent = d.source; // document-derived text — never innerHTML
   tr.appendChild(sourceTd);
 
-  // Path cell: a link to the document viewer (phase 10), full path as the
-  // accessible/hover name (the column is ellipsized).
+  // Path cell: a link to the document (phase 10), full path as the
+  // accessible/hover name (the column is ellipsized). Phase 26: the
+  // left-click opens the same-page modal — no new tab (document-modal.js);
+  // the href stays as the no-JS / context-menu escape hatch.
   const pathTd = document.createElement("td");
   pathTd.title = d.path; // full path on hover (column is ellipsized)
   const link = document.createElement("a");
   link.className = "doc-link";
   link.href = documentUrl(d.source, d.path);
-  link.target = "_blank"; // open the full document in a new tab
-  link.rel = "noopener";
+  link.addEventListener("click", (e) => {
+    e.preventDefault(); // no new tab (phase 26) — the modal takes over
+    e.stopPropagation();
+    openDocumentModal(d.source, d.path, link);
+  });
   link.title = d.path; // full path as the link's hover/accessible name
   link.textContent = d.path;
   pathTd.appendChild(link);