@wenathlan/extension 1.1.55 → 1.1.57

package/extension/dist/sidepanel.js

@@ -393,6 +393,10 @@ var workflowsroot = document.querySelector("#workflows");
 var workfloweditorroot = document.querySelector("#workfloweditor");
 var triggersroot = document.querySelector("#triggers");
 var agentprotocolroot = document.querySelector("#agentprotocol");
+var modelsroot = document.querySelector("#models");
+var commandinput = document.querySelector("#command");
+var commandbutton = document.querySelector("#commandsend");
+var intentbadge = document.querySelector("#intentbadge");
 var triggerview = { manual: void 0, history: void 0 };
 var sessionsview = { term: "", window: "all", diffselection: [], restorereview: void 0, importreview: void 0 };
 var workflowview = { review: void 0, selected: "" };
@@ -2876,6 +2880,7 @@ async function refresh() {
   renderworkfloweditor(context);
   rendertriggers(context);
   renderagentprotocol(context);
+  rendermodels(context);
   renderconsolediff();
   renderaudit(context.audit);
   rendercapabilities(context.capabilities);
@@ -2889,6 +2894,13 @@ async function create(kind) {
 localbutton?.addEventListener("click", () => create("proposelocal").catch((error) => status(error instanceof Error ? error.message : String(error), true)));
 remotebutton?.addEventListener("click", () => create("proposeremote").catch((error) => status(error instanceof Error ? error.message : String(error), true)));
 diagnosticbutton?.addEventListener("click", () => request({ kind: "diagnostic" }).then(() => refresh()).catch((error) => status(error instanceof Error ? error.message : String(error), true)));
+commandbutton?.addEventListener("click", () => request({ kind: "llmcommand", text: commandinput?.value ?? "" }).then(() => {
+  status("The model parsed the command; the intent badge shows the classification.");
+  return refresh();
+}).catch((error) => status(error instanceof Error ? error.message : String(error), true)));
+commandinput?.addEventListener("keydown", (event) => {
+  if (event.key === "Enter") commandbutton?.click();
+});
 refresh().catch((error) => status(error instanceof Error ? error.message : String(error), true));
 function renderprofiling(context) {
   if (!profilingroot) return;
@@ -4919,21 +4931,614 @@ function renderagentprotocol(context) {
     catalogbox.append(domain);
   }
   agentprotocolroot.append(catalogbox);
+  const runtimebox = document.createElement("details");
+  runtimebox.className = "sessiongroup";
+  const runtimesummary = document.createElement("summary");
+  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 actions = document.createElement("div");
+    actions.className = "actions";
+    actions.append(button("Cancel call", async () => {
+      await request({ kind: "mcpcancelcall", callid: call.callid });
+      status(`Cancelled the in flight ${call.tool} call; the partial result stays preserved.`);
+      await refresh();
+    }));
+    runtimebox.append(actions);
+  }
+  if ((mcp.inflight?.length ?? 0) === 0) {
+    const empty = document.createElement("p");
+    empty.textContent = "No in flight tool call; a cancellation frame aborts a running call and preserves its partial result.";
+    runtimebox.append(empty);
+  }
+  const runtimeactions = document.createElement("div");
+  runtimeactions.className = "actions";
+  runtimeactions.append(button(mcp.dryruntoggle === true ? "Disarm dry run" : "Dry run next call", async () => {
+    await request({ kind: "mcpdryrun", enabled: mcp.dryruntoggle !== true });
+    status(mcp.dryruntoggle === true ? "Disarmed the tool dry run; the next call executes behind the gates." : "Armed the tool dry run of the next call: it evaluates arguments and consent with no side effects.");
+    await refresh();
+  }));
+  const mockinput = document.createElement("input");
+  mockinput.placeholder = "tool name to mock (test context)";
+  runtimeactions.append(" ", mockinput, " ", button("Add mock", async () => {
+    if (mockinput.value.trim() === "") {
+      status("The tool mock needs the namespaced tool name.", true);
+      return;
+    }
+    await request({ kind: "mcpmock", tool: mockinput.value.trim() });
+    status(`Registered the ${mockinput.value.trim()} tool mock of a test context; it never touches the browser.`);
+    await refresh();
+  }));
+  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 actions = document.createElement("div");
+    actions.className = "actions";
+    actions.append(button("Remove mock", async () => {
+      await request({ kind: "mcpmock", tool: mock.tool, remove: true });
+      status(`Removed the ${mock.tool} tool mock; the tool returns to the real gates.`);
+      await refresh();
+    }));
+    runtimebox.append(actions);
+  }
+  agentprotocolroot.append(runtimebox);
+  const limitsbox = document.createElement("details");
+  limitsbox.className = "sessiongroup";
+  const limitssummary = document.createElement("summary");
+  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 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);
+    const actions = document.createElement("div");
+    actions.className = "actions";
+    actions.append(button("Remove limit", async () => {
+      await request({ kind: "mcpratelimit", clientid: limit.clientid, remove: true });
+      status(`Removed the rate limit of the client ${limit.clientid}; the client stays unbounded because no silent default applies.`);
+      await refresh();
+    }));
+    limitsbox.append(actions);
+  }
+  const limtactions = document.createElement("div");
+  limtactions.className = "actions";
+  const limitclientinput = document.createElement("input");
+  limitclientinput.placeholder = "client id";
+  const limitwindowinput = document.createElement("input");
+  limitwindowinput.placeholder = "window ms";
+  const limitbudgetinput = document.createElement("input");
+  limitbudgetinput.placeholder = "call budget (empty: unbounded)";
+  limtactions.append(limitclientinput, " ", limitwindowinput, " ", limitbudgetinput, " ", button("Limit client", async () => {
+    if (limitclientinput.value.trim() === "") {
+      status("The rate limit needs the client id.", true);
+      return;
+    }
+    await request({ kind: "mcpratelimit", clientid: limitclientinput.value.trim(), windowms: Number(limitwindowinput.value) || 6e4, ...limitbudgetinput.value.trim() !== "" ? { budget: Number(limitbudgetinput.value) } : {} });
+    status(`Limited the client ${limitclientinput.value.trim()} inside its window; the budget stays the user choice.`);
+    await refresh();
+  }));
+  limitsbox.append(limtactions);
+  if ((mcp.limits?.length ?? 0) === 0) {
+    const empty = document.createElement("p");
+    empty.textContent = "No rate limit configured; an absent limit keeps the client unbounded because no silent default ever applies.";
+    limitsbox.append(empty);
+  }
+  agentprotocolroot.append(limitsbox);
+  const streambox = document.createElement("details");
+  streambox.className = "sessiongroup";
+  const streamsummary = document.createElement("summary");
+  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);
+  }
+  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);
+  }
+  if ((mcp.chunks?.length ?? 0) === 0 && (mcp.progressnotices?.length ?? 0) === 0) {
+    const empty = document.createElement("p");
+    empty.textContent = "No streamed result yet; a streaming call delivers its content in ordered chunks with progress notices in between.";
+    streambox.append(empty);
+  }
+  agentprotocolroot.append(streambox);
+  const samplingbox = document.createElement("details");
+  samplingbox.className = "sessiongroup";
+  const samplingsummary = document.createElement("summary");
+  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 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);
+    if (callback.state === "pending") {
+      const actions = document.createElement("div");
+      actions.className = "actions";
+      const answerinput = document.createElement("input");
+      answerinput.placeholder = "client answer for the local test";
+      actions.append(answerinput, " ", button("Record answer", async () => {
+        await request({ kind: "mcpsampling", respond: true, samplingid: callback.id, ...answerinput.value.trim() !== "" ? { answer: answerinput.value.trim() } : { refused: true } });
+        status(`Closed the sampling round trip ${callback.id.slice(0, 12)}.`);
+        await refresh();
+      }));
+      samplingbox.append(actions);
+    }
+  }
+  if ((mcp.sampling?.length ?? 0) === 0) {
+    const empty = document.createElement("p");
+    empty.textContent = "No sampling callback yet; a callback asks a paired client model for a completion and the page content rides it only behind the user grant.";
+    samplingbox.append(empty);
+  }
+  const samplingactions = document.createElement("div");
+  samplingactions.className = "actions";
+  const samplingclientinput = document.createElement("input");
+  samplingclientinput.placeholder = "client id";
+  const samplingpromptinput = document.createElement("input");
+  samplingpromptinput.placeholder = "prompt for the client model";
+  const samplingpageinput = document.createElement("input");
+  samplingpageinput.placeholder = "page content (empty: none)";
+  samplingactions.append(samplingclientinput, " ", samplingpromptinput, " ", samplingpageinput, " ", button("Ask client model", async () => {
+    if (samplingclientinput.value.trim() === "" || samplingpromptinput.value.trim() === "") {
+      status("The sampling callback needs the client id and the prompt.", true);
+      return;
+    }
+    await request({ kind: "mcpsampling", clientid: samplingclientinput.value.trim(), prompt: samplingpromptinput.value.trim(), ...samplingpageinput.value.trim() !== "" ? { pagecontent: samplingpageinput.value.trim(), pagegrant: true } : {} });
+    status(`Sent one sampling callback to the client ${samplingclientinput.value.trim()}; the exact payload rides this view.`);
+    await refresh();
+  }));
+  samplingbox.append(samplingactions);
+  agentprotocolroot.append(samplingbox);
+  const subsbox = document.createElement("details");
+  subsbox.className = "sessiongroup";
+  const subssummary = document.createElement("summary");
+  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 actions = document.createElement("div");
+    actions.className = "actions";
+    actions.append(button("Unsubscribe", async () => {
+      await request({ kind: "mcpsubscribe", clientid: subscription.clientid, subscriptionid: subscription.id, unsubscribe: true });
+      status(`Cancelled the event subscription of the client ${subscription.clientid}.`);
+      await refresh();
+    }));
+    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 actions = document.createElement("div");
+    actions.className = "actions";
+    actions.append(button("Unwatch", async () => {
+      await request({ kind: "mcpresource", clientid: watch.clientid, watchid: watch.id, unwatch: true });
+      status(`Cancelled the ${watch.resource} resource watcher of the client ${watch.clientid}.`);
+      await refresh();
+    }));
+    subsbox.append(actions);
+  }
+  if ((mcp.subscriptions?.length ?? 0) === 0 && (mcp.watches?.length ?? 0) === 0) {
+    const empty = document.createElement("p");
+    empty.textContent = "No subscription yet; a paired client subscribes its event kinds and watches page state resources through the frame intake.";
+    subsbox.append(empty);
+  }
+  agentprotocolroot.append(subsbox);
+  const batchbox = document.createElement("details");
+  batchbox.className = "sessiongroup";
+  const batchsummary = document.createElement("summary");
+  batchsummary.textContent = `Batch calls (${mcp.batches?.length ?? 0})`;
+  batchbox.append(batchsummary);
+  for (const batch of mcp.batches ?? []) {
+    const line = 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);
+    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}).`;
+      batchbox.append(item);
+    }
+  }
+  if ((mcp.batches?.length ?? 0) === 0) {
+    const empty = document.createElement("p");
+    empty.textContent = "No batch call yet; an ordered batch runs its members behind the gates and stops at the first error when the flag requests it.";
+    batchbox.append(empty);
+  }
+  agentprotocolroot.append(batchbox);
   const callsbox = document.createElement("details");
   callsbox.className = "sessiongroup";
   const callssummary = document.createElement("summary");
-  callssummary.textContent = `Recent tool calls (${mcp.calls.length})`;
+  callssummary.textContent = `Audited tool calls (${(mcp.calllog ?? mcp.calls).length} shown, every call logged)`;
   callsbox.append(callssummary);
-  for (const call of mcp.calls.slice(0, 25)) {
+  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})` : ""}`}`;
+    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);
   }
-  if (mcp.calls.length === 0) {
+  if ((mcp.calllog ?? mcp.calls).length === 0) {
     const empty = document.createElement("p");
-    empty.textContent = "No tool call yet; every call records the client, tool and outcome without payloads.";
+    empty.textContent = "No tool call yet; every call records the client, tool, outcome and idempotency key without payloads.";
     callsbox.append(empty);
   }
   agentprotocolroot.append(callsbox);
 }
+function rendermodels(context) {
+  if (!modelsroot) return;
+  modelsroot.replaceChildren();
+  const llm = context.llm;
+  if (!llm) {
+    const empty = document.createElement("p");
+    empty.textContent = "The models state is unknown.";
+    modelsroot.append(empty);
+    return;
+  }
+  const head = document.createElement("p");
+  head.textContent = `${llm.providers.length} provider${llm.providers.length === 1 ? "" : "s"} \xB7 ${llm.routes.length} route${llm.routes.length === 1 ? "" : "s"} \xB7 ${llm.usage.calls} model call${llm.usage.calls === 1 ? "" : "s"} with ${llm.usage.totaltokens} tokens${llm.budget !== void 0 ? ` against the ceiling` : " and no ceiling"}.`;
+  modelsroot.append(head);
+  const providersbox = document.createElement("details");
+  providersbox.className = "sessiongroup";
+  providersbox.open = true;
+  const providersummary = document.createElement("summary");
+  providersummary.textContent = `Providers (${llm.providers.length})`;
+  providersbox.append(providersummary);
+  for (const provider of llm.providers) {
+    const row = document.createElement("div");
+    row.className = "sessionrow";
+    const info = document.createElement("p");
+    info.textContent = `${provider.name} \xB7 ${provider.style} \xB7 ${provider.status}${provider.lastcheckedat !== void 0 ? ` (checked ${new Date(provider.lastcheckedat).toLocaleTimeString()})` : ""}${provider.authref !== void 0 ? ` \xB7 key ${provider.authref.name}` : " \xB7 no key"}${provider.costpermilliontokens !== void 0 ? ` \xB7 ${provider.costpermilliontokens} per million tokens` : ""}.`;
+    row.append(info);
+    const actions = document.createElement("div");
+    actions.className = "actions";
+    const nameinput = document.createElement("input");
+    nameinput.value = provider.name;
+    nameinput.placeholder = "name";
+    const endpointinput = document.createElement("input");
+    endpointinput.value = provider.endpoint;
+    endpointinput.placeholder = "endpoint url";
+    const styleselect = document.createElement("select");
+    for (const style of ["chatcompletions", "responses", "messages", "gemini"]) {
+      const option = document.createElement("option");
+      option.value = style;
+      option.textContent = style;
+      option.selected = provider.style === style;
+      styleselect.append(option);
+    }
+    const modelsinput = document.createElement("input");
+    modelsinput.value = provider.models.join(", ");
+    modelsinput.placeholder = "models, comma separated";
+    const keyinput = document.createElement("input");
+    keyinput.placeholder = "stored key name";
+    actions.append(nameinput, " ", endpointinput, " ", styleselect, " ", modelsinput, " ", keyinput, " ", button("Save", async () => {
+      await request({ kind: "llmproviders", id: provider.id, name: nameinput.value, endpoint: endpointinput.value, style: styleselect.value, models: modelsinput.value.split(",").map((model) => model.trim()).filter((model) => model !== ""), ...keyinput.value.trim() !== "" ? { authrefname: keyinput.value.trim() } : {} });
+      status(`Saved the provider ${nameinput.value}.`);
+      await refresh();
+    }), " ", button("Test call", async () => {
+      await request({ kind: "llmtestprovider", id: provider.id });
+      status(`The test call of ${provider.name} answered.`);
+      await refresh();
+    }), " ", button("Remove", async () => {
+      await request({ kind: "llmproviders", id: provider.id, remove: true });
+      status(`Removed the provider ${provider.name}.`);
+      await refresh();
+    }));
+    row.append(actions);
+    providersbox.append(row);
+  }
+  const addrow = document.createElement("div");
+  addrow.className = "actions";
+  const addname = document.createElement("input");
+  addname.placeholder = "new provider name";
+  const addendpoint = document.createElement("input");
+  addendpoint.placeholder = "endpoint url";
+  const addstyle = document.createElement("select");
+  for (const style of ["chatcompletions", "responses", "messages", "gemini"]) {
+    const option = document.createElement("option");
+    option.value = style;
+    option.textContent = style;
+    addstyle.append(option);
+  }
+  const addmodels = document.createElement("input");
+  addmodels.placeholder = "models, comma separated";
+  const addkey = document.createElement("input");
+  addkey.placeholder = "stored key name";
+  addrow.append(addname, " ", addendpoint, " ", addstyle, " ", addmodels, " ", addkey, " ", button("Add provider", async () => {
+    await request({ kind: "llmproviders", name: addname.value, endpoint: addendpoint.value, style: addstyle.value, models: addmodels.value.split(",").map((model) => model.trim()).filter((model) => model !== ""), ...addkey.value.trim() !== "" ? { authrefname: addkey.value.trim() } : {} });
+    status(`Added the provider ${addname.value}; nothing is hardcoded so any gateway works.`);
+    await refresh();
+  }));
+  providersbox.append(addrow);
+  modelsroot.append(providersbox);
+  const localbox = document.createElement("details");
+  localbox.className = "sessiongroup";
+  localbox.open = true;
+  const localsummary = document.createElement("summary");
+  localsummary.textContent = "Local model endpoint";
+  localbox.append(localsummary);
+  const localinfo = document.createElement("p");
+  localinfo.textContent = llm.local !== void 0 ? `${llm.local.endpoint} with ${llm.local.model} (${llm.local.style})${llm.local.health !== void 0 ? ` \xB7 health ${llm.local.health.ok ? "ok" : `failing: ${llm.local.health.detail ?? "unknown"}`}` : " \xB7 no health check yet"}.` : "No local endpoint configured; local inference keeps sensitive extractions on the machine.";
+  localbox.append(localinfo);
+  const localactions = document.createElement("div");
+  localactions.className = "actions";
+  const localendpoint = document.createElement("input");
+  localendpoint.placeholder = "local endpoint url";
+  localendpoint.value = llm.local?.endpoint ?? "";
+  const localmodel = document.createElement("input");
+  localmodel.placeholder = "model name";
+  localmodel.value = llm.local?.model ?? "";
+  const localstyle = document.createElement("select");
+  for (const style of ["chatcompletions", "responses", "messages", "gemini"]) {
+    const option = document.createElement("option");
+    option.value = style;
+    option.textContent = style;
+    option.selected = llm.local?.style === style;
+    localstyle.append(option);
+  }
+  localactions.append(localendpoint, " ", localmodel, " ", localstyle, " ", button("Save local", async () => {
+    await request({ kind: "llmlocal", endpoint: localendpoint.value, model: localmodel.value, style: localstyle.value });
+    status("Saved the local model endpoint; the calls never leave the machine.");
+    await refresh();
+  }), " ", button("Health check", async () => {
+    await request({ kind: "llmlocal", check: true });
+    status("The local health check ran; the result rides the endpoint line.");
+    await refresh();
+  }));
+  localbox.append(localactions);
+  modelsroot.append(localbox);
+  const routesbox = document.createElement("details");
+  routesbox.className = "sessiongroup";
+  routesbox.open = true;
+  const routesummary = document.createElement("summary");
+  routesummary.textContent = `Model routes (${llm.routes.length})`;
+  routesbox.append(routesummary);
+  for (const task of llm.tasks) {
+    const row = document.createElement("div");
+    row.className = "sessionrow";
+    const info = document.createElement("p");
+    info.textContent = `${task.kind}: ${task.provider !== void 0 ? `${task.provider} with ${task.model}` : "unrouted; the user picks the pair"}.`;
+    row.append(info);
+    const actions = document.createElement("div");
+    actions.className = "actions";
+    const providerselect = document.createElement("select");
+    for (const provider of llm.providers) {
+      const option = document.createElement("option");
+      option.value = provider.id;
+      option.textContent = provider.name;
+      providerselect.append(option);
+    }
+    const modelinput = document.createElement("input");
+    modelinput.placeholder = "model";
+    const fallbackselect = document.createElement("select");
+    const noneoption = document.createElement("option");
+    noneoption.value = "";
+    noneoption.textContent = "no fallback";
+    fallbackselect.append(noneoption);
+    for (const provider of llm.providers) {
+      const option = document.createElement("option");
+      option.value = provider.id;
+      option.textContent = provider.name;
+      fallbackselect.append(option);
+    }
+    const fallbackmodel = document.createElement("input");
+    fallbackmodel.placeholder = "fallback model";
+    actions.append(providerselect, " ", modelinput, " ", fallbackselect, " ", fallbackmodel, " ", button("Route", async () => {
+      await request({ kind: "llmroutes", taskkind: task.kind, providerid: providerselect.value, model: modelinput.value, ...fallbackselect.value !== "" ? { fallbackproviderid: fallbackselect.value, fallbackmodel: fallbackmodel.value } : {} });
+      status(`Routed the ${task.kind} task kind.`);
+      await refresh();
+    }), " ", button("Unroute", async () => {
+      await request({ kind: "llmroutes", taskkind: task.kind, remove: true });
+      status(`Removed the route of the ${task.kind} task kind.`);
+      await refresh();
+    }));
+    row.append(actions);
+    routesbox.append(row);
+  }
+  if (llm.routehistory.length > 0) {
+    const history = document.createElement("p");
+    history.textContent = `Route revisions: ${llm.routehistory.slice(0, 5).map((entry) => `${entry.kind} r${entry.revision} ${entry.providerid}/${entry.model}`).join(" \xB7 ")}.`;
+    routesbox.append(history);
+  }
+  modelsroot.append(routesbox);
+  if (llm.parse !== void 0) {
+    const badge = document.createElement("p");
+    badge.textContent = `Last command: ${llm.parse.intent} at confidence ${Math.round(llm.parse.confidence * 100)}%${llm.parse.entities.length > 0 ? ` with ${llm.parse.entities.map((entity) => `${entity.name}=${entity.value}`).join(", ")}` : ""}${llm.parse.model !== void 0 ? ` parsed by ${llm.parse.model}` : " parsed locally"}.`;
+    modelsroot.append(badge);
+    if (intentbadge) intentbadge.textContent = `${llm.parse.intent} ${Math.round(llm.parse.confidence * 100)}%`;
+  } else if (intentbadge) intentbadge.textContent = "";
+  const draftsbox = document.createElement("details");
+  draftsbox.className = "sessiongroup";
+  draftsbox.open = true;
+  const draftsummary = document.createElement("summary");
+  draftsummary.textContent = `Model drafted plans (${llm.drafts.length})`;
+  draftsbox.append(draftsummary);
+  for (const draft of llm.drafts.slice(0, 5)) {
+    const card = document.createElement("div");
+    card.className = "sessionrow";
+    const info = document.createElement("p");
+    info.textContent = `${draft.goal} \xB7 ${draft.steps.length} steps \xB7 ${draft.state}${draft.lintfindings.length > 0 ? ` \xB7 ${draft.lintfindings.length} grammar finding${draft.lintfindings.length === 1 ? "" : "s"}` : " \xB7 clean grammar"} \xB7 by ${draft.model}.`;
+    card.append(info);
+    const edits = [];
+    for (const step of draft.steps) {
+      const steprow = document.createElement("div");
+      steprow.className = "actions";
+      const kindinput = document.createElement("input");
+      kindinput.value = step.kind;
+      kindinput.placeholder = "kind";
+      const targetinput = document.createElement("input");
+      targetinput.value = step.target ?? "";
+      targetinput.placeholder = "target";
+      const valueinput = document.createElement("input");
+      valueinput.value = step.value ?? "";
+      valueinput.placeholder = "value";
+      const summaryinput = document.createElement("input");
+      summaryinput.value = step.summary;
+      summaryinput.placeholder = "summary";
+      steprow.append(kindinput, " ", targetinput, " ", valueinput, " ", summaryinput);
+      card.append(steprow);
+      edits.push({ id: step.id, kind: kindinput, target: targetinput, value: valueinput, summary: summaryinput });
+    }
+    if (draft.openquestions.length > 0) {
+      const questions = document.createElement("p");
+      questions.textContent = `Open questions: ${draft.openquestions.join(" | ")}`;
+      card.append(questions);
+    }
+    if (draft.lintfindings.length > 0) {
+      const findings = document.createElement("p");
+      findings.textContent = `Grammar findings: ${draft.lintfindings.join(" ")}`;
+      card.append(findings);
+    }
+    const actions = document.createElement("div");
+    actions.className = "actions";
+    actions.append(button("Approve draft", async () => {
+      await request({ kind: "llmdraftdecision", draftid: draft.id, approve: true, steps: edits.map((edit) => ({ id: edit.id, kind: edit.kind.value, ...edit.target.value.trim() !== "" ? { target: edit.target.value } : {}, ...edit.value.value.trim() !== "" ? { value: edit.value.value } : {}, summary: edit.summary.value })) });
+      status("The approved draft became a pending plan that still passes the same plan review.");
+      await refresh();
+    }), " ", button("Reject draft", async () => {
+      await request({ kind: "llmdraftdecision", draftid: draft.id });
+      status("The draft is rejected and stays for the audit trail.");
+      await refresh();
+    }), " ", button("Replan failed tail", async () => {
+      await request({ kind: "llmreplan", draftid: draft.id, failedstepids: edits.slice(-1).map((edit) => edit.id), reason: "The last step failed and the model replans the tail." });
+      status("The model replanned the failed tail; the fresh review waits.");
+      await refresh();
+    }));
+    card.append(actions);
+    draftsbox.append(card);
+  }
+  modelsroot.append(draftsbox);
+  const replansbox = document.createElement("details");
+  replansbox.className = "sessiongroup";
+  replansbox.open = true;
+  const replansummary = document.createElement("summary");
+  replansummary.textContent = `Replans (${llm.replans.length})`;
+  replansbox.append(replansummary);
+  for (const replan of llm.replans.slice(0, 5)) {
+    const card = document.createElement("div");
+    card.className = "sessionrow";
+    const info = document.createElement("p");
+    info.textContent = `${replan.reason} \xB7 keeps ${replan.completedstepids.length} completed step${replan.completedstepids.length === 1 ? "" : "s"} \xB7 ${replan.state}.`;
+    card.append(info);
+    for (const step of replan.tail) {
+      const tail = document.createElement("p");
+      tail.textContent = `\u21BB ${step.id} ${step.kind}: ${step.summary} \u2014 fresh review required`;
+      card.append(tail);
+    }
+    const actions = document.createElement("div");
+    actions.className = "actions";
+    actions.append(button("Approve fresh review", async () => {
+      await request({ kind: "llmreplandecision", replanid: replan.id, approve: true });
+      status("The approved replan became a pending plan with the changed tail under the same plan review.");
+      await refresh();
+    }), " ", button("Reject replan", async () => {
+      await request({ kind: "llmreplandecision", replanid: replan.id });
+      status("The replan is rejected and stays for the audit trail.");
+      await refresh();
+    }));
+    card.append(actions);
+    replansbox.append(card);
+  }
+  modelsroot.append(replansbox);
+  const notesbox = document.createElement("details");
+  notesbox.className = "sessiongroup";
+  const notesummary = document.createElement("summary");
+  notesummary.textContent = `Reflection notes (${llm.notes.length})`;
+  notesbox.append(notesummary);
+  for (const note of llm.notes.slice(0, 5)) {
+    const row = document.createElement("p");
+    row.textContent = `Step ${note.stepid} (${note.runid}): ${note.outcome} \u2014 lesson ${note.lesson} \u2014 next ${note.advice} \xB7 by ${note.model}.`;
+    notesbox.append(row);
+  }
+  modelsroot.append(notesbox);
+  const budgetbox = document.createElement("details");
+  budgetbox.className = "sessiongroup";
+  budgetbox.open = true;
+  const budgetsummary = document.createElement("summary");
+  budgetsummary.textContent = "Cost budget";
+  budgetbox.append(budgetsummary);
+  const meter = document.createElement("progress");
+  meter.max = llm.budget?.maxtokens ?? (llm.usage.totaltokens || 1);
+  meter.value = Math.min(llm.usage.totaltokens, Number(meter.max));
+  budgetbox.append(meter);
+  const budgetinfo = document.createElement("p");
+  budgetinfo.textContent = `${llm.usage.totaltokens} tokens (${llm.usage.prompttokens} prompt and ${llm.usage.completiontokens} completion) and ${llm.usage.cost.toFixed(4)} cost over ${llm.usage.calls} call${llm.usage.calls === 1 ? "" : "s"}${llm.budget?.maxtokens !== void 0 ? ` against the ${llm.budget.maxtokens} token ceiling` : " with no token ceiling"}${llm.budget?.maxcost !== void 0 ? ` and the ${llm.budget.maxcost} ${llm.budget.currency ?? ""} cost ceiling` : ""}; a reached ceiling halts and asks.`;
+  budgetbox.append(budgetinfo);
+  const budgetactions = document.createElement("div");
+  budgetactions.className = "actions";
+  const tokensinput = document.createElement("input");
+  tokensinput.placeholder = "token ceiling";
+  const costinput = document.createElement("input");
+  costinput.placeholder = "cost ceiling";
+  const currencyinput = document.createElement("input");
+  currencyinput.placeholder = "currency";
+  budgetactions.append(tokensinput, " ", costinput, " ", currencyinput, " ", button("Set budget", async () => {
+    await request({ kind: "llmbudget", ...tokensinput.value.trim() !== "" ? { maxtokens: Number(tokensinput.value) } : {}, ...costinput.value.trim() !== "" ? { maxcost: Number(costinput.value) } : {}, ...currencyinput.value.trim() !== "" ? { currency: currencyinput.value } : {} });
+    status("Saved the cost budget; every ceiling stays the user choice.");
+    await refresh();
+  }), " ", button("Remove budget", async () => {
+    await request({ kind: "llmbudget", remove: true });
+    status("The cost budget is gone; the runs stay unbounded.");
+    await refresh();
+  }));
+  budgetbox.append(budgetactions);
+  modelsroot.append(budgetbox);
+  const templatesbox = document.createElement("details");
+  templatesbox.className = "sessiongroup";
+  const templatesummary = document.createElement("summary");
+  templatesummary.textContent = `Prompt library (${llm.templates.length})`;
+  templatesbox.append(templatesummary);
+  for (const template of llm.templates.slice(0, 8)) {
+    const row = document.createElement("p");
+    row.textContent = `${template.name} v${template.version} \xB7 variables ${template.variables.join(", ") || "none"}${template.notes !== void 0 ? ` \xB7 ${template.notes}` : ""}: ${template.body.slice(0, 120)}${template.body.length > 120 ? "\u2026" : ""}`;
+    templatesbox.append(row);
+  }
+  const templateactions = document.createElement("div");
+  templateactions.className = "actions";
+  const templatename = document.createElement("input");
+  templatename.placeholder = "template name";
+  const templatebody = document.createElement("input");
+  templatebody.placeholder = "body with {{variables}}";
+  const templatenotes = document.createElement("input");
+  templatenotes.placeholder = "change notes";
+  templateactions.append(templatename, " ", templatebody, " ", templatenotes, " ", button("Save template", async () => {
+    await request({ kind: "llmtemplate", name: templatename.value, body: templatebody.value, ...templatenotes.value.trim() !== "" ? { notes: templatenotes.value } : {} });
+    status("Saved the template version with its change notes.");
+    await refresh();
+  }), " ", button("Remove template", async () => {
+    await request({ kind: "llmtemplate", name: templatename.value, remove: true });
+    status("Removed every version of the template.");
+    await refresh();
+  }));
+  templatesbox.append(templateactions);
+  modelsroot.append(templatesbox);
+  const guardbox = document.createElement("details");
+  guardbox.className = "sessiongroup";
+  const guardsummary = document.createElement("summary");
+  guardsummary.textContent = `Guard refusals (${llm.guardnotices.length})`;
+  guardbox.append(guardsummary);
+  for (const notice of llm.guardnotices.slice(0, 5)) {
+    const row = document.createElement("p");
+    row.textContent = `${notice.verdict} after ${notice.attempts} attempt${notice.attempts === 1 ? "" : "s"}: ${notice.reason ?? "the output failed its guard"}.`;
+    guardbox.append(row);
+  }
+  if (llm.guardnotices.length === 0) {
+    const row = document.createElement("p");
+    row.textContent = "No guard refusal yet; invalid model output never executes.";
+    guardbox.append(row);
+  }
+  modelsroot.append(guardbox);
+}
 //# sourceMappingURL=sidepanel.js.map