thurview 0.17.2 → 0.19.0

package/dist/ui/app.js

@@ -125,7 +125,30 @@
   });
 
   // src/ui/api.ts
+  var published = (() => {
+    const el = document.getElementById("thurview-snapshot");
+    return el?.textContent ? JSON.parse(el.textContent) : null;
+  })();
+  function offline(url) {
+    const snap = published;
+    const u = new URL(url, "http://published.invalid");
+    const sub = u.pathname.split("/").filter(Boolean)[3];
+    const path = u.searchParams.get("path") ?? "";
+    const answer = sub === void 0 ? snap.payload : sub === "commits" ? snap.commits : sub === "presence" ? snap.payload.agent : sub === "diff" ? snap.diffs[path] : sub === "file" ? sliceLines(snap.files[`${u.searchParams.get("graph")}:${path}`], u.searchParams) : void 0;
+    if (answer === void 0) throw new Error("not in this published copy");
+    return answer;
+  }
+  function sliceLines(f, q) {
+    if (!f) return void 0;
+    const from = Math.max(1, Number(q.get("from") ?? 1));
+    const to = Math.min(f.total, Number(q.get("to") ?? f.total));
+    return { ...f, from, to, lines: f.lines.slice(from - 1, to) };
+  }
   async function j(url, init) {
+    if (published) {
+      if (init?.method && init.method !== "GET") throw new Error("a published copy is read only");
+      return offline(url);
+    }
     const r = await fetch(url, init);
     const body = await r.json();
     if (!r.ok) throw new Error(body.error ?? r.statusText);
@@ -227,7 +250,10 @@
     return s === "accepted" || s === "closed";
   }
   function readOnly() {
-    return isTerminal() || state.viewingRevision !== null;
+    return isTerminal() || !canWrite();
+  }
+  function canWrite() {
+    return state.viewingRevision === null && !published;
   }
 
   // src/ui/code.ts
@@ -615,13 +641,13 @@
     return table;
   }
   function startLineComment(e, target, quote) {
-    if (state.viewingRevision !== null) return;
+    if (!canWrite()) return;
     const el = commentPopover(target, quote?.trim() ? quote.trim() : void 0);
     popover(el, { x: e.pageX + 8, y: e.pageY + 8 });
   }
   var rangeStart = null;
   function lineClick(e, path, side2, line, table) {
-    if (state.viewingRevision !== null) return;
+    if (!canWrite()) return;
     if (e.shiftKey && rangeStart && rangeStart.path === path && rangeStart.side === side2) {
       const from = Math.min(rangeStart.line, line);
       const to = Math.max(rangeStart.line, line);
@@ -664,8 +690,7 @@
       );
       const a = rowOf(range.startContainer);
       const b = rowOf(range.endContainer);
-      if (!a || !b || !root.contains(a) || !root.contains(b) || state.viewingRevision !== null)
-        return remove();
+      if (!a || !b || !root.contains(a) || !root.contains(b) || !canWrite()) return remove();
       const table = a.closest("table");
       if (!table || table !== b.closest("table")) return remove();
       const path = root.closest("[data-path]")?.dataset["path"] ?? "";
@@ -708,7 +733,7 @@
       const sel = window.getSelection();
       if (sel && !sel.isCollapsed) return;
       const word = wordAt(e);
-      if (!word) return;
+      if (!word || published) return;
       const defs = await api.symbols(state.id, word, graph);
       if (e.ctrlKey || e.metaKey) {
         const d = defs[0];
@@ -1068,7 +1093,7 @@
       } else {
         g.appendChild(svg("line", { x1, y1: y2, x2: x2 + (x2 > x1 ? -4 : 4), y2 }));
       }
-      const label2 = svg("text", {}, ...tspans(start, y2 - 6, rows[i].lines));
+      const label = svg("text", {}, ...tspans(start, y2 - 6, rows[i].lines));
       const open = (at) => {
         if (m2.anchor) openAnchor(m2.anchor);
         else if (m2.code)
@@ -1081,17 +1106,17 @@
             at
           );
       };
-      label2.addEventListener("click", (e) => open({ x: e.pageX, y: e.pageY + 8 }));
-      label2.setAttribute("role", "button");
-      label2.setAttribute("tabindex", "0");
-      label2.addEventListener("keydown", (e) => {
+      label.addEventListener("click", (e) => open({ x: e.pageX, y: e.pageY + 8 }));
+      label.setAttribute("role", "button");
+      label.setAttribute("tabindex", "0");
+      label.addEventListener("keydown", (e) => {
         const k = e.key;
         if (k !== "Enter" && k !== " ") return;
         e.preventDefault();
-        const r = label2.getBoundingClientRect();
+        const r = label.getBoundingClientRect();
         open({ x: r.left + window.scrollX, y: r.bottom + window.scrollY + 8 });
       });
-      g.appendChild(label2);
+      g.appendChild(label);
       el.appendChild(g);
     });
     return h(
@@ -1255,11 +1280,11 @@
         )
       )
     );
-    for (const { edge, d, back, label: label2 } of edges) {
+    for (const { edge, d, back, label } of edges) {
       const g = svg("g", { class: back ? "edge back" : "edge" });
       g.appendChild(svg("path", { d, fill: "none", "marker-end": "url(#flow-arr)" }));
       if (edge.case)
-        g.appendChild(svg("text", { x: label2.x, y: label2.y, "text-anchor": label2.at }, edge.case));
+        g.appendChild(svg("text", { x: label.x, y: label.y, "text-anchor": label.at }, edge.case));
       el.appendChild(g);
     }
     for (const s of b.steps) {
@@ -1421,7 +1446,7 @@
           class: threads.length ? "count" : "",
           title: design ? "Comment on what this design proposes" : "Comment on the interface delta",
           onclick: (e) => {
-            if (state.viewingRevision !== null) return;
+            if (!canWrite()) return;
             popover(commentPopover({ type: "document", blockId: DELTA_BLOCK }), {
               x: e.pageX + 10,
               y: e.pageY
@@ -1454,7 +1479,7 @@
       h(
         "p",
         { class: "ifd-verdict" },
-        delta ? delta.verdict : design ? "Unavailable: this revision declared no proposal." : "Unavailable: the code graph could not be built for these commits."
+        delta ? delta.verdict : design ? "Unavailable: this revision declared no proposal." : "Unavailable: this revision recorded no interface delta."
       )
     );
     const entries = delta?.entries ?? [];
@@ -1491,7 +1516,7 @@
           class: threads.length ? "count" : "",
           title: "Comment on coverage",
           onclick: (e) => {
-            if (state.viewingRevision !== null) return;
+            if (!canWrite()) return;
             popover(commentPopover({ type: "document", blockId: COVERAGE_BLOCK }), {
               x: e.pageX + 10,
               y: e.pageY
@@ -1556,7 +1581,7 @@
           class: threads.length ? "count" : "",
           title: "Comment on the trust boundaries",
           onclick: (e) => {
-            if (state.viewingRevision !== null) return;
+            if (!canWrite()) return;
             popover(commentPopover({ type: "document", blockId: SECURITY_BLOCK }), {
               x: e.pageX + 10,
               y: e.pageY
@@ -1664,7 +1689,7 @@
           class: threads.length ? "count" : "",
           title: "Comment on this block",
           onclick: (e) => {
-            if (state.viewingRevision !== null) return;
+            if (!canWrite()) return;
             popover(commentPopover({ type: "document", blockId: b.id }), {
               x: e.pageX + 10,
               y: e.pageY
@@ -1759,7 +1784,7 @@
       if (!sel || sel.isCollapsed || !sel.rangeCount) return remove();
       const range = sel.getRangeAt(0);
       const block = (range.commonAncestorContainer instanceof Element ? range.commonAncestorContainer : range.commonAncestorContainer.parentElement)?.closest(".block");
-      if (!block || !docEl.contains(block) || state.viewingRevision !== null) return remove();
+      if (!block || !docEl.contains(block) || !canWrite()) return remove();
       const quote = sel.toString().trim();
       if (!quote) return remove();
       const rect = range.getBoundingClientRect();
@@ -1897,12 +1922,12 @@
           { class: "muted" },
           `${d.hunks.reduce((n, hk) => n + hk.rows.filter((r) => r.type === "add").length, 0)} added \xB7 ${d.hunks.reduce((n, hk) => n + hk.rows.filter((r) => r.type === "del").length, 0)} deleted`
         ),
-        h(
+        canWrite() ? h(
           "span",
           { class: "muted hint" },
           "click a line number to comment \xB7 shift-click or select text for a range"
-        ),
-        state.viewingRevision === null ? h(
+        ) : null,
+        canWrite() ? h(
           "button",
           {
             class: "small",
@@ -1959,7 +1984,7 @@
   }
   function gapRow(d, from, to, colspan, onExpand) {
     if (to < from) return null;
-    const count = to - from + 1;
+    const count2 = to - from + 1;
     return h(
       "tr",
       { class: "gap" },
@@ -1979,7 +2004,7 @@
             );
           }
         },
-        `\u22EF ${count} unchanged line${count > 1 ? "s" : ""}`
+        `\u22EF ${count2} unchanged line${count2 > 1 ? "s" : ""}`
       )
     );
   }
@@ -2101,9 +2126,9 @@
     let prevEnd = 0;
     const gapBoth = (from, to) => {
       if (to < from) return;
-      const count = to - from + 1;
-      const lg = h("tr", { class: "gap" }, h("td", { colspan: 2 }, `\u22EF ${count} unchanged`));
-      const rg = h("tr", { class: "gap" }, h("td", { colspan: 2 }, `\u22EF ${count} unchanged`));
+      const count2 = to - from + 1;
+      const lg = h("tr", { class: "gap" }, h("td", { colspan: 2 }, `\u22EF ${count2} unchanged`));
+      const rg = h("tr", { class: "gap" }, h("td", { colspan: 2 }, `\u22EF ${count2} unchanged`));
       const expand = async () => {
         const f = await api.file(state.id, d.path, "head", from, to);
         const off = gapOffset(d, from) ?? 0;
@@ -2476,7 +2501,7 @@
         group(design ? "Context \u2014 untouched by the design" : "Context \u2014 unchanged here", cold)
       );
     };
-    const links2 = () => {
+    const links = () => {
       const here = new Set(childrenOf(all, level, map.filesByNode).map((k) => k.id));
       const top = (id) => {
         let x = id;
@@ -2524,7 +2549,7 @@
     };
     const draw = () => {
       canvas.innerHTML = "";
-      append(canvas, [intro2(), crumbs(), board(), links2()]);
+      append(canvas, [intro2(), crumbs(), board(), links()]);
       drawSide();
     };
     const drawSide = () => {
@@ -2601,18 +2626,21 @@
             );
           })
         ) : null,
-        h(
+        canWrite() ? h(
           "div",
           { style: { marginTop: "12px" } },
           h(
             "button",
             {
               class: "small",
-              onclick: (e) => popover(commentPopover({ type: "map", node: n.id }), { x: e.pageX, y: e.pageY + 8 })
+              onclick: (e) => popover(commentPopover({ type: "map", node: n.id }), {
+                x: e.pageX,
+                y: e.pageY + 8
+              })
             },
             "Comment on this node"
           )
-        ),
+        ) : null,
         threads.length ? h(
           "div",
           { class: "thread-pins", style: { marginTop: "10px" } },
@@ -2644,6 +2672,12 @@
   // src/ui/views/coverage.ts
   init_dom();
   var SHOWN = 8;
+  var LABELS = [
+    ["explained", "anchored in the document"],
+    ["placed", "placed on the map only"],
+    ["searched", "matched by a recorded search only"],
+    ["uncovered", "not examined"]
+  ];
   function renderCoverage(root) {
     const cov = state.data?.coverage;
     if (!cov) {
@@ -2657,29 +2691,23 @@
       ]);
       return;
     }
-    append(root, [intro(cov), clusters(cov), links(cov), sharedNames(cov), unread(cov)]);
+    append(root, [intro(cov), searches(cov), clusters(cov), owners(cov)]);
   }
+  var count = (cov, s) => cov.states[s] ?? 0;
   function bar(cov) {
     const total = Math.max(cov.files.total, 1);
-    const seg = (n, cls, label2) => n ? h("span", {
+    const seg = (n, cls, label) => n ? h("span", {
       class: `cov-seg ${cls}`,
       style: { width: `${n / total * 100}%` },
-      title: `${n} ${label2}`
+      title: `${n} ${label}`
     }) : null;
     return h(
       "div",
       { class: "cov-bar" },
-      seg(cov.states.explained, "explained", "anchored in the document"),
-      seg(cov.states.placed, "placed", "placed on the map only"),
-      seg(cov.states.uncovered, "uncovered", "not examined")
+      LABELS.map(([s, label]) => seg(count(cov, s), s, label))
     );
   }
   function intro(cov) {
-    const key = [
-      [cov.states.explained, "explained", "anchored in the document"],
-      [cov.states.placed, "placed", "placed on the map only"],
-      [cov.states.uncovered, "uncovered", "not examined"]
-    ];
     return h(
       "div",
       { class: "cov-intro" },
@@ -2689,14 +2717,19 @@
         null,
         "A codebase does not fit in a short document, so this one selects. Here is the",
         " selection, counted rather than claimed: every file in scope at the pinned commit,",
-        " and which of the three states it is in."
+        " and which of the four states it is in."
       ),
       bar(cov),
       h(
         "div",
         { class: "cov-key" },
-        key.map(
-          ([n, cls, label2]) => h("span", { class: "cov-key-item" }, h("i", { class: `cov-dot ${cls}` }), `${n} ${label2}`)
+        LABELS.map(
+          ([s, label]) => h(
+            "span",
+            { class: "cov-key-item" },
+            h("i", { class: `cov-dot ${s}` }),
+            `${count(cov, s)} ${label}`
+          )
         )
       ),
       h(
@@ -2704,15 +2737,12 @@
         { class: "cov-facts" },
         fact("scope", cov.scope === "**" ? "the whole repository" : cov.scope),
         fact("commit", cov.commit.slice(0, 12)),
-        fact("files in scope", String(cov.files.total)),
-        fact("read by the code graph", `${cov.files.inGraph} of ${cov.files.total}`),
-        cov.unresolved ? fact("references the graph could not place", String(cov.unresolved)) : null,
-        cov.truncated ? fact("file list capped", "the graph is partial; treat every count as a floor") : null
+        fact("files in scope", String(cov.files.total))
       )
     );
   }
-  function fact(label2, value) {
-    return h("div", { class: "cov-fact" }, h("b", null, value), h("span", { class: "muted" }, label2));
+  function fact(label, value) {
+    return h("div", { class: "cov-fact" }, h("b", null, value), h("span", { class: "muted" }, label));
   }
   function fileList(files, cls) {
     if (!files.length) return null;
@@ -2733,9 +2763,49 @@
     }
     return wrap;
   }
+  function command(cov, s) {
+    const quote = (v) => `'${v.replace(/'/g, `'\\''`)}'`;
+    const paths = s.paths.map((p) => ` ${quote(p)}`).join("");
+    return `git grep -I -n -E -e ${quote(s.pattern)} ${cov.commit.slice(0, 12)} --${paths}`;
+  }
+  function searches(cov) {
+    const list = cov.searches ?? [];
+    if (!list.length) return null;
+    return h(
+      "div",
+      { class: "cov-section" },
+      h("h3", null, "What the agent searched"),
+      h(
+        "p",
+        { class: "muted" },
+        "Each search the agent recorded, re-run at the pinned commit. A search that matched",
+        " nothing is listed too: that zero is what a claim like \u201Cnothing else calls it\u201D rests on."
+      ),
+      h(
+        "div",
+        { class: "cov-links" },
+        list.map(
+          (s) => h(
+            "div",
+            { class: "cov-link" },
+            h("code", null, s.key),
+            s.why ? h("span", null, s.why) : null,
+            h(
+              "span",
+              { class: "muted mono" },
+              `${s.hits} line${s.hits === 1 ? "" : "s"} in ${s.files.length} file${s.files.length === 1 ? "" : "s"}`
+            ),
+            h("code", { class: "muted" }, command(cov, s)),
+            fileList(s.files, "searched")
+          )
+        )
+      )
+    );
+  }
   function clusterRow(c) {
     const anchors = state.data?.document?.anchors ?? {};
     const firstAnchor = c.explained.length ? Object.values(anchors).find((a) => a.peek && c.explained.includes(a.peek.file)) : void 0;
+    const badge = (files, cls, label) => files?.length ? h("span", { class: `badge cov-b-${cls}` }, `${files.length} ${label}`) : null;
     return h(
       "div",
       { class: "cov-cluster" },
@@ -2743,19 +2813,14 @@
         "div",
         { class: "cov-cluster-head" },
         h("code", { class: "cov-label" }, c.label),
-        h("span", { class: "muted" }, `${c.files} files \xB7 ${c.symbols} symbols`),
+        h("span", { class: "muted" }, `${c.files} files`),
         h("span", { class: "spacer" }),
-        c.explained.length ? h("span", { class: "badge cov-b-explained" }, `${c.explained.length} anchored`) : null,
-        c.placed.length ? h("span", { class: "badge cov-b-placed" }, `${c.placed.length} placed`) : null,
-        c.uncovered.length ? h("span", { class: "badge cov-b-uncovered" }, `${c.uncovered.length} not examined`) : null,
+        badge(c.explained, "explained", "anchored"),
+        badge(c.placed, "placed", "placed"),
+        badge(c.searched, "searched", "searched"),
+        badge(c.uncovered, "uncovered", "not examined"),
         firstAnchor ? h("button", { class: "small", onclick: () => openAnchorPeek(firstAnchor) }, "Peek code \u25B8") : null
       ),
-      c.hubs.length ? h(
-        "div",
-        { class: "muted cov-hubs" },
-        "most referenced here: ",
-        c.hubs.map((n) => h("code", null, n))
-      ) : null,
       fileList(c.uncovered, "uncovered")
     );
   }
@@ -2763,153 +2828,47 @@
     return h(
       "div",
       { class: "cov-section" },
-      h("h3", null, "By part of the system"),
+      h("h3", null, "By directory"),
       h(
         "p",
         { class: "muted" },
-        "Files clustered by how they reference each other at the pinned commit, largest first.",
-        " The files listed under a part are the ones this explainer never examined."
+        "The files in scope by the directory they sit in, largest first.",
+        " The files listed under a directory are the ones nothing in this explainer reached."
       ),
       cov.clusters.map(clusterRow)
     );
   }
-  function links(cov) {
-    if (!cov.links.length) return null;
+  function owners(cov) {
+    if (!cov.owners.length) return null;
     return h(
       "div",
       { class: "cov-section" },
-      h("h3", null, "What reaches what"),
+      h("h3", null, "What each map node owns"),
       h(
         "p",
         { class: "muted" },
-        "References that cross from one part to another, with how many there are.",
-        " A pair marked both ways references each other in both directions."
+        "A file counts as placed because a map node's globs match it. The globs are here",
+        " so a broad one is visible rather than silently inflating the count."
       ),
       h(
         "div",
         { class: "cov-links" },
-        cov.links.slice(0, 24).map(
-          (l) => h(
-            "div",
-            { class: "cov-link" },
-            h("code", null, label(cov, l.from)),
-            h("span", { class: "muted" }, "\u2192"),
-            h("code", null, label(cov, l.to)),
-            h("span", { class: "muted mono" }, `${l.references} refs`),
-            l.bothWays ? h("span", { class: "badge" }, "both ways") : null
-          )
-        )
-      )
-    );
-  }
-  function label(cov, id) {
-    return cov.clusters.find((c) => c.id === id)?.label ?? id;
-  }
-  function sharedNames(cov) {
-    if (!cov.sharedNames.length) return null;
-    return h(
-      "div",
-      { class: "cov-section" },
-      h("h3", null, "Names defined in more than one part"),
-      h(
-        "p",
-        { class: "muted" },
-        `${cov.sharedNamesTotal} name${cov.sharedNamesTotal === 1 ? " at this commit is" : "s at this commit are"}`,
-        " defined in two or more parts. What that means here - the same idea in two places,",
-        " two different ideas sharing a word, or a name too common to mean anything - is",
-        " what the code says and this page does not."
-      ),
-      h(
-        "div",
-        { class: "cov-shared" },
-        cov.sharedNames.map(
-          (n) => h(
+        cov.owners.map(
+          (o) => h(
             "div",
-            { class: "cov-link" },
-            h("code", null, n.name),
-            h("span", { class: "muted mono" }, `${n.clusters.length} parts`),
-            h("span", { class: "muted" }, n.files.join(" \xB7 "))
+            {
+              class: "cov-link",
+              onclick: () => navigate("map", { node: o.node }),
+              style: { cursor: "pointer" }
+            },
+            h("code", null, o.node),
+            h("span", { class: "muted" }, o.globs.join(" ")),
+            h("span", { class: "muted mono" }, `${o.files} files`)
           )
         )
       )
     );
   }
-  function unread(cov) {
-    if (!cov.outsideGraph.length && !cov.files.capped && !cov.owners.length) return null;
-    return h(
-      "div",
-      { class: "cov-section" },
-      h("h3", null, "Outside the code graph"),
-      cov.outsideGraph.length ? h(
-        "div",
-        null,
-        h(
-          "p",
-          { class: "muted" },
-          `${cov.files.outsideGraph} files in scope are not in a language the graph reads,`,
-          " so they are in no part above. They are absent from the structure, not empty."
-        ),
-        h(
-          "div",
-          { class: "cov-links" },
-          cov.outsideGraph.slice(0, 16).map(
-            (e) => h(
-              "div",
-              { class: "cov-link" },
-              h("code", null, `.${e.extension}`),
-              h("span", { class: "muted mono" }, `${e.files} files`)
-            )
-          )
-        ),
-        fileList(
-          cov.unclustered.filter((u) => u.state === "uncovered" && u.reason === "outsideGraph").map((u) => u.file),
-          "uncovered"
-        )
-      ) : null,
-      cov.files.capped ? h(
-        "div",
-        null,
-        h(
-          "p",
-          { class: "muted" },
-          `${cov.files.capped} files in scope are in a language the graph reads, but the`,
-          " repo-wide file cap was hit before this scope was read, so they were never parsed."
-        ),
-        fileList(
-          cov.unclustered.filter((u) => u.state === "uncovered" && u.reason === "capped").map((u) => u.file),
-          "uncovered"
-        )
-      ) : null,
-      cov.owners.length ? h(
-        "div",
-        null,
-        h("h4", null, "What each map node owns"),
-        h(
-          "p",
-          { class: "muted" },
-          "A file counts as placed because a map node's globs match it. The globs are here",
-          " so a broad one is visible rather than silently inflating the count."
-        ),
-        h(
-          "div",
-          { class: "cov-links" },
-          cov.owners.map(
-            (o) => h(
-              "div",
-              {
-                class: "cov-link",
-                onclick: () => navigate("map", { node: o.node }),
-                style: { cursor: "pointer" }
-              },
-              h("code", null, o.node),
-              h("span", { class: "muted" }, o.globs.join(" ")),
-              h("span", { class: "muted mono" }, `${o.files} files`)
-            )
-          )
-        )
-      ) : null
-    );
-  }
 
   // src/ui/app.ts
   var app = document.getElementById("app");
@@ -3069,10 +3028,10 @@
         )
       );
     const identity = h("div", { class: "bar-row bar-identity" }, [
-      h("a", { href: "/", class: "brand", title: "All reviews" }, "thurview"),
+      published ? h("span", { class: "brand" }, "thurview") : h("a", { href: "/", class: "brand", title: "All reviews" }, "thurview"),
       h("span", { class: "title", title: r.title }, r.title),
       h("span", { class: `badge ${statusClass2(r.status)}` }, r.status),
-      r.revision > 1 ? revSel : h("span", { class: "badge bar-rev" }, `rev ${r.revision}`),
+      r.revision > 1 && !published ? revSel : h("span", { class: "badge bar-rev" }, `rev ${r.revision}`),
       h(
         "span",
         {
@@ -3088,7 +3047,7 @@
         "div",
         { class: "tabs" },
         tabs.map(
-          ([v, label2]) => h("button", { class: v === current2 ? "active" : "", onclick: () => navigate(v) }, label2)
+          ([v, label]) => h("button", { class: v === current2 ? "active" : "", onclick: () => navigate(v) }, label)
         )
       ),
       h("span", { class: "spacer" }),
@@ -3103,12 +3062,12 @@
         },
         `Threads${open ? ` \xB7 ${open}` : ""}`
       ),
-      isTerminal() || state.viewingRevision !== null ? null : h(
+      readOnly() ? null : h(
         "button",
         { class: pending ? "primary" : "ok", onclick: () => submitDialog() },
         pending ? `Submit${pending ? ` (${pending})` : ""}` : "Decide"
       ),
-      h(
+      published ? null : h(
         "button",
         { class: "ghost bar-more", title: "More", onclick: (e) => moreMenu(e) },
         "\u22EF"
@@ -3215,7 +3174,12 @@
     banner.hidden = true;
     clear(banner);
     const d = state.data;
-    if (state.viewingRevision !== null) {
+    if (published) {
+      banner.hidden = false;
+      banner.append(
+        `Published copy of revision ${d.review.revision}, ${d.review.status}. Read only: nothing here reaches the agent.`
+      );
+    } else if (state.viewingRevision !== null) {
       banner.hidden = false;
       banner.append(
         `Viewing revision ${state.viewingRevision} of ${d.review.revision}. Read only.`,
@@ -3344,11 +3308,16 @@
     });
     window.matchMedia(NARROW).addEventListener("change", () => emit("view"));
     emit("data");
+    if (published) {
+      document.documentElement.classList.add("published");
+      return;
+    }
     connectEvents();
     pollPresence();
   }
   var m = /^\/review\/([^/]+)/.exec(location.pathname);
-  if (m) void reviewPage(m[1]);
+  if (published) void reviewPage(published.payload.review.id);
+  else if (m) void reviewPage(m[1]);
   else void home();
 })();
 //# sourceMappingURL=app.js.map