@wenathlan/extension 1.1.62 → 1.1.64

package/extension/dist/sidepanel.js

@@ -781,10 +781,10 @@ function renderreader(capture) {
   title.textContent = `${capture.article.title || "Untitled"}${capture.article.byline ? ` \xB7 ${capture.article.byline}` : ""} \xB7 ${capture.article.words} words \xB7 ${capture.article.blocks.length} blocks`;
   readerroot.append(title);
   for (const block of capture.article.blocks.slice(0, 40)) {
-    const line = document.createElement("p");
-    line.className = /^h\d$/.test(block.kind) ? "readerblock heading" : "readerblock";
-    line.textContent = `${block.kind}: ${block.text.slice(0, 200)}`;
-    readerroot.append(line);
+    const line2 = document.createElement("p");
+    line2.className = /^h\d$/.test(block.kind) ? "readerblock heading" : "readerblock";
+    line2.textContent = `${block.kind}: ${block.text.slice(0, 200)}`;
+    readerroot.append(line2);
   }
 }
 function renderdetections(plan, outcomes) {
@@ -978,9 +978,9 @@ function rendernavigation(context) {
       title.textContent = `${list.links.length} curated url${list.links.length === 1 ? "" : "s"}${list.reviewedat ? " \xB7 opened after review" : " \xB7 waiting for review"}`;
       card.append(title);
       for (const link of list.links.slice(0, 8)) {
-        const line = document.createElement("p");
-        line.textContent = `${link.verdict === "safe" ? "\u2713" : "\u2717"} ${link.url}${link.reasons.length > 0 ? ` \xB7 ${link.reasons.join("; ")}` : ""}`;
-        card.append(line);
+        const line2 = document.createElement("p");
+        line2.textContent = `${link.verdict === "safe" ? "\u2713" : "\u2717"} ${link.url}${link.reasons.length > 0 ? ` \xB7 ${link.reasons.join("; ")}` : ""}`;
+        card.append(line2);
       }
       navigationroot.append(card);
     }
@@ -1471,13 +1471,13 @@ function renderdatasets(context) {
         const sorted = sortrows(datasetvalue.rows.slice(0, 5), column.key, cell.dataset.sorted === "asc" ? "desc" : "asc");
         cell.dataset.sorted = cell.dataset.sorted === "asc" ? "desc" : "asc";
         body2.replaceChildren(...sorted.map((row) => {
-          const line = document.createElement("tr");
+          const line2 = document.createElement("tr");
           for (const columnspec of datasetvalue.columns.slice(0, 6)) {
             const value = document.createElement("td");
             value.textContent = row[columnspec.key] ?? "";
-            line.append(value);
+            line2.append(value);
           }
-          return line;
+          return line2;
         }));
       });
       headerrow.append(cell);
@@ -1485,13 +1485,13 @@ function renderdatasets(context) {
     grid.append(headerrow);
     const body = document.createElement("tbody");
     for (const row of datasetvalue.rows.slice(0, 5)) {
-      const line = document.createElement("tr");
+      const line2 = document.createElement("tr");
       for (const column of datasetvalue.columns.slice(0, 6)) {
         const cell = document.createElement("td");
         cell.textContent = row[column.key] ?? "";
-        line.append(cell);
+        line2.append(cell);
       }
-      body.append(line);
+      body.append(line2);
     }
     grid.append(body);
     card.append(grid);
@@ -2618,10 +2618,10 @@ function renderconsolediff() {
   headline.textContent = `Run ${lastdiff.base} became run ${lastdiff.target}: ${lastdiff.added} added, ${lastdiff.removed} removed and ${lastdiff.repeated} repeated.`;
   const list = document.createElement("ul");
   list.className = "audit";
-  for (const line of lastdiff.lines.slice(0, 80)) {
+  for (const line2 of lastdiff.lines.slice(0, 80)) {
     const item = document.createElement("li");
-    item.className = `diffrow ${line.kind}`;
-    item.textContent = `${line.kind}${line.count !== void 0 ? ` \xD7${line.count}` : ""}: ${line.text}`;
+    item.className = `diffrow ${line2.kind}`;
+    item.textContent = `${line2.kind}${line2.count !== void 0 ? ` \xD7${line2.count}` : ""}: ${line2.text}`;
     list.append(item);
   }
   consolediffroot.append(headline, list);
@@ -2794,9 +2794,9 @@ function renderemulation(context) {
     const row = document.createElement("div");
     row.className = "emulationrow";
     row.dataset.stacked = active.length > 1 ? "true" : "false";
-    const line = document.createElement("p");
-    line.textContent = `${layer.family} layer ${layer.name} on ${layer.originscope} applied ${new Date(layer.appliedat).toLocaleTimeString()} with the revert plan ${layer.revertplan.join(", ")}.`;
-    row.append(line, button("Revert now", () => request({ kind: "revertemulation" }).then(() => {
+    const line2 = document.createElement("p");
+    line2.textContent = `${layer.family} layer ${layer.name} on ${layer.originscope} applied ${new Date(layer.appliedat).toLocaleTimeString()} with the revert plan ${layer.revertplan.join(", ")}.`;
+    row.append(line2, button("Revert now", () => request({ kind: "revertemulation" }).then(() => {
       status("Reverted every active emulation layer of the run on review panel demand.");
       return refresh();
     })));
@@ -2826,9 +2826,9 @@ function renderemulation(context) {
       continue;
     }
     for (const preset of family.presets) {
-      const line = document.createElement("p");
-      line.textContent = preset.label;
-      emulationroot.append(line);
+      const line2 = document.createElement("p");
+      line2.textContent = preset.label;
+      emulationroot.append(line2);
     }
   }
   const editor = document.createElement("details");
@@ -2888,9 +2888,9 @@ function renderemulation(context) {
     head.textContent = "blackboxed patterns of the run";
     emulationroot.append(head);
     for (const entry of blackbox) {
-      const line = document.createElement("p");
-      line.textContent = `${entry.origin}: ${entry.rules.flatMap((rule) => rule.urlpatterns).join(", ")} (${entry.rules.map((rule) => rule.tracescope).join(", ")} scope)`;
-      emulationroot.append(line);
+      const line2 = document.createElement("p");
+      line2.textContent = `${entry.origin}: ${entry.rules.flatMap((rule) => rule.urlpatterns).join(", ")} (${entry.rules.map((rule) => rule.tracescope).join(", ")} scope)`;
+      emulationroot.append(line2);
     }
   }
   const restored = emulation.permissions.filter((record) => record.restoredat === void 0);
@@ -2899,9 +2899,9 @@ function renderemulation(context) {
     head.textContent = "permission overrides pending restore";
     emulationroot.append(head);
     for (const record of restored) {
-      const line = document.createElement("p");
-      line.textContent = `${record.name} of ${record.origin} answered ${record.state} for run ${record.runid}; the prior ${record.priorstate} state restores at run end.`;
-      emulationroot.append(line);
+      const line2 = document.createElement("p");
+      line2.textContent = `${record.name} of ${record.origin} answered ${record.state} for run ${record.runid}; the prior ${record.priorstate} state restores at run end.`;
+      emulationroot.append(line2);
     }
   }
   const retentionrow = document.createElement("p");
@@ -2945,6 +2945,7 @@ async function refresh() {
   renderagents(context);
   renderenvironments(context);
   rendersecurity(context);
+  rendersessioninterface(context);
   renderconsolediff();
   renderaudit(context.audit);
   rendercapabilities(context.capabilities);
@@ -3253,10 +3254,10 @@ function rendersessions(context) {
       summary.textContent = `Latest session diff (${diff.changes.length} changes)`;
       diffview.append(summary);
       for (const change of diff.changes) {
-        const line = document.createElement("p");
-        line.textContent = `${change.class} ${change.subject}: ${change.detail}`;
-        line.dataset.class = change.class;
-        diffview.append(line);
+        const line2 = document.createElement("p");
+        line2.textContent = `${change.class} ${change.subject}: ${change.detail}`;
+        line2.dataset.class = change.class;
+        diffview.append(line2);
       }
       sessionsroot.append(diffview);
     }
@@ -3305,19 +3306,19 @@ function renderrestorereview(record) {
   title.textContent = `Restore review of ${record.name}: ${record.tabs.length} tabs, ${record.tabs.reduce((total, tab) => total + tab.forms.length, 0)} captured form fields, ${record.captures.length} linked captures.`;
   review.append(title);
   for (const tab of record.tabs) {
-    const line = document.createElement("p");
-    line.textContent = `Tab ${tab.index}: ${tab.title || tab.url} \xB7 ${tab.forms.length} form fields \xB7 scroll ${tab.scrollx},${tab.scrolly}`;
-    review.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `Tab ${tab.index}: ${tab.title || tab.url} \xB7 ${tab.forms.length} form fields \xB7 scroll ${tab.scrollx},${tab.scrolly}`;
+    review.append(line2);
   }
   for (const entry of record.storage) {
-    const line = document.createElement("p");
-    line.textContent = `Local storage of ${entry.origin}: ${entry.keys.length} keys captured.`;
-    review.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `Local storage of ${entry.origin}: ${entry.keys.length} keys captured.`;
+    review.append(line2);
   }
   for (const entry of record.cookies) {
-    const line = document.createElement("p");
-    line.textContent = `Cookies of ${entry.origin}: ${entry.names.length} names captured, values held back.`;
-    review.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `Cookies of ${entry.origin}: ${entry.names.length} names captured, values held back.`;
+    review.append(line2);
   }
   review.append(button("Approve restore", async () => {
     const result = await request({ kind: "approverestore", sessionid: record.id });
@@ -3350,11 +3351,11 @@ function rendercontroldecision(entry) {
   summary.textContent = `control flow \xB7 ${control?.kind ?? "decision"} \xB7 ${entry.summary}`;
   block.append(summary);
   if (control?.branch !== void 0) {
-    const line = document.createElement("p");
-    line.textContent = `Chose the path ${control.branch.path}: ${control.branch.reason}`;
-    line.dataset.class = "added";
-    line.dataset.branch = control.branch.path;
-    block.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `Chose the path ${control.branch.path}: ${control.branch.reason}`;
+    line2.dataset.class = "added";
+    line2.dataset.branch = control.branch.path;
+    block.append(line2);
   }
   if (control?.loops !== void 0 && control.loops.length > 0) {
     const group = document.createElement("details");
@@ -3363,28 +3364,28 @@ function rendercontroldecision(entry) {
     groupsummary.textContent = `Loop iterations (${control.loops.length})`;
     group.append(groupsummary);
     for (const counter of control.loops) {
-      const line = document.createElement("p");
-      line.textContent = `${counter.path} \xB7 ${counter.ok ? "completed" : "failed"}`;
-      line.dataset.class = counter.ok ? "added" : "changed";
-      group.append(line);
+      const line2 = document.createElement("p");
+      line2.textContent = `${counter.path} \xB7 ${counter.ok ? "completed" : "failed"}`;
+      line2.dataset.class = counter.ok ? "added" : "changed";
+      group.append(line2);
     }
     block.append(group);
   }
   if (control?.retries !== void 0 && control.retries.length > 0) {
     for (const attempt of control.retries) {
-      const line = document.createElement("p");
-      line.textContent = `Retry attempt ${attempt.attempt} after a ${attempt.delay} ms backoff countdown for the ${attempt.errorclass} error class.`;
-      line.dataset.class = "changed";
-      block.append(line);
+      const line2 = document.createElement("p");
+      line2.textContent = `Retry attempt ${attempt.attempt} after a ${attempt.delay} ms backoff countdown for the ${attempt.errorclass} error class.`;
+      line2.dataset.class = "changed";
+      block.append(line2);
     }
   }
   if (control?.timeouts !== void 0 && control.timeouts.length > 0) {
     for (const abort of control.timeouts) {
-      const line = document.createElement("p");
-      line.textContent = `Timeout abort: the ${abort.scope} exceeded its reviewed budget of ${abort.budget} milliseconds.`;
-      line.dataset.class = "changed";
-      line.dataset.timeout = "true";
-      block.append(line);
+      const line2 = document.createElement("p");
+      line2.textContent = `Timeout abort: the ${abort.scope} exceeded its reviewed budget of ${abort.budget} milliseconds.`;
+      line2.dataset.class = "changed";
+      line2.dataset.timeout = "true";
+      block.append(line2);
     }
   }
   if (control?.branches !== void 0 && control.branches.length > 0) {
@@ -3402,16 +3403,16 @@ function rendercontroldecision(entry) {
     block.append(lanes);
   }
   if (control?.join !== void 0) {
-    const line = document.createElement("p");
-    line.textContent = `Join under the ${control.join.strategy} strategy merged ${control.join.merged.join(", ") || "no variable"}${control.join.conflicts.length > 0 ? ` with the conflicts ${control.join.conflicts.join(", ")}` : " with no conflict"}.`;
-    line.dataset.class = control.join.conflicts.length > 0 ? "changed" : "added";
-    block.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `Join under the ${control.join.strategy} strategy merged ${control.join.merged.join(", ") || "no variable"}${control.join.conflicts.length > 0 ? ` with the conflicts ${control.join.conflicts.join(", ")}` : " with no conflict"}.`;
+    line2.dataset.class = control.join.conflicts.length > 0 ? "changed" : "added";
+    block.append(line2);
   }
   if (control?.catch !== void 0) {
-    const line = document.createElement("p");
-    line.textContent = `The catch handler ran after the ${control.catch.errorclass} failure${control.catch.rerun ? " and reran the fragile body" : ""}.`;
-    line.dataset.class = "changed";
-    block.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `The catch handler ran after the ${control.catch.errorclass} failure${control.catch.rerun ? " and reran the fragile body" : ""}.`;
+    line2.dataset.class = "changed";
+    block.append(line2);
   }
   return block;
 }
@@ -3491,9 +3492,9 @@ function renderworkflows(context) {
     review.append(headline);
     const list = document.createElement("ol");
     for (const step of workflowview.review.steps) {
-      const line = document.createElement("li");
-      line.textContent = `${step.label} (${step.kind}${step.block !== void 0 ? ` \xB7 block ${step.block}` : ""}${step.target !== void 0 ? ` \xB7 ${step.target}` : ""}${step.expression !== void 0 ? ` \xB7 expression ${step.expression.operator} into ${step.expression.result}` : ""}${step.extract !== void 0 && step.extract.groups.length > 0 ? ` \xB7 extracts ${step.extract.groups.join(", ")}` : ""}${Array.isArray(step.bindings) && step.bindings.length > 0 ? ` \xB7 ${step.bindings.length} binding${step.bindings.length === 1 ? "" : "s"}` : ""}${controlreviewtext(step.control)}`;
-      list.append(line);
+      const line2 = document.createElement("li");
+      line2.textContent = `${step.label} (${step.kind}${step.block !== void 0 ? ` \xB7 block ${step.block}` : ""}${step.target !== void 0 ? ` \xB7 ${step.target}` : ""}${step.expression !== void 0 ? ` \xB7 expression ${step.expression.operator} into ${step.expression.result}` : ""}${step.extract !== void 0 && step.extract.groups.length > 0 ? ` \xB7 extracts ${step.extract.groups.join(", ")}` : ""}${Array.isArray(step.bindings) && step.bindings.length > 0 ? ` \xB7 ${step.bindings.length} binding${step.bindings.length === 1 ? "" : "s"}` : ""}${controlreviewtext(step.control)}`;
+      list.append(line2);
       if (step.control !== void 0 && (step.control.kind === "loop" || step.control.kind === "repeatuntil")) {
         const boundrow = document.createElement("div");
         boundrow.className = "actions";
@@ -3554,12 +3555,12 @@ function renderworkflows(context) {
     if (record) {
       const steps = document.createElement("ol");
       for (const [index, step] of record.steps.entries()) {
-        const line = document.createElement("li");
+        const line2 = document.createElement("li");
         const entry = state?.log.find((candidate) => candidate.stepid === step.id);
         const done = index < latest.cursor;
-        line.textContent = `${step.label} (${step.kind}${step.block !== void 0 ? ` \xB7 block ${step.block}` : ""})${done ? ` \xB7 done${entry?.checkpoint === true ? " \xB7 checkpointed" : ""}` : ""}${entry !== void 0 ? ` \xB7 ${entry.state}: ${entry.summary}` : ""}`;
-        line.dataset.class = entry?.state === "failed" || entry?.state === "refused" ? "changed" : done ? "added" : "unavailable";
-        if (step.block !== void 0 && index === latest.cursor) line.dataset.blockactive = "true";
+        line2.textContent = `${step.label} (${step.kind}${step.block !== void 0 ? ` \xB7 block ${step.block}` : ""})${done ? ` \xB7 done${entry?.checkpoint === true ? " \xB7 checkpointed" : ""}` : ""}${entry !== void 0 ? ` \xB7 ${entry.state}: ${entry.summary}` : ""}`;
+        line2.dataset.class = entry?.state === "failed" || entry?.state === "refused" ? "changed" : done ? "added" : "unavailable";
+        if (step.block !== void 0 && index === latest.cursor) line2.dataset.blockactive = "true";
         const singlestep = document.createElement("div");
         singlestep.className = "actions";
         singlestep.append(button("Run single step", async () => {
@@ -3567,17 +3568,17 @@ function renderworkflows(context) {
           status(outcome.steps[0] ? `Single step ${outcome.steps[0].state}: ${outcome.steps[0].summary}` : "The single step returned no outcome.");
           await refresh();
         }));
-        line.append(singlestep);
-        steps.append(line);
+        line2.append(singlestep);
+        steps.append(line2);
       }
       timeline.append(steps);
     }
     const runlog = document.createElement("div");
     for (const entry of state?.log ?? []) {
-      const line = document.createElement("p");
-      line.textContent = `${entry.state} \xB7 ${entry.label} \xB7 ${entry.duration} ms${entry.produced !== void 0 && entry.produced.length > 0 ? ` \xB7 produced ${entry.produced.join(", ")}` : ""}${entry.consumed !== void 0 && entry.consumed.length > 0 ? ` \xB7 consumed ${entry.consumed.join(", ")}` : ""} \xB7 ${entry.summary}`;
-      line.dataset.class = entry.state === "failed" || entry.state === "refused" ? "changed" : "added";
-      runlog.append(line);
+      const line2 = document.createElement("p");
+      line2.textContent = `${entry.state} \xB7 ${entry.label} \xB7 ${entry.duration} ms${entry.produced !== void 0 && entry.produced.length > 0 ? ` \xB7 produced ${entry.produced.join(", ")}` : ""}${entry.consumed !== void 0 && entry.consumed.length > 0 ? ` \xB7 consumed ${entry.consumed.join(", ")}` : ""} \xB7 ${entry.summary}`;
+      line2.dataset.class = entry.state === "failed" || entry.state === "refused" ? "changed" : "added";
+      runlog.append(line2);
       if (entry.details !== void 0 && entry.details.control !== void 0) runlog.append(rendercontroldecision(entry));
     }
     timeline.append(runlog);
@@ -3590,9 +3591,9 @@ function renderworkflows(context) {
       scopesummary.textContent = `Variables per scope (${scopes.reduce((total, scope) => total + scope.variables.length, 0)} values)`;
       scopeview.append(scopesummary);
       for (const scope of scopes) {
-        const line = document.createElement("p");
-        line.textContent = `Scope ${scope.name}${scope.parent !== void 0 ? ` (child of ${scope.parent})` : ""}: ${scope.variables.length === 0 ? "no variable" : scope.variables.map((variable) => `${variable.name} = ${Array.isArray(variable.value) ? `[${variable.value.join(", ")}]` : String(variable.value)} (${variable.kind})`).join(" \xB7 ")}`;
-        scopeview.append(line);
+        const line2 = document.createElement("p");
+        line2.textContent = `Scope ${scope.name}${scope.parent !== void 0 ? ` (child of ${scope.parent})` : ""}: ${scope.variables.length === 0 ? "no variable" : scope.variables.map((variable) => `${variable.name} = ${Array.isArray(variable.value) ? `[${variable.value.join(", ")}]` : String(variable.value)} (${variable.kind})`).join(" \xB7 ")}`;
+        scopeview.append(line2);
       }
       workflowsroot.append(scopeview);
     }
@@ -3604,9 +3605,9 @@ function renderworkflows(context) {
       provsummary.textContent = `Provenance (${provenance.length} entries)`;
       provenanceview.append(provsummary);
       for (const entry of provenance.slice(-12)) {
-        const line = document.createElement("p");
-        line.textContent = `${entry.kind} \xB7 ${entry.name} = ${Array.isArray(entry.value) ? `[${entry.value.join(", ")}]` : String(entry.value)}`;
-        provenanceview.append(line);
+        const line2 = document.createElement("p");
+        line2.textContent = `${entry.kind} \xB7 ${entry.name} = ${Array.isArray(entry.value) ? `[${entry.value.join(", ")}]` : String(entry.value)}`;
+        provenanceview.append(line2);
       }
       workflowsroot.append(provenanceview);
     }
@@ -3911,9 +3912,9 @@ function renderworkfloweditor(context) {
     if (results.length > 0) {
       const list = document.createElement("ul");
       for (const result of results) {
-        const line = document.createElement("li");
-        line.textContent = `${result.label} (${result.kind}) matched ${result.matched.join(", ")}`;
-        list.append(line);
+        const line2 = document.createElement("li");
+        line2.textContent = `${result.label} (${result.kind}) matched ${result.matched.join(", ")}`;
+        list.append(line2);
       }
       canvascard.append(list);
     }
@@ -3967,9 +3968,9 @@ function renderworkfloweditor(context) {
         bindingssummary.textContent = `Bindings and nested params (${model.edges.filter((edge) => edge.to === inspectedstep.id || edge.from === inspectedstep.id).length} edges)`;
         bindings.append(bindingssummary);
         for (const edge of model.edges.filter((candidate) => candidate.to === inspectedstep?.id)) {
-          const line = document.createElement("p");
-          line.textContent = `${edge.variable} (${edge.kind}) from ${edge.from}${edge.path !== void 0 ? ` path ${edge.path}` : ""}`;
-          line.append(" ", button("Remove binding", async () => {
+          const line2 = document.createElement("p");
+          line2.textContent = `${edge.variable} (${edge.kind}) from ${edge.from}${edge.path !== void 0 ? ` path ${edge.path}` : ""}`;
+          line2.append(" ", button("Remove binding", async () => {
             if (editorview.model === void 0) return;
             try {
               editorview.model = removeedge(editorview.model, edge.from, edge.to, edge.variable);
@@ -3979,7 +3980,7 @@ function renderworkfloweditor(context) {
             }
             await refresh();
           }));
-          bindings.append(line);
+          bindings.append(line2);
         }
         const source = document.createElement("select");
         for (const node of model.nodes) {
@@ -4147,9 +4148,9 @@ function renderworkfloweditor(context) {
       palettebody.append(head);
       const list = document.createElement("ul");
       for (const entry of kinds) {
-        const line = document.createElement("li");
-        line.textContent = `${entry.kind}${entry.optionschema.length > 0 ? ` \xB7 options: ${entry.optionschema.map((option) => `${option.name} ${option.kind}${option.required === true ? " (required)" : ""}`).join(", ")}` : ""}`;
-        list.append(line);
+        const line2 = document.createElement("li");
+        line2.textContent = `${entry.kind}${entry.optionschema.length > 0 ? ` \xB7 options: ${entry.optionschema.map((option) => `${option.name} ${option.kind}${option.required === true ? " (required)" : ""}`).join(", ")}` : ""}`;
+        list.append(line2);
       }
       palettebody.append(list);
     }
@@ -4165,10 +4166,10 @@ function renderworkfloweditor(context) {
     versionsummary.textContent = `Version timeline (${editor.versions.filter((entry) => entry.workflowid === editorview.workflowid).length} versions of this workflow)`;
     versioncard.append(versionsummary);
     for (const version of editor.versions.filter((entry) => entry.workflowid === editorview.workflowid)) {
-      const line = document.createElement("p");
-      line.className = "diffrow";
-      line.textContent = `v${version.version} \xB7 ${new Date(version.createdat).toISOString()} \xB7 ${version.steps} steps \xB7 ${version.risk ?? "ungraded"}${version.rollback === true ? " \xB7 rollback" : ""} \xB7 ${version.note}`;
-      line.append(" ", button("Roll back here", async () => {
+      const line2 = document.createElement("p");
+      line2.className = "diffrow";
+      line2.textContent = `v${version.version} \xB7 ${new Date(version.createdat).toISOString()} \xB7 ${version.steps} steps \xB7 ${version.risk ?? "ungraded"}${version.rollback === true ? " \xB7 rollback" : ""} \xB7 ${version.note}`;
+      line2.append(" ", button("Roll back here", async () => {
         try {
           const rolled = await request({ kind: "rollbackversion", workflowid: editorview.workflowid, version: version.version });
           status(`Rolled back to v${version.version}; stored as v${rolled.version} and ${rolled.reviewstate} until the rollback review approves it.`);
@@ -4177,7 +4178,7 @@ function renderworkfloweditor(context) {
         }
         await refresh();
       }));
-      versioncard.append(line);
+      versioncard.append(line2);
     }
     const diffrow = document.createElement("div");
     diffrow.className = "actions";
@@ -4208,25 +4209,25 @@ function renderworkfloweditor(context) {
       headline.textContent = `Version diff v${diff.from} \u2192 v${diff.to}`;
       card.append(headline);
       for (const added of diff.added) {
-        const line = document.createElement("p");
-        line.className = "diffrow";
-        line.dataset.class = "added";
-        line.textContent = `+ ${added.stepid} (${added.kind}) ${added.label}`;
-        card.append(line);
+        const line2 = document.createElement("p");
+        line2.className = "diffrow";
+        line2.dataset.class = "added";
+        line2.textContent = `+ ${added.stepid} (${added.kind}) ${added.label}`;
+        card.append(line2);
       }
       for (const removed of diff.removed) {
-        const line = document.createElement("p");
-        line.className = "diffrow";
-        line.dataset.class = "removed";
-        line.textContent = `- ${removed.stepid} (${removed.kind}) ${removed.label}`;
-        card.append(line);
+        const line2 = document.createElement("p");
+        line2.className = "diffrow";
+        line2.dataset.class = "removed";
+        line2.textContent = `- ${removed.stepid} (${removed.kind}) ${removed.label}`;
+        card.append(line2);
       }
       for (const changed of diff.changed) {
-        const line = document.createElement("p");
-        line.className = "diffrow";
-        line.dataset.class = "changed";
-        line.textContent = `~ ${changed.stepid} (${changed.kind}) ${changed.label}: ${changed.changes.join(", ")}`;
-        card.append(line);
+        const line2 = document.createElement("p");
+        line2.className = "diffrow";
+        line2.dataset.class = "changed";
+        line2.textContent = `~ ${changed.stepid} (${changed.kind}) ${changed.label}: ${changed.changes.join(", ")}`;
+        card.append(line2);
       }
       card.append(button("Close diff", async () => {
         editorview.diff = void 0;
@@ -4258,10 +4259,10 @@ function renderworkfloweditor(context) {
     logcard.append(logsummary);
     const breakpoints = /* @__PURE__ */ new Set([...editor?.breakpoints ?? [], ...context.workflow.workflows.find((record) => record.id === editorview.workflowid)?.steps.flatMap((step) => step.breakpoint === true ? [step.id] : []) ?? []]);
     for (const entry of context.workflow.log) {
-      const line = document.createElement("p");
-      line.textContent = `${entry.state} \xB7 ${entry.label}${breakpoints.has(entry.stepid) ? " \xB7 breakpoint" : ""} \xB7 ${entry.duration} ms \xB7 ${entry.summary}`;
-      line.dataset.class = entry.state === "failed" || entry.state === "refused" ? "changed" : "added";
-      logcard.append(line);
+      const line2 = document.createElement("p");
+      line2.textContent = `${entry.state} \xB7 ${entry.label}${breakpoints.has(entry.stepid) ? " \xB7 breakpoint" : ""} \xB7 ${entry.duration} ms \xB7 ${entry.summary}`;
+      line2.dataset.class = entry.state === "failed" || entry.state === "refused" ? "changed" : "added";
+      logcard.append(line2);
     }
     if (context.workflow.log.length === 0) {
       const empty = document.createElement("p");
@@ -4269,9 +4270,9 @@ function renderworkfloweditor(context) {
       logcard.append(empty);
     }
     for (const scope of context.workflow.scopes) {
-      const line = document.createElement("p");
-      line.textContent = `Scope ${scope.name}: ${scope.variables.length === 0 ? "no variable" : scope.variables.map((variable) => `${variable.name} = ${Array.isArray(variable.value) ? `[${variable.value.join(", ")}]` : String(variable.value)} (${variable.kind})`).join(" \xB7 ")}`;
-      logcard.append(line);
+      const line2 = document.createElement("p");
+      line2.textContent = `Scope ${scope.name}: ${scope.variables.length === 0 ? "no variable" : scope.variables.map((variable) => `${variable.name} = ${Array.isArray(variable.value) ? `[${variable.value.join(", ")}]` : String(variable.value)} (${variable.kind})`).join(" \xB7 ")}`;
+      logcard.append(line2);
     }
     workfloweditorroot.append(logcard);
   }
@@ -4318,13 +4319,13 @@ function renderworkfloweditor(context) {
   historycard.append(historyfilters);
   const historyentries = editorview.history ?? editor?.history ?? [];
   for (const entry of historyentries.slice(0, 40)) {
-    const line = document.createElement("div");
-    line.className = "historyrow";
-    line.dataset.outcome = entry.outcome;
+    const line2 = document.createElement("div");
+    line2.className = "historyrow";
+    line2.dataset.outcome = entry.outcome;
     const detail = document.createElement("p");
     detail.textContent = `${entry.outcome} \xB7 ${entry.steps}/${entry.total} steps \xB7 ${entry.duration} ms \xB7 ${entry.cause}${entry.dryrun === true ? " \xB7 dry run" : ""} \xB7 ${new Date(entry.startedat).toISOString()}`;
-    line.append(detail);
-    historycard.append(line);
+    line2.append(detail);
+    historycard.append(line2);
   }
   workfloweditorroot.append(historycard);
   const filecard = document.createElement("details");
@@ -4371,9 +4372,9 @@ function renderworkfloweditor(context) {
     review.append(headline);
     const list = document.createElement("ol");
     for (const step of editorview.importreview.steps) {
-      const line = document.createElement("li");
-      line.textContent = `${step.label} (${step.kind}${step.block !== void 0 ? ` \xB7 block ${step.block}` : ""}${step.target !== void 0 ? ` \xB7 ${step.target}` : ""})`;
-      list.append(line);
+      const line2 = document.createElement("li");
+      line2.textContent = `${step.label} (${step.kind}${step.block !== void 0 ? ` \xB7 block ${step.block}` : ""}${step.target !== void 0 ? ` \xB7 ${step.target}` : ""})`;
+      list.append(line2);
     }
     review.append(list);
     review.append(button("Approve import", async () => {
@@ -4398,9 +4399,9 @@ function renderworkfloweditor(context) {
     filecard.append(review);
   }
   for (const pending of editor?.imports ?? []) {
-    const line = document.createElement("p");
-    line.textContent = `Pending import ${pending.name} v${pending.version} (${pending.steps} steps, ${pending.risk})${pending.filename !== void 0 ? ` from ${pending.filename}` : ""}`;
-    line.append(" ", button("Review steps", async () => {
+    const line2 = document.createElement("p");
+    line2.textContent = `Pending import ${pending.name} v${pending.version} (${pending.steps} steps, ${pending.risk})${pending.filename !== void 0 ? ` from ${pending.filename}` : ""}`;
+    line2.append(" ", button("Review steps", async () => {
       try {
         const steps = await request({ kind: "workflowreview", workflowid: pending.workflowid });
         editorview.importreview = { importid: pending.id, workflowid: pending.workflowid, name: pending.name, version: pending.version, risk: pending.risk, steps: steps.steps };
@@ -4410,7 +4411,7 @@ function renderworkfloweditor(context) {
       }
       await refresh();
     }));
-    filecard.append(line);
+    filecard.append(line2);
   }
   const exportrow = document.createElement("div");
   exportrow.className = "actions";
@@ -4501,9 +4502,9 @@ function renderworkfloweditor(context) {
   }));
   watchdogcard.append(watchdogactions);
   for (const event of (editor?.watchdog.events ?? []).slice(0, 15)) {
-    const line = document.createElement("p");
-    line.textContent = `${event.verdict} \xB7 ${event.action} \xB7 ${new Date(event.at).toISOString()} \xB7 ${event.outcome}`;
-    watchdogcard.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `${event.verdict} \xB7 ${event.action} \xB7 ${new Date(event.at).toISOString()} \xB7 ${event.outcome}`;
+    watchdogcard.append(line2);
   }
   workfloweditorroot.append(watchdogcard);
   const overridecard = document.createElement("details");
@@ -4548,9 +4549,9 @@ function renderworkfloweditor(context) {
     await refresh();
   }));
   for (const override of editor?.overrides ?? []) {
-    const line = document.createElement("p");
-    line.textContent = `${override.pattern} of ${override.workflowid}: ${Object.entries(override.deltas).map(([knob, delta]) => `${knob} ${delta}`).join(", ") || "no delta"}`;
-    line.append(" ", button("Remove override", async () => {
+    const line2 = document.createElement("p");
+    line2.textContent = `${override.pattern} of ${override.workflowid}: ${Object.entries(override.deltas).map(([knob, delta]) => `${knob} ${delta}`).join(", ") || "no delta"}`;
+    line2.append(" ", button("Remove override", async () => {
       try {
         await request({ kind: "removesiteoverride", id: override.id });
         status(`Removed the override ${override.pattern}.`);
@@ -4559,7 +4560,7 @@ function renderworkfloweditor(context) {
       }
       await refresh();
     }));
-    overridecard.append(line);
+    overridecard.append(line2);
   }
   workfloweditorroot.append(overridecard);
 }
@@ -4661,9 +4662,9 @@ function rendertriggers(context) {
     summary.textContent = `Fire history (${triggerview.history.length} records)`;
     history.append(summary);
     for (const fire of triggerview.history.slice(0, 25)) {
-      const line = document.createElement("p");
-      line.textContent = `${new Date(fire.at).toISOString()} \xB7 ${fire.cause}${fire.url !== void 0 ? ` \xB7 ${fire.url}` : ""}${fire.title !== void 0 ? ` \xB7 ${fire.title}` : ""}`;
-      history.append(line);
+      const line2 = document.createElement("p");
+      line2.textContent = `${new Date(fire.at).toISOString()} \xB7 ${fire.cause}${fire.url !== void 0 ? ` \xB7 ${fire.url}` : ""}${fire.title !== void 0 ? ` \xB7 ${fire.title}` : ""}`;
+      history.append(line2);
     }
     triggersroot.append(history);
   }
@@ -4674,9 +4675,9 @@ function rendertriggers(context) {
     headline.textContent = `Manual run step preview: ${triggerview.manual.preview.length} expanded step${triggerview.manual.preview.length === 1 ? "" : "s"}; approve or cancel before anything runs.`;
     preview.append(headline);
     for (const step of triggerview.manual.preview) {
-      const line = document.createElement("p");
-      line.textContent = `${step.stepid} \xB7 ${step.kind} \xB7 ${step.label}${step.block !== void 0 ? ` \xB7 block ${step.block}` : ""}${step.control !== void 0 ? ` \xB7 ${Object.entries(step.control).map(([key, value]) => `${key}: ${Array.isArray(value) ? value.join(", ") : String(value)}`).join(" \xB7 ")}` : ""}`;
-      preview.append(line);
+      const line2 = document.createElement("p");
+      line2.textContent = `${step.stepid} \xB7 ${step.kind} \xB7 ${step.label}${step.block !== void 0 ? ` \xB7 block ${step.block}` : ""}${step.control !== void 0 ? ` \xB7 ${Object.entries(step.control).map(([key, value]) => `${key}: ${Array.isArray(value) ? value.join(", ") : String(value)}`).join(" \xB7 ")}` : ""}`;
+      preview.append(line2);
     }
     const actions = document.createElement("div");
     actions.className = "actions";
@@ -4869,15 +4870,15 @@ function renderagentprotocol(context) {
   remoteline.textContent = `Endpoint ${mcp.remote.endpoint} \xB7 tls ${mcp.remote.tls.mode}${mcp.remote.tls.certificaterequired ? " (certificate required)" : ""}${mcp.remote.tls.verified ? " and verified" : " and unverified"} \xB7 ${mcp.remote.paired} of ${mcp.remote.clients} client${mcp.remote.clients === 1 ? "" : "s"} paired \xB7 ${mcp.remote.tokenslive} live token${mcp.remote.tokenslive === 1 ? "" : "s"}.`;
   remotebox.append(remoteline);
   for (const channel of mcp.channels.slice(0, 10)) {
-    const line = document.createElement("p");
+    const line2 = document.createElement("p");
     const beatage = Math.max(0, Math.round((Date.now() - channel.lastbeatat) / 1e3));
-    line.textContent = `Stream channel ${channel.id.slice(0, 12)} of ${channel.clientid} \xB7 ${channel.closedat === void 0 ? `heartbeat ${beatage}s ago` : `closed at ${new Date(channel.closedat).toISOString()}`}.`;
-    remotebox.append(line);
+    line2.textContent = `Stream channel ${channel.id.slice(0, 12)} of ${channel.clientid} \xB7 ${channel.closedat === void 0 ? `heartbeat ${beatage}s ago` : `closed at ${new Date(channel.closedat).toISOString()}`}.`;
+    remotebox.append(line2);
   }
   for (const shake of mcp.handshakes.slice(0, 5)) {
-    const line = document.createElement("p");
-    line.textContent = `Auth handshake ${shake.method} of ${shake.clientid} \xB7 ${shake.outcome}${shake.outcome === "refused" ? " (consentrefused error, no pairing state leaked)" : ""} \xB7 ${new Date(shake.at).toISOString()}.`;
-    remotebox.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `Auth handshake ${shake.method} of ${shake.clientid} \xB7 ${shake.outcome}${shake.outcome === "refused" ? " (consentrefused error, no pairing state leaked)" : ""} \xB7 ${new Date(shake.at).toISOString()}.`;
+    remotebox.append(line2);
   }
   const pairingline = document.createElement("p");
   pairingline.textContent = mcp.pairing.length > 0 ? `Pairing code ${mcp.pairing[0]?.code} for ${mcp.pairing[0]?.scopes.join(", ") || "no"} namespaces \xB7 expires at ${new Date(mcp.pairing[0]?.expiresat ?? Date.now()).toISOString()} \xB7 single use.` : "No pairing code pending; issue one while a session is live to pair a remote client.";
@@ -4931,9 +4932,9 @@ function renderagentprotocol(context) {
   allowlistsummary.textContent = `Client allowlist (${mcp.allowlist.length} entr${mcp.allowlist.length === 1 ? "y" : "ies"})`;
   allowlistbox.append(allowlistsummary);
   for (const entry of mcp.allowlist) {
-    const line = document.createElement("p");
-    line.textContent = `${entry.displayname} \xB7 ${entry.fingerprint.slice(0, 12)} \xB7 namespaces ${entry.namespaces.join(", ") || "none"} \xB7 granted ${new Date(entry.grantedat).toISOString()} \xB7 ${entry.history.length} grant change${entry.history.length === 1 ? "" : "s"}.`;
-    allowlistbox.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `${entry.displayname} \xB7 ${entry.fingerprint.slice(0, 12)} \xB7 namespaces ${entry.namespaces.join(", ") || "none"} \xB7 granted ${new Date(entry.grantedat).toISOString()} \xB7 ${entry.history.length} grant change${entry.history.length === 1 ? "" : "s"}.`;
+    allowlistbox.append(line2);
     const actions = document.createElement("div");
     actions.className = "actions";
     actions.append(button(`Rescope to browser+memory`, async () => {
@@ -4988,9 +4989,9 @@ function renderagentprotocol(context) {
     domainsummary.textContent = `${namespace} (${tools.length} tools)`;
     domain.append(domainsummary);
     for (const tool of tools) {
-      const line = document.createElement("p");
-      line.textContent = `${tool.name} v${tool.version} \xB7 ${tool.risk} \xB7 ${tool.description.split(".")[0] ?? tool.description}${tool.consentmeta !== void 0 ? ` \xB7 ${tool.consentmeta.riskclass} \xB7 approval gate ${tool.consentmeta.approvalrequired ? "required" : "off"} \xB7 ${tool.consentmeta.originscope} scope \xB7 review: ${tool.consentmeta.review}` : ""}`;
-      domain.append(line);
+      const line2 = document.createElement("p");
+      line2.textContent = `${tool.name} v${tool.version} \xB7 ${tool.risk} \xB7 ${tool.description.split(".")[0] ?? tool.description}${tool.consentmeta !== void 0 ? ` \xB7 ${tool.consentmeta.riskclass} \xB7 approval gate ${tool.consentmeta.approvalrequired ? "required" : "off"} \xB7 ${tool.consentmeta.originscope} scope \xB7 review: ${tool.consentmeta.review}` : ""}`;
+      domain.append(line2);
     }
     catalogbox.append(domain);
   }
@@ -5001,9 +5002,9 @@ function renderagentprotocol(context) {
   runtimesummary.textContent = `Call runtime (${mcp.inflight?.length ?? 0} in flight, ${mcp.dryruntoggle === true ? "dry run armed" : "dry run off"}, ${mcp.mocks?.length ?? 0} mock${(mcp.mocks?.length ?? 0) === 1 ? "" : "s"})`;
   runtimebox.append(runtimesummary);
   for (const call of mcp.inflight ?? []) {
-    const line = document.createElement("p");
-    line.textContent = `In flight ${call.tool} of ${call.clientid} \xB7 call ${call.callid.slice(0, 12)} \xB7 ${call.chunks} chunk${call.chunks === 1 ? "" : "s"} \xB7 open ${Math.max(0, Math.round((Date.now() - call.startedat) / 1e3))}s${call.dryrun === true ? " \xB7 dry run" : ""}.`;
-    runtimebox.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `In flight ${call.tool} of ${call.clientid} \xB7 call ${call.callid.slice(0, 12)} \xB7 ${call.chunks} chunk${call.chunks === 1 ? "" : "s"} \xB7 open ${Math.max(0, Math.round((Date.now() - call.startedat) / 1e3))}s${call.dryrun === true ? " \xB7 dry run" : ""}.`;
+    runtimebox.append(line2);
     const actions = document.createElement("div");
     actions.className = "actions";
     actions.append(button("Cancel call", async () => {
@@ -5038,9 +5039,9 @@ function renderagentprotocol(context) {
   }));
   runtimebox.append(runtimeactions);
   for (const mock of mcp.mocks ?? []) {
-    const line = document.createElement("p");
-    line.textContent = `Tool mock ${mock.tool} \xB7 test context \xB7 created ${new Date(mock.createdat).toISOString()}.`;
-    runtimebox.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `Tool mock ${mock.tool} \xB7 test context \xB7 created ${new Date(mock.createdat).toISOString()}.`;
+    runtimebox.append(line2);
     const actions = document.createElement("div");
     actions.className = "actions";
     actions.append(button("Remove mock", async () => {
@@ -5057,11 +5058,11 @@ function renderagentprotocol(context) {
   limitssummary.textContent = `Rate limits (${mcp.limits?.length ?? 0} client${(mcp.limits?.length ?? 0) === 1 ? "" : "s"} limited)`;
   limitsbox.append(limitssummary);
   for (const limit of mcp.limits ?? []) {
-    const line = document.createElement("p");
+    const line2 = document.createElement("p");
     const used = limit.budget !== void 0 ? Math.min(100, Math.round(limit.used / limit.budget * 100)) : 0;
     const bar = limit.budget !== void 0 ? " " + "\u2588".repeat(Math.round(used / 10)) + "\xB7".repeat(10 - Math.round(used / 10)) : "";
-    line.textContent = `${limit.clientid} \xB7 ${limit.used}${limit.budget !== void 0 ? ` of ${limit.budget}` : " of unbounded"} call${limit.used === 1 ? "" : "s"} in the ${limit.windowms}ms window${bar} \xB7 resets in ${Math.max(0, Math.round((limit.windowstartedat + limit.windowms - Date.now()) / 1e3))}s.`;
-    limitsbox.append(line);
+    line2.textContent = `${limit.clientid} \xB7 ${limit.used}${limit.budget !== void 0 ? ` of ${limit.budget}` : " of unbounded"} call${limit.used === 1 ? "" : "s"} in the ${limit.windowms}ms window${bar} \xB7 resets in ${Math.max(0, Math.round((limit.windowstartedat + limit.windowms - Date.now()) / 1e3))}s.`;
+    limitsbox.append(line2);
     const actions = document.createElement("div");
     actions.className = "actions";
     actions.append(button("Remove limit", async () => {
@@ -5101,14 +5102,14 @@ function renderagentprotocol(context) {
   streamsummary.textContent = `Streaming and progress (${mcp.chunks?.length ?? 0} chunk${(mcp.chunks?.length ?? 0) === 1 ? "" : "s"}, ${mcp.progressnotices?.length ?? 0} notice${(mcp.progressnotices?.length ?? 0) === 1 ? "" : "s"})`;
   streambox.append(streamsummary);
   for (const notice of (mcp.progressnotices ?? []).slice(0, 5)) {
-    const line = document.createElement("p");
-    line.textContent = `Progress ${notice.percent !== void 0 ? `${notice.percent}%` : ""} of the call ${notice.callid.slice(0, 12)} \xB7 ${notice.message}${notice.cancellable ? " \xB7 cancellable" : ""} \xB7 ${new Date(notice.at).toISOString()}.`;
-    streambox.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `Progress ${notice.percent !== void 0 ? `${notice.percent}%` : ""} of the call ${notice.callid.slice(0, 12)} \xB7 ${notice.message}${notice.cancellable ? " \xB7 cancellable" : ""} \xB7 ${new Date(notice.at).toISOString()}.`;
+    streambox.append(line2);
   }
   for (const chunk of (mcp.chunks ?? []).slice(0, 10)) {
-    const line = document.createElement("p");
-    line.textContent = `Chunk ${chunk.seq}${chunk.done ? " (done)" : ""} of the call ${chunk.callid.slice(0, 12)} \xB7 ${chunk.content.slice(0, 60)}${chunk.content.length > 60 ? "\u2026" : ""}`;
-    streambox.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `Chunk ${chunk.seq}${chunk.done ? " (done)" : ""} of the call ${chunk.callid.slice(0, 12)} \xB7 ${chunk.content.slice(0, 60)}${chunk.content.length > 60 ? "\u2026" : ""}`;
+    streambox.append(line2);
   }
   if ((mcp.chunks?.length ?? 0) === 0 && (mcp.progressnotices?.length ?? 0) === 0) {
     const empty = document.createElement("p");
@@ -5122,9 +5123,9 @@ function renderagentprotocol(context) {
   samplingsummary.textContent = `Sampling callbacks (${mcp.sampling?.length ?? 0})`;
   samplingbox.append(samplingsummary);
   for (const callback of mcp.sampling ?? []) {
-    const line = document.createElement("p");
-    line.textContent = `${callback.state} \xB7 client ${callback.clientid} \xB7 requested ${new Date(callback.requestedat).toISOString()}${callback.answeredat !== void 0 ? ` \xB7 answered ${new Date(callback.answeredat).toISOString()}` : ""}${callback.pagecontent !== void 0 ? " \xB7 page content granted" : " \xB7 page content stripped"}.`;
-    samplingbox.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `${callback.state} \xB7 client ${callback.clientid} \xB7 requested ${new Date(callback.requestedat).toISOString()}${callback.answeredat !== void 0 ? ` \xB7 answered ${new Date(callback.answeredat).toISOString()}` : ""}${callback.pagecontent !== void 0 ? " \xB7 page content granted" : " \xB7 page content stripped"}.`;
+    samplingbox.append(line2);
     const payload = document.createElement("p");
     payload.textContent = `Prompt: ${callback.prompt}${callback.system !== void 0 ? ` System: ${callback.system}` : ""}${callback.answer !== void 0 ? ` Answer: ${callback.answer}` : ""}`;
     samplingbox.append(payload);
@@ -5171,9 +5172,9 @@ function renderagentprotocol(context) {
   subssummary.textContent = `Subscriptions (${mcp.subscriptions?.length ?? 0} event, ${mcp.watches?.length ?? 0} resource)`;
   subsbox.append(subssummary);
   for (const subscription of mcp.subscriptions ?? []) {
-    const line = document.createElement("p");
-    line.textContent = `Client ${subscription.clientid} \xB7 kinds ${subscription.kinds.join(", ")}${subscription.origin !== void 0 ? ` \xB7 origin ${subscription.origin}` : ""}${subscription.tool !== void 0 ? ` \xB7 tool ${subscription.tool}` : ""} \xB7 subscribed ${new Date(subscription.createdat).toISOString()}${subscription.lastdeliveredat !== void 0 ? ` \xB7 last delivery ${new Date(subscription.lastdeliveredat).toISOString()}` : ""}.`;
-    subsbox.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `Client ${subscription.clientid} \xB7 kinds ${subscription.kinds.join(", ")}${subscription.origin !== void 0 ? ` \xB7 origin ${subscription.origin}` : ""}${subscription.tool !== void 0 ? ` \xB7 tool ${subscription.tool}` : ""} \xB7 subscribed ${new Date(subscription.createdat).toISOString()}${subscription.lastdeliveredat !== void 0 ? ` \xB7 last delivery ${new Date(subscription.lastdeliveredat).toISOString()}` : ""}.`;
+    subsbox.append(line2);
     const actions = document.createElement("div");
     actions.className = "actions";
     actions.append(button("Unsubscribe", async () => {
@@ -5184,9 +5185,9 @@ function renderagentprotocol(context) {
     subsbox.append(actions);
   }
   for (const watch of mcp.watches ?? []) {
-    const line = document.createElement("p");
-    line.textContent = `Client ${watch.clientid} watches the ${watch.resource} resource \xB7 since ${new Date(watch.createdat).toISOString()}${watch.lastdeliveredat !== void 0 ? ` \xB7 last delta ${new Date(watch.lastdeliveredat).toISOString()}` : ""}.`;
-    subsbox.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `Client ${watch.clientid} watches the ${watch.resource} resource \xB7 since ${new Date(watch.createdat).toISOString()}${watch.lastdeliveredat !== void 0 ? ` \xB7 last delta ${new Date(watch.lastdeliveredat).toISOString()}` : ""}.`;
+    subsbox.append(line2);
     const actions = document.createElement("div");
     actions.className = "actions";
     actions.append(button("Unwatch", async () => {
@@ -5208,10 +5209,10 @@ function renderagentprotocol(context) {
   batchsummary.textContent = `Batch calls (${mcp.batches?.length ?? 0})`;
   batchbox.append(batchsummary);
   for (const batch of mcp.batches ?? []) {
-    const line = document.createElement("p");
+    const line2 = document.createElement("p");
     const done = batch.outcomes.length;
-    line.textContent = `${batch.state} \xB7 client ${batch.clientid} \xB7 ${done} of ${batch.calls.length} member${batch.calls.length === 1 ? "" : "s"} done \xB7 stop on error ${batch.stoponerror ? "on" : "off"} \xB7 created ${new Date(batch.createdat).toISOString()}.`;
-    batchbox.append(line);
+    line2.textContent = `${batch.state} \xB7 client ${batch.clientid} \xB7 ${done} of ${batch.calls.length} member${batch.calls.length === 1 ? "" : "s"} done \xB7 stop on error ${batch.stoponerror ? "on" : "off"} \xB7 created ${new Date(batch.createdat).toISOString()}.`;
+    batchbox.append(line2);
     for (const outcome of batch.outcomes.slice(0, 10)) {
       const item = document.createElement("p");
       item.textContent = `  ${outcome.ok ? "ran" : "failed"} \xB7 ${outcome.tool} (${outcome.callid}).`;
@@ -5230,9 +5231,9 @@ function renderagentprotocol(context) {
   callssummary.textContent = `Audited tool calls (${(mcp.calllog ?? mcp.calls).length} shown, every call logged)`;
   callsbox.append(callssummary);
   for (const call of (mcp.calllog ?? mcp.calls).slice(0, 25)) {
-    const line = document.createElement("p");
-    line.textContent = `${new Date(call.at).toISOString()} \xB7 ${call.clientid} \xB7 ${call.tool} \xB7 ${call.origin} \xB7 ${call.ok ? "ran behind the gates" : `refused${call.code !== void 0 ? ` (${call.code})` : ""}`}${call.dryrun === true ? " \xB7 dry run" : ""}${call.mocked === true ? " \xB7 mocked" : ""}${call.batchid !== void 0 ? " \xB7 batch member" : ""}${call.idempotencykey !== void 0 ? ` \xB7 key ${call.idempotencykey.slice(0, 10)}` : ""}${call.replayed === true ? " \xB7 idempotent replay" : ""}`;
-    callsbox.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `${new Date(call.at).toISOString()} \xB7 ${call.clientid} \xB7 ${call.tool} \xB7 ${call.origin} \xB7 ${call.ok ? "ran behind the gates" : `refused${call.code !== void 0 ? ` (${call.code})` : ""}`}${call.dryrun === true ? " \xB7 dry run" : ""}${call.mocked === true ? " \xB7 mocked" : ""}${call.batchid !== void 0 ? " \xB7 batch member" : ""}${call.idempotencykey !== void 0 ? ` \xB7 key ${call.idempotencykey.slice(0, 10)}` : ""}${call.replayed === true ? " \xB7 idempotent replay" : ""}`;
+    callsbox.append(line2);
   }
   if ((mcp.calllog ?? mcp.calls).length === 0) {
     const empty = document.createElement("p");
@@ -5627,13 +5628,13 @@ function rendersecurity(context) {
     allowbox.append(none);
   }
   for (const entry of view.allowlist) {
-    const line = document.createElement("p");
-    line.textContent = `${entry.origin} \xB7 profile workspace ${entry.profileid} \xB7 granted ${new Date(entry.grantedat).toLocaleString()}`;
-    line.append(" ", button("Remove", async () => {
+    const line2 = document.createElement("p");
+    line2.textContent = `${entry.origin} \xB7 profile workspace ${entry.profileid} \xB7 granted ${new Date(entry.grantedat).toLocaleString()}`;
+    line2.append(" ", button("Remove", async () => {
       await request({ kind: "security", allowlist: { remove: { origin: entry.origin } } });
       await refresh();
     }));
-    allowbox.append(line);
+    allowbox.append(line2);
   }
   const origininput = document.createElement("input");
   origininput.placeholder = "https://exact.example";
@@ -5662,9 +5663,9 @@ function rendersecurity(context) {
     profilebox.append(none);
   }
   for (const profile of view.profiles) {
-    const line = document.createElement("p");
-    line.textContent = `${profile.origin}: ${profile.grants.length} granted kind${profile.grants.length === 1 ? "" : "s"}${profile.denials.length > 0 ? `, ${profile.denials.length} denied kind${profile.denials.length === 1 ? "" : "s"}` : ""}.`;
-    profilebox.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `${profile.origin}: ${profile.grants.length} granted kind${profile.grants.length === 1 ? "" : "s"}${profile.denials.length > 0 ? `, ${profile.denials.length} denied kind${profile.denials.length === 1 ? "" : "s"}` : ""}.`;
+    profilebox.append(line2);
   }
   if (context.session?.origin !== void 0) {
     const kindinput = document.createElement("input");
@@ -5696,13 +5697,13 @@ function rendersecurity(context) {
   }
   for (const window2 of view.windows) {
     const remaining = window2.state === "active" ? Math.max(0, window2.expiresat - now) : 0;
-    const line = document.createElement("p");
-    line.textContent = `${window2.origin} \xB7 ${window2.state === "active" ? `active, ${Math.ceil(remaining / 1e3)}s of the ${window2.boundary} boundary left` : `closed at ${new Date(window2.closedat ?? window2.expiresat).toLocaleString()}`} \xB7 ${window2.kinds.length} kind${window2.kinds.length === 1 ? "" : "s"} covered.`;
+    const line2 = document.createElement("p");
+    line2.textContent = `${window2.origin} \xB7 ${window2.state === "active" ? `active, ${Math.ceil(remaining / 1e3)}s of the ${window2.boundary} boundary left` : `closed at ${new Date(window2.closedat ?? window2.expiresat).toLocaleString()}`} \xB7 ${window2.kinds.length} kind${window2.kinds.length === 1 ? "" : "s"} covered.`;
     if (window2.state === "active") {
       const durationinput2 = document.createElement("input");
       durationinput2.placeholder = "duration in ms";
       durationinput2.setAttribute("aria-label", "Renewal duration in milliseconds");
-      line.append(" ", durationinput2, " ", button("Renew", async () => {
+      line2.append(" ", durationinput2, " ", button("Renew", async () => {
         const duration = Number(durationinput2.value.trim());
         const offer = Number.isFinite(duration) && duration > 0 ? duration : view.promptduration;
         if (offer === void 0) throw new Error("The renewal prompt needs its duration in milliseconds; no grant ever defaults to unlimited.");
@@ -5710,7 +5711,7 @@ function rendersecurity(context) {
         await refresh();
       }));
     }
-    windowbox.append(line);
+    windowbox.append(line2);
   }
   const durationinput = document.createElement("input");
   durationinput.placeholder = "duration in ms";
@@ -5741,9 +5742,9 @@ function rendersecurity(context) {
   }
   for (const pending of prompts) {
     const classification = context.plan?.steps.find((step) => step.id === pending.stepid) !== void 0 ? sensitiveclassesof(context.plan.steps.find((step) => step.id === pending.stepid)) : { classes: [], bydefault: false };
-    const line = document.createElement("p");
-    line.textContent = `${pending.prompt}${classification.classes.length > 0 ? ` Class badge: ${classification.classes.join(", ")}.` : classification.bydefault ? " Class badge: sensitive by default." : ""}`;
-    promptbox.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `${pending.prompt}${classification.classes.length > 0 ? ` Class badge: ${classification.classes.join(", ")}.` : classification.bydefault ? " Class badge: sensitive by default." : ""}`;
+    promptbox.append(line2);
   }
   if (context.session?.origin !== void 0 && prompts.length > 0) {
     promptbox.append(button("Consent to every sensitive class", async () => {
@@ -5795,13 +5796,13 @@ function rendersecurity(context) {
     maskbox.append(none);
   }
   for (const rule of view.maskrules) {
-    const line = document.createElement("p");
-    line.textContent = `${rule.shapes.join(", ")}${rule.origin !== void 0 ? ` scoped to ${rule.origin}` : " global"} \xB7 values show as [redacted] fields in step details.`;
-    line.append(" ", button("Remove", async () => {
+    const line2 = document.createElement("p");
+    line2.textContent = `${rule.shapes.join(", ")}${rule.origin !== void 0 ? ` scoped to ${rule.origin}` : " global"} \xB7 values show as [redacted] fields in step details.`;
+    line2.append(" ", button("Remove", async () => {
       await request({ kind: "security", mask: { remove: { id: rule.id } } });
       await refresh();
     }));
-    maskbox.append(line);
+    maskbox.append(line2);
   }
   securityroot.append(maskbox);
   const gatebox = document.createElement("details");
@@ -5817,17 +5818,17 @@ function rendersecurity(context) {
     gatebox.append(none);
   }
   for (const gate of gates) {
-    const line = document.createElement("p");
+    const line2 = document.createElement("p");
     const payload = Object.entries(gate.payload).map(([key, value]) => `${key} ${value}`).join(", ");
-    line.textContent = `${gate.kind} \xB7 step ${gate.stepid} on ${gate.origin} \xB7 ${payload} \xB7 ${gate.state}${gate.resolvedat !== void 0 ? ` at ${new Date(gate.resolvedat).toLocaleTimeString()} by ${gate.actor ?? "the user"}` : " \xB7 waiting for one distinct human action; no timeout resolves a gate"}.`;
-    if (gate.state === "open") line.append(" ", button("Approve", async () => {
+    line2.textContent = `${gate.kind} \xB7 step ${gate.stepid} on ${gate.origin} \xB7 ${payload} \xB7 ${gate.state}${gate.resolvedat !== void 0 ? ` at ${new Date(gate.resolvedat).toLocaleTimeString()} by ${gate.actor ?? "the user"}` : " \xB7 waiting for one distinct human action; no timeout resolves a gate"}.`;
+    if (gate.state === "open") line2.append(" ", button("Approve", async () => {
       await request({ kind: "security", gate: { resolve: { gateid: gate.gateid, decision: "resolved" } } });
       await refresh();
     }), " ", button("Refuse", async () => {
       await request({ kind: "security", gate: { resolve: { gateid: gate.gateid, decision: "refused" } } });
       await refresh();
     }));
-    gatebox.append(line);
+    gatebox.append(line2);
   }
   securityroot.append(gatebox);
   const deferbox = document.createElement("details");
@@ -5867,16 +5868,16 @@ function rendersecurity(context) {
     chainbox.append(none);
   }
   for (const chain of view.chain) {
-    const line = document.createElement("p");
-    line.textContent = `${chain.runid}: ${chain.valid ? "chain verified" : `chain broken at entry ${chain.brokenat ?? "unknown"}`} \xB7 ${chain.entries} entries${chain.sealhash !== void 0 ? ` \xB7 seal hash ${chain.sealhash.slice(0, 12)}\u2026 at ${new Date(chain.sealedat ?? 0).toLocaleString()}` : " \xB7 unsealed"}.`;
-    line.append(" ", button("Read log", async () => {
+    const line2 = document.createElement("p");
+    line2.textContent = `${chain.runid}: ${chain.valid ? "chain verified" : `chain broken at entry ${chain.brokenat ?? "unknown"}`} \xB7 ${chain.entries} entries${chain.sealhash !== void 0 ? ` \xB7 seal hash ${chain.sealhash.slice(0, 12)}\u2026 at ${new Date(chain.sealedat ?? 0).toLocaleString()}` : " \xB7 unsealed"}.`;
+    line2.append(" ", button("Read log", async () => {
       const read = await request({ kind: "security", read: { runid: chain.runid } });
       status(read.verification ?? `The log of ${chain.runid} read through the audit accessor.`);
     }), " ", button("Export audit file", async () => {
       const exported = await request({ kind: "security", export: { runid: chain.runid } });
       status(`The verified run log of ${chain.runid} was exported as an audit file with ${exported.export?.entries ?? 0} entries.`);
     }));
-    chainbox.append(line);
+    chainbox.append(line2);
   }
   const chainnote = document.createElement("p");
   chainnote.className = "muted";
@@ -5953,9 +5954,9 @@ function renderenvironments(context) {
     groupbox.append(none);
   }
   for (const [environment, stepids] of grouped) {
-    const line = document.createElement("p");
-    line.textContent = `${environment}: ${stepids.length} step${stepids.length === 1 ? "" : "s"}${view.report.turnarounds.filter((entry) => stepids.includes(entry.stepid)).length > 0 ? ` \xB7 worker turnaround ${view.report.turnarounds.filter((entry) => stepids.includes(entry.stepid)).map((entry) => `${entry.stepid}: ${entry.milliseconds} ms`).join(", ")}` : ""}`;
-    groupbox.append(line);
+    const line2 = document.createElement("p");
+    line2.textContent = `${environment}: ${stepids.length} step${stepids.length === 1 ? "" : "s"}${view.report.turnarounds.filter((entry) => stepids.includes(entry.stepid)).length > 0 ? ` \xB7 worker turnaround ${view.report.turnarounds.filter((entry) => stepids.includes(entry.stepid)).map((entry) => `${entry.stepid}: ${entry.milliseconds} ms`).join(", ")}` : ""}`;
+    groupbox.append(line2);
   }
   environmentsroot.append(groupbox);
   const grantbox = document.createElement("div");
@@ -7054,4 +7055,477 @@ function renderagents(context) {
     }
   });
 }
+var historystate = { hits: [], query: "" };
+function rendersessiongrid(view) {
+  const root = document.querySelector("#sessiongrid");
+  if (!root) return;
+  root.replaceChildren();
+  const empty = view.emptystates.find((state) => state.surface === "sessiongrid");
+  if (view.grid.length === 0) {
+    root.append(line(empty?.message ?? "No session exists yet; start the first run by describing an objective and reviewing the plan the agent proposes."));
+    return;
+  }
+  for (const row of view.grid) {
+    const item = document.createElement("div");
+    item.className = "row";
+    const summary = document.createElement("p");
+    summary.textContent = `${row.state} run ${row.runid} \u2014 ${row.origins.join(", ")} \u2014 ${row.outcome} \u2014 ${row.completed}/${row.steps} steps \u2014 lock ${row.lock}${row.sealhash !== void 0 ? ` \u2014 sealed ${row.sealhash.slice(0, 12)}` : ""}`;
+    item.append(summary);
+    if (row.actions.includes("cancelrun")) item.append(button("Cancel run", async () => {
+      await request({ kind: "sessions", cancel: { runid: row.runid, ...view.cancelrollback !== void 0 ? { rollback: view.cancelrollback } : {} } });
+      status(`The run ${row.runid} cancelled with its queued rollback.`);
+      await refresh();
+    }));
+    if (row.actions.includes("resume")) item.append(" ", button("Resume", async () => {
+      await request({ kind: "sessions", grid: { resume: { runid: row.runid } } });
+      status(`The session of the run ${row.runid} resumed.`);
+      await refresh();
+    }));
+    if (row.actions.includes("reopen")) item.append(" ", button("Reopen sealed run", async () => {
+      const result = await request({ kind: "sessions", grid: { reopen: { runid: row.runid } } });
+      status(`The sealed run ${row.runid} reopened with ${result.entries} verified log entries.`);
+    }));
+    item.append(" ", button("Open in sidepanel", async () => {
+      await request({ kind: "sessions", grid: { open: { runid: row.runid } } });
+    }));
+    root.append(item);
+  }
+}
+function renderhistorysearch(view) {
+  const root = document.querySelector("#historysearch");
+  if (!root) return;
+  root.replaceChildren();
+  if (!view.historyindex) {
+    root.append(line("The historysearch index building stays off in the options; turn it on to search sessions, notes and summaries."));
+    return;
+  }
+  const input = document.createElement("input");
+  input.placeholder = "Search sessions, notes and run summaries";
+  input.value = historystate.query;
+  input.addEventListener("keydown", (event) => {
+    if (event.key !== "Enter") return;
+    void (async () => {
+      const answer = await request({ kind: "sessions", search: { query: { text: input.value } } });
+      historystate.hits = answer.hits;
+      historystate.query = input.value;
+      renderhistorysearch(view);
+    })();
+  });
+  root.append(input, " ", button("Search", async () => {
+    const answer = await request({ kind: "sessions", search: { query: { text: input.value } } });
+    historystate.hits = answer.hits;
+    historystate.query = input.value;
+    renderhistorysearch(view);
+  }));
+  if (historystate.hits.length === 0) {
+    root.append(line(view.emptystates.find((state) => state.surface === "historysearch")?.message ?? "No history matches yet; start with a first query such as an origin, a note title or a kind the runs executed."));
+    return;
+  }
+  for (const hit of historystate.hits) {
+    const item = document.createElement("div");
+    item.className = "row";
+    const text = document.createElement("p");
+    text.textContent = `${hit.source}: ${hit.title} \u2014 ${hit.excerpt}${hit.highlights.length > 0 ? ` [matched: ${hit.highlights.join(", ")}]` : ""}`;
+    item.append(text);
+    item.append(button("Open sealed run", async () => {
+      await request({ kind: "sessions", grid: { open: { runid: hit.source === "summary" ? hit.id : hit.id } } });
+      status(`The history hit ${hit.id} links to its sealed run view.`);
+    }));
+    root.append(item);
+  }
+}
+function rendersitenotes(view) {
+  const root = document.querySelector("#sitenotes");
+  if (!root) return;
+  root.replaceChildren();
+  if (view.notes.length === 0) root.append(line(view.emptystates.find((state) => state.surface === "sitenotes")?.message ?? "No site note exists yet; write the first note with a title and a body and the note flow keeps it per origin with its author provenance."));
+  for (const note of view.notes) {
+    const item = document.createElement("div");
+    item.className = "row";
+    const text = document.createElement("p");
+    text.textContent = `${note.origin}: ${note.title} \u2014 ${note.body}${note.sensitive ? " (sensitive: the body stays sealed at rest)" : ""} \u2014 by ${note.author} at ${new Date(note.updatedat).toLocaleString()}`;
+    item.append(text);
+    item.append(button("Edit note", async () => {
+      const title2 = window.prompt("Note title", note.title);
+      if (title2 === null) return;
+      const body2 = window.prompt("Note body", note.body);
+      if (body2 === null) return;
+      await request({ kind: "sessions", note: { edit: { id: note.id, title: title2, body: body2 } } });
+      status("The site note edit landed with its author provenance.");
+      await refresh();
+    }), " ", button("Remove note", async () => {
+      await request({ kind: "sessions", note: { remove: { id: note.id } } });
+      status("The site note removed.");
+      await refresh();
+    }));
+    root.append(item);
+  }
+  const title = document.createElement("input");
+  title.placeholder = "note title";
+  const body = document.createElement("input");
+  body.placeholder = "note body";
+  const sensitive = document.createElement("input");
+  sensitive.type = "checkbox";
+  const senslabel = document.createElement("label");
+  senslabel.append(sensitive, " sensitive (seals the body at rest)");
+  root.append(document.createElement("hr"), title, " ", body, " ", senslabel, " ", button("Write note", async () => {
+    await request({ kind: "sessions", note: { add: { title: title.value, body: body.value, consent: true, ...sensitive.checked ? { sensitive: true } : {} } } });
+    status("The site note landed per origin behind the explicit consent of the write.");
+    await refresh();
+  }));
+}
+function renderscratchpad(view) {
+  const root = document.querySelector("#scratchpad");
+  if (!root) return;
+  root.replaceChildren();
+  if (view.scratchpad.length === 0) root.append(line(view.emptystates.find((state) => state.surface === "scratchpad")?.message ?? "The scratchpad holds no entry yet; the agent appends its per task notes here while the reviewed steps run, and every entry carries its step provenance."));
+  for (const entry of view.scratchpad) {
+    const item = document.createElement("p");
+    item.textContent = `${new Date(entry.at).toLocaleTimeString()} ${entry.author}${entry.stepid !== void 0 ? ` beside ${entry.stepid}` : ""}: ${entry.text}`;
+    root.append(item);
+  }
+  const text = document.createElement("input");
+  text.placeholder = "append one scratchpad entry";
+  root.append(document.createElement("hr"), text, " ", button("Append", async () => {
+    await request({ kind: "sessions", scratch: { append: { text: text.value } } });
+    status("The scratchpad entry appended; the pad stays append only.");
+    await refresh();
+  }));
+}
+function rendersessionmemory(view) {
+  const root = document.querySelector("#sessionmemory");
+  if (!root) return;
+  root.replaceChildren();
+  const summaryhead = document.createElement("h3");
+  summaryhead.textContent = "Run summaries";
+  root.append(summaryhead);
+  if (view.summaries.length === 0) root.append(line("No run summary exists yet; the executor distills one at run completion as an offscreen worker task."));
+  for (const summary of view.summaries) {
+    root.append(line(`${summary.runid} \u2014 ${summary.origins.join(", ")} \u2014 ${summary.kinds.length} kind${summary.kinds.length === 1 ? "" : "s"} \u2014 ${summary.steps} step outcome${summary.steps === 1 ? "" : "s"} \u2014 distilled ${summary.provenance === "offscreenworker" ? "inside the offscreen worker pool" : "inline beside the page"} at ${new Date(summary.distilledat).toLocaleString()}`));
+  }
+  const recallhead = document.createElement("h3");
+  recallhead.textContent = "Semantic recall";
+  root.append(recallhead);
+  if (view.recall.length === 0) root.append(line("No past extraction matches the current objective inside the run scope yet."));
+  for (const match of view.recall) root.append(line(`${match.origin} run ${match.runid} step ${match.stepid} \u2014 score ${match.score.toFixed(3)} \u2014 ${match.reason}`));
+  const recallquery = document.createElement("input");
+  recallquery.placeholder = "recall past extractions while planning";
+  root.append(recallquery, " ", button("Recall", async () => {
+    const answer = await request({ kind: "sessions", recall: { query: { text: recallquery.value } } });
+    status(answer.matches.length > 0 ? answer.matches.map((match) => `${match.entry.origin} ${match.entry.stepid} ${match.score.toFixed(3)}`).join(" \xB7 ") : "No past extraction matches the query inside the run scope.");
+  }));
+  const correctionshead = document.createElement("h3");
+  correctionshead.textContent = "Correction memory";
+  root.append(correctionshead);
+  if (view.corrections.length === 0) root.append(line("No correction exists yet; plan review edits and rejections land here per origin and kind."));
+  for (const correction of view.corrections) root.append(line(`${correction.source} ${correction.kind} step ${correction.stepid} of ${correction.origin}: ${correction.reason}`));
+  const consenthead = document.createElement("h3");
+  consenthead.textContent = "Consent memory";
+  root.append(consenthead);
+  if (view.consentmemory.length === 0) root.append(line("No consent decision exists yet; every grant, denial, expiry and revocation lands here per origin and stays advisory."));
+  for (const entry of view.consentmemory) root.append(line(`${entry.origin} ${entry.decision} ${entry.kinds.join(", ")} \u2014 boundary ${entry.boundary} \u2014 ${new Date(entry.at).toLocaleString()}${entry.expiresat !== void 0 ? ` \u2014 expires ${new Date(entry.expiresat).toLocaleString()}` : ""}`));
+  const errorshead = document.createElement("h3");
+  errorshead.textContent = "Error surfaces";
+  root.append(errorshead);
+  if (view.errors.length === 0) root.append(line("No failed step recorded an error surface yet."));
+  for (const surface of view.errors) {
+    const item = document.createElement("div");
+    item.className = "row";
+    item.append(line(`${surface.cause} failure of step ${surface.stepid} of run ${surface.runid}: ${surface.message} \u2014 retry ${surface.retry.allowed ? "allowed" : "refused"}: ${surface.retry.reason}`));
+    if (surface.retry.allowed) item.append(button("Retry reviewed step", async () => {
+      const output = await request({ kind: "sessions", retry: { stepid: surface.stepid } });
+      status(output.summary);
+      await refresh();
+    }));
+    root.append(item);
+  }
+}
+function rendersessioninterface(context) {
+  const view = context.sessionview;
+  if (!view) return;
+  rendersessiongrid(view);
+  renderhistorysearch(view);
+  rendersitenotes(view);
+  renderscratchpad(view);
+  rendersessionmemory(view);
+}
+var tasksubmitbutton = document.querySelector("#tasksubmit");
+var plancardsroot = document.querySelector("#plancards");
+var stepstimelineroot = document.querySelector("#stepstimeline");
+var logstreamroot = document.querySelector("#logstream");
+var logstreampaused = false;
+var logstreamfilter = {};
+function applyworkspacetabs(active) {
+  const plantitles = ["Current plan", "Clickable map", "Detected shapes", "Derived selectors", "Structured diagnostics"];
+  const reviewtitles = ["Plan cards", "Steps timeline", "Log stream", "Local audit", "Session grid", "History search", "Site notes", "Scratchpad", "Session memory", "Security", "Console diff", "Datasets", "Consent banners", "Accessibility tree", "Reader view", "Snapshot diffs", "Agent protocol", "Models"];
+  for (const section of Array.from(document.querySelectorAll("main > section"))) {
+    const title = section.querySelector("h2")?.textContent?.trim() ?? "";
+    const tab = plantitles.includes(title) ? "plan" : reviewtitles.includes(title) ? "review" : "run";
+    section.hidden = tab !== active;
+  }
+  for (const tab of ["plan", "run", "review"]) {
+    const element = document.querySelector(`#tab${tab}`);
+    if (element) element.className = tab === active ? "" : "secondary";
+  }
+}
+for (const tab of ["plan", "run", "review"]) {
+  document.querySelector(`#tab${tab}`)?.addEventListener("click", () => applyworkspacetabs(tab));
+}
+applyworkspacetabs("plan");
+tasksubmitbutton?.addEventListener("click", () => {
+  const text = objective?.value ?? "";
+  if (text.trim() === "") {
+    status("Describe the goal first; the proposal flow needs its natural language task.", true);
+    return;
+  }
+  void (async () => {
+    status("The taskinput goal routes through the proposal flow; the plan generates.");
+    const result = await request({ kind: "surface", task: { submit: { text, surface: "sidepanel" } } });
+    status(`The taskinput goal became the plan ${result.plan?.id ?? ""}; review its plancards below.`);
+    await refresh();
+    await rendersurfacereview();
+  })().catch((error) => status(error instanceof Error ? error.message : String(error), true));
+});
+async function renderplancards() {
+  if (!plancardsroot) return;
+  try {
+    const result = await request({ kind: "surface", review: { groups: true } });
+    plancardsroot.replaceChildren();
+    if (result.cards.length === 0) {
+      plancardsroot.textContent = "No plan exists yet; submit a task goal and the proposed steps render their cards here.";
+      return;
+    }
+    for (const group of result.groups) {
+      const heading = document.createElement("h3");
+      heading.textContent = `${group.risk} steps${group.expanded ? " (expanded)" : ""}`;
+      plancardsroot.append(heading);
+      for (const card of group.cards) {
+        const item = document.createElement("div");
+        item.className = "panel";
+        const label = document.createElement("strong");
+        label.textContent = `${card.stepid} \xB7 ${card.kind} \xB7 ${card.environment}`;
+        const summary = document.createElement("p");
+        summary.textContent = card.summary;
+        const options2 = document.createElement("p");
+        options2.className = "muted";
+        options2.textContent = card.options === "" ? "No reviewed options." : `Options: ${card.options}`;
+        item.append(label, summary, options2);
+        for (const correction of card.corrections) item.append(Object.assign(document.createElement("p"), { className: "muted", textContent: `Correction memory (${correction.source}): ${correction.reason}` }));
+        if (card.editable) {
+          item.append(button("Approve step", () => resolveStep(card.stepid, "approve")));
+          item.append(" ", button("Reject step", () => resolveStep(card.stepid, "reject")));
+          item.append(" ", button("Edit step", () => editStep(card.stepid)));
+        }
+        if (card.risk === "sensitive") item.append(" ", button("Diff preview", () => diffPreview(card.stepid)));
+        plancardsroot.append(item);
+      }
+    }
+  } catch (error) {
+    plancardsroot.textContent = error instanceof Error ? error.message : String(error);
+  }
+}
+async function resolveStep(stepid, resolution) {
+  const result = await request({ kind: "surface", approve: { resolve: { stepid, resolution, surface: "sidepanel" } } });
+  status(`The step ${result.resolution.stepid} resolved with a ${result.resolution.resolution}; the resolution landed in the immutable log.`);
+  await refresh();
+  await rendersurfacereview();
+}
+async function editStep(stepid) {
+  if (!plancardsroot) return;
+  const editor = document.createElement("div");
+  editor.className = "panel";
+  const input = document.createElement("textarea");
+  input.rows = 4;
+  input.value = '{ "kind": "click", "summary": "Describe the corrected step." }';
+  const save = button("Save edit", async () => {
+    const result = await request({ kind: "surface", approve: { resolve: { stepid, resolution: "edit", edited: input.value, surface: "sidepanel" } } });
+    status(`The step ${result.resolution.stepid} carries the edited shape and the correction memory recorded the change.`);
+    editor.remove();
+    await refresh();
+    await rendersurfacereview();
+  });
+  editor.append(input, save);
+  plancardsroot.append(editor);
+}
+async function diffPreview(stepid) {
+  const before = {};
+  try {
+    const preview = await request({ kind: "preview", stepid });
+    if (preview.resolvedtarget?.selector !== void 0) before.selector = preview.resolvedtarget.selector;
+    if (preview.resolvedtarget?.text !== void 0) before.text = preview.resolvedtarget.text;
+    if (preview.resolvedtarget?.mode !== void 0) before.mode = preview.resolvedtarget.mode;
+  } catch {
+  }
+  const result = await request({ kind: "surface", diff: { preview: { stepid, before } } });
+  const detail = result.preview.changes.map((change) => `${change.kind} ${change.field}${change.before !== void 0 ? ` from ${change.before}` : ""}${change.after !== void 0 ? ` to ${change.after}` : ""}`).join("; ");
+  const masked = Object.entries(result.preview.maskverdicts).map(([field, verdict]) => `${field}: ${verdict}`).join("; ");
+  status(`Diff preview of ${stepid} (${result.preview.provenance}): ${detail === "" ? "no field changes" : detail}${masked === "" ? "" : ` \u2014 masked: ${masked}`}`);
+}
+async function renderstepstimeline() {
+  if (!stepstimelineroot) return;
+  try {
+    const result = await request({ kind: "surface", timeline: { nodes: true } });
+    stepstimelineroot.replaceChildren();
+    if (result.nodes.length === 0) {
+      stepstimelineroot.textContent = "No plan runs yet; the timeline derives its nodes from progress records with no new state.";
+      return;
+    }
+    const list = document.createElement("ol");
+    list.className = "audit";
+    for (const node of result.nodes) {
+      const item = document.createElement("li");
+      item.id = node.anchor.slice(1);
+      const badge = node.active ? " \u25B6" : "";
+      const duration = node.durationms !== void 0 ? ` \xB7 ${node.durationms}ms` : "";
+      const environment = node.environment !== void 0 ? ` \xB7 ${node.environment}` : "";
+      item.textContent = `${node.stepid} ${node.kind} \u2014 ${node.status}${duration}${environment}${badge}${node.resultsummary !== void 0 ? ` \u2014 ${node.resultsummary}` : ""}`;
+      if (node.status === "waiting") item.append(" ", button("Diff preview at the gate wait", () => diffPreview(node.stepid)));
+      if (node.active) item.scrollIntoView({ block: "nearest" });
+      list.append(item);
+    }
+    stepstimelineroot.append(list);
+  } catch (error) {
+    stepstimelineroot.textContent = error instanceof Error ? error.message : String(error);
+  }
+}
+async function renderlogstream() {
+  if (!logstreamroot) return;
+  try {
+    const result = await request({ kind: "surface", logstream: { read: { filters: logstreamfilter } } });
+    logstreamroot.replaceChildren();
+    const controls = document.createElement("div");
+    controls.className = "actions";
+    const pause = button(logstreampaused ? "Resume stream" : "Pause stream", async () => {
+      logstreampaused = !logstreampaused;
+      await renderlogstream();
+    });
+    const levelselect = document.createElement("select");
+    for (const level of ["", "error", "warn", "info", "log", "debug", "trace"]) {
+      const option = document.createElement("option");
+      option.value = level;
+      option.textContent = level === "" ? "all levels" : level;
+      levelselect.append(option);
+    }
+    levelselect.value = logstreamfilter.level ?? "";
+    levelselect.addEventListener("change", () => {
+      const level = levelselect.value;
+      logstreamfilter = { ...logstreamfilter, ...level !== "" ? { level } : {} };
+      void renderlogstream();
+    });
+    const copy = button("Copy verified excerpt", async () => {
+      const excerpt = await request({ kind: "surface", logstream: { excerpt: {} } });
+      await navigator.clipboard?.writeText(excerpt.excerpt).catch(() => {
+      });
+      status(excerpt.reason);
+    });
+    const chain = document.createElement("span");
+    chain.className = "muted";
+    chain.textContent = result.chain.valid ? `chain verified \xB7 ${result.total} events` : `chain broken: ${result.chain.reason}`;
+    controls.append(pause, levelselect, copy, chain);
+    const list = document.createElement("ol");
+    list.className = "audit";
+    for (const event of logstreampaused ? [] : result.events) {
+      const item = document.createElement("li");
+      item.textContent = `[${new Date(event.at).toLocaleTimeString()}] ${event.level} ${event.source}${event.stepid !== void 0 ? ` step ${event.stepid}` : ""} ${event.origin} \u2014 ${event.summary}${event.masked ? ` (${event.maskverdict})` : ""}`;
+      list.append(item);
+    }
+    if (logstreampaused) list.append(Object.assign(document.createElement("li"), { textContent: "The live stream pauses while the run continues; the full history stays in memory." }));
+    logstreamroot.append(controls, list);
+  } catch (error) {
+    logstreamroot.textContent = error instanceof Error ? error.message : String(error);
+  }
+}
+async function rendersurfacereview() {
+  await renderplancards();
+  await renderstepstimeline();
+  await renderlogstream();
+}
+void rendersurfacereview().catch(() => {
+});
+var surfacechannel = typeof BroadcastChannel === "function" ? new BroadcastChannel("devthinksurfaces") : void 0;
+surfacechannel?.addEventListener("message", (event) => {
+  const frame = event.data;
+  if (frame?.channel === "logstream") {
+    if (!logstreampaused) void renderlogstream().catch(() => {
+    });
+    return;
+  }
+  void refresh().catch(() => {
+  });
+  void rendersurfacereview().catch(() => {
+  });
+});
+var paletteinputnode = document.querySelector("#paletteinput");
+var palettematchespanel = document.querySelector("#palettematches");
+async function renderworkspacepalette() {
+  if (!palettematchespanel) return;
+  try {
+    const result = await request({ kind: "surface", palette: { query: { text: paletteinputnode?.value ?? "" } } });
+    palettematchespanel.replaceChildren();
+    for (const match of result.matches.slice(0, 6)) {
+      const item = document.createElement("button");
+      item.type = "button";
+      item.className = "secondary";
+      item.textContent = `${match.entry.label} (${match.entry.action.surface})`;
+      item.title = match.reason;
+      item.addEventListener("click", () => {
+        void runworkspacepalette(match.entry.action.command).catch((error) => status(error instanceof Error ? error.message : String(error), true));
+      });
+      palettematchespanel.append(item, " ");
+    }
+    if (result.matches.length === 0) palettematchespanel.textContent = "No command matches; the palette lists only the actions the current capability set allows.";
+  } catch (error) {
+    palettematchespanel.textContent = error instanceof Error ? error.message : String(error);
+  }
+}
+async function runworkspacepalette(command) {
+  await request({ kind: "surface", palette: { used: { command } } });
+  if (command === "opendashboardpage" || command === "historysearch") {
+    await chrome.tabs.create({ url: chrome.runtime.getURL("dashboardpage.html") });
+    status("The dashboardpage opened in a new tab.");
+    return;
+  }
+  if (command === "openoptionspage") {
+    await chrome.tabs.create({ url: chrome.runtime.getURL("optionspage.html") });
+    status("The optionspage opened in a new tab.");
+    return;
+  }
+  if (command === "opentransparencypage") {
+    await chrome.tabs.create({ url: chrome.runtime.getURL("transparencypage.html") });
+    status("The transparencypage opened in a new tab.");
+    return;
+  }
+  if (command === "replayonboarding") {
+    await request({ kind: "surface", onboarding: { replay: true } });
+    status("The onboarding walkthrough replays on the next popup open.");
+    return;
+  }
+  if (command === "copyauditexcerpt") {
+    const result = await request({ kind: "surface", logstream: { excerpt: {} } });
+    await navigator.clipboard?.writeText(result.excerpt).catch(() => {
+    });
+    status("The verified range copied as an audit excerpt.");
+    return;
+  }
+  const route = await request({ kind: "surface", bus: { action: { surface: "sidepanel", command } } });
+  status(route.route.reason);
+  await refresh();
+  await rendersurfacereview();
+}
+paletteinputnode?.addEventListener("input", () => {
+  void renderworkspacepalette();
+});
+document.querySelector("#paletteopen")?.addEventListener("click", () => {
+  paletteinputnode?.focus();
+  void renderworkspacepalette();
+});
+document.addEventListener("keydown", (event) => {
+  if (event.ctrlKey && event.key === ".") {
+    event.preventDefault();
+    paletteinputnode?.focus();
+    void renderworkspacepalette();
+  }
+});
+void renderworkspacepalette().catch(() => {
+});
 //# sourceMappingURL=sidepanel.js.map