@tangle-network/agent-app 0.45.23 → 0.45.25

package/dist/{chunk-7PFFFRVU.js → chunk-KOMP6NDW.js}

@@ -9,7 +9,7 @@ import {
 import {
   WorkProductCard,
   workProductPartsFromMessageParts
-} from "./chunk-YTMKRL3L.js";
+} from "./chunk-HZ4WCA37.js";
 import {
   attachmentPartsFromMessageParts
 } from "./chunk-B2UEW62O.js";
@@ -166,7 +166,7 @@ function usePopover(open, setOpen) {
     }
   };
 }
-var POPOVER_OPTION_FOCUS = "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-card";
+var POPOVER_OPTION_FOCUS = "focus-visible:[outline-offset:-2px]";
 function usePending() {
   const [pending, setPending] = useState2(false);
   const inFlight = useRef2(false);
@@ -278,7 +278,7 @@ function ModelPicker({ value, onChange, models, loading, renderProviderBadge, re
         type: "button",
         ...triggerProps,
         onClick: () => setOpen(!open),
-        className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+        className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30",
         children: [
           selected ? renderProviderBadge ? renderProviderBadge(selected.provider) : /* @__PURE__ */ jsx2(ProviderLogo, { provider: selected.provider, size: 16 }) : /* @__PURE__ */ jsx2(SparkleGlyph, { className: "h-3.5 w-3.5 text-muted-foreground" }),
           /* @__PURE__ */ jsx2("span", { className: "max-w-[160px] truncate", children: selected?.name ?? value }),
@@ -297,7 +297,7 @@ function ModelPicker({ value, onChange, models, loading, renderProviderBadge, re
             value: query,
             onChange: (e) => setQuery(e.target.value),
             placeholder: "Search models...",
-            className: "flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+            className: "flex-1 bg-transparent text-sm placeholder:text-muted-foreground"
           }
         )
       ] }) }),
@@ -343,7 +343,7 @@ function EffortPicker({ value, onChange, levels = DEFAULT_EFFORT_LEVELS, label =
         ...triggerProps,
         onClick: () => setOpen(!open),
         title: label ? `${label} \u2014 how hard the agent reasons before answering` : "Reasoning effort",
-        className: "inline-flex min-h-[36px] items-center gap-1.5 rounded-full border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+        className: "inline-flex min-h-[36px] items-center gap-1.5 rounded-full border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30",
         children: [
           /* @__PURE__ */ jsx2(SparkleGlyph, { className: "h-3.5 w-3.5 text-muted-foreground" }),
           /* @__PURE__ */ jsxs2("span", { children: [
@@ -581,12 +581,12 @@ function InteractionActionButton({
       type: "button",
       onClick,
       disabled,
-      className: `inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium transition disabled:cursor-not-allowed disabled:opacity-40 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring ${variantClasses}`,
+      className: `inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium transition disabled:cursor-not-allowed disabled:opacity-40 ${variantClasses}`,
       children
     }
   );
 }
-var FIELD_INPUT_CLASSES = "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary disabled:opacity-50";
+var FIELD_INPUT_CLASSES = "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground focus:border-primary disabled:opacity-50";
 function QuestionOptionList({
   groupName,
   idPrefix,
@@ -923,7 +923,7 @@ function DurablePlanCard({
         {
           type: "button",
           onClick: () => setExpanded((value) => !value),
-          className: "mt-1 text-xs text-muted-foreground hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          className: "mt-1 text-xs text-muted-foreground hover:text-foreground",
           children: expanded ? "Collapse plan" : "Show full plan"
         }
       )
@@ -939,7 +939,7 @@ function DurablePlanCard({
           onChange: (event) => setFeedback(event.target.value),
           rows: 2,
           placeholder: "Describe what you want changed in the plan",
-          className: "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm outline-none focus:border-primary disabled:opacity-50"
+          className: "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm focus:border-primary disabled:opacity-50"
         }
       )
     ] }),
@@ -1071,7 +1071,7 @@ function InteractionPlanCard({
         {
           type: "button",
           onClick: () => setExpanded((prev) => !prev),
-          className: "mt-1 inline-flex items-center gap-1 text-xs text-muted-foreground transition hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          className: "mt-1 inline-flex items-center gap-1 text-xs text-muted-foreground transition hover:text-foreground",
           children: [
             /* @__PURE__ */ jsx6(ChevronDownGlyph, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` }),
             expanded ? "Collapse plan" : "Show full plan"
@@ -1090,7 +1090,7 @@ function InteractionPlanCard({
           onChange: (event) => setValues((prev) => ({ ...prev, [field.name]: { ...prev[field.name], text: event.target.value } })),
           rows: 2,
           placeholder: field.type === "text" ? field.placeholder ?? "Optional feedback for the agent" : void 0,
-          className: "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary disabled:opacity-50"
+          className: "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground focus:border-primary disabled:opacity-50"
         }
       ) : /* @__PURE__ */ jsx6(
         "input",
@@ -1100,7 +1100,7 @@ function InteractionPlanCard({
           disabled,
           "aria-label": field.label,
           onChange: (event) => setValues((prev) => ({ ...prev, [field.name]: { ...prev[field.name], text: event.target.value } })),
-          className: "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary disabled:opacity-50"
+          className: "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground focus:border-primary disabled:opacity-50"
         }
       )
     ] }, field.name)) }),
@@ -1309,7 +1309,7 @@ function AttachmentThumbnail({ part, resolveFileUrl, fetchFile }) {
     window.open(objectUrl, "_blank", "noopener");
   }, [objectUrl]);
   if (!result) {
-    return /* @__PURE__ */ jsx8("span", { className: "inline-block h-16 w-16 shrink-0 animate-pulse rounded-md bg-muted", "aria-hidden": true });
+    return /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: "inline-block h-16 w-16 shrink-0 animate-pulse rounded-md bg-muted" });
   }
   if (!result.ok || !objectUrl) {
     return /* @__PURE__ */ jsx8(AttachmentThumbnailError, { name: part.name });
@@ -1320,7 +1320,7 @@ function AttachmentThumbnail({ part, resolveFileUrl, fetchFile }) {
       type: "button",
       onClick: handleClick,
       "aria-label": `Open ${part.name}`,
-      className: "h-16 w-16 shrink-0 overflow-hidden rounded-md border border-border focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+      className: "h-16 w-16 shrink-0 overflow-hidden rounded-md border border-border",
       children: /* @__PURE__ */ jsx8("img", { src: objectUrl, alt: part.name, className: "h-16 w-16 object-cover" })
     }
   );
@@ -1588,9 +1588,28 @@ function UploadGlyph({ className }) {
   return /* @__PURE__ */ jsx9("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx9("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12" }) });
 }
 var MAX_HEIGHT = 168;
+var DEFAULT_SEND_FAILURE = "Message not sent. Your draft is still here \u2014 try again.";
+function isRejectedOutcome(outcome) {
+  return typeof outcome === "object" && outcome !== null && outcome.ok === false;
+}
+function isPromise(value) {
+  return typeof value?.then === "function";
+}
+function sendFailureText(error, fallback) {
+  if (typeof error === "object" && error !== null && "ok" in error) {
+    const named = error.error;
+    if (typeof named === "string" && named.trim() !== "") return named;
+    return fallback;
+  }
+  if (typeof error === "string" && error.trim() !== "") return error;
+  if (error instanceof Error && error.message.trim() !== "") return error.message;
+  return fallback;
+}
 function ChatComposer({
   onSend,
   onSendParts,
+  onSendFailed,
+  sendFailureMessage = DEFAULT_SEND_FAILURE,
   onCancel,
   isStreaming = false,
   disabled = false,
@@ -1616,6 +1635,8 @@ function ChatComposer({
   const isControlled = value !== void 0;
   const [internal, setInternal] = useState7(initialValue ?? "");
   const text = isControlled ? value : internal;
+  const textRef = useRef5(text);
+  textRef.current = text;
   const textareaRef = useRef5(null);
   const fileInputRef = useRef5(null);
   const folderInputRef = useRef5(null);
@@ -1659,6 +1680,18 @@ function ChatComposer({
     el.focus();
     el.setSelectionRange(text.length, text.length);
   }, [text]);
+  const restoreCaretRef = useRef5(null);
+  useEffect6(() => {
+    const pending = restoreCaretRef.current;
+    if (!pending || pending.text !== text) return;
+    restoreCaretRef.current = null;
+    const el = textareaRef.current;
+    if (!el) return;
+    el.focus();
+    const start = Math.min(pending.start, text.length);
+    const end = Math.min(pending.end, text.length);
+    el.setSelectionRange(start, end);
+  }, [text]);
   useEffect6(() => {
     if (!focusShortcut || disabled) return;
     function onKeyDown(e) {
@@ -1673,20 +1706,68 @@ function ChatComposer({
   const readyFileCount = pendingFiles.filter((f) => f.status === "ready").length;
   const hasSendable = text.trim().length > 0 || readyFileCount > 0;
   const canSend = hasSendable && !isStreaming && !disabled;
+  const [failedSend, setFailedSend] = useState7(null);
+  const failSend = useCallback2(
+    (error, draft, trimmed, parts, caret) => {
+      const message = sendFailureText(error, sendFailureMessage);
+      const restored = textRef.current === "";
+      if (restored) {
+        const el = textareaRef.current;
+        setText(draft);
+        if (el && el.value === draft) {
+          el.focus();
+          el.setSelectionRange(Math.min(caret.start, draft.length), Math.min(caret.end, draft.length));
+        } else {
+          restoreCaretRef.current = { text: draft, start: caret.start, end: caret.end };
+        }
+      }
+      setFailedSend({ message, text: draft, trimmed, parts, restored });
+      onSendFailed?.({ message, text: draft, parts, error, restored });
+    },
+    [onSendFailed, sendFailureMessage, setText]
+  );
+  const dispatchSend = useCallback2(
+    (draft, trimmed, parts, caret) => {
+      let outcome;
+      try {
+        outcome = onSendParts ? onSendParts(trimmed, parts) : onSend?.(trimmed);
+      } catch (error) {
+        failSend(error, draft, trimmed, parts, caret);
+        return;
+      }
+      if (isPromise(outcome)) {
+        void outcome.then(
+          (settled) => {
+            if (isRejectedOutcome(settled)) failSend(settled, draft, trimmed, parts, caret);
+          },
+          (error) => failSend(error, draft, trimmed, parts, caret)
+        );
+        return;
+      }
+      if (isRejectedOutcome(outcome)) failSend(outcome, draft, trimmed, parts, caret);
+    },
+    [onSend, onSendParts, failSend]
+  );
   const send = useCallback2(() => {
     const trimmed = text.trim();
     if (isStreaming || disabled) return;
     const readyFiles = pendingFiles.filter((f) => f.status === "ready");
     if (!trimmed && readyFiles.length === 0) return;
-    if (onSendParts) {
-      const parts = readyFiles.filter((f) => f.part).map((f) => f.part);
-      onSendParts(trimmed, parts);
-      setText("");
-      return;
-    }
-    onSend?.(trimmed);
+    const parts = onSendParts ? readyFiles.filter((f) => f.part).map((f) => f.part) : [];
+    const el = textareaRef.current;
+    const caret = { start: el?.selectionStart ?? text.length, end: el?.selectionEnd ?? text.length };
+    setFailedSend(null);
     setText("");
-  }, [text, isStreaming, disabled, onSend, onSendParts, pendingFiles, setText]);
+    textRef.current = "";
+    dispatchSend(text, trimmed, parts, caret);
+  }, [text, isStreaming, disabled, onSendParts, pendingFiles, setText, dispatchSend]);
+  const retryFailedSend = useCallback2(() => {
+    const failure = failedSend;
+    if (!failure || isStreaming || disabled) return;
+    setFailedSend(null);
+    const caret = { start: failure.text.length, end: failure.text.length };
+    dispatchSend(failure.text, failure.trimmed, failure.parts, caret);
+  }, [failedSend, isStreaming, disabled, dispatchSend]);
   const handleKeyDown = (e) => {
     if (e.nativeEvent.isComposing) return;
     if (e.key === "Enter" && !e.shiftKey) {
@@ -1752,6 +1833,50 @@ function ChatComposer({
           /* @__PURE__ */ jsx9("p", { className: "mt-0.5 text-xs text-muted-foreground", children: dropDescription })
         ] }) }),
         showAbove && /* @__PURE__ */ jsx9("div", { className: "mb-1.5 flex flex-wrap items-center gap-1.5 px-1", children: controls }),
+        failedSend && /* @__PURE__ */ jsxs7(
+          "div",
+          {
+            role: "alert",
+            "data-testid": "composer-send-error",
+            className: "mb-2 rounded-xl border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive",
+            children: [
+              /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-2", children: [
+                /* @__PURE__ */ jsx9("span", { className: "min-w-0 flex-1", children: failedSend.message }),
+                /* @__PURE__ */ jsx9(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Dismiss send error",
+                    onClick: () => setFailedSend(null),
+                    className: "shrink-0 font-medium underline-offset-2 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-destructive/50",
+                    children: "Dismiss"
+                  }
+                )
+              ] }),
+              !failedSend.restored && /* @__PURE__ */ jsxs7("div", { className: "mt-1.5", children: [
+                /* @__PURE__ */ jsx9(
+                  "p",
+                  {
+                    "data-testid": "composer-unsent-draft",
+                    className: "max-h-20 overflow-y-auto whitespace-pre-wrap rounded-lg border border-destructive/30 bg-card px-2 py-1 text-foreground",
+                    children: failedSend.text
+                  }
+                ),
+                /* @__PURE__ */ jsx9(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Retry sending the unsent message",
+                    onClick: retryFailedSend,
+                    disabled: isStreaming || disabled,
+                    className: "mt-1.5 font-medium underline-offset-2 hover:underline disabled:cursor-not-allowed disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-destructive/50",
+                    children: "Retry"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
         pendingFiles.length > 0 && /* @__PURE__ */ jsx9("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [...folderChips, ...fileChips].map((f) => /* @__PURE__ */ jsxs7(
           "span",
           {
@@ -2499,7 +2624,7 @@ function TraceIdCopy({ traceId }) {
       onClick: copy,
       title: "Copy trace id",
       "aria-label": "Copy trace id",
-      className: "inline-flex min-w-0 items-center gap-1.5 rounded text-left font-mono text-muted-foreground transition hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-card",
+      className: "inline-flex min-w-0 items-center gap-1.5 rounded text-left font-mono text-muted-foreground transition hover:text-foreground",
       children: [
         /* @__PURE__ */ jsx10("span", { className: "truncate", children: traceId }),
         /* @__PURE__ */ jsx10(CopyGlyph, { className: "h-3 w-3 shrink-0" }),
@@ -2686,7 +2811,8 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
     ] }),
     error && /* @__PURE__ */ jsx10("p", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: error }),
     !error && rows.length === 0 && !loading && /* @__PURE__ */ jsx10("p", { className: "px-1 text-sm text-muted-foreground", children: emptyLabel }),
-    /* @__PURE__ */ jsx10("div", { className: "space-y-1.5", children: rows.map((record) => /* @__PURE__ */ jsx10(ActivityRow, { record, renderMissionRef }, record.taskId)) }),
+    /* @__PURE__ */ jsx10("span", { role: "status", "aria-live": "polite", "aria-busy": loading, className: "sr-only", children: loading ? "Loading activity\u2026" : "" }),
+    /* @__PURE__ */ jsx10("div", { className: "space-y-1.5", "aria-busy": loading, children: rows.map((record) => /* @__PURE__ */ jsx10(ActivityRow, { record, renderMissionRef }, record.taskId)) }),
     cursor && /* @__PURE__ */ jsx10(
       "button",
       {
@@ -3528,7 +3654,7 @@ function useSessionActions({
                   void submitRename();
                 }
               },
-              className: "mt-1.5 h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              className: "mt-1.5 h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground"
             }
           )
         ]
@@ -3630,11 +3756,14 @@ function formatSessionTimestamp(isoDate) {
   return new Date(at).toLocaleDateString(void 0, { month: "short", day: "numeric" });
 }
 function SkeletonRows() {
-  return /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-0.5", "aria-hidden": true, children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3 px-3 py-2.5", children: [
-    /* @__PURE__ */ jsx13("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" }),
-    /* @__PURE__ */ jsx13("div", { className: "h-4 w-1/2 animate-pulse rounded bg-muted" }),
-    /* @__PURE__ */ jsx13("div", { className: "ml-auto h-3 w-12 animate-pulse rounded bg-muted" })
-  ] }, i)) });
+  return /* @__PURE__ */ jsxs11(Fragment6, { children: [
+    /* @__PURE__ */ jsx13("span", { role: "status", "aria-live": "polite", "aria-busy": true, className: "sr-only", children: "Loading sessions\u2026" }),
+    /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-0.5", "aria-hidden": true, children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3 px-3 py-2.5", children: [
+      /* @__PURE__ */ jsx13("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx13("div", { className: "h-4 w-1/2 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx13("div", { className: "ml-auto h-3 w-12 animate-pulse rounded bg-muted" })
+    ] }, i)) })
+  ] });
 }
 function MessageIcon({ className }) {
   return /* @__PURE__ */ jsx13("svg", { viewBox: "0 0 24 24", className, fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx13("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
@@ -3750,7 +3879,7 @@ function SessionHistoryPanel({
               onChange: (e) => onQueryChange(e.target.value),
               placeholder: "Search your sessions\u2026",
               "aria-label": "Search sessions",
-              className: "h-9 min-w-0 appearance-none rounded-md border border-border bg-card px-3 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring sm:flex-1 [&::-webkit-search-cancel-button]:appearance-none"
+              className: "h-9 min-w-0 appearance-none rounded-md border border-border bg-card px-3 text-sm text-foreground placeholder:text-muted-foreground sm:flex-1 [&::-webkit-search-cancel-button]:appearance-none"
             }
           ),
           /* @__PURE__ */ jsxs11(
@@ -3759,7 +3888,7 @@ function SessionHistoryPanel({
               value: sort,
               onChange: (e) => onSortChange(e.target.value),
               "aria-label": "Sort sessions",
-              className: "h-9 shrink-0 appearance-none rounded-md border border-border bg-card px-2 text-sm text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring sm:w-[132px]",
+              className: "h-9 shrink-0 appearance-none rounded-md border border-border bg-card px-2 text-sm text-foreground sm:w-[132px]",
               children: [
                 /* @__PURE__ */ jsx13("option", { value: "newest", children: "Newest" }),
                 /* @__PURE__ */ jsx13("option", { value: "oldest", children: "Oldest" })
@@ -3818,7 +3947,7 @@ function SessionHistoryPanel({
                 value: ageDays,
                 onChange: (event) => setAgeDays(event.target.value),
                 "aria-invalid": ageDays.length > 0 && !validAgeDays,
-                className: "h-8 w-20 rounded-md border border-border bg-card px-2 text-xs tabular-nums text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                className: "h-8 w-20 rounded-md border border-border bg-card px-2 text-xs tabular-nums text-foreground"
               }
             ),
             /* @__PURE__ */ jsx13("span", { className: "text-xs text-muted-foreground", children: "days" }),
@@ -3886,7 +4015,7 @@ function SessionHistoryPanel({
           },
           session.id
         )),
-        history.isError ? /* @__PURE__ */ jsx13(ErrorBlock, { onRetry: history.retry, message: "Couldn\u2019t load more sessions.", inline: true }) : history.hasMore ? /* @__PURE__ */ jsx13("div", { ref: sentinelRef, className: "flex items-center justify-center py-6", children: history.isLoadingMore && /* @__PURE__ */ jsx13("span", { className: "text-xs text-muted-foreground", children: "Loading\u2026" }) }) : null
+        history.isError ? /* @__PURE__ */ jsx13(ErrorBlock, { onRetry: history.retry, message: "Couldn\u2019t load more sessions.", inline: true }) : history.hasMore ? /* @__PURE__ */ jsx13("div", { ref: sentinelRef, className: "flex items-center justify-center py-6", children: history.isLoadingMore && /* @__PURE__ */ jsx13("span", { role: "status", "aria-live": "polite", "aria-busy": true, className: "text-xs text-muted-foreground", children: "Loading\u2026" }) }) : null
       ] }) })
     ] }),
     bulkTarget && /* @__PURE__ */ jsx13(
@@ -5295,7 +5424,7 @@ function GearGlyph({ className }) {
     /* @__PURE__ */ jsx15("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
   ] });
 }
-var FOCUS_RING = "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background";
+var FOCUS_RING = "";
 function HarnessPicker({
   value,
   onChange,
@@ -5492,7 +5621,7 @@ function ChatEmptyState({
       {
         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/30 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        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/30",
         children: [
           /* @__PURE__ */ jsx16("span", { className: "text-sm font-semibold text-foreground", children: door.label }),
           door.description && /* @__PURE__ */ jsx16("span", { className: "mt-0.5 text-[12px] leading-snug text-muted-foreground", children: door.description })
@@ -5643,7 +5772,7 @@ function ProposalCard({
     /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-2.5 px-4 pt-3.5", children: [
       /* @__PURE__ */ jsx16("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__ */ jsx16(ToolGlyph, { name: call.name, className: "h-3.5 w-3.5" }) }),
       /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx16("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-warning-foreground", children: "Needs your approval" }),
+        /* @__PURE__ */ jsx16("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-warning-strong", children: "Needs your approval" }),
         /* @__PURE__ */ jsx16("p", { className: "mt-0.5 text-[15px] font-semibold leading-snug text-foreground", children: friendlyToolTitle(call) }),
         summary && /* @__PURE__ */ jsx16("p", { className: "mt-1 text-[13px] leading-relaxed text-muted-foreground", children: summary }),
         meta.length > 0 && /* @__PURE__ */ jsx16("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta.map((m, i) => /* @__PURE__ */ jsx16("span", { className: "rounded-full bg-muted/60 px-2 py-0.5 text-[11px] font-medium text-muted-foreground", children: m }, i)) })
@@ -5657,7 +5786,7 @@ function ProposalCard({
             type: "button",
             disabled: deciding,
             onClick: () => decide(() => approval.onApprove(pending.proposalId, call.id)),
-            className: "inline-flex min-h-[40px] flex-1 items-center justify-center rounded-lg bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground shadow-sm transition hover:bg-primary/90 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:cursor-not-allowed disabled:opacity-60 sm:flex-none sm:min-w-[160px]",
+            className: "inline-flex min-h-[40px] flex-1 items-center justify-center rounded-lg bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground shadow-sm transition hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-60 sm:flex-none sm:min-w-[160px]",
             children: "Approve & run"
           }
         ),
@@ -5667,7 +5796,7 @@ function ProposalCard({
             type: "button",
             disabled: deciding,
             onClick: () => decide(() => approval.onReject(pending.proposalId, call.id)),
-            className: "inline-flex min-h-[40px] items-center justify-center rounded-lg border border-border bg-transparent px-4 py-2 text-sm font-medium text-muted-foreground transition hover:bg-accent/30 hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:cursor-not-allowed disabled:opacity-60",
+            className: "inline-flex min-h-[40px] items-center justify-center rounded-lg border border-border bg-transparent px-4 py-2 text-sm font-medium text-muted-foreground transition hover:bg-accent/30 hover:text-foreground disabled:cursor-not-allowed disabled:opacity-60",
             children: "Reject"
           }
         )
@@ -5678,7 +5807,7 @@ function ProposalCard({
           type: "button",
           onClick: () => setExpanded((v) => !v),
           "aria-expanded": expanded,
-          className: "ml-auto inline-flex items-center gap-1 rounded text-[12px] font-medium text-muted-foreground transition hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          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__ */ jsx16(ChevronDown, { className: `h-3 w-3 transition-transform ${expanded ? "rotate-180" : ""}` })
@@ -5740,7 +5869,7 @@ function ToolCallCard({
               type: "button",
               onClick: () => setExpanded((v) => !v),
               "aria-expanded": expanded,
-              className: "flex min-w-0 flex-1 items-center gap-2 rounded text-left focus:outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              className: "flex min-w-0 flex-1 items-center gap-2 rounded text-left",
               children: [
                 /* @__PURE__ */ jsx16(
                   "span",
@@ -5767,7 +5896,7 @@ function ToolCallCard({
               onClick: () => setExpanded((v) => !v),
               "aria-label": expanded ? "Collapse details" : "Expand details",
               "aria-expanded": expanded,
-              className: "shrink-0 rounded p-0.5 focus:outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              className: "shrink-0 rounded p-0.5",
               children: /* @__PURE__ */ jsx16(ChevronDown, { className: `h-3 w-3 text-muted-foreground transition-transform ${expanded ? "rotate-180" : ""}` })
             }
           )
@@ -6235,4 +6364,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-7PFFFRVU.js.map
+//# sourceMappingURL=chunk-KOMP6NDW.js.map