@wenathlan/extension 1.1.65 → 1.1.66

package/extension/dist/sidepanel.html

@@ -7,6 +7,6 @@
 <div class="actions"><input id="paletteinput" placeholder="Command palette (ctrl+.)" aria-label="Command palette search"><button id="paletteopen" class="secondary">Palette</button></div><div id="palettematches" class="panel"></div><p id="status" role="status">Loading session state.</p><p id="capabilitiestext" role="status" class="muted">Optional capabilities unknown.</p><section><h2>Current plan</h2><progress id="planprogress" max="1" value="0"></progress><div id="plan" class="panel"></div></section>
 <section><h2>Plan cards</h2><div id="plancards" class="panel"></div></section>
 <section><h2>Steps timeline</h2><div id="stepstimeline" class="panel"></div></section>
-<section><h2>Data grid</h2><div class="actions"><input id="gridquery" placeholder="Filter rows locally" aria-label="Filter the datagrid rows locally"><button id="gridbuild" class="secondary">Preview extraction</button><button id="gridexport" class="secondary">Export csv</button></div><div id="datagrid" class="panel" role="table" aria-label="Extraction preview"></div></section><section><h2>Compare viewer</h2><div id="compareviewer" class="panel"></div></section><section><h2>Shot panel</h2><div id="shotpanel" class="panel"></div></section><section><h2>Picker overlay</h2><div class="actions"><button id="pickerstart" class="secondary">Start picker session</button></div><div id="picker" class="panel"></div></section><section><h2>Log stream</h2><div id="logstream" class="panel"></div></section><section><h2>Clickable map</h2><ol id="map" class="audit maplist"></ol></section><section><h2>Navigation trail</h2><ol id="trail" class="audit"></ol></section><section><h2>Navigation state</h2><div id="navigation" class="panel"></div></section><section><h2>Tabs and windows</h2><div id="tabswindows" class="panel"></div></section><section><h2>Forms and data</h2><div id="forms" class="panel"></div></section><section><h2>Files and downloads</h2><div id="files" class="panel"></div></section><section><h2>Capture gallery</h2><div id="captures" class="panel"></div></section><section><h2>Media</h2><div id="media" class="panel"></div></section><section><h2>Network calls</h2><div id="calls" class="panel"></div></section><section><h2>Network view</h2><div id="netview" class="panel"></div></section><section><h2>Traffic control</h2><div id="traffic" class="panel"></div></section><section><h2>Run timeline</h2><div id="timeline" class="panel"></div></section><section><h2>Debugger</h2><div id="debugger" class="panel"></div></section><section><h2>Profiling</h2><div id="profiling" class="panel"></div></section><section><h2>Emulation</h2><div id="emulation" class="panel"></div></section><section><h2>Session grid</h2><div id="sessiongrid" class="panel"></div></section><section><h2>History search</h2><div id="historysearch" class="panel"></div></section><section><h2>Site notes</h2><div id="sitenotes" class="panel"></div></section><section><h2>Scratchpad</h2><div id="scratchpad" class="panel"></div></section><section><h2>Session memory</h2><div id="sessionmemory" class="panel"></div></section><section><h2>Workflows</h2><div id="workflows" class="panel"></div></section><section><h2>Workflow editor</h2><div id="workfloweditor" class="panel"></div></section><section><h2>Triggers</h2><div id="triggers" class="panel"></div></section><section><h2>Agent protocol</h2><div id="agentprotocol" class="panel"></div></section>
+<section><h2>Data grid</h2><div class="actions"><input id="gridquery" placeholder="Filter rows locally" aria-label="Filter the datagrid rows locally"><button id="gridbuild" class="secondary">Preview extraction</button><button id="gridexport" class="secondary">Export csv</button></div><div id="datagrid" class="panel" role="table" aria-label="Extraction preview"></div></section><section><h2>Compare viewer</h2><div id="compareviewer" class="panel"></div></section><section><h2>Shot panel</h2><div id="shotpanel" class="panel"></div></section><section><h2>Picker overlay</h2><div class="actions"><button id="pickerstart" class="secondary">Start picker session</button></div><div id="picker" class="panel"></div></section><section><h2>Log stream</h2><div id="logstream" class="panel"></div></section><section><h2>Clickable map</h2><ol id="map" class="audit maplist"></ol></section><section><h2>Navigation trail</h2><ol id="trail" class="audit"></ol></section><section><h2>Navigation state</h2><div id="navigation" class="panel"></div></section><section><h2>Tabs and windows</h2><div id="tabswindows" class="panel"></div></section><section><h2>Forms and data</h2><div id="forms" class="panel"></div></section><section><h2>Files and downloads</h2><div id="files" class="panel"></div></section><section><h2>Capture gallery</h2><div id="captures" class="panel"></div></section><section><h2>Media</h2><div id="media" class="panel"></div></section><section><h2>Network calls</h2><div id="calls" class="panel"></div></section><section><h2>Network view</h2><div id="netview" class="panel"></div></section><section><h2>Traffic control</h2><div id="traffic" class="panel"></div></section><section><h2>Run timeline</h2><div id="timeline" class="panel"></div></section><section><h2>Debugger</h2><div id="debugger" class="panel"></div></section><section><h2>Profiling</h2><div id="profiling" class="panel"></div></section><section><h2>Emulation</h2><div id="emulation" class="panel"></div></section><section><h2>Session grid</h2><div id="sessiongrid" class="panel"></div></section><section><h2>History search</h2><div id="historysearch" class="panel"></div></section><section><h2>Site notes</h2><div id="sitenotes" class="panel"></div></section><section><h2>Scratchpad</h2><div id="scratchpad" class="panel"></div></section><section><h2>Session memory</h2><div id="sessionmemory" class="panel"></div></section><section><h2>Ecosystem</h2><div id="ecosystem" class="panel"></div><div class="actions"><input id="replayrunid" placeholder="Sealed run id to replay" aria-label="Run replay run id"><input id="comparerunida" placeholder="Compare run a" aria-label="Output compare run a"><input id="comparerunidb" placeholder="Compare run b" aria-label="Output compare run b"></div></section><section><h2>Workflows</h2><div id="workflows" class="panel"></div></section><section><h2>Workflow editor</h2><div id="workfloweditor" class="panel"></div></section><section><h2>Triggers</h2><div id="triggers" class="panel"></div></section><section><h2>Agent protocol</h2><div id="agentprotocol" class="panel"></div></section>
 <section><h2>Models</h2><div id="models" class="panel"></div></section><section><h2>Agents</h2><div id="agents" class="panel"></div></section><section><h2>Execution environments</h2><div id="environments" class="panel"></div></section><section><h2>Security</h2><div id="security" class="panel"></div></section><section><h2>Console diff</h2><div id="consolediff" class="panel"></div></section><section><h2>Datasets</h2><div id="datasets" class="panel"></div></section><section><h2>Consent banners</h2><div id="banners" class="panel"></div></section><section><h2>Accessibility tree</h2><div id="a11y" class="panel"></div></section><section><h2>Reader view</h2><div id="reader" class="panel"></div></section><section><h2>Detected shapes</h2><ol id="detections" class="audit maplist"></ol></section><section><h2>Watch stream</h2><ol id="stream" class="audit"></ol></section><section><h2>Snapshot diffs</h2><div id="diffs" class="panel"></div></section><section><h2>Derived selectors</h2><ol id="selectors" class="audit maplist"></ol></section><section><h2>Structured diagnostics</h2><ul id="diagnostics" class="audit"></ul></section><section><h2>Local audit</h2><ol id="audit" class="audit"></ol></section></main><script type="module" src="sidepanel.js"></script></body>
 </html>

package/extension/dist/sidepanel.js

@@ -7609,4 +7609,139 @@ document.querySelector("#pickerstart")?.addEventListener("click", () => {
 void renderdatagrid().catch(() => {
 });
 void renderevidence();
+var ecosystemroot = document.querySelector("#ecosystem");
+var replayruninput = document.querySelector("#replayrunid");
+var compareruninputa = document.querySelector("#comparerunida");
+var compareruninputb = document.querySelector("#comparerunidb");
+async function renderecosystem() {
+  if (!ecosystemroot) return;
+  try {
+    const view = await request({ kind: "ecosystem" });
+    ecosystemroot.replaceChildren();
+    const attention = document.createElement("div");
+    attention.className = "sessionrow";
+    const attentionheadline = document.createElement("p");
+    attentionheadline.textContent = `Attention feed: ${view.attention.length} entr${view.attention.length === 1 ? "y" : "ies"} need a human; the statusbadge counts them on the toolbar icon.`;
+    attention.append(attentionheadline);
+    for (const entry of view.attention.slice(0, 10)) {
+      const row = document.createElement("p");
+      row.textContent = `${entry.severity} ${entry.cause} \u2014 ${entry.summary} (${entry.deeplink})`;
+      row.append(" ", button("Dismiss", async () => {
+        await request({ kind: "ecosystem", attention: { dismiss: { id: entry.id } } });
+        await renderecosystem();
+      }));
+      attention.append(row);
+    }
+    if (view.attention.length === 0) {
+      const empty = document.createElement("p");
+      empty.textContent = "Nothing needs attention; gate waits, phishguard blocks, deferrals and failures all land here.";
+      attention.append(empty);
+    }
+    ecosystemroot.append(attention);
+    const library = document.createElement("div");
+    library.className = "sessionrow";
+    const libraryheadline = document.createElement("p");
+    libraryheadline.textContent = `Installed flowlibrary entries: ${view.installed.length} beside the native workflows.`;
+    library.append(libraryheadline);
+    for (const entry of view.installed) {
+      const row = document.createElement("p");
+      row.textContent = `${entry.title} ${entry.version} (${entry.id})`;
+      row.append(" ", button("Fork", async () => {
+        const fork = await request({ kind: "ecosystem", library: { fork: { entryid: entry.id } } });
+        status(`The fork created the independent local workflow ${fork.fork.id}.`);
+        await refresh();
+      }));
+      row.append(" ", button("Remove", async () => {
+        await request({ kind: "ecosystem", library: { remove: { entryid: entry.id } } });
+        status(`The entry ${entry.id} left the flowlibrary; its local forks stayed untouched.`);
+        await renderecosystem();
+      }));
+      library.append(row);
+    }
+    if (view.installed.length === 0) {
+      const empty = document.createElement("p");
+      empty.textContent = "No installed library entry yet; browse the flowlibrary on the dashboardpage and install one behind its grant diff.";
+      library.append(empty);
+    }
+    ecosystemroot.append(library);
+    const background = document.createElement("div");
+    background.className = "sessionrow";
+    const backgroundheadline = document.createElement("p");
+    backgroundheadline.textContent = `Background run queue: ${view.backgroundruns.length} entr${view.backgroundruns.length === 1 ? "y" : "ies"}.`;
+    background.append(backgroundheadline);
+    for (const run of view.backgroundruns.slice(0, 8)) background.append(Object.assign(document.createElement("p"), { textContent: `${run.state} \u2014 ${run.workflowid} \u2014 ${run.progress}${run.keepaliveheld ? " \u2014 keepalive held" : ""}` }));
+    if (view.backgroundruns.length === 0) background.append(Object.assign(document.createElement("p"), { textContent: "No background run stands in the queue." }));
+    ecosystemroot.append(background);
+    const replay = document.createElement("div");
+    replay.className = "sessionrow";
+    const replayheadline = document.createElement("p");
+    replayheadline.textContent = "Run replay: open a sealed run and walk its verified chain step by step with the restored observation and capture of each step.";
+    replay.append(replayheadline);
+    const replaycontrols = document.createElement("div");
+    replaycontrols.className = "actions";
+    replaycontrols.append(button("Open replay", async () => {
+      const runid = replayruninput?.value.trim() ?? "";
+      if (runid === "") throw new Error("The runreplay needs its recorded run id.");
+      const result = await request({ kind: "ecosystem", replay: { open: { runid } } });
+      status(`Replay of ${runid}: cursor at step ${result.replay.cursor} of ${result.replay.steps.length}${result.restored.observationversion !== void 0 ? `, observation ${result.restored.observationversion}` : ""}${result.restored.captureid !== void 0 ? `, capture ${result.restored.captureid}` : ""}.`);
+      const timeline = document.createElement("ol");
+      timeline.className = "audit";
+      for (const step of result.replay.steps) timeline.append(Object.assign(document.createElement("li"), { textContent: `${step.index === result.replay.cursor ? "\u25B6" : "\xB7"} ${step.stepid} \u2014 ${step.summary}${step.gateresolutions.length > 0 ? ` [gates: ${step.gateresolutions.map((gate) => `${gate.kind} ${gate.resolution}`).join(", ")}]` : ""}` }));
+      replay.append(timeline);
+    }));
+    replaycontrols.append(button("Step forward", async () => {
+      const runid = replayruninput?.value.trim() ?? "";
+      if (runid === "") throw new Error("The runreplay needs its recorded run id.");
+      const result = await request({ kind: "ecosystem", replay: { move: { runid, direction: "forward" } } });
+      status(`Replay cursor at step ${result.replay.cursor} of ${result.replay.steps.length}: ${result.restored.summary}`);
+    }));
+    replaycontrols.append(button("Step backward", async () => {
+      const runid = replayruninput?.value.trim() ?? "";
+      if (runid === "") throw new Error("The runreplay needs its recorded run id.");
+      const result = await request({ kind: "ecosystem", replay: { move: { runid, direction: "backward" } } });
+      status(`Replay cursor at step ${result.replay.cursor}: ${result.restored.summary}`);
+    }));
+    replaycontrols.append(button("Play", async () => {
+      const runid = replayruninput?.value.trim() ?? "";
+      if (runid === "") throw new Error("The runreplay needs its recorded run id.");
+      await request({ kind: "ecosystem", replay: { play: { runid, playing: true } } });
+      status(`The replay of ${runid} plays through the recorded steps.`);
+    }));
+    replaycontrols.append(button("Pause", async () => {
+      const runid = replayruninput?.value.trim() ?? "";
+      if (runid === "") throw new Error("The runreplay needs its recorded run id.");
+      await request({ kind: "ecosystem", replay: { play: { runid, playing: false } } });
+      status(`The replay of ${runid} paused at its cursor.`);
+    }));
+    replay.append(replaycontrols);
+    ecosystemroot.append(replay);
+    const compare = document.createElement("div");
+    compare.className = "sessionrow";
+    const compareheadline = document.createElement("p");
+    compareheadline.textContent = "Output compare: two runs that share a task input signature stand side by side with the first divergence highlighted; the comparison never executes a step.";
+    compare.append(compareheadline);
+    const comparecontrols = document.createElement("div");
+    comparecontrols.className = "actions";
+    comparecontrols.append(button("Compare runs", async () => {
+      const runida = compareruninputa?.value.trim() ?? "";
+      const runidb = compareruninputb?.value.trim() ?? "";
+      if (runida === "" || runidb === "") throw new Error("The outputcompare needs both run ids.");
+      const result = await request({ kind: "ecosystem", compare: { open: { runida, runidb } } });
+      status(result.metrics.reason);
+      const list = document.createElement("ol");
+      list.className = "audit";
+      for (const step of result.view) list.append(Object.assign(document.createElement("li"), { textContent: `${step.highlighted ? "\u25C0 " : ""}${step.stepid} \u2014 ${step.agreement} \u2014 ${step.summarya} vs ${step.summaryb} (${step.durationdelta >= 0 ? "+" : ""}${step.durationdelta}ms)` }));
+      compare.append(list);
+    }));
+    compare.append(comparecontrols);
+    ecosystemroot.append(compare);
+  } catch (error) {
+    ecosystemroot.textContent = error instanceof Error ? error.message : String(error);
+  }
+}
+void renderecosystem();
+surfacechannel?.addEventListener("message", () => {
+  void renderecosystem().catch(() => {
+  });
+});
 //# sourceMappingURL=sidepanel.js.map