@tangle-network/agent-app 0.60.178 → 0.60.180

package/dist/{chunk-IAFPBYQQ.js → chunk-6ZUVYAKB.js}

@@ -31,7 +31,10 @@ import {
 } from "./chunk-TJ4DYKF2.js";
 import {
   AsyncView
-} from "./chunk-LSUELMHY.js";
+} from "./chunk-LN5RBVGP.js";
+import {
+  ReviewFeedbackForm
+} from "./chunk-ATQQCG4I.js";
 import {
   attachmentPartsFromMessageParts
 } from "./chunk-YR6TZ777.js";
@@ -58,8 +61,9 @@ import {
 } from "./chunk-6VQCFJWP.js";
 
 // src/web-react/index.tsx
-import { useEffect as useEffect15, useMemo as useMemo8, useRef as useRef14, useState as useState21, memo } from "react";
+import { useEffect as useEffect16, useMemo as useMemo8, useRef as useRef15, useState as useState22, memo } from "react";
 import { isViewerMessage, MessageAuthor, TRANSCRIPT_TEXT } from "@tangle-network/ui/chat";
+import { TerminalDisplay, TerminalLine } from "@tangle-network/ui/primitives";
 import { InlineToolItem } from "@tangle-network/ui/run";
 
 // src/web-react/smooth-text.ts
@@ -3501,6 +3505,7 @@ import {
   useRef as useRef10,
   useState as useState16
 } from "react";
+import { Button as Button3, EmptyState, Skeleton, Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell } from "@tangle-network/ui/primitives";
 
 // src/web-react/record-grid-model.ts
 function recordGridOk(value) {
@@ -4181,7 +4186,7 @@ function RecordGrid({
               "Loading ",
               caption
             ] }),
-            Array.from({ length: Math.max(1, loadingRowCount) }, (_, index) => /* @__PURE__ */ jsx14("div", { className: "h-8 animate-pulse rounded-md bg-secondary", "aria-hidden": true }, index))
+            Array.from({ length: Math.max(1, loadingRowCount) }, (_, index) => /* @__PURE__ */ jsx14(Skeleton, { className: "h-8", "aria-hidden": true }, index))
           ]
         }
       )
@@ -4225,30 +4230,18 @@ function RecordGrid({
   if (visibleRows.length === 0 && !reviewing) {
     return /* @__PURE__ */ jsxs12("div", { className: `space-y-3 ${className ?? ""}`, children: [
       toolbar,
-      addForm ?? /* @__PURE__ */ jsxs12("div", { className: "rounded-xl border border-dashed border-border px-6 py-10 text-center", children: [
-        /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium text-foreground", children: empty.title }),
-        empty.description && /* @__PURE__ */ jsx14("p", { className: "mx-auto mt-1 max-w-md text-sm text-muted-foreground", children: empty.description }),
-        /* @__PURE__ */ jsxs12("div", { className: "mt-4 flex flex-wrap items-center justify-center gap-2", children: [
-          empty.action && (isValidElement(empty.action) ? empty.action : /* @__PURE__ */ jsx14(
-            "button",
-            {
-              type: "button",
-              onClick: empty.action.onClick,
-              className: "rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent",
-              children: empty.action.label
-            }
-          )),
-          onCreate && /* @__PURE__ */ jsx14(
-            "button",
-            {
-              type: "button",
-              onClick: openAdd,
-              className: "rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent",
-              children: addLabel
-            }
-          )
-        ] })
-      ] })
+      addForm ?? /* @__PURE__ */ jsx14(
+        EmptyState,
+        {
+          title: empty.title,
+          description: empty.description,
+          className: "rounded-xl border border-dashed border-border",
+          action: /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+            empty.action && (isValidElement(empty.action) ? empty.action : /* @__PURE__ */ jsx14(Button3, { type: "button", variant: "outline", size: "sm", onClick: empty.action.onClick, children: empty.action.label })),
+            onCreate && /* @__PURE__ */ jsx14(Button3, { type: "button", variant: "outline", size: "sm", onClick: openAdd, children: addLabel })
+          ] })
+        }
+      )
     ] });
   }
   const hasFooter = columns.some((column) => column.footerValue !== void 0);
@@ -4302,27 +4295,28 @@ function RecordGrid({
     toolbar,
     reviewBar,
     /* @__PURE__ */ jsx14("div", { className: "overflow-x-auto rounded-xl border border-card-edge bg-card", children: /* @__PURE__ */ jsxs12(
-      "table",
+      Table,
       {
+        wrapper: false,
         role: "grid",
         "aria-label": caption,
-        className: "w-full border-collapse text-left text-sm",
+        className: "border-collapse text-left",
         onKeyDown: handleGridKeyDown,
         children: [
-          /* @__PURE__ */ jsx14("thead", { children: /* @__PURE__ */ jsxs12("tr", { role: "row", className: "border-b border-border text-xs uppercase tracking-[0.05em] text-muted-foreground", children: [
+          /* @__PURE__ */ jsx14(TableHeader, { children: /* @__PURE__ */ jsxs12(TableRow, { role: "row", className: "text-xs uppercase tracking-[0.05em] text-muted-foreground", children: [
             columns.map((column) => /* @__PURE__ */ jsx14(
-              "th",
+              TableHead,
               {
                 role: "columnheader",
                 scope: "col",
-                className: `px-3 py-2 font-medium ${alignmentClass(column)}`,
+                className: `h-auto px-3 py-2 ${alignmentClass(column)}`,
                 children: column.header
               },
               column.id
             )),
-            showActionsColumn && /* @__PURE__ */ jsx14("th", { role: "columnheader", scope: "col", className: "w-px px-3 py-2 font-medium", children: /* @__PURE__ */ jsx14("span", { className: "sr-only", children: reviewing ? "Review" : "Row actions" }) })
+            showActionsColumn && /* @__PURE__ */ jsx14(TableHead, { role: "columnheader", scope: "col", className: "h-auto w-px px-3 py-2", children: /* @__PURE__ */ jsx14("span", { className: "sr-only", children: reviewing ? "Review" : "Row actions" }) })
           ] }) }),
-          /* @__PURE__ */ jsxs12("tbody", { children: [
+          /* @__PURE__ */ jsxs12(TableBody, { children: [
             visibleRows.map((row) => {
               const rowLabel = recordGridRowLabel(columns, row);
               const pending = row.id in pendingRows;
@@ -4331,12 +4325,12 @@ function RecordGrid({
               const removedRow = rowDiff?.kind === "removed";
               return /* @__PURE__ */ jsxs12(Fragment4, { children: [
                 /* @__PURE__ */ jsxs12(
-                  "tr",
+                  TableRow,
                   {
                     role: "row",
                     "aria-busy": pending,
                     "data-record-grid-diff": rowDiff?.kind,
-                    className: `border-b border-border ${pending ? "opacity-60" : ""} ${removedRow ? "bg-destructive/[0.06]" : ""}`,
+                    className: `${pending ? "opacity-60" : ""} ${removedRow ? "bg-destructive/[0.06]" : ""}`,
                     children: [
                       columns.map((column) => {
                         const key = cellKey(row.id, column.id);
@@ -4350,7 +4344,7 @@ function RecordGrid({
                         const errorId = `${fieldPrefix}-cell-error-${row.id}-${column.id}`;
                         const cellDiff = rowDiff?.kind === "changed" ? diffCellByKey.get(key) : void 0;
                         if (isEditing && editable) {
-                          return /* @__PURE__ */ jsxs12("td", { role: "gridcell", className: `px-3 py-1.5 ${alignmentClass(column)}`, children: [
+                          return /* @__PURE__ */ jsxs12(TableCell, { role: "gridcell", className: `px-3 py-1.5 ${alignmentClass(column)}`, children: [
                             /* @__PURE__ */ jsx14(
                               CellEditor,
                               {
@@ -4368,7 +4362,7 @@ function RecordGrid({
                           ] }, column.id);
                         }
                         if (column.kind === "boolean" && editable) {
-                          return /* @__PURE__ */ jsx14("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsx14(
+                          return /* @__PURE__ */ jsx14(TableCell, { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsx14(
                             "input",
                             {
                               type: "checkbox",
@@ -4388,7 +4382,7 @@ function RecordGrid({
                         }
                         const display = applicable ? formatRecordGridValue(column, value, locale) : "";
                         return /* @__PURE__ */ jsx14(
-                          "td",
+                          TableCell,
                           {
                             role: "gridcell",
                             "aria-readonly": editable ? void 0 : true,
@@ -4434,7 +4428,7 @@ function RecordGrid({
                           column.id
                         );
                       }),
-                      showActionsColumn && /* @__PURE__ */ jsx14("td", { role: "gridcell", className: "px-3 py-2 text-right", children: reviewing ? rowDiff && /* @__PURE__ */ jsx14(
+                      showActionsColumn && /* @__PURE__ */ jsx14(TableCell, { role: "gridcell", className: "px-3 py-2 text-right", children: reviewing ? rowDiff && /* @__PURE__ */ jsx14(
                         ReviewActions,
                         {
                           rowId: row.id,
@@ -4493,23 +4487,23 @@ function RecordGrid({
                     ]
                   }
                 ),
-                rowError !== void 0 && /* @__PURE__ */ jsx14("tr", { role: "row", className: "border-b border-border", children: /* @__PURE__ */ jsx14("td", { role: "gridcell", colSpan: columnSpan, className: "px-3 pb-2", children: /* @__PURE__ */ jsx14("p", { role: "alert", className: "rounded-md bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive", children: rowError }) }) })
+                rowError !== void 0 && /* @__PURE__ */ jsx14(TableRow, { role: "row", children: /* @__PURE__ */ jsx14(TableCell, { role: "gridcell", colSpan: columnSpan, className: "px-3 pb-2", children: /* @__PURE__ */ jsx14("p", { role: "alert", className: "rounded-md bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive", children: rowError }) }) })
               ] }, row.id);
             }),
             reviewing && addedRows.map((row) => {
               const rowLabel = recordGridRowLabel(columns, row);
               return /* @__PURE__ */ jsxs12(
-                "tr",
+                TableRow,
                 {
                   role: "row",
                   "data-record-grid-diff": "added",
-                  className: "border-b border-border bg-success/[0.06]",
+                  className: "bg-success/[0.06]",
                   children: [
                     columns.map((column, columnIndex) => {
                       const applicable = isRecordGridCellApplicable(column, row.values);
                       const value = row.values[column.id] ?? null;
                       const display = applicable ? formatRecordGridValue(column, value, locale) : "";
-                      return /* @__PURE__ */ jsx14("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsxs12("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+                      return /* @__PURE__ */ jsx14(TableCell, { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsxs12("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
                         columnIndex === 0 && /* @__PURE__ */ jsx14("span", { className: "inline-flex shrink-0 rounded border border-success/60 px-1 py-px text-[11px] font-semibold uppercase tracking-[0.05em] text-success", children: "New" }),
                         /* @__PURE__ */ jsx14(
                           "span",
@@ -4520,7 +4514,7 @@ function RecordGrid({
                         )
                       ] }) }, column.id);
                     }),
-                    /* @__PURE__ */ jsx14("td", { role: "gridcell", className: "px-3 py-2 text-right", children: /* @__PURE__ */ jsx14(
+                    /* @__PURE__ */ jsx14(TableCell, { role: "gridcell", className: "px-3 py-2 text-right", children: /* @__PURE__ */ jsx14(
                       ReviewActions,
                       {
                         rowId: row.id,
@@ -4536,9 +4530,9 @@ function RecordGrid({
               );
             })
           ] }),
-          hasFooter && /* @__PURE__ */ jsx14("tfoot", { children: /* @__PURE__ */ jsxs12("tr", { role: "row", className: "border-t-2 border-border", children: [
+          hasFooter && /* @__PURE__ */ jsx14(TableFooter, { children: /* @__PURE__ */ jsxs12(TableRow, { role: "row", className: "border-t-2 border-border", children: [
             columns.map((column) => /* @__PURE__ */ jsx14(
-              "td",
+              TableCell,
               {
                 role: "gridcell",
                 className: `px-3 py-2 text-sm font-semibold text-foreground ${alignmentClass(column)}`,
@@ -4546,7 +4540,7 @@ function RecordGrid({
               },
               column.id
             )),
-            showActionsColumn && /* @__PURE__ */ jsx14("td", { role: "gridcell" })
+            showActionsColumn && /* @__PURE__ */ jsx14(TableCell, { role: "gridcell" })
           ] }) })
         ]
       }
@@ -5680,14 +5674,213 @@ function PagerButton({
   );
 }
 
-// src/web-react/api-access-panel.tsx
+// src/web-react/review-inbox.tsx
 import { useEffect as useEffect14, useRef as useRef13, useState as useState19 } from "react";
-import { PageHeader } from "@tangle-network/ui/primitives";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Button as Button4, PageHeader } from "@tangle-network/ui/primitives";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+var revisionKey = (item) => JSON.stringify([item.id, item.revision]);
+function ordered(items) {
+  return [...items].sort((left, right) => left.createdAt - right.createdAt || (left.id < right.id ? -1 : left.id > right.id ? 1 : 0));
+}
+function ReviewInbox({ items, initialSelectedId, renderItem, onVerdict, onFeedback, loading = false, error, onRefresh }) {
+  const [round2, setRound] = useState19(() => ordered(items).map((item) => item.id));
+  const [answered, setAnswered] = useState19(/* @__PURE__ */ new Set());
+  const [resolvedElsewhere, setResolvedElsewhere] = useState19(/* @__PURE__ */ new Set());
+  const [activeId, setActiveId] = useState19(() => items.some((item) => item.id === initialSelectedId) ? initialSelectedId : ordered(items)[0]?.id ?? null);
+  const [busy, setBusy] = useState19(false);
+  const [refreshing, setRefreshing] = useState19(false);
+  const [restart, setRestart] = useState19(false);
+  const [refreshError, setRefreshError] = useState19("");
+  const cache = useRef13(/* @__PURE__ */ new Map());
+  const drafts = useRef13(/* @__PURE__ */ new Map());
+  const pending = useRef13(false);
+  const section = useRef13(null);
+  const form = useRef13(null);
+  for (const item of items) cache.current.set(item.id, item);
+  const currentItems = new Map(items.map((item) => [item.id, item]));
+  const missing = loading || error || busy || refreshing ? resolvedElsewhere : new Set(round2.filter((id) => !currentItems.has(id)));
+  const unanswered = round2.filter((id) => {
+    const item = cache.current.get(id);
+    return item && !answered.has(revisionKey(item)) && !missing.has(id);
+  });
+  const currentId = activeId && unanswered.includes(activeId) ? activeId : unanswered.find((id) => round2.indexOf(id) > round2.indexOf(activeId ?? "")) ?? unanswered[0];
+  const active = currentId ? cache.current.get(currentId) : void 0;
+  const currentKey = active ? revisionKey(active) : "";
+  const available = !!active && currentItems.has(active.id);
+  const canReview = !!active && available && active.canReview;
+  const rank = currentId ? round2.indexOf(currentId) + 1 : round2.length;
+  const reviewed = round2.length - unanswered.length;
+  useEffect14(() => {
+    if (loading || !restart && (round2.length > 0 || items.length === 0)) return;
+    const next = ordered(items).map((item) => item.id);
+    setRound(next);
+    setActiveId(initialSelectedId && next.includes(initialSelectedId) ? initialSelectedId : next[0] ?? null);
+    setAnswered(/* @__PURE__ */ new Set());
+    setResolvedElsewhere(/* @__PURE__ */ new Set());
+    setRestart(false);
+  }, [items, loading, restart, round2.length, initialSelectedId]);
+  useEffect14(() => {
+    if (loading || error || busy || refreshing) return;
+    const present = new Set(items.map((item) => item.id));
+    setResolvedElsewhere((previous) => {
+      const next = new Set(round2.filter((id) => !present.has(id)));
+      return next.size === previous.size && [...next].every((id) => previous.has(id)) ? previous : next;
+    });
+  }, [items, loading, error, busy, refreshing, round2]);
+  useEffect14(() => {
+    setActiveId(currentId ?? null);
+    section.current?.focus({ preventScroll: true });
+  }, [currentKey]);
+  function navigate(direction) {
+    if (pending.current || unanswered.length < 2) return;
+    const index = Math.max(0, unanswered.indexOf(currentId));
+    setActiveId(unanswered[(index + direction + unanswered.length) % unanswered.length]);
+  }
+  async function verdict(item, value) {
+    if (pending.current || !item.canReview || !currentItems.has(item.id)) return;
+    pending.current = true;
+    setBusy(true);
+    try {
+      await onVerdict(item, value);
+      const nextAnswered = new Set(answered).add(revisionKey(item));
+      setAnswered(nextAnswered);
+      const remaining = round2.filter((id) => {
+        const candidate = cache.current.get(id);
+        return candidate && !nextAnswered.has(revisionKey(candidate));
+      });
+      const position = round2.indexOf(item.id);
+      setActiveId(remaining.find((id) => round2.indexOf(id) > position) ?? remaining[0] ?? null);
+    } finally {
+      pending.current = false;
+      setBusy(false);
+    }
+  }
+  async function feedback(item, value) {
+    if (!onFeedback || pending.current || !item.canReview || !currentItems.has(item.id)) return;
+    pending.current = true;
+    setBusy(true);
+    try {
+      await onFeedback(item, value);
+    } finally {
+      pending.current = false;
+      setBusy(false);
+    }
+  }
+  async function refresh() {
+    if (!onRefresh || pending.current) return;
+    pending.current = true;
+    setRefreshing(true);
+    setRefreshError("");
+    try {
+      await onRefresh();
+      setRestart(true);
+    } catch (cause) {
+      setRefreshError(cause instanceof Error ? cause.message : "The inbox could not refresh. Your drafts are kept.");
+    } finally {
+      pending.current = false;
+      setRefreshing(false);
+    }
+  }
+  useEffect14(() => {
+    function shortcut(event) {
+      if (event.defaultPrevented || event.repeat || event.altKey || event.ctrlKey || event.metaKey || event.isComposing) return;
+      const target = event.target instanceof Element ? event.target : null;
+      const typing = target?.closest('input, textarea, select, [contenteditable]:not([contenteditable="false"]), [role="textbox"]');
+      if (event.key === "Escape" && typing instanceof HTMLElement) {
+        typing.blur();
+        event.preventDefault();
+        return;
+      }
+      if (typing || target && target !== document.body && !section.current?.contains(target) || pending.current || refreshing) return;
+      const key = event.key.toLowerCase();
+      if (key === "j") {
+        event.preventDefault();
+        navigate(1);
+      } else if (key === "k") {
+        event.preventDefault();
+        navigate(-1);
+      } else if (active && canReview && key === "s") {
+        event.preventDefault();
+        form.current?.focusScore();
+      } else if (active && canReview && (key === "a" || key === "r")) {
+        event.preventDefault();
+        void form.current?.submitVerdict(key === "a" ? "approve" : "request_changes");
+      }
+    }
+    window.addEventListener("keydown", shortcut);
+    return () => window.removeEventListener("keydown", shortcut);
+  });
+  return /* @__PURE__ */ jsxs16(
+    "section",
+    {
+      ref: section,
+      tabIndex: -1,
+      "aria-label": "Review inbox",
+      "aria-busy": busy || refreshing || loading,
+      className: "mx-auto min-w-0 max-w-4xl space-y-5 outline-none",
+      "data-review-inbox": true,
+      children: [
+        /* @__PURE__ */ jsx18(
+          PageHeader,
+          {
+            title: "Review inbox",
+            description: "Review the oldest work first. Every decision includes your score and feedback.",
+            actions: onRefresh && /* @__PURE__ */ jsx18(Button4, { variant: "outline", disabled: busy || refreshing || loading, onClick: () => void refresh(), children: refreshing ? "Refreshing\u2026" : "Refresh" }),
+            meta: /* @__PURE__ */ jsx18("p", { role: "status", "data-review-progress": true, children: active ? `${rank} of ${round2.length}` : `${reviewed} of ${round2.length} resolved` })
+          }
+        ),
+        (error || refreshError) && /* @__PURE__ */ jsx18("p", { role: "alert", className: "text-sm text-[var(--surface-danger-text)]", children: error || refreshError }),
+        round2.length > 0 && /* @__PURE__ */ jsx18("progress", { "aria-label": "Items resolved this round", value: reviewed, max: round2.length, className: "h-1.5 w-full accent-primary" }),
+        (loading || error) && !active ? /* @__PURE__ */ jsx18("p", { role: "status", children: loading ? "Loading the review inbox\u2026" : "The review inbox could not load." }) : !active ? /* @__PURE__ */ jsxs16("div", { className: "py-12 text-center", children: [
+          /* @__PURE__ */ jsx18("h2", { className: "text-xl font-semibold", children: "All caught up" }),
+          /* @__PURE__ */ jsxs16("p", { className: "mt-2 text-sm text-muted-foreground", children: [
+            reviewed,
+            " of ",
+            round2.length,
+            " resolved this round."
+          ] })
+        ] }) : /* @__PURE__ */ jsxs16(Fragment6, { children: [
+          /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs16("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: active.kind }),
+              /* @__PURE__ */ jsx18("h2", { className: "break-words text-lg font-semibold", "data-review-title": true, children: active.title })
+            ] }),
+            /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx18(Button4, { variant: "outline", "aria-keyshortcuts": "K", disabled: busy || unanswered.length < 2, onClick: () => navigate(-1), children: "Previous" }),
+              /* @__PURE__ */ jsx18(Button4, { variant: "outline", "aria-keyshortcuts": "J", disabled: busy || unanswered.length < 2, onClick: () => navigate(1), children: "Next" })
+            ] })
+          ] }),
+          available && !active.canReview && /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: "You do not have permission to review this item." }),
+          /* @__PURE__ */ jsx18("div", { className: "min-w-0", "data-review-content": true, children: renderItem(active) }),
+          /* @__PURE__ */ jsx18(
+            ReviewFeedbackForm,
+            {
+              ref: form,
+              draftKey: currentKey,
+              drafts: drafts.current,
+              input: active.input,
+              preview: active.preview,
+              feedback: active.feedback,
+              disabled: !canReview || busy || loading,
+              approveLabel: active.approveLabel,
+              allowedVerdicts: active.allowedVerdicts,
+              onVerdict: (decision, value) => verdict(active, { verdict: decision, ...value }),
+              onFeedback: onFeedback ? (value) => feedback(active, value) : void 0
+            },
+            currentKey
+          ),
+          /* @__PURE__ */ jsx18("p", { className: "text-xs leading-5 text-muted-foreground", children: "A approve \xB7 R request changes \xB7 S score \xB7 J/K next/previous \xB7 Esc leave a field. Shortcuts pause while typing." })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/web-react/api-access-panel.tsx
+import { useEffect as useEffect15, useRef as useRef14, useState as useState20 } from "react";
+import { Button as Button5, Input, PageHeader as PageHeader2 } from "@tangle-network/ui/primitives";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var defaultExpiryChoices = [1, 7, 30];
-var inputClass = "h-11 w-full rounded-lg border border-input bg-background px-3 text-sm text-foreground";
-var buttonClass = "inline-flex items-center justify-center rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground disabled:opacity-50";
-var outlineClass = "inline-flex items-center justify-center rounded-lg border border-input bg-background px-3 py-2 text-sm font-medium text-foreground disabled:opacity-50";
 function pruneScopes(scopes, access) {
   const offered = new Map(access.map((option) => [option.scope, option]));
   const selected = new Set(scopes.filter((scope) => offered.has(scope)));
@@ -5737,31 +5930,31 @@ function ApiAccessPanel({
   onRevoke,
   onChanged
 }) {
-  const [name, setName] = useState19("");
-  const [reach, setReach] = useState19("");
+  const [name, setName] = useState20("");
+  const [reach, setReach] = useState20("");
   const selectedWorkspace = workspaces?.some((workspace) => workspace.id === reach) ? reach : "";
   const workspaceName = (id) => workspaces?.find((workspace) => workspace.id === id)?.name ?? `A removed ${workspaceNoun.singular}`;
   const allowedDays = [...new Set(expiryDays)].filter((days2) => days2 > 0 && Number.isFinite(new Date(Date.now() + days2 * 864e5).getTime()));
   const fallbackDays = allowedDays.includes(defaultExpiryDays) ? defaultExpiryDays : allowedDays[0];
-  const [days, setDays] = useState19(fallbackDays);
+  const [days, setDays] = useState20(fallbackDays);
   const selectedDays = days !== void 0 && allowedDays.includes(days) ? days : fallbackDays;
-  const [scopes, setScopes] = useState19(() => expandScopes(defaultScopes, access));
-  const [creating, setCreating] = useState19(false);
-  const [revoking, setRevoking] = useState19(null);
-  const [created, setCreated] = useState19(null);
-  const [notice, setNotice] = useState19(null);
-  const [error, setError] = useState19(null);
-  const keyHeading = useRef13(null);
-  const nameInput = useRef13(null);
-  const keyWasShown = useRef13(false);
+  const [scopes, setScopes] = useState20(() => expandScopes(defaultScopes, access));
+  const [creating, setCreating] = useState20(false);
+  const [revoking, setRevoking] = useState20(null);
+  const [created, setCreated] = useState20(null);
+  const [notice, setNotice] = useState20(null);
+  const [error, setError] = useState20(null);
+  const keyHeading = useRef14(null);
+  const nameInput = useRef14(null);
+  const keyWasShown = useRef14(false);
   const selectedScopes = pruneScopes(scopes, access);
-  useEffect14(() => {
+  useEffect15(() => {
     setScopes((current) => {
       const next = pruneScopes(current, access);
       return next.length === current.length ? current : next;
     });
   }, [access]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (created) {
       keyHeading.current?.focus();
       keyWasShown.current = true;
@@ -5807,11 +6000,11 @@ function ApiAccessPanel({
       setRevoking(null);
     }
   }
-  return /* @__PURE__ */ jsx18("main", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs16("div", { className: "mx-auto max-w-2xl space-y-8 px-4 py-8 sm:px-8", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-      accountHref && /* @__PURE__ */ jsx18("a", { href: accountHref, className: "text-sm text-muted-foreground hover:text-foreground", children: "Account" }),
-      /* @__PURE__ */ jsx18(
-        PageHeader,
+  return /* @__PURE__ */ jsx19("main", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs17("div", { className: "mx-auto max-w-2xl space-y-8 px-4 py-8 sm:px-8", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+      accountHref && /* @__PURE__ */ jsx19("a", { href: accountHref, className: "text-sm text-muted-foreground hover:text-foreground", children: "Account" }),
+      /* @__PURE__ */ jsx19(
+        PageHeader2,
         {
           className: "mb-0",
           title: "API access",
@@ -5819,14 +6012,14 @@ function ApiAccessPanel({
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx18("p", { role: "alert", className: "rounded-lg border border-destructive/40 p-3 text-sm text-destructive", children: error }),
-    notice && /* @__PURE__ */ jsx18("p", { role: "status", className: "text-sm text-muted-foreground", children: notice }),
-    created ? /* @__PURE__ */ jsxs16("section", { "aria-labelledby": "save-api-key", className: "space-y-4 rounded-xl border border-border bg-card p-5", children: [
-      /* @__PURE__ */ jsx18("h2", { ref: keyHeading, tabIndex: -1, id: "save-api-key", className: "font-medium outline-none", children: "Save your key" }),
-      /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: "Copy it directly into your client\u2019s secret storage. It is shown only now. Keep it out of chat messages and prompts." }),
-      /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx18("input", { "aria-label": "New API key", type: "password", value: created.key, readOnly: true, autoComplete: "off", className: `${inputClass} min-w-0 font-mono` }),
-        /* @__PURE__ */ jsx18("button", { className: buttonClass, onClick: async () => {
+    error && /* @__PURE__ */ jsx19("p", { role: "alert", className: "rounded-lg border border-destructive/40 p-3 text-sm text-destructive", children: error }),
+    notice && /* @__PURE__ */ jsx19("p", { role: "status", className: "text-sm text-muted-foreground", children: notice }),
+    created ? /* @__PURE__ */ jsxs17("section", { "aria-labelledby": "save-api-key", className: "space-y-4 rounded-xl border border-border bg-card p-5", children: [
+      /* @__PURE__ */ jsx19("h2", { ref: keyHeading, tabIndex: -1, id: "save-api-key", className: "font-medium outline-none", children: "Save your key" }),
+      /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Copy it directly into your client\u2019s secret storage. It is shown only now. Keep it out of chat messages and prompts." }),
+      /* @__PURE__ */ jsxs17("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx19(Input, { size: "lg", "aria-label": "New API key", type: "password", value: created.key, readOnly: true, autoComplete: "off", className: "min-w-0 font-mono" }),
+        /* @__PURE__ */ jsx19(Button5, { onClick: async () => {
           try {
             await navigator.clipboard.writeText(created.key);
             setNotice("Key copied");
@@ -5835,46 +6028,46 @@ function ApiAccessPanel({
           }
         }, children: "Copy key" })
       ] }),
-      /* @__PURE__ */ jsx18("button", { className: outlineClass, onClick: () => {
+      /* @__PURE__ */ jsx19(Button5, { variant: "outline", onClick: () => {
         setCreated(null);
         setNotice(null);
       }, children: "I\u2019ve saved it" })
-    ] }) : /* @__PURE__ */ jsxs16("form", { onSubmit: createKey, className: "space-y-5 rounded-xl border border-border bg-card p-5", children: [
-      /* @__PURE__ */ jsx18("h2", { className: "font-medium", children: "Create a key" }),
-      /* @__PURE__ */ jsxs16("div", { className: "grid gap-4 sm:grid-cols-[1fr_10rem]", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium", htmlFor: "key-name", children: "Name" }),
-          /* @__PURE__ */ jsx18("input", { ref: nameInput, id: "key-name", className: inputClass, value: name, onChange: (event) => setName(event.target.value), placeholder: "Client on my server", maxLength: 100, required: true, autoComplete: "off" })
+    ] }) : /* @__PURE__ */ jsxs17("form", { onSubmit: createKey, className: "space-y-5 rounded-xl border border-border bg-card p-5", children: [
+      /* @__PURE__ */ jsx19("h2", { className: "font-medium", children: "Create a key" }),
+      /* @__PURE__ */ jsxs17("div", { className: "grid gap-4 sm:grid-cols-[1fr_10rem]", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx19("label", { className: "text-sm font-medium", htmlFor: "key-name", children: "Name" }),
+          /* @__PURE__ */ jsx19(Input, { size: "lg", ref: nameInput, id: "key-name", value: name, onChange: (event) => setName(event.target.value), placeholder: "Client on my server", maxLength: 100, required: true, autoComplete: "off" })
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium", htmlFor: "key-expiry", children: "Expires in" }),
-          /* @__PURE__ */ jsx18("select", { id: "key-expiry", value: selectedDays ?? "", onChange: (event) => setDays(Number(event.target.value)), className: "h-11 w-full rounded-lg border border-input bg-background px-3 text-sm", children: allowedDays.map((days2) => /* @__PURE__ */ jsxs16("option", { value: days2, children: [
+        /* @__PURE__ */ jsxs17("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx19("label", { className: "text-sm font-medium", htmlFor: "key-expiry", children: "Expires in" }),
+          /* @__PURE__ */ jsx19("select", { id: "key-expiry", value: selectedDays ?? "", onChange: (event) => setDays(Number(event.target.value)), className: "h-11 w-full rounded-lg border border-input bg-background px-3 text-sm", children: allowedDays.map((days2) => /* @__PURE__ */ jsxs17("option", { value: days2, children: [
             days2,
             " ",
             days2 === 1 ? "day" : "days"
           ] }, days2)) })
         ] })
       ] }),
-      workspaces && workspaces.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium", htmlFor: "key-reach", children: "Reaches" }),
-        /* @__PURE__ */ jsxs16("select", { id: "key-reach", value: selectedWorkspace, onChange: (event) => setReach(event.target.value), className: "h-11 w-full rounded-lg border border-input bg-background px-3 text-sm", children: [
-          /* @__PURE__ */ jsxs16("option", { value: "", children: [
+      workspaces && workspaces.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx19("label", { className: "text-sm font-medium", htmlFor: "key-reach", children: "Reaches" }),
+        /* @__PURE__ */ jsxs17("select", { id: "key-reach", value: selectedWorkspace, onChange: (event) => setReach(event.target.value), className: "h-11 w-full rounded-lg border border-input bg-background px-3 text-sm", children: [
+          /* @__PURE__ */ jsxs17("option", { value: "", children: [
             "All ",
             workspaceNoun.plural,
             ", including new ones"
           ] }),
-          workspaces.map((workspace) => /* @__PURE__ */ jsxs16("option", { value: workspace.id, children: [
+          workspaces.map((workspace) => /* @__PURE__ */ jsxs17("option", { value: workspace.id, children: [
             "Only ",
             workspace.name
           ] }, workspace.id))
         ] })
       ] }),
-      /* @__PURE__ */ jsxs16("fieldset", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx18("legend", { className: "mb-3 text-sm font-medium", children: "Permissions" }),
+      /* @__PURE__ */ jsxs17("fieldset", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx19("legend", { className: "mb-3 text-sm font-medium", children: "Permissions" }),
         access.map((option) => {
           const unavailable = !expandScopes([option.scope], access).includes(option.scope);
-          return /* @__PURE__ */ jsxs16("label", { className: "flex cursor-pointer items-start gap-3", children: [
-            /* @__PURE__ */ jsx18(
+          return /* @__PURE__ */ jsxs17("label", { className: "flex cursor-pointer items-start gap-3", children: [
+            /* @__PURE__ */ jsx19(
               "input",
               {
                 type: "checkbox",
@@ -5884,42 +6077,42 @@ function ApiAccessPanel({
                 onChange: (event) => setScopes((current) => event.target.checked ? expandScopes([...current, option.scope], access) : pruneScopes(current.filter((scope) => scope !== option.scope), access))
               }
             ),
-            /* @__PURE__ */ jsxs16("span", { className: "text-sm", children: [
-              /* @__PURE__ */ jsx18("span", { className: "block font-medium", children: option.label }),
-              /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground", children: option.description }),
-              unavailable && /* @__PURE__ */ jsx18("span", { className: "block text-muted-foreground", children: "Required permission unavailable." })
+            /* @__PURE__ */ jsxs17("span", { className: "text-sm", children: [
+              /* @__PURE__ */ jsx19("span", { className: "block font-medium", children: option.label }),
+              /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground", children: option.description }),
+              unavailable && /* @__PURE__ */ jsx19("span", { className: "block text-muted-foreground", children: "Required permission unavailable." })
             ] })
           ] }, option.scope);
         })
       ] }),
-      limitsDescription && /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: limitsDescription }),
-      /* @__PURE__ */ jsx18("button", { className: buttonClass, type: "submit", disabled: creating || !name.trim() || !selectedScopes.length || selectedDays === void 0, children: creating ? "Creating\u2026" : "Create key" })
+      limitsDescription && /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: limitsDescription }),
+      /* @__PURE__ */ jsx19(Button5, { type: "submit", disabled: creating || !name.trim() || !selectedScopes.length || selectedDays === void 0, children: creating ? "Creating\u2026" : "Create key" })
     ] }),
-    /* @__PURE__ */ jsxs16("section", { "aria-labelledby": "existing-keys", className: "space-y-3", children: [
-      /* @__PURE__ */ jsx18("h2", { id: "existing-keys", className: "font-medium", children: "Your keys" }),
-      keys.length === 0 ? /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: "No keys yet." }) : /* @__PURE__ */ jsx18("ul", { className: "divide-y divide-border rounded-xl border border-border bg-card", children: keys.map((key) => /* @__PURE__ */ jsxs16("li", { className: "flex items-start justify-between gap-3 p-4", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "min-w-0 space-y-1", children: [
-          /* @__PURE__ */ jsx18("p", { className: "break-words text-sm font-medium", children: key.name }),
-          /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: key.expiresAt ? `${new Date(key.expiresAt).getTime() <= Date.now() ? "Expired" : "Expires"} ${new Date(key.expiresAt).toLocaleDateString()}` : "No expiry" }),
-          /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: key.scopes.map((scope) => access.find((access2) => access2.scope === scope)?.label ?? scope).join(" \xB7 ") }),
-          workspaces && /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: key.workspaceIds?.length ? `Only ${key.workspaceIds.map(workspaceName).join(", ")}` : `All ${workspaceNoun.plural}` })
+    /* @__PURE__ */ jsxs17("section", { "aria-labelledby": "existing-keys", className: "space-y-3", children: [
+      /* @__PURE__ */ jsx19("h2", { id: "existing-keys", className: "font-medium", children: "Your keys" }),
+      keys.length === 0 ? /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "No keys yet." }) : /* @__PURE__ */ jsx19("ul", { className: "divide-y divide-border rounded-xl border border-border bg-card", children: keys.map((key) => /* @__PURE__ */ jsxs17("li", { className: "flex items-start justify-between gap-3 p-4", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "min-w-0 space-y-1", children: [
+          /* @__PURE__ */ jsx19("p", { className: "break-words text-sm font-medium", children: key.name }),
+          /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: key.expiresAt ? `${new Date(key.expiresAt).getTime() <= Date.now() ? "Expired" : "Expires"} ${new Date(key.expiresAt).toLocaleDateString()}` : "No expiry" }),
+          /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: key.scopes.map((scope) => access.find((access2) => access2.scope === scope)?.label ?? scope).join(" \xB7 ") }),
+          workspaces && /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: key.workspaceIds?.length ? `Only ${key.workspaceIds.map(workspaceName).join(", ")}` : `All ${workspaceNoun.plural}` })
         ] }),
-        /* @__PURE__ */ jsx18("button", { className: outlineClass, disabled: revoking !== null, onClick: () => revokeKey(key.id), "aria-label": `Revoke ${key.name}`, children: revoking === key.id ? "Revoking\u2026" : "Revoke" })
+        /* @__PURE__ */ jsx19(Button5, { variant: "outline", disabled: revoking !== null, onClick: () => revokeKey(key.id), "aria-label": `Revoke ${key.name}`, children: revoking === key.id ? "Revoking\u2026" : "Revoke" })
       ] }, key.id)) })
     ] }),
-    /* @__PURE__ */ jsxs16("p", { className: "text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs17("p", { className: "text-sm text-muted-foreground", children: [
       "Use ",
-      /* @__PURE__ */ jsx18("code", { className: "text-sm", children: baseUrl }),
+      /* @__PURE__ */ jsx19("code", { className: "text-sm", children: baseUrl }),
       " as the API base and send the key as a Bearer credential."
     ] })
   ] }) });
 }
 
 // src/web-react/agent-setup-block.tsx
-import { useState as useState20 } from "react";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useState as useState21 } from "react";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function AgentSetupBlock({ productName, setupUrl, markdown, description, className }) {
-  const [notice, setNotice] = useState20(null);
+  const [notice, setNotice] = useState21(null);
   const prompt = markdown ?? `Set up ${productName} for me. Fetch ${setupUrl} and follow every step in it.`;
   async function copy() {
     try {
@@ -5929,15 +6122,15 @@ function AgentSetupBlock({ productName, setupUrl, markdown, description, classNa
       setNotice(`Clipboard unavailable. Open ${setupUrl} and copy it from there.`);
     }
   }
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "section",
     {
       "aria-labelledby": "agent-setup-heading",
       className: `space-y-3 rounded-xl border border-border bg-card p-5 ${className ?? ""}`.trim(),
       children: [
-        /* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx19("h2", { id: "agent-setup-heading", className: "font-medium text-foreground", children: "Hand this to your agent" }),
-          /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsxs18("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx20("h2", { id: "agent-setup-heading", className: "font-medium text-foreground", children: "Hand this to your agent" }),
+          /* @__PURE__ */ jsx20(
             "button",
             {
               type: "button",
@@ -5947,13 +6140,13 @@ function AgentSetupBlock({ productName, setupUrl, markdown, description, classNa
             }
           )
         ] }),
-        /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: description ?? `Your coding agent sets up ${productName} end to end: it asks you to approve once, gets its own capped key, installs the client, and verifies a first call.` }),
-        /* @__PURE__ */ jsxs17("p", { className: "text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: description ?? `Your coding agent sets up ${productName} end to end: it asks you to approve once, gets its own capped key, installs the client, and verifies a first call.` }),
+        /* @__PURE__ */ jsxs18("p", { className: "text-sm text-muted-foreground", children: [
           "Raw prompt:",
           " ",
-          /* @__PURE__ */ jsx19("a", { href: setupUrl, className: "font-mono text-foreground underline", children: setupUrl })
+          /* @__PURE__ */ jsx20("a", { href: setupUrl, className: "font-mono text-foreground underline", children: setupUrl })
         ] }),
-        notice ? /* @__PURE__ */ jsx19("p", { role: "status", className: "text-sm text-foreground", children: notice }) : null
+        notice ? /* @__PURE__ */ jsx20("p", { role: "status", className: "text-sm text-foreground", children: notice }) : null
       ]
     }
   );
@@ -5961,37 +6154,37 @@ function AgentSetupBlock({ productName, setupUrl, markdown, description, classNa
 
 // src/web-react/agent-profile-choices.tsx
 import { useId as useId4 } from "react";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 function AgentProfileChoices({ value, profiles, onChange, disabled, locked, lockReason, onNewChat, label = "Agent profile" }) {
   const name = useId4();
   const selected = profiles.find((profile) => profile.id === value);
   if (locked) {
-    return /* @__PURE__ */ jsxs18("div", { className: "space-y-2 rounded-lg border border-border p-3 text-sm", children: [
-      /* @__PURE__ */ jsx20("p", { className: "font-medium text-foreground", children: selected?.name ?? value }),
-      /* @__PURE__ */ jsx20("p", { className: "text-muted-foreground", children: lockReason ?? "This conversation stays on its current profile." }),
-      onNewChat && !disabled && /* @__PURE__ */ jsx20("button", { type: "button", onClick: onNewChat, className: "text-sm font-medium text-primary underline underline-offset-4", children: "New chat to switch profile" })
+    return /* @__PURE__ */ jsxs19("div", { className: "space-y-2 rounded-lg border border-border p-3 text-sm", children: [
+      /* @__PURE__ */ jsx21("p", { className: "font-medium text-foreground", children: selected?.name ?? value }),
+      /* @__PURE__ */ jsx21("p", { className: "text-muted-foreground", children: lockReason ?? "This conversation stays on its current profile." }),
+      onNewChat && !disabled && /* @__PURE__ */ jsx21("button", { type: "button", onClick: onNewChat, className: "text-sm font-medium text-primary underline underline-offset-4", children: "New chat to switch profile" })
     ] });
   }
-  return /* @__PURE__ */ jsxs18("fieldset", { disabled, className: "min-w-0 space-y-1", children: [
-    /* @__PURE__ */ jsx20("legend", { className: "sr-only", children: label }),
-    /* @__PURE__ */ jsxs18("div", { className: "max-h-48 space-y-1 overflow-y-auto", children: [
-      profiles.map((profile) => /* @__PURE__ */ jsxs18("label", { className: "flex min-h-10 cursor-pointer items-start gap-2 rounded-lg border border-transparent p-2 text-sm hover:bg-muted has-[:checked]:border-border has-[:checked]:bg-muted has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-60", children: [
-        /* @__PURE__ */ jsx20("input", { type: "radio", name, value: profile.id, checked: profile.id === value, disabled, onChange: () => {
+  return /* @__PURE__ */ jsxs19("fieldset", { disabled, className: "min-w-0 space-y-1", children: [
+    /* @__PURE__ */ jsx21("legend", { className: "sr-only", children: label }),
+    /* @__PURE__ */ jsxs19("div", { className: "max-h-48 space-y-1 overflow-y-auto", children: [
+      profiles.map((profile) => /* @__PURE__ */ jsxs19("label", { className: "flex min-h-10 cursor-pointer items-start gap-2 rounded-lg border border-transparent p-2 text-sm hover:bg-muted has-[:checked]:border-border has-[:checked]:bg-muted has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-60", children: [
+        /* @__PURE__ */ jsx21("input", { type: "radio", name, value: profile.id, checked: profile.id === value, disabled, onChange: () => {
           if (!disabled) onChange(profile.id);
         }, className: "mt-1 shrink-0 accent-primary" }),
-        /* @__PURE__ */ jsxs18("span", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx20("span", { className: "block font-medium text-foreground", children: profile.name }),
-          profile.description && /* @__PURE__ */ jsx20("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: profile.description })
+        /* @__PURE__ */ jsxs19("span", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx21("span", { className: "block font-medium text-foreground", children: profile.name }),
+          profile.description && /* @__PURE__ */ jsx21("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: profile.description })
         ] })
       ] }, profile.id)),
-      profiles.length === 0 && /* @__PURE__ */ jsx20("p", { role: "status", className: "p-2 text-sm text-muted-foreground", children: "No profiles available." })
+      profiles.length === 0 && /* @__PURE__ */ jsx21("p", { role: "status", className: "p-2 text-sm text-muted-foreground", children: "No profiles available." })
     ] })
   ] });
 }
 
 // src/web-react/composer-profile-pill.tsx
 import { AgentProfilePicker } from "@tangle-network/sandbox-ui/chat";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var TRIGGER = {
   composer: "max-w-[180px]",
   // A menu panel repoints surface-container to its own tone, which would leave
@@ -6016,7 +6209,7 @@ function ComposerProfilePill({
   placement = "composer",
   className
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     AgentProfilePicker,
     {
       value: selection.value,
@@ -6040,7 +6233,7 @@ function ComposerProfilePill({
 }
 
 // src/web-react/index.tsx
-import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 function formatModelCost(msg, models) {
   if (msg.promptTokens == null && msg.completionTokens == null) return null;
   const pricing = models.find((m) => m.id === msg.modelUsed)?.pricing;
@@ -6054,41 +6247,41 @@ function formatTokensPerSecond(msg) {
   return `${Math.round(msg.completionTokens / (msg.durationMs / 1e3))} tok/s`;
 }
 function RunDrillIn({ run, onClose }) {
-  return /* @__PURE__ */ jsxs19("div", { className: `fixed inset-y-0 right-0 z-50 flex w-[480px] max-w-full flex-col border-l border-card-edge bg-popover ${OVERLAY_SHADOW}`, children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 border-b border-border px-4 py-3", children: [
-      /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs20("div", { className: `fixed inset-y-0 right-0 z-50 flex w-[480px] max-w-full flex-col border-l border-card-edge bg-popover ${OVERLAY_SHADOW}`, children: [
+    /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 border-b border-border px-4 py-3", children: [
+      /* @__PURE__ */ jsx23(
         "span",
         {
           className: `h-2 w-2 shrink-0 rounded-full ${run.status === "running" ? "bg-warning" : run.status === "error" ? "bg-destructive" : "bg-success"}`
         }
       ),
-      /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx22("p", { className: "truncate text-[15px] font-semibold", children: run.title }),
-        /* @__PURE__ */ jsx22("p", { className: "truncate font-mono text-xs text-muted-foreground", children: run.toolName })
+      /* @__PURE__ */ jsxs20("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx23("p", { className: "truncate text-[15px] font-semibold", children: run.title }),
+        /* @__PURE__ */ jsx23("p", { className: "truncate font-mono text-xs text-muted-foreground", children: run.toolName })
       ] }),
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx23(
         "button",
         {
           type: "button",
           onClick: onClose,
           "aria-label": "Close",
           className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-accent hover:text-foreground",
-          children: /* @__PURE__ */ jsx22("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx22("path", { d: "M18 6 6 18M6 6l12 12" }) })
+          children: /* @__PURE__ */ jsx23("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx23("path", { d: "M18 6 6 18M6 6l12 12" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs19("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [
-      run.steps.length === 0 && /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: "No steps recorded yet." }),
-      run.steps.map((step, i) => /* @__PURE__ */ jsxs19("div", { className: "rounded-lg border border-card-edge bg-card", children: [
-        /* @__PURE__ */ jsxs19("div", { className: "flex items-baseline gap-2 border-b border-border px-3 py-1.5", children: [
-          /* @__PURE__ */ jsx22("span", { className: `font-mono text-xs ${step.status === "error" ? "text-destructive" : "text-muted-foreground"}`, children: step.status === "error" ? "\u2717" : "$" }),
-          /* @__PURE__ */ jsx22("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: step.label }),
-          /* @__PURE__ */ jsx22("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: new Date(step.at).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) })
+    /* @__PURE__ */ jsxs20("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [
+      run.steps.length === 0 && /* @__PURE__ */ jsx23("p", { className: "text-sm text-muted-foreground", children: "No steps recorded yet." }),
+      run.steps.map((step, i) => /* @__PURE__ */ jsxs20("div", { className: "rounded-lg border border-card-edge bg-card", children: [
+        /* @__PURE__ */ jsxs20("div", { className: "flex items-baseline gap-2 border-b border-border px-3 py-1.5", children: [
+          /* @__PURE__ */ jsx23("span", { className: `font-mono text-xs ${step.status === "error" ? "text-destructive" : "text-muted-foreground"}`, children: step.status === "error" ? "\u2717" : "$" }),
+          /* @__PURE__ */ jsx23("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: step.label }),
+          /* @__PURE__ */ jsx23("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: new Date(step.at).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) })
         ] }),
-        step.detail && /* @__PURE__ */ jsx22("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap px-3 py-2 font-mono text-xs leading-relaxed text-muted-foreground", children: step.detail })
+        step.detail && /* @__PURE__ */ jsx23("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap px-3 py-2 font-mono text-xs leading-relaxed text-muted-foreground", children: step.detail })
       ] }, i))
     ] }),
-    /* @__PURE__ */ jsx22("p", { className: "border-t border-border px-4 py-2 text-xs text-muted-foreground", children: "Read-only transcript \u2014 reply in the main chat." })
+    /* @__PURE__ */ jsx23("p", { className: "border-t border-border px-4 py-2 text-xs text-muted-foreground", children: "Read-only transcript \u2014 reply in the main chat." })
   ] });
 }
 function pendingApprovalOf(call) {
@@ -6104,23 +6297,23 @@ function ChatEmptyState({
 }) {
   const doorCount = Math.min(doors?.length ?? 0, 3);
   const doorsGridClass = doorCount === 1 ? "mx-auto max-w-sm sm:grid-cols-1" : doorCount === 2 ? "sm:grid-cols-2" : "sm:grid-cols-3";
-  return /* @__PURE__ */ jsxs19("div", { className: "mx-auto flex w-full max-w-2xl flex-col items-center px-6 py-12 text-center sm:py-20", children: [
-    /* @__PURE__ */ jsx22("span", { className: "mb-5 inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 ring-1 ring-primary/15", children: /* @__PURE__ */ jsx22(BrandMark, { size: 32, className: "shrink-0" }) }),
-    /* @__PURE__ */ jsx22("p", { className: "text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: productName }),
-    /* @__PURE__ */ jsx22("h2", { className: "mt-1.5 text-balance text-2xl font-semibold leading-tight text-foreground", children: headline }),
-    subline && /* @__PURE__ */ jsx22("p", { className: "mt-3 max-w-md text-[15px] leading-relaxed text-muted-foreground", children: subline }),
-    doors && doors.length > 0 && /* @__PURE__ */ jsx22("div", { className: `mt-7 grid w-full gap-2.5 ${doorsGridClass}`, children: doors.slice(0, 3).map((door, i) => /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20("div", { className: "mx-auto flex w-full max-w-2xl flex-col items-center px-6 py-12 text-center sm:py-20", children: [
+    /* @__PURE__ */ jsx23("span", { className: "mb-5 inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 ring-1 ring-primary/15", children: /* @__PURE__ */ jsx23(BrandMark, { size: 32, className: "shrink-0" }) }),
+    /* @__PURE__ */ jsx23("p", { className: "text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: productName }),
+    /* @__PURE__ */ jsx23("h2", { className: "mt-1.5 text-balance text-2xl font-semibold leading-tight text-foreground", children: headline }),
+    subline && /* @__PURE__ */ jsx23("p", { className: "mt-3 max-w-md text-[15px] leading-relaxed text-muted-foreground", children: subline }),
+    doors && doors.length > 0 && /* @__PURE__ */ jsx23("div", { className: `mt-7 grid w-full gap-2.5 ${doorsGridClass}`, children: doors.slice(0, 3).map((door, i) => /* @__PURE__ */ jsxs20(
       "button",
       {
         type: "button",
         onClick: door.onSelect,
         className: "group flex min-h-[44px] flex-col items-start rounded-xl border border-border bg-card px-4 py-3 text-left transition hover:border-primary/40 hover:bg-accent",
         children: [
-          /* @__PURE__ */ jsxs19("span", { className: "flex items-center gap-2 text-sm font-semibold text-foreground", children: [
+          /* @__PURE__ */ jsxs20("span", { className: "flex items-center gap-2 text-sm font-semibold text-foreground", children: [
             door.icon,
             door.label
           ] }),
-          door.description && /* @__PURE__ */ jsx22("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
+          door.description && /* @__PURE__ */ jsx23("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
         ]
       },
       i
@@ -6129,26 +6322,26 @@ function ChatEmptyState({
 }
 function ToolGlyph({ name, className }) {
   if (name.startsWith("sandbox_")) {
-    return /* @__PURE__ */ jsxs19("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx22("polyline", { points: "4 17 10 11 4 5" }),
-      /* @__PURE__ */ jsx22("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
+    return /* @__PURE__ */ jsxs20("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx23("polyline", { points: "4 17 10 11 4 5" }),
+      /* @__PURE__ */ jsx23("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
     ] });
   }
   if (name === "submit_proposal") {
-    return /* @__PURE__ */ jsxs19("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx22("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-      /* @__PURE__ */ jsx22("path", { d: "M14 2v6h6M9 15l2 2 4-4" })
+    return /* @__PURE__ */ jsxs20("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx23("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+      /* @__PURE__ */ jsx23("path", { d: "M14 2v6h6M9 15l2 2 4-4" })
     ] });
   }
   if (name === "schedule_followup") {
-    return /* @__PURE__ */ jsxs19("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx22("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ jsx22("path", { d: "M12 7v5l3 3" })
+    return /* @__PURE__ */ jsxs20("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx23("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsx23("path", { d: "M12 7v5l3 3" })
     ] });
   }
-  return /* @__PURE__ */ jsxs19("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx22("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3" }),
-    /* @__PURE__ */ jsx22("circle", { cx: "12", cy: "12", r: "4" })
+  return /* @__PURE__ */ jsxs20("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx23("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3" }),
+    /* @__PURE__ */ jsx23("circle", { cx: "12", cy: "12", r: "4" })
   ] });
 }
 function toolOutcomeOf(call) {
@@ -6234,40 +6427,37 @@ function truncate(v, max = 240) {
 function KvRows({ data }) {
   const entries = Object.entries(data).filter(([, v]) => v !== void 0 && v !== null && v !== "");
   if (!entries.length) return null;
-  return /* @__PURE__ */ jsx22("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxs19("div", { className: "contents", children: [
-    /* @__PURE__ */ jsx22("dt", { className: "font-mono text-xs text-muted-foreground", children: k }),
-    /* @__PURE__ */ jsx22("dd", { className: "min-w-0 whitespace-pre-wrap break-words font-mono text-xs text-muted-foreground", children: truncate(v) })
+  return /* @__PURE__ */ jsx23("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxs20("div", { className: "contents", children: [
+    /* @__PURE__ */ jsx23("dt", { className: "font-mono text-xs text-muted-foreground", children: k }),
+    /* @__PURE__ */ jsx23("dd", { className: "min-w-0 whitespace-pre-wrap break-words font-mono text-xs text-muted-foreground", children: truncate(v) })
   ] }, k)) });
 }
 function ShellDetail({ call }) {
   const outcome = toolOutcomeOf(call);
   const r = outcome?.result ?? {};
-  return /* @__PURE__ */ jsxs19("div", { className: "overflow-hidden rounded-md bg-zinc-900 font-mono text-xs leading-relaxed", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 px-3 pt-2 text-zinc-400", children: [
-      /* @__PURE__ */ jsx22("span", { className: "select-none text-zinc-500", children: "$" }),
-      /* @__PURE__ */ jsx22("span", { className: "min-w-0 flex-1 truncate text-zinc-200", children: String(call.args?.command ?? "") }),
-      r.exitCode != null && /* @__PURE__ */ jsxs19("span", { className: r.exitCode === 0 ? "text-success" : "text-destructive", children: [
-        "exit ",
-        r.exitCode
-      ] })
+  return /* @__PURE__ */ jsxs20(TerminalDisplay, { showHeader: false, autoScroll: false, maxHeight: "14rem", className: "text-xs", children: [
+    /* @__PURE__ */ jsx23(TerminalLine, { type: "command", children: String(call.args?.command ?? "") }),
+    r.exitCode != null && /* @__PURE__ */ jsxs20(TerminalLine, { type: r.exitCode === 0 ? "success" : "error", children: [
+      "exit ",
+      r.exitCode
     ] }),
-    /* @__PURE__ */ jsx22("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap px-3 pb-2.5 pt-1.5 text-zinc-300", children: outcome?.ok === false ? outcome.message ?? "failed" : [r.stdout, r.stderr].filter(Boolean).join("\n") || "(no output)" })
+    /* @__PURE__ */ jsx23(TerminalLine, { type: outcome?.ok === false ? "error" : "output", children: outcome?.ok === false ? outcome.message ?? "failed" : [r.stdout, r.stderr].filter(Boolean).join("\n") || "(no output)" })
   ] });
 }
 function DefaultToolDetail({ call }) {
   const result = call.result;
   const envelope = typeof result === "object" && result !== null ? result : null;
-  return /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
-    call.args && Object.keys(call.args).length > 0 && /* @__PURE__ */ jsxs19("div", { children: [
-      /* @__PURE__ */ jsx22("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Called with" }),
-      /* @__PURE__ */ jsx22(KvRows, { data: call.args })
+  return /* @__PURE__ */ jsxs20("div", { className: "space-y-2", children: [
+    call.args && Object.keys(call.args).length > 0 && /* @__PURE__ */ jsxs20("div", { children: [
+      /* @__PURE__ */ jsx23("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Called with" }),
+      /* @__PURE__ */ jsx23(KvRows, { data: call.args })
     ] }),
-    envelope ? /* @__PURE__ */ jsxs19("div", { children: [
-      /* @__PURE__ */ jsx22("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: envelope.ok === false ? "Failed" : "Result" }),
-      envelope.ok === false ? /* @__PURE__ */ jsx22("p", { className: "text-xs text-destructive", children: envelope.message ?? "Tool failed" }) : envelope.result && typeof envelope.result === "object" ? /* @__PURE__ */ jsx22(KvRows, { data: envelope.result }) : envelope.result != null ? /* @__PURE__ */ jsx22("p", { className: "font-mono text-xs text-muted-foreground", children: truncate(envelope.result) }) : null
-    ] }) : result != null ? /* @__PURE__ */ jsxs19("div", { children: [
-      /* @__PURE__ */ jsx22("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Result" }),
-      /* @__PURE__ */ jsx22("p", { className: "font-mono text-xs text-muted-foreground", children: truncate(result) })
+    envelope ? /* @__PURE__ */ jsxs20("div", { children: [
+      /* @__PURE__ */ jsx23("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: envelope.ok === false ? "Failed" : "Result" }),
+      envelope.ok === false ? /* @__PURE__ */ jsx23("p", { className: "text-xs text-destructive", children: envelope.message ?? "Tool failed" }) : envelope.result && typeof envelope.result === "object" ? /* @__PURE__ */ jsx23(KvRows, { data: envelope.result }) : envelope.result != null ? /* @__PURE__ */ jsx23("p", { className: "font-mono text-xs text-muted-foreground", children: truncate(envelope.result) }) : null
+    ] }) : result != null ? /* @__PURE__ */ jsxs20("div", { children: [
+      /* @__PURE__ */ jsx23("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Result" }),
+      /* @__PURE__ */ jsx23("p", { className: "font-mono text-xs text-muted-foreground", children: truncate(result) })
     ] }) : null
   ] });
 }
@@ -6278,24 +6468,24 @@ function ProposalCard({
   approval,
   renderers
 }) {
-  const [expanded, setExpanded] = useState21(false);
+  const [expanded, setExpanded] = useState22(false);
   const { summary, meta, typeSlug } = proposalPreview(call);
   const custom = renderers?.[call.name]?.(call, message);
   const { pending: deciding, run: decide } = usePending();
-  return /* @__PURE__ */ jsxs19("div", { className: "w-full max-w-full rounded-xl border border-warning/50 bg-warning/[0.06] text-sm shadow-sm ring-1 ring-warning/10", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex items-start gap-2.5 px-4 pt-3.5", children: [
-      /* @__PURE__ */ jsx22("span", { className: "mt-0.5 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-warning/15 text-warning", children: /* @__PURE__ */ jsx22(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
-      /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx22("p", { className: "text-xs font-semibold uppercase tracking-[0.05em] text-warning-strong", children: approval ? "Needs your approval" : "Awaiting approval" }),
-        /* @__PURE__ */ jsx22("p", { className: "mt-0.5 text-[15px] font-semibold leading-snug text-foreground", children: friendlyToolTitle(call) }),
-        summary && /* @__PURE__ */ jsx22("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: summary }),
-        typeSlug && /* @__PURE__ */ jsx22("p", { className: "mt-1 font-mono text-xs text-muted-foreground", children: typeSlug }),
-        meta.length > 0 && /* @__PURE__ */ jsx22("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx22("span", { className: "rounded-full bg-secondary px-2 py-0.5 text-xs font-medium text-muted-foreground", children: m }, i)) })
+  return /* @__PURE__ */ jsxs20("div", { className: "w-full max-w-full rounded-xl border border-warning/50 bg-warning/[0.06] text-sm shadow-sm ring-1 ring-warning/10", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-2.5 px-4 pt-3.5", children: [
+      /* @__PURE__ */ jsx23("span", { className: "mt-0.5 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-warning/15 text-warning", children: /* @__PURE__ */ jsx23(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
+      /* @__PURE__ */ jsxs20("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx23("p", { className: "text-xs font-semibold uppercase tracking-[0.05em] text-warning-strong", children: approval ? "Needs your approval" : "Awaiting approval" }),
+        /* @__PURE__ */ jsx23("p", { className: "mt-0.5 text-[15px] font-semibold leading-snug text-foreground", children: friendlyToolTitle(call) }),
+        summary && /* @__PURE__ */ jsx23("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: summary }),
+        typeSlug && /* @__PURE__ */ jsx23("p", { className: "mt-1 font-mono text-xs text-muted-foreground", children: typeSlug }),
+        meta.length > 0 && /* @__PURE__ */ jsx23("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx23("span", { className: "rounded-full bg-secondary px-2 py-0.5 text-xs font-medium text-muted-foreground", children: m }, i)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs19("div", { className: "flex flex-wrap items-center gap-2 px-4 pb-3.5 pt-3", children: [
-      approval && /* @__PURE__ */ jsxs19(Fragment6, { children: [
-        /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap items-center gap-2 px-4 pb-3.5 pt-3", children: [
+      approval && /* @__PURE__ */ jsxs20(Fragment7, { children: [
+        /* @__PURE__ */ jsx23(
           "button",
           {
             type: "button",
@@ -6305,7 +6495,7 @@ function ProposalCard({
             children: "Approve & run"
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(
           "button",
           {
             type: "button",
@@ -6316,7 +6506,7 @@ function ProposalCard({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs19(
+      /* @__PURE__ */ jsxs20(
         "button",
         {
           type: "button",
@@ -6325,12 +6515,12 @@ function ProposalCard({
           className: "ml-auto inline-flex items-center gap-1 rounded text-[12px] font-medium text-muted-foreground transition hover:text-foreground",
           children: [
             expanded ? "Hide details" : "View details",
-            /* @__PURE__ */ jsx22(ChevronDown, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` })
+            /* @__PURE__ */ jsx23(ChevronDown, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` })
           ]
         }
       )
     ] }),
-    expanded && /* @__PURE__ */ jsx22("div", { className: "border-t border-warning/20 px-4 py-3 text-xs", children: custom ?? /* @__PURE__ */ jsx22(DefaultToolDetail, { call }) })
+    expanded && /* @__PURE__ */ jsx23("div", { className: "border-t border-warning/20 px-4 py-3 text-xs", children: custom ?? /* @__PURE__ */ jsx23(DefaultToolDetail, { call }) })
   ] });
 }
 function formatFollowupWhen(when) {
@@ -6345,14 +6535,14 @@ function FollowupCard({ call }) {
   const when = typeof a.when === "string" ? a.when : typeof a.at === "string" ? a.at : typeof a.schedule === "string" ? a.schedule : null;
   const failed = toolCallFailed(call);
   const errorText = failed ? toolOutcomeOf(call)?.message ?? "Scheduling failed" : null;
-  return /* @__PURE__ */ jsx22("div", { className: "flex items-start gap-2", children: /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1 overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--md3-surface-container)]", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex w-full items-center gap-2.5 px-3 py-2", children: [
-      /* @__PURE__ */ jsx22("span", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-border bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx22(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
-      /* @__PURE__ */ jsx22("span", { className: "shrink-0 whitespace-nowrap text-xs font-medium text-foreground", children: friendlyToolTitle(call) }),
-      when && /* @__PURE__ */ jsx22("span", { title: when, className: "hidden min-w-0 flex-1 truncate font-mono text-xs tabular-nums text-muted-foreground sm:inline", children: formatFollowupWhen(when) }),
-      /* @__PURE__ */ jsx22("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: call.status === "running" ? /* @__PURE__ */ jsx22("svg", { className: "h-3 w-3 shrink-0 animate-spin text-[var(--accent-text)]", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx22("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }) : /* @__PURE__ */ jsx22("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${failed ? "bg-[var(--surface-danger-text)]" : "bg-[var(--surface-success-text)]"}` }) })
+  return /* @__PURE__ */ jsx23("div", { className: "flex items-start gap-2", children: /* @__PURE__ */ jsxs20("div", { className: "min-w-0 flex-1 overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--md3-surface-container)]", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "flex w-full items-center gap-2.5 px-3 py-2", children: [
+      /* @__PURE__ */ jsx23("span", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-border bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx23(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
+      /* @__PURE__ */ jsx23("span", { className: "shrink-0 whitespace-nowrap text-xs font-medium text-foreground", children: friendlyToolTitle(call) }),
+      when && /* @__PURE__ */ jsx23("span", { title: when, className: "hidden min-w-0 flex-1 truncate font-mono text-xs tabular-nums text-muted-foreground sm:inline", children: formatFollowupWhen(when) }),
+      /* @__PURE__ */ jsx23("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: call.status === "running" ? /* @__PURE__ */ jsx23("svg", { className: "h-3 w-3 shrink-0 animate-spin text-[var(--accent-text)]", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx23("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }) : /* @__PURE__ */ jsx23("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${failed ? "bg-[var(--surface-danger-text)]" : "bg-[var(--surface-success-text)]"}` }) })
     ] }),
-    errorText && /* @__PURE__ */ jsx22("div", { className: "border-t border-border px-3 py-2 text-xs text-[var(--surface-danger-text)]", children: errorText })
+    errorText && /* @__PURE__ */ jsx23("div", { className: "border-t border-border px-3 py-2 text-xs text-[var(--surface-danger-text)]", children: errorText })
   ] }) });
 }
 function toolRowTitle(call) {
@@ -6375,10 +6565,10 @@ function ToolCallCard({
   const arrival = useArrivalStyle(staggerIndex ?? 0);
   const pending = call.status === "done" ? pendingApprovalOf(call) : null;
   const kind = blockKindOf(call);
-  const arrive = (row) => /* @__PURE__ */ jsx22("div", { className: "agent-arrive", style: arrival, children: row });
+  const arrive = (row) => /* @__PURE__ */ jsx23("div", { className: "agent-arrive", style: arrival, children: row });
   if (pending) {
     return arrive(
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx23(
         ProposalCard,
         {
           call,
@@ -6391,18 +6581,18 @@ function ToolCallCard({
     );
   }
   if (kind === "followup") {
-    return arrive(/* @__PURE__ */ jsx22(FollowupCard, { call }));
+    return arrive(/* @__PURE__ */ jsx23(FollowupCard, { call }));
   }
   const custom = renderers?.[call.name]?.(call, message);
   return arrive(
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       InlineToolItem,
       {
         part: chatToolCallPart(call),
         title: toolRowTitle(call),
         description: toolRowDescription(call),
-        renderToolDetail: () => custom ?? (call.name === "sandbox_run_command" ? /* @__PURE__ */ jsx22(ShellDetail, { call }) : /* @__PURE__ */ jsx22(DefaultToolDetail, { call })),
-        actions: onOpenRun && call.name.startsWith("sandbox_") ? /* @__PURE__ */ jsx22(
+        renderToolDetail: () => custom ?? (call.name === "sandbox_run_command" ? /* @__PURE__ */ jsx23(ShellDetail, { call }) : /* @__PURE__ */ jsx23(DefaultToolDetail, { call })),
+        actions: onOpenRun && call.name.startsWith("sandbox_") ? /* @__PURE__ */ jsx23(
           "button",
           {
             type: "button",
@@ -6410,9 +6600,9 @@ function ToolCallCard({
             "aria-label": "Open full transcript",
             title: "Open full transcript",
             className: "rounded-md p-1.5 text-muted-foreground transition hover:bg-accent hover:text-foreground",
-            children: /* @__PURE__ */ jsxs19("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-              /* @__PURE__ */ jsx22("path", { d: "M7 17 17 7" }),
-              /* @__PURE__ */ jsx22("path", { d: "M7 7h10v10" })
+            children: /* @__PURE__ */ jsxs20("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+              /* @__PURE__ */ jsx23("path", { d: "M7 17 17 7" }),
+              /* @__PURE__ */ jsx23("path", { d: "M7 7h10v10" })
             ] })
           }
         ) : void 0
@@ -6421,7 +6611,7 @@ function ToolCallCard({
   );
 }
 function StreamingCaret() {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "span",
     {
       className: "ml-0.5 inline-block h-[1.1em] w-[3px] translate-y-[2px] animate-[agent-caret_1s_step-end_infinite] rounded-sm bg-foreground/70",
@@ -6446,9 +6636,9 @@ function SegmentText({
     // the container on top of that makes the paragraph shimmer while it types.
     // The distinction is what separates "the answer materialised" from "the
     // log was appended to".
-    /* @__PURE__ */ jsxs19("div", { className: `${messageClassName}${streaming ? "" : " agent-stream-in"}`, children: [
+    /* @__PURE__ */ jsxs20("div", { className: `${messageClassName}${streaming ? "" : " agent-stream-in"}`, children: [
       body,
-      showCaret && /* @__PURE__ */ jsx22(StreamingCaret, {})
+      showCaret && /* @__PURE__ */ jsx23(StreamingCaret, {})
     ] })
   );
 }
@@ -6473,7 +6663,7 @@ function SegmentedBody({
   const leftoverToolCalls = (msg.toolCalls ?? []).filter(
     (tc) => !segmentToolIds.has(tc.id)
   );
-  const renderToolCard = (call, index) => /* @__PURE__ */ jsx22(
+  const renderToolCard = (call, index) => /* @__PURE__ */ jsx23(
     ToolCallCard,
     {
       call,
@@ -6502,12 +6692,12 @@ function SegmentedBody({
   const children = [];
   for (const g of groups) {
     if (g.kind === "notice") {
-      children.push(/* @__PURE__ */ jsx22(SegmentNotice, { tone: g.tone, content: g.content }, `notice-${g.index}`));
+      children.push(/* @__PURE__ */ jsx23(SegmentNotice, { tone: g.tone, content: g.content }, `notice-${g.index}`));
       continue;
     }
     if (g.kind === "text") {
       children.push(
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(
           SegmentText,
           {
             content: g.content,
@@ -6523,13 +6713,13 @@ function SegmentedBody({
     }
     if (!streaming && g.calls.length >= COLLAPSE_TOOL_RUN_AT && !g.calls.some(isImportantTool)) {
       children.push(
-        /* @__PURE__ */ jsxs19("details", { children: [
-          /* @__PURE__ */ jsxs19("summary", { className: "cursor-pointer select-none rounded-md py-0.5 text-xs font-medium text-muted-foreground [transition:color_var(--motion-control)] hover:text-foreground", children: [
+        /* @__PURE__ */ jsxs20("details", { children: [
+          /* @__PURE__ */ jsxs20("summary", { className: "cursor-pointer select-none rounded-md py-0.5 text-xs font-medium text-muted-foreground [transition:color_var(--motion-control)] hover:text-foreground", children: [
             "Worked through ",
             g.calls.length,
             " steps"
           ] }),
-          /* @__PURE__ */ jsx22("div", { className: "mt-1.5 flex flex-col gap-1.5", children: g.calls.map(renderToolCard) })
+          /* @__PURE__ */ jsx23("div", { className: "mt-1.5 flex flex-col gap-1.5", children: g.calls.map(renderToolCard) })
         ] }, `tools-fold-${g.index}`)
       );
       continue;
@@ -6538,9 +6728,9 @@ function SegmentedBody({
   }
   leftoverToolCalls.forEach((call, index) => children.push(renderToolCard(call, index)));
   if (streaming && segments[lastIndex]?.kind === "tool") {
-    children.push(/* @__PURE__ */ jsx22(StreamingCaret, {}, "streaming-caret"));
+    children.push(/* @__PURE__ */ jsx23(StreamingCaret, {}, "streaming-caret"));
   }
-  return /* @__PURE__ */ jsx22("div", { className: "flex flex-col gap-2", children });
+  return /* @__PURE__ */ jsx23("div", { className: "flex flex-col gap-2", children });
 }
 var QUIET_META_LANE_CLASS = "mt-1 flex h-[18px] items-center gap-2 text-xs tabular-nums text-muted-foreground opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100 motion-reduce:transition-none [@media(hover:none)]:opacity-100";
 function copyTextOf(msg) {
@@ -6549,9 +6739,9 @@ function copyTextOf(msg) {
   return msg.content;
 }
 function CopyMessageButton({ text }) {
-  const [copied, setCopied] = useState21(false);
-  const timerRef = useRef14(null);
-  useEffect15(
+  const [copied, setCopied] = useState22(false);
+  const timerRef = useRef15(null);
+  useEffect16(
     () => () => {
       if (timerRef.current !== null) clearTimeout(timerRef.current);
     },
@@ -6570,7 +6760,7 @@ function CopyMessageButton({ text }) {
       }
     );
   };
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "button",
     {
       type: "button",
@@ -6578,9 +6768,9 @@ function CopyMessageButton({ text }) {
       "aria-label": "Copy message",
       title: "Copy message",
       className: "rounded p-0.5 text-muted-foreground transition hover:bg-accent hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-      children: copied ? /* @__PURE__ */ jsx22("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx22("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ jsxs19("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-        /* @__PURE__ */ jsx22("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
-        /* @__PURE__ */ jsx22("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+      children: copied ? /* @__PURE__ */ jsx23("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx23("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ jsxs20("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+        /* @__PURE__ */ jsx23("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+        /* @__PURE__ */ jsx23("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
       ] })
     }
   );
@@ -6606,21 +6796,21 @@ function AssistantMessageImpl({
   const segments = msg.segments;
   const hasAnswerText = content !== "" || (segments?.some((s) => (s.kind === "text" || s.kind === "notice") && s.content.trim() !== "") ?? false);
   const quiet = chrome === "quiet";
-  return /* @__PURE__ */ jsxs19("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
-    quiet && msg.author && /* @__PURE__ */ jsx22(MessageAuthor, { author: msg.author, className: "mb-1.5" }),
-    !quiet && /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
+    quiet && msg.author && /* @__PURE__ */ jsx23(MessageAuthor, { author: msg.author, className: "mb-1.5" }),
+    !quiet && /* @__PURE__ */ jsxs20(
       "div",
       {
         className: `mb-1 flex ${msg.author ? "items-center" : "items-baseline"} gap-2 text-xs tabular-nums text-muted-foreground`,
         children: [
-          msg.author ? /* @__PURE__ */ jsx22(MessageAuthor, { author: msg.author }) : /* @__PURE__ */ jsx22("span", { className: "font-semibold uppercase tracking-[0.05em]", children: agentLabel }),
-          msg.modelUsed && /* @__PURE__ */ jsx22("span", { className: "font-mono normal-case", children: msg.modelUsed }),
-          formatTokensPerSecond(msg) && /* @__PURE__ */ jsx22("span", { children: formatTokensPerSecond(msg) }),
-          formatModelCost(msg, models) && /* @__PURE__ */ jsx22("span", { children: formatModelCost(msg, models) })
+          msg.author ? /* @__PURE__ */ jsx23(MessageAuthor, { author: msg.author }) : /* @__PURE__ */ jsx23("span", { className: "font-semibold uppercase tracking-[0.05em]", children: agentLabel }),
+          msg.modelUsed && /* @__PURE__ */ jsx23("span", { className: "font-mono normal-case", children: msg.modelUsed }),
+          formatTokensPerSecond(msg) && /* @__PURE__ */ jsx23("span", { children: formatTokensPerSecond(msg) }),
+          formatModelCost(msg, models) && /* @__PURE__ */ jsx23("span", { children: formatModelCost(msg, models) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       ReasoningRow,
       {
         className: "mb-2",
@@ -6630,7 +6820,7 @@ function AssistantMessageImpl({
         thinking: streaming && !hasAnswerText && msg.reasoningEndedAt === void 0
       }
     ),
-    segments && segments.length > 0 ? /* @__PURE__ */ jsx22(
+    segments && segments.length > 0 ? /* @__PURE__ */ jsx23(
       SegmentedBody,
       {
         segments,
@@ -6642,12 +6832,12 @@ function AssistantMessageImpl({
         toolRenderers,
         messageClassName
       }
-    ) : /* @__PURE__ */ jsxs19(Fragment6, { children: [
-      /* @__PURE__ */ jsxs19("div", { className: messageClassName, children: [
+    ) : /* @__PURE__ */ jsxs20(Fragment7, { children: [
+      /* @__PURE__ */ jsxs20("div", { className: messageClassName, children: [
         body,
-        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx22(StreamingCaret, {})
+        streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx23(StreamingCaret, {})
       ] }),
-      msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx22("div", { className: "mt-2 flex flex-col gap-1.5", children: msg.toolCalls.map((tc, index) => /* @__PURE__ */ jsx22(
+      msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx23("div", { className: "mt-2 flex flex-col gap-1.5", children: msg.toolCalls.map((tc, index) => /* @__PURE__ */ jsx23(
         ToolCallCard,
         {
           call: tc,
@@ -6660,7 +6850,7 @@ function AssistantMessageImpl({
         tc.id
       )) })
     ] }),
-    durableCards && msg.parts && /* @__PURE__ */ jsx22(
+    durableCards && msg.parts && /* @__PURE__ */ jsx23(
       DurableChatCards,
       {
         ...durableCards,
@@ -6669,7 +6859,7 @@ function AssistantMessageImpl({
         className: "mt-3"
       }
     ),
-    workProductCards && workProductPartsFromMessageParts(msg.parts).map((part) => /* @__PURE__ */ jsx22(
+    workProductCards && workProductPartsFromMessageParts(msg.parts).map((part) => /* @__PURE__ */ jsx23(
       WorkProductCard,
       {
         part,
@@ -6679,7 +6869,7 @@ function AssistantMessageImpl({
       `${part.ref.id}:${part.ref.version}`
     )),
     renderExtras?.(msg),
-    resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx22("div", { className: "mt-2", children: /* @__PURE__ */ jsx22(
+    resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx23("div", { className: "mt-2", children: /* @__PURE__ */ jsx23(
       MessageAttachments,
       {
         parts: attachmentPartsFromMessageParts(msg.parts),
@@ -6687,18 +6877,18 @@ function AssistantMessageImpl({
         justify: "start"
       }
     ) }),
-    quiet && /* @__PURE__ */ jsxs19("div", { "data-testid": "message-meta-lane", className: QUIET_META_LANE_CLASS, children: [
-      /* @__PURE__ */ jsx22(CopyMessageButton, { text: copyTextOf(msg) }),
-      msg.modelUsed && /* @__PURE__ */ jsx22("span", { className: "font-mono", children: msg.modelUsed }),
-      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx22("span", { children: formatTokensPerSecond(msg) }),
-      formatModelCost(msg, models) && /* @__PURE__ */ jsx22("span", { children: formatModelCost(msg, models) })
+    quiet && /* @__PURE__ */ jsxs20("div", { "data-testid": "message-meta-lane", className: QUIET_META_LANE_CLASS, children: [
+      /* @__PURE__ */ jsx23(CopyMessageButton, { text: copyTextOf(msg) }),
+      msg.modelUsed && /* @__PURE__ */ jsx23("span", { className: "font-mono", children: msg.modelUsed }),
+      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx23("span", { children: formatTokensPerSecond(msg) }),
+      formatModelCost(msg, models) && /* @__PURE__ */ jsx23("span", { children: formatModelCost(msg, models) })
     ] })
   ] });
 }
 var AssistantMessage = memo(AssistantMessageImpl);
 function useThinkingSeconds(active) {
-  const [seconds, setSeconds] = useState21(0);
-  useEffect15(() => {
+  const [seconds, setSeconds] = useState22(0);
+  useEffect16(() => {
     if (!active) return;
     setSeconds(0);
     const id = setInterval(() => setSeconds((s) => s + 1), 1e3);
@@ -6707,9 +6897,9 @@ function useThinkingSeconds(active) {
   return seconds;
 }
 function ThinkingRow({ agentLabel, chrome = "labeled", phase }) {
-  return /* @__PURE__ */ jsxs19("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
-    chrome !== "quiet" && /* @__PURE__ */ jsx22("p", { className: "mb-1 text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: agentLabel }),
-    /* @__PURE__ */ jsx22(TurnProgress, { phase, pendingMessage: "Thinking\u2026", className: "text-[15px]" })
+  return /* @__PURE__ */ jsxs20("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
+    chrome !== "quiet" && /* @__PURE__ */ jsx23("p", { className: "mb-1 text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: agentLabel }),
+    /* @__PURE__ */ jsx23(TurnProgress, { phase, pendingMessage: "Thinking\u2026", className: "text-[15px]" })
   ] });
 }
 var NOTICE_TONE_CLASS = {
@@ -6717,29 +6907,29 @@ var NOTICE_TONE_CLASS = {
   warning: "border-warning/40 bg-warning/10 text-warning-strong"
 };
 function SegmentNotice({ tone, content }) {
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       "data-notice-tone": tone,
       className: `flex items-start gap-2.5 rounded-lg border px-3 py-2.5 text-sm ${NOTICE_TONE_CLASS[tone]}`,
       children: [
-        /* @__PURE__ */ jsxs19("svg", { className: "mt-0.5 h-4 w-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-          /* @__PURE__ */ jsx22("circle", { cx: "12", cy: "12", r: "9" }),
-          /* @__PURE__ */ jsx22("path", { d: "M12 8v4m0 4h.01" })
+        /* @__PURE__ */ jsxs20("svg", { className: "mt-0.5 h-4 w-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+          /* @__PURE__ */ jsx23("circle", { cx: "12", cy: "12", r: "9" }),
+          /* @__PURE__ */ jsx23("path", { d: "M12 8v4m0 4h.01" })
         ] }),
-        /* @__PURE__ */ jsx22("span", { className: "min-w-0 flex-1 whitespace-pre-wrap break-words", children: content })
+        /* @__PURE__ */ jsx23("span", { className: "min-w-0 flex-1 whitespace-pre-wrap break-words", children: content })
       ]
     }
   );
 }
 function StreamErrorRow({ message, onRetry }) {
-  return /* @__PURE__ */ jsx22("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs19("div", { role: "alert", className: "flex items-start gap-2.5 rounded-lg border border-destructive/40 bg-destructive/5 px-3 py-2.5 text-sm text-destructive", children: [
-    /* @__PURE__ */ jsxs19("svg", { className: "mt-0.5 h-4 w-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx22("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ jsx22("path", { d: "M12 8v4m0 4h.01" })
+  return /* @__PURE__ */ jsx23("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs20("div", { role: "alert", className: "flex items-start gap-2.5 rounded-lg border border-destructive/40 bg-destructive/5 px-3 py-2.5 text-sm text-destructive", children: [
+    /* @__PURE__ */ jsxs20("svg", { className: "mt-0.5 h-4 w-4 shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx23("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsx23("path", { d: "M12 8v4m0 4h.01" })
     ] }),
-    /* @__PURE__ */ jsx22("span", { className: "min-w-0 flex-1 break-words", children: message }),
-    onRetry && /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23("span", { className: "min-w-0 flex-1 break-words", children: message }),
+    onRetry && /* @__PURE__ */ jsx23(
       "button",
       {
         type: "button",
@@ -6758,19 +6948,19 @@ function OtherPersonMessage({
   resolveAttachmentUrl
 }) {
   const attachments = resolveAttachmentUrl ? attachmentPartsFromMessageParts(msg.parts) : [];
-  return /* @__PURE__ */ jsxs19("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
-    /* @__PURE__ */ jsxs19("div", { className: `w-fit ${quiet ? "max-w-[72%]" : "max-w-[85%]"}`, children: [
-      /* @__PURE__ */ jsx22(MessageAuthor, { author, className: "mb-1.5" }),
-      /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs20("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
+    /* @__PURE__ */ jsxs20("div", { className: `w-fit ${quiet ? "max-w-[72%]" : "max-w-[85%]"}`, children: [
+      /* @__PURE__ */ jsx23(MessageAuthor, { author, className: "mb-1.5" }),
+      /* @__PURE__ */ jsx23(
         "div",
         {
           className: `w-fit max-w-full rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4 py-2.5 text-[hsl(var(--foreground))] ${quiet ? "" : "rounded-tl-md "}${messageClassName}`,
-          children: /* @__PURE__ */ jsx22("p", { className: "whitespace-pre-wrap", children: msg.content })
+          children: /* @__PURE__ */ jsx23("p", { className: "whitespace-pre-wrap", children: msg.content })
         }
       ),
-      resolveAttachmentUrl && attachments.length > 0 && /* @__PURE__ */ jsx22("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx22(MessageAttachments, { parts: attachments, resolveFileUrl: resolveAttachmentUrl, justify: "start" }) })
+      resolveAttachmentUrl && attachments.length > 0 && /* @__PURE__ */ jsx23("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx23(MessageAttachments, { parts: attachments, resolveFileUrl: resolveAttachmentUrl, justify: "start" }) })
     ] }),
-    quiet && /* @__PURE__ */ jsx22("div", { "data-testid": "message-meta-lane", className: `${QUIET_META_LANE_CLASS} justify-start`, children: /* @__PURE__ */ jsx22(CopyMessageButton, { text: msg.content }) })
+    quiet && /* @__PURE__ */ jsx23("div", { "data-testid": "message-meta-lane", className: `${QUIET_META_LANE_CLASS} justify-start`, children: /* @__PURE__ */ jsx23(CopyMessageButton, { text: msg.content }) })
   ] });
 }
 function ChatMessages({
@@ -6800,22 +6990,22 @@ function ChatMessages({
   const messageClassName = messageSize === "large" ? `agent-app-message-copy ${TRANSCRIPT_TEXT} [--transcript-font-size:1.0625rem]` : `agent-app-message-copy ${TRANSCRIPT_TEXT}`;
   const assistantMessageClassName = `${messageClassName} bg-transparent text-[hsl(var(--foreground))]`;
   const renderBody = useMemo8(
-    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx22("p", { className: "whitespace-pre-wrap", children: content })),
+    () => renderMarkdown ?? ((content) => /* @__PURE__ */ jsx23("p", { className: "whitespace-pre-wrap", children: content })),
     [renderMarkdown]
   );
   const lastIsUser = messages[messages.length - 1]?.role === "user";
   const quiet = chrome === "quiet";
   if (messages.length === 0 && !loading && !error) {
-    const empty = renderEmpty ? renderEmpty() : /* @__PURE__ */ jsx22(ChatEmptyState, { ...emptyState });
-    return /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    const empty = renderEmpty ? renderEmpty() : /* @__PURE__ */ jsx23(ChatEmptyState, { ...emptyState });
+    return /* @__PURE__ */ jsxs20(Fragment7, { children: [
       header,
       empty
     ] });
   }
-  return /* @__PURE__ */ jsxs19(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs20(Fragment7, { children: [
     header,
     messages.map(
-      (msg) => msg.role === "user" && msg.author && !isViewerMessage(msg.author, viewerId) ? /* @__PURE__ */ jsx22(
+      (msg) => msg.role === "user" && msg.author && !isViewerMessage(msg.author, viewerId) ? /* @__PURE__ */ jsx23(
         OtherPersonMessage,
         {
           msg,
@@ -6825,17 +7015,17 @@ function ChatMessages({
           resolveAttachmentUrl
         },
         msg.id
-      ) : msg.role === "user" ? /* @__PURE__ */ jsxs19("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
-        /* @__PURE__ */ jsxs19("div", { className: `ml-auto w-fit ${quiet ? "max-w-[72%]" : "max-w-[85%]"}`, children: [
-          !quiet && /* @__PURE__ */ jsx22("p", { className: "mb-1 text-right text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: userLabel }),
-          /* @__PURE__ */ jsx22(
+      ) : msg.role === "user" ? /* @__PURE__ */ jsxs20("div", { className: `mx-auto w-full max-w-3xl px-6 ${quiet ? "group pb-1 pt-3" : "py-3"}`, children: [
+        /* @__PURE__ */ jsxs20("div", { className: `ml-auto w-fit ${quiet ? "max-w-[72%]" : "max-w-[85%]"}`, children: [
+          !quiet && /* @__PURE__ */ jsx23("p", { className: "mb-1 text-right text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: userLabel }),
+          /* @__PURE__ */ jsx23(
             "div",
             {
               className: `rounded-2xl bg-[hsl(var(--foreground))] px-4 py-2.5 text-[hsl(var(--background))] ${quiet ? "" : "rounded-tr-md "}${messageClassName}`,
-              children: /* @__PURE__ */ jsx22("p", { className: "whitespace-pre-wrap", children: msg.content })
+              children: /* @__PURE__ */ jsx23("p", { className: "whitespace-pre-wrap", children: msg.content })
             }
           ),
-          resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx22("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx22(
+          resolveAttachmentUrl && attachmentPartsFromMessageParts(msg.parts).length > 0 && /* @__PURE__ */ jsx23("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx23(
             MessageAttachments,
             {
               parts: attachmentPartsFromMessageParts(msg.parts),
@@ -6844,8 +7034,8 @@ function ChatMessages({
             }
           ) })
         ] }),
-        quiet && /* @__PURE__ */ jsx22("div", { "data-testid": "message-meta-lane", className: `${QUIET_META_LANE_CLASS} justify-end`, children: /* @__PURE__ */ jsx22(CopyMessageButton, { text: msg.content }) })
-      ] }, msg.id) : /* @__PURE__ */ jsx22(
+        quiet && /* @__PURE__ */ jsx23("div", { "data-testid": "message-meta-lane", className: `${QUIET_META_LANE_CLASS} justify-end`, children: /* @__PURE__ */ jsx23(CopyMessageButton, { text: msg.content }) })
+      ] }, msg.id) : /* @__PURE__ */ jsx23(
         AssistantMessage,
         {
           msg,
@@ -6866,8 +7056,8 @@ function ChatMessages({
         msg.id
       )
     ),
-    loading && lastIsUser && /* @__PURE__ */ jsx22(ThinkingRow, { agentLabel, chrome, phase: turnPhase }),
-    error && !loading && /* @__PURE__ */ jsx22(StreamErrorRow, { message: error, onRetry })
+    loading && lastIsUser && /* @__PURE__ */ jsx23(ThinkingRow, { agentLabel, chrome, phase: turnPhase }),
+    error && !loading && /* @__PURE__ */ jsx23(StreamErrorRow, { message: error, onRetry })
   ] });
 }
 
@@ -7003,6 +7193,7 @@ export {
   insightPageCount,
   insightPageSlice,
   InsightDeck,
+  ReviewInbox,
   ApiAccessPanel,
   AgentSetupBlock,
   AgentProfileChoices,
@@ -7016,4 +7207,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-IAFPBYQQ.js.map
+//# sourceMappingURL=chunk-6ZUVYAKB.js.map