@frontera-sdk/chat-ui 1.50.46 → 1.50.48

package/dist/{chunk-X5E2DJVO.js → chunk-CWC2IOX7.js}

@@ -1,8 +1,8 @@
 'use client';
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from './chunk-2KEBRV3W.js';
-import { useTranslation } from './chunk-QSSFBZAS.js';
-import { ToolCallItem } from './chunk-OP4MLJDA.js';
-import { Shimmer, Collapse, ToolGroupReasoningItem, SkillToolItem, useStreamdownPlugins, getToolMeta, STREAMDOWN_LINK_SAFETY, AppIconFrame, AppIcon, Collapsible, CollapsibleTrigger, CollapsibleContent, Icon } from './chunk-XJFTVKLW.js';
+import { useTranslation } from './chunk-FTLVGUG5.js';
+import { ToolCallItem } from './chunk-76WUIIOX.js';
+import { Shimmer, Collapse, ToolGroupReasoningItem, SkillToolItem, useStreamdownPlugins, getToolMeta, STREAMDOWN_LINK_SAFETY, AppIconFrame, AppIcon, Collapsible, CollapsibleTrigger, CollapsibleContent, Icon } from './chunk-IBCOQG5T.js';
 import { Button, Skeleton, buttonVariants } from './chunk-GTQH7MPF.js';
 import { Dialog, DialogContent, DialogTitle, DialogDescription, DialogClose, usePortalContainer, DialogHeader, DialogFooter } from './chunk-IQRPGFLI.js';
 import { formatSpecifier, precisionFixed_default, precisionRound_default, precisionPrefix_default, formatPrefix, format, ChartBlockSkeleton, RawJsonFallback, RECHARTS_THEME_CLS, formatCompact, ChartTooltipContent, resolveColor, useChartColors, ChartReadout, ChartErrorBoundary } from './chunk-6BPHEBCF.js';
@@ -7924,12 +7924,12 @@ var require_use_sync_external_store_shim_production = __commonJS({
       return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
     }
     var objectIs = "function" === typeof Object.is ? Object.is : is3;
-    var useState49 = React60.useState;
-    var useEffect39 = React60.useEffect;
+    var useState48 = React60.useState;
+    var useEffect38 = React60.useEffect;
     var useLayoutEffect10 = React60.useLayoutEffect;
     var useDebugValue2 = React60.useDebugValue;
     function useSyncExternalStore$2(subscribe, getSnapshot) {
-      var value = getSnapshot(), _useState = useState49({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
+      var value = getSnapshot(), _useState = useState48({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
       useLayoutEffect10(
         function() {
           inst.value = value;
@@ -7938,7 +7938,7 @@ var require_use_sync_external_store_shim_production = __commonJS({
         },
         [subscribe, value, getSnapshot]
       );
-      useEffect39(
+      useEffect38(
         function() {
           checkIfSnapshotChanged(inst) && forceUpdate({ inst });
           return subscribe(function() {
@@ -7986,7 +7986,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
             "The result of getSnapshot should be cached to avoid an infinite loop"
           ), didWarnUncachedGetSnapshot = true);
         }
-        cachedValue = useState49({
+        cachedValue = useState48({
           inst: { value, getSnapshot }
         });
         var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
@@ -7998,7 +7998,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
           },
           [subscribe, value, getSnapshot]
         );
-        useEffect39(
+        useEffect38(
           function() {
             checkIfSnapshotChanged(inst) && forceUpdate({ inst });
             return subscribe(function() {
@@ -8024,7 +8024,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
         return getSnapshot();
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React60 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is3, useState49 = React60.useState, useEffect39 = React60.useEffect, useLayoutEffect10 = React60.useLayoutEffect, useDebugValue2 = React60.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+      var React60 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is3, useState48 = React60.useState, useEffect38 = React60.useEffect, useLayoutEffect10 = React60.useLayoutEffect, useDebugValue2 = React60.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
       exports.useSyncExternalStore = void 0 !== React60.useSyncExternalStore ? React60.useSyncExternalStore : shim;
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
     })();
@@ -8052,12 +8052,12 @@ var require_with_selector_production = __commonJS({
     }
     var objectIs = "function" === typeof Object.is ? Object.is : is3;
     var useSyncExternalStore3 = shim.useSyncExternalStore;
-    var useRef37 = React60.useRef;
-    var useEffect39 = React60.useEffect;
+    var useRef36 = React60.useRef;
+    var useEffect38 = React60.useEffect;
     var useMemo30 = React60.useMemo;
     var useDebugValue2 = React60.useDebugValue;
     exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual2) {
-      var instRef = useRef37(null);
+      var instRef = useRef36(null);
       if (null === instRef.current) {
         var inst = { hasValue: false, value: null };
         instRef.current = inst;
@@ -8097,7 +8097,7 @@ var require_with_selector_production = __commonJS({
         [getSnapshot, getServerSnapshot, selector, isEqual2]
       );
       var value = useSyncExternalStore3(subscribe, instRef[0], instRef[1]);
-      useEffect39(
+      useEffect38(
         function() {
           inst.hasValue = true;
           inst.value = value;
@@ -8118,9 +8118,9 @@ var require_with_selector_development = __commonJS({
         return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React60 = __require("react"), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is3, useSyncExternalStore3 = shim.useSyncExternalStore, useRef37 = React60.useRef, useEffect39 = React60.useEffect, useMemo30 = React60.useMemo, useDebugValue2 = React60.useDebugValue;
+      var React60 = __require("react"), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is3, useSyncExternalStore3 = shim.useSyncExternalStore, useRef36 = React60.useRef, useEffect38 = React60.useEffect, useMemo30 = React60.useMemo, useDebugValue2 = React60.useDebugValue;
       exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual2) {
-        var instRef = useRef37(null);
+        var instRef = useRef36(null);
         if (null === instRef.current) {
           var inst = { hasValue: false, value: null };
           instRef.current = inst;
@@ -8161,7 +8161,7 @@ var require_with_selector_development = __commonJS({
           [getSnapshot, getServerSnapshot, selector, isEqual2]
         );
         var value = useSyncExternalStore3(subscribe, instRef[0], instRef[1]);
-        useEffect39(
+        useEffect38(
           function() {
             inst.hasValue = true;
             inst.value = value;
@@ -8196,12 +8196,12 @@ var require_use_sync_external_store_with_selector_production = __commonJS({
     }
     var objectIs = "function" === typeof Object.is ? Object.is : is3;
     var useSyncExternalStore3 = React60.useSyncExternalStore;
-    var useRef37 = React60.useRef;
-    var useEffect39 = React60.useEffect;
+    var useRef36 = React60.useRef;
+    var useEffect38 = React60.useEffect;
     var useMemo30 = React60.useMemo;
     var useDebugValue2 = React60.useDebugValue;
     exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual2) {
-      var instRef = useRef37(null);
+      var instRef = useRef36(null);
       if (null === instRef.current) {
         var inst = { hasValue: false, value: null };
         instRef.current = inst;
@@ -8241,7 +8241,7 @@ var require_use_sync_external_store_with_selector_production = __commonJS({
         [getSnapshot, getServerSnapshot, selector, isEqual2]
       );
       var value = useSyncExternalStore3(subscribe, instRef[0], instRef[1]);
-      useEffect39(
+      useEffect38(
         function() {
           inst.hasValue = true;
           inst.value = value;
@@ -8262,9 +8262,9 @@ var require_use_sync_external_store_with_selector_development = __commonJS({
         return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React60 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is3, useSyncExternalStore3 = React60.useSyncExternalStore, useRef37 = React60.useRef, useEffect39 = React60.useEffect, useMemo30 = React60.useMemo, useDebugValue2 = React60.useDebugValue;
+      var React60 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is3, useSyncExternalStore3 = React60.useSyncExternalStore, useRef36 = React60.useRef, useEffect38 = React60.useEffect, useMemo30 = React60.useMemo, useDebugValue2 = React60.useDebugValue;
       exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual2) {
-        var instRef = useRef37(null);
+        var instRef = useRef36(null);
         if (null === instRef.current) {
           var inst = { hasValue: false, value: null };
           instRef.current = inst;
@@ -8305,7 +8305,7 @@ var require_use_sync_external_store_with_selector_development = __commonJS({
           [getSnapshot, getServerSnapshot, selector, isEqual2]
         );
         var value = useSyncExternalStore3(subscribe, instRef[0], instRef[1]);
-        useEffect39(
+        useEffect38(
           function() {
             inst.hasValue = true;
             inst.value = value;
@@ -10792,9 +10792,6 @@ function getCanvasStreamData(part) {
     errorText: getToolErrorText(part)
   };
 }
-function isApprovalRequested(part) {
-  return part.state === "approval-requested";
-}
 function getApprovalId(part) {
   const approval = part.approval;
   return approval?.id;
@@ -13561,862 +13558,325 @@ function OAuthAuthorizeCard({
     )
   ] });
 }
-var DOMAIN7 = "conversation-desktop";
-var conversationDesktopKeys = {
-  all: [DOMAIN7],
-  status: (conversationId) => [DOMAIN7, "status", conversationId]
-};
-function conversationDesktop(client, conversationId) {
-  return client.v1.conversations({ conversationId });
-}
-async function fetchDesktopStatus(client, conversationId, signal) {
-  const { data, error } = await conversationDesktop(client, conversationId).desktop.get({
-    fetch: { signal }
-  });
-  if (error) throw error;
-  return unwrapData(data);
+function getDesktop() {
+  if (typeof window === "undefined") return null;
+  return window.fronteraDesktop ?? null;
 }
-async function fetchDesktopScreenshot(client, conversationId, maxDim, signal) {
-  const res = await conversationDesktop(client, conversationId).desktop.screenshot.get({
-    query: { maxDim: String(maxDim) },
-    fetch: { signal }
-  });
-  if (res.error) {
-    const status = res.error.status;
-    const value = res.error.value;
-    if (status === 503 || isWakingBody(value) || isWakingBody(res.data)) {
-      return { ok: false, waking: true };
-    }
-    throw res.error;
-  }
-  const payload = res.data;
-  if (isWakingBody(payload)) return { ok: false, waking: true };
-  const blob = desktopScreenshotBlob(payload);
-  return { ok: true, blob };
+var noopSubscribe = () => () => {
+};
+function getDesktopAccessBridge() {
+  return getDesktop()?.desktopAccess ?? null;
 }
-function isWakingBody(value) {
-  return Boolean(
-    value && typeof value === "object" && "waking" in value && value.waking === true
+var getDesktopAccessSnapshot = () => getDesktopAccessBridge();
+var getDesktopAccessServerSnapshot = () => null;
+function useDesktopAccessBridge() {
+  return useSyncExternalStore(
+    noopSubscribe,
+    getDesktopAccessSnapshot,
+    getDesktopAccessServerSnapshot
   );
 }
-function desktopScreenshotBlob(payload) {
-  if (payload instanceof Blob) return payload;
-  if (payload instanceof ArrayBuffer) {
-    return new Blob([payload], { type: "image/png" });
-  }
-  if (ArrayBuffer.isView(payload)) {
-    const view = payload;
-    const copy3 = new Uint8Array(view.byteLength);
-    copy3.set(new Uint8Array(view.buffer, view.byteOffset, view.byteLength));
-    return new Blob([copy3], { type: "image/png" });
-  }
-  throw new Error("Desktop screenshot was not an image");
-}
-function useConversationDesktopStatus(conversationId) {
-  const client = useClient();
-  return useQuery({
-    queryKey: conversationDesktopKeys.status(conversationId ?? ""),
-    queryFn: () => fetchDesktopStatus(client, conversationId),
-    enabled: !!conversationId,
+env("NEXT_PUBLIC_SERVICE_URL") || "http://localhost:4000";
+function useDesktopAccessLocalStatus() {
+  const bridge = useDesktopAccessBridge();
+  const queryClient = useQueryClient();
+  const query = useQuery({
+    queryKey: desktopAccessKeys.local(),
+    queryFn: () => bridge.status(),
+    enabled: bridge !== null,
     staleTime: Infinity,
-    gcTime: 5 * 60 * 1e3,
-    retry: false,
-    refetchOnWindowFocus: false,
-    refetchOnReconnect: false
+    retry: 1
   });
+  useEffect(() => {
+    if (!bridge) return;
+    return bridge.onEvent((event) => {
+      if (event.type === "status" && event.status) {
+        queryClient.setQueryData(desktopAccessKeys.local(), event.status);
+      } else {
+        void queryClient.invalidateQueries({ queryKey: desktopAccessKeys.local() });
+      }
+      void queryClient.invalidateQueries({ queryKey: desktopAccessKeys.all });
+    });
+  }, [bridge, queryClient]);
+  return query;
 }
-var useDesktopScreenStore = create((set2, get3) => ({
-  openConversationId: null,
-  lightboxOpen: false,
-  agentDisplayName: null,
-  open: (conversationId) => set2({ openConversationId: conversationId, lightboxOpen: false }),
-  close: () => set2({ openConversationId: null, lightboxOpen: false }),
-  toggle: (conversationId) => {
-    if (get3().openConversationId === conversationId) {
-      set2({ openConversationId: null, lightboxOpen: false });
-      return;
+function useDecideDesktopGrantLocally() {
+  const bridge = useDesktopAccessBridge();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (input) => {
+      if (!bridge) throw new Error("Desktop Access bridge is not available");
+      return bridge.decideGrant(input);
+    },
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: desktopAccessKeys.all });
     }
-    set2({ openConversationId: conversationId, lightboxOpen: false });
-  },
-  setLightboxOpen: (lightboxOpen) => set2({ lightboxOpen }),
-  setAgentDisplayName: (agentDisplayName) => set2({ agentDisplayName })
-}));
-function DesktopScreenThumbnail({
-  imageUrl,
-  state,
-  onOpen
-}) {
-  const { t } = useTranslation();
-  const agentDisplayName = useDesktopScreenStore((s2) => s2.agentDisplayName);
-  const caption = agentDisplayName ? t("chat.desktop.agentsScreen", { name: agentDisplayName }) : null;
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs("div", { className: "group relative aspect-video overflow-hidden rounded-xl", children: [
-      imageUrl ? (
-        // eslint-disable-next-line @next/next/no-img-element -- blob: screenshot URLs
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: imageUrl,
-            alt: caption ?? t("chat.desktop.screen"),
-            className: "absolute inset-0 size-full object-cover"
-          }
-        )
-      ) : /* @__PURE__ */ jsx(Skeleton, { className: "absolute inset-0 size-full rounded-none" }),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "absolute inset-0 flex items-center justify-center bg-scrim/30 opacity-0 transition-opacity duration-150 group-hover:opacity-100",
-            "focus-within:opacity-100"
-          ),
-          children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "default-neutral",
-              size: "sm",
-              className: "rounded-full px-4",
-              onClick: onOpen,
-              children: t("chat.desktop.open")
-            }
-          )
-        }
-      ),
-      state === "off" && !imageUrl ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("chat.desktop.asleep") }) : null
-    ] }),
-    caption ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-center text-xs text-muted-foreground", children: caption }) : null
-  ] });
+  });
+}
+function useDecideDesktopApprovalLocally() {
+  const bridge = useDesktopAccessBridge();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (input) => {
+      if (!bridge) throw new Error("Desktop Access bridge is not available");
+      return bridge.decideApproval(input);
+    },
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: desktopAccessKeys.all });
+    }
+  });
 }
 
-// src/vendor/ui/chat/desktop-screen-panel/types.ts
-var DESKTOP_SCREEN_POLL_MS = 2500;
-var DESKTOP_THUMBNAIL_MAX_DIM = 640;
+// src/vendor/ui/desktop-access/utils/desktop-health.ts
+var PRESENTATION = {
+  desktop_offline: { tone: "bg-muted-foreground", textTone: "text-muted-foreground", labelKey: "desktop_offline", animate: false, usable: false },
+  connecting: { tone: "bg-muted-foreground", textTone: "text-muted-foreground", labelKey: "connecting", animate: true, usable: false },
+  connected_unregistered: { tone: "bg-warning", textTone: "text-warning", labelKey: "connected_unregistered", animate: false, usable: false },
+  registered_unroutable: { tone: "bg-warning", textTone: "text-warning", labelKey: "registered_unroutable", animate: false, usable: false },
+  available_no_grant: { tone: "bg-warning", textTone: "text-warning", labelKey: "available_no_grant", animate: false, usable: false },
+  waiting_for_approval: { tone: "bg-warning", textTone: "text-warning", labelKey: "waiting_for_approval", animate: false, usable: false },
+  blocked_by_org_policy: { tone: "bg-destructive", textTone: "text-destructive", labelKey: "blocked_by_org_policy", animate: false, usable: false },
+  blocked_by_os_permission: { tone: "bg-destructive", textTone: "text-destructive", labelKey: "blocked_by_os_permission", animate: false, usable: false },
+  blocked_by_device_policy: { tone: "bg-destructive", textTone: "text-destructive", labelKey: "blocked_by_device_policy", animate: false, usable: false },
+  resource_unavailable: { tone: "bg-warning", textTone: "text-warning", labelKey: "resource_unavailable", animate: false, usable: false },
+  upgrade_required: { tone: "bg-destructive", textTone: "text-destructive", labelKey: "upgrade_required", animate: false, usable: false },
+  ready: { tone: "bg-success", textTone: "text-foreground", labelKey: "ready", animate: false, usable: true },
+  executing: { tone: "bg-success", textTone: "text-foreground", labelKey: "executing", animate: true, usable: true },
+  degraded: { tone: "bg-warning", textTone: "text-warning", labelKey: "degraded", animate: false, usable: true }
+};
+function describeDesktopHealth(health) {
+  return health && PRESENTATION[health] || PRESENTATION.desktop_offline;
+}
+function isDeviceReachable(health) {
+  if (!health) return false;
+  return health !== "desktop_offline" && health !== "connecting" && health !== "upgrade_required";
+}
 
-// src/vendor/ui/chat/desktop-screen-panel/hooks/use-desktop-screen-poll.ts
-function tabIsVisible() {
-  if (typeof document === "undefined") return true;
-  return document.visibilityState === "visible";
+// src/vendor/ui/desktop-access/utils/desktop-labels.ts
+var desktopLabelKey = {
+  resourceKind: (kind) => `desktopAccess.resourceKind.${kind}`,
+  operation: (op) => `desktopAccess.operation.${op}`,
+  scope: (scope) => `desktopAccess.scope.${scope}`,
+  writeMode: (mode) => `desktopAccess.writeMode.${mode}`,
+  riskClass: (risk) => `desktopAccess.risk.${risk}`,
+  capabilityClass: (cls) => `desktopAccess.capability.${cls}`,
+  /** `desktop.files.read` → `desktopAccess.tool.files.read` */
+  capability: (name) => `desktopAccess.tool.${name.replace(/^desktop\./, "")}`,
+  health: (health) => `desktopAccess.health.${health}`,
+  trust: (trust) => `desktopAccess.trust.${trust}`,
+  requestStatus: (status) => `desktopAccess.request.status.${status}`,
+  osPermission: (kind) => `desktopAccess.osPermission.${kind}`,
+  osPermissionState: (state) => `desktopAccess.osPermissionState.${state}`,
+  auditKind: (kind) => `desktopAccess.audit.kind.${kind}`
+};
+function capabilityFromToolName(toolName) {
+  if (!toolName.startsWith("local_")) return null;
+  const rest = toolName.slice("local_".length);
+  const [group, ...action] = rest.split("_");
+  if (!group || action.length === 0) return null;
+  const family = group === "command" ? "commands" : group;
+  return `desktop.${family}.${action.join("_")}`;
 }
-function useDesktopScreenPoll({
-  conversationId,
-  open,
-  maxDim,
-  fetchers,
-  pollIntervalMs = DESKTOP_SCREEN_POLL_MS
-}) {
-  const [state, setState] = useState("off");
-  const [imageUrl, setImageUrl] = useState(null);
-  const [reconnecting, setReconnecting] = useState(false);
-  const [display, setDisplay] = useState();
-  const [detail, setDetail] = useState();
-  const imageUrlRef = useRef(null);
-  const fetchersRef = useRef(fetchers);
-  fetchersRef.current = fetchers;
-  useEffect(() => {
-    imageUrlRef.current = imageUrl;
-  }, [imageUrl]);
-  useEffect(() => {
-    if (!open) {
-      setState("off");
-      setReconnecting(false);
-      setDisplay(void 0);
-      const previous = imageUrlRef.current;
-      if (previous) {
-        URL.revokeObjectURL(previous);
-        imageUrlRef.current = null;
-        setImageUrl(null);
-      }
-    }
-  }, [open]);
-  useEffect(() => {
-    if (!open || !conversationId) return;
-    let cancelled2 = false;
-    let inFlight = false;
-    const controller = new AbortController();
-    const tick = async () => {
-      if (cancelled2 || inFlight || !tabIsVisible()) return;
-      inFlight = true;
-      try {
-        const status = await fetchersRef.current.fetchStatus(
-          conversationId,
-          controller.signal
-        );
-        if (cancelled2) return;
-        setDisplay(status.display);
-        setDetail(status.detail);
-        if (!status.enabled) {
-          setState("off");
-          setReconnecting(false);
-          return;
-        }
-        if (status.state === "unavailable" || status.state === "upgradable") {
-          setState(status.state);
-          setReconnecting(false);
-          return;
-        }
-        const shot = await fetchersRef.current.fetchScreenshot(
-          conversationId,
-          maxDim,
-          controller.signal
-        );
-        if (cancelled2) return;
-        if (!shot.ok) {
-          setState("waking");
-          setReconnecting(false);
-          return;
-        }
-        const nextUrl = URL.createObjectURL(shot.blob);
-        const previous = imageUrlRef.current;
-        imageUrlRef.current = nextUrl;
-        setImageUrl(nextUrl);
-        if (previous) URL.revokeObjectURL(previous);
-        setState("live");
-        setReconnecting(false);
-      } catch (error) {
-        if (cancelled2) return;
-        if (controller.signal.aborted) return;
-        if (error instanceof DOMException && error.name === "AbortError") return;
-        if (imageUrlRef.current) {
-          setReconnecting(true);
-        } else {
-          setState("off");
-        }
-      } finally {
-        inFlight = false;
-      }
-    };
-    const onVisibility = () => {
-      if (tabIsVisible()) void tick();
-    };
-    void tick();
-    const interval = setInterval(() => {
-      void tick();
-    }, pollIntervalMs);
-    document.addEventListener("visibilitychange", onVisibility);
-    return () => {
-      cancelled2 = true;
-      controller.abort();
-      clearInterval(interval);
-      document.removeEventListener("visibilitychange", onVisibility);
-    };
-  }, [open, conversationId, maxDim, pollIntervalMs]);
-  useEffect(() => {
-    return () => {
-      const previous = imageUrlRef.current;
-      if (previous) URL.revokeObjectURL(previous);
-    };
-  }, []);
-  return { state, imageUrl, reconnecting, display, detail };
+function isDesktopAccessTool(toolName) {
+  return capabilityFromToolName(toolName) !== null;
 }
-var CARD_POLL_MS = 5e3;
-function RequestHumanApprovalCard({
-  conversationId,
-  title,
-  phase,
-  onApprove,
-  onDeny
-}) {
-  const { t } = useTranslation();
-  const client = useClient();
-  const desktop = useConversationDesktopStatus(conversationId);
-  const setLightboxOpen = useDesktopScreenStore((s2) => s2.setLightboxOpen);
-  const openPanel = useDesktopScreenStore((s2) => s2.open);
-  const fetchers = useMemo(
-    () => ({
-      fetchStatus: (id, signal) => fetchDesktopStatus(client, id, signal),
-      fetchScreenshot: (id, maxDim, signal) => fetchDesktopScreenshot(client, id, maxDim, signal)
-    }),
-    [client]
-  );
-  const poll = useDesktopScreenPoll({
-    conversationId,
-    open: phase === "pending" && !!conversationId && desktop.data?.enabled === true,
-    maxDim: DESKTOP_THUMBNAIL_MAX_DIM,
-    fetchers,
-    pollIntervalMs: CARD_POLL_MS
-  });
-  const heading = t("chat.desktop.computer");
-  const badge = phase === "pending" ? {
-    label: t("chat.desktop.actionNeeded"),
-    className: "bg-warning/10 text-warning"} : phase === "done" ? {
-    label: t("chat.desktop.done"),
-    className: "bg-success/10 text-success"} : {
-    label: t("chat.desktop.skipped"),
-    className: "bg-surface-inset text-muted-foreground"};
-  if (phase !== "pending") {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-slot": "request-human-approval-card",
-        "data-phase": phase,
-        className: "relative my-2 flex items-center gap-2 rounded-xl border border-border bg-surface px-4 py-2",
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-semibold text-foreground", children: heading }),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "shrink-0 rounded-full px-2 py-0.5 text-xs font-medium",
-                badge.className
-              ),
-              children: badge.label
-            }
-          ),
-          title ? /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 truncate text-sm text-foreground", children: title }) : /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              size: "sm",
-              className: "shrink-0",
-              onClick: () => {
-                if (conversationId) openPanel(conversationId);
-                setLightboxOpen(true);
-              },
-              children: [
-                /* @__PURE__ */ jsx(DeviceDesktopIcon, { className: "size-3.5" }),
-                t("chat.desktop.openComputer")
-              ]
-            }
-          )
-        ]
-      }
-    );
+function formatBytes(bytes) {
+  if (bytes == null || !Number.isFinite(bytes) || bytes < 0) return null;
+  if (bytes < 1024) return `${bytes} B`;
+  const units = ["KB", "MB", "GB", "TB"];
+  let value = bytes / 1024;
+  let unit2 = 0;
+  while (value >= 1024 && unit2 < units.length - 1) {
+    value /= 1024;
+    unit2 += 1;
   }
+  return `${value < 10 ? value.toFixed(1) : Math.round(value)} ${units[unit2]}`;
+}
+function shortRevision(revision) {
+  if (!revision) return null;
+  return revision.slice(0, 8);
+}
+function DecisionCard({
+  tone = "idle",
+  icon,
+  kind,
+  question,
+  detail,
+  note,
+  actions,
+  settled,
+  children,
+  className,
+  testId
+}) {
+  const toneClass = tone === "ok" ? "text-success" : tone === "warn" ? "text-warning" : tone === "danger" ? "text-destructive" : "text-muted-foreground";
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      "data-slot": "request-human-approval-card",
-      "data-phase": phase,
-      className: "relative my-2 rounded-xl border border-border bg-surface p-4",
+      "data-testid": testId,
+      "data-tone": tone,
+      "data-settled": settled != null ? "" : void 0,
+      className: cn(
+        "relative mt-2 min-w-0 rounded-xl border border-border bg-surface-raised px-4 py-3",
+        className
+      ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: heading }),
-          /* @__PURE__ */ jsxs(
-            "span",
-            {
-              className: cn(
-                "ml-auto inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium",
-                badge.className
-              ),
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-warning animate-pulse", "aria-hidden": true }),
-                badge.label
-              ]
-            }
-          )
+        /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 items-center gap-1.5 text-xs", toneClass), children: [
+          /* @__PURE__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5", children: icon ?? /* @__PURE__ */ jsx(DeviceDesktopIcon, { "aria-hidden": true }) }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: kind }),
+          settled != null && /* @__PURE__ */ jsx("span", { className: "ml-auto min-w-0 truncate text-right text-foreground", "data-testid": testId ? `${testId}-settled` : void 0, children: settled })
         ] }),
-        title ? /* @__PURE__ */ jsx("p", { className: "mb-2 truncate text-sm text-foreground", children: title }) : null,
-        /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(
-          DesktopScreenThumbnail,
-          {
-            imageUrl: poll.imageUrl,
-            state: poll.state,
-            onOpen: () => setLightboxOpen(true)
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "default",
-              onClick: () => setLightboxOpen(true),
-              children: t("chat.desktop.takeOver")
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onApprove, children: t("chat.desktop.imDone") }),
-          /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", className: "ml-auto", onClick: onDeny, children: t("chat.desktop.skip") })
-        ] })
+        settled == null && /* @__PURE__ */ jsxs(Fragment, { children: [
+          question != null && /* @__PURE__ */ jsx("p", { className: "mt-1 break-words text-sm text-foreground", children: question }),
+          detail != null && /* @__PURE__ */ jsx("div", { className: "mt-2 min-w-0 overflow-hidden whitespace-pre-wrap break-all rounded-md bg-surface-inset px-3 py-2 font-mono text-xs leading-relaxed text-foreground/90", children: detail }),
+          children,
+          note != null && /* @__PURE__ */ jsx("p", { className: "mt-2 break-words text-xs text-muted-foreground", children: note }),
+          actions != null && /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap items-center justify-end gap-2", children: actions })
+        ] }),
+        settled != null && children
       ]
     }
   );
 }
-
-// src/vendor/ui/chat/request-human-approval-card/utils.ts
-var REQUEST_HUMAN_TOOL = "request_human";
-function isRequestHumanTool(name) {
-  return name === REQUEST_HUMAN_TOOL;
-}
-function requestHumanTitle(input, fallback = "") {
-  if (input && typeof input === "object") {
-    const record = input;
-    for (const key of ["title", "message", "reason", "prompt"]) {
-      const value = record[key];
-      if (typeof value === "string" && value.trim()) return value.trim();
-    }
-  }
-  return fallback;
-}
-function requestHumanPhaseFromPart(part) {
-  const state = typeof part.state === "string" ? part.state : "";
-  if (state === "approval-requested") return "pending";
-  const approval = part.approval;
-  if (approval && approval.approved === false) return "skipped";
-  if (state === "output-error" || state === "output-denied" || typeof part.errorText === "string") {
-    return "skipped";
-  }
-  const output = part.output ?? part.result;
-  if (output && typeof output === "object") {
-    const record = output;
-    if (record.skipped === true || record.denied === true || record.approved === false) {
-      return "skipped";
+function Kbd({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      "data-slot": "kbd",
+      className: cn(
+        "pointer-events-none inline-flex h-4 min-w-4 select-none items-center justify-center rounded border border-border bg-surface-inset px-1 font-mono text-[10px] font-medium leading-none text-muted-foreground",
+        className
+      ),
+      ...props
     }
-  }
-  if (state === "output-available" || state === "result" || output != null) return "done";
-  if (state === "input-available" || state === "input-streaming" || state === "call" || state === "partial-call") {
-    return "pending";
-  }
-  return "done";
-}
-function requestHumanThreadPhase(part, pendingStatus) {
-  if (pendingStatus === "pending") return "pending";
-  if (pendingStatus === "abandoned") return "skipped";
-  return requestHumanPhaseFromPart(part);
-}
-var ALWAYS_ALLOW_KEY = "sebati-tool-always-allow";
-function getAlwaysAllowedTools() {
-  if (typeof window === "undefined") return /* @__PURE__ */ new Set();
-  try {
-    const stored = localStorage.getItem(ALWAYS_ALLOW_KEY);
-    if (stored) return new Set(JSON.parse(stored));
-  } catch {
-  }
-  return /* @__PURE__ */ new Set();
-}
-function addAlwaysAllowedTool(toolName) {
-  if (typeof window === "undefined") return;
-  const tools = getAlwaysAllowedTools();
-  tools.add(toolName);
-  localStorage.setItem(ALWAYS_ALLOW_KEY, JSON.stringify([...tools]));
+  );
 }
-function isToolAlwaysAllowed(toolName) {
-  return getAlwaysAllowedTools().has(toolName);
+function DecisionSecondaryButton({
+  label,
+  onClick,
+  disabled,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", disabled, onClick, "aria-label": ariaLabel, "data-slot": "decision-secondary", children: [
+    label,
+    /* @__PURE__ */ jsx(Kbd, { "aria-hidden": true, className: "hidden md:inline-flex", children: "Esc" })
+  ] });
 }
-function ToolApprovalCard({
-  part,
-  onApprove,
-  onDeny,
-  onAlwaysAllow,
-  conversationId = null
+function DecisionSplitButton({
+  label,
+  onClick,
+  disabled,
+  variant = "default",
+  options,
+  menuLabel,
+  hint = "enter",
+  className,
+  "aria-label": ariaLabel
 }) {
   const { t } = useTranslation();
-  const toolName = getToolName(part);
-  const input = getToolInput(part);
-  const approvalId = getApprovalId(part);
-  const [responded, setResponded] = useState(false);
-  const desktop = useConversationDesktopStatus(
-    isRequestHumanTool(toolName) ? conversationId : null
+  const hasMenu = !!options && options.length > 0;
+  const kbdClass = variant === "default" || variant === "default-neutral" ? "hidden md:inline-flex border-primary-foreground/30 bg-transparent text-primary-foreground/80" : "hidden md:inline-flex bg-transparent";
+  const main = /* @__PURE__ */ jsxs(
+    Button,
+    {
+      size: "sm",
+      variant,
+      disabled,
+      onClick,
+      "aria-label": ariaLabel,
+      className: cn(hasMenu && "rounded-r-none", className),
+      "data-slot": "decision-primary",
+      children: [
+        label,
+        hint === "enter" && /* @__PURE__ */ jsx(Kbd, { "aria-hidden": true, className: kbdClass, children: "\u23CE" })
+      ]
+    }
   );
-  if (!approvalId) return null;
-  if (isRequestHumanTool(toolName) && desktop.data?.enabled) {
-    return /* @__PURE__ */ jsx(
-      RequestHumanApprovalCard,
-      {
-        conversationId,
-        title: requestHumanTitle(input),
-        phase: "pending",
-        onApprove: () => onApprove(approvalId),
-        onDeny: () => onDeny(approvalId)
-      }
-    );
-  }
-  const displayInput = input ? Object.entries(input).map(([key, val]) => {
-    const strVal = typeof val === "string" ? val : JSON.stringify(val);
-    const display = strVal.length > 120 ? strVal.slice(0, 117) + "..." : strVal;
-    return { key, value: display };
-  }) : [];
-  const handleApprove = () => {
-    setResponded(true);
-    onApprove(approvalId);
-  };
-  const handleDeny = () => {
-    setResponded(true);
-    onDeny(approvalId);
-  };
-  const handleAlwaysAllow = () => {
-    setResponded(true);
-    onAlwaysAllow?.(toolName);
-    onApprove(approvalId);
-  };
-  return (
-    // `bg-surface-raised`, not `bg-background`: the thread behind this card is
-    // already `surface-chat`, so `background` painted the card DARKER than what
-    // it sits on — the one card in the run that must be read looked like a hole
-    // punched in the message.
-    //
-    // `relative` is load-bearing. This card renders inside the step timeline,
-    // whose rail is an absolutely-positioned span — so it paints above every
-    // static sibling, and a hairline ran straight down the card's left inset.
-    // Positioning the card puts it in the same paint layer, later in DOM order,
-    // and the rail stops at its edges: the timeline is a thread of small steps,
-    // and this is a panel interrupting it, not a bead on it.
-    /* @__PURE__ */ jsxs("div", { className: "relative rounded-lg border bg-surface-raised p-3 my-1.5", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 mb-2", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("dialog.toolApproval.title") }) }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-2", children: /* @__PURE__ */ jsx("span", { className: "font-mono text-foreground", children: toolName }) }),
-      displayInput.length > 0 && /* @__PURE__ */ jsx("div", { className: "text-sm bg-surface-inset border rounded p-2 mb-3 space-y-0.5", children: displayInput.map(({ key, value }) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-          key,
-          ":"
-        ] }),
-        " ",
-        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: value })
-      ] }, key)) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "default",
-            className: "gap-1.5",
-            disabled: responded,
-            onClick: handleApprove,
-            children: t("dialog.toolApproval.approve")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outline",
-            className: "gap-1.5",
-            disabled: responded,
-            onClick: handleDeny,
-            children: t("dialog.toolApproval.deny")
-          }
-        ),
-        onAlwaysAllow && /* @__PURE__ */ jsx(
-          Button,
+  if (!hasMenu) return main;
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-stretch", "data-slot": "decision-split-button", children: [
+    main,
+    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          variant,
+          disabled,
+          "aria-label": menuLabel ?? t("desktopAccess.action.moreOptions"),
+          className: "rounded-l-none border-l border-l-background/25 px-1.5",
+          "data-slot": "decision-menu-trigger",
+          children: /* @__PURE__ */ jsx(ChevronDownMediumIcon, { "aria-hidden": true })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "min-w-56", children: /* @__PURE__ */ jsx(TooltipProvider, { children: options.map(
+        (option) => option.disabled && option.disabledReason != null ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "block", children: /* @__PURE__ */ jsx(DropdownMenuItem, { disabled: true, "data-selected": option.selected ? "" : void 0, children: option.label }) }) }),
+          /* @__PURE__ */ jsx(TooltipContent, { side: "left", children: option.disabledReason })
+        ] }, option.id) : /* @__PURE__ */ jsx(
+          DropdownMenuItem,
           {
-            variant: "ghost",
-            className: "gap-1.5 text-muted-foreground",
-            disabled: responded,
-            onClick: handleAlwaysAllow,
-            children: t("dialog.toolApproval.alwaysAllow")
-          }
+            disabled: option.disabled,
+            "data-selected": option.selected ? "" : void 0,
+            className: "data-[selected]:font-medium",
+            onSelect: () => option.onSelect(),
+            children: option.label
+          },
+          option.id
         )
-      ] })
+      ) }) })
     ] })
-  );
+  ] });
 }
-function getDesktop() {
-  if (typeof window === "undefined") return null;
-  return window.fronteraDesktop ?? null;
+var registry = [];
+var listening = false;
+function isTypingTarget(target) {
+  if (!(target instanceof HTMLElement)) return false;
+  if (target.isContentEditable) return true;
+  const tag = target.tagName;
+  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
+  return !!target.closest('[role="menu"], [role="dialog"], [role="listbox"], [contenteditable="true"]');
 }
-var noopSubscribe = () => () => {
-};
-function getDesktopAccessBridge() {
-  return getDesktop()?.desktopAccess ?? null;
+function onKeyDown(event) {
+  if (event.defaultPrevented || event.isComposing) return;
+  if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
+  if (event.key !== "Enter" && event.key !== "Escape") return;
+  const owner = registry[registry.length - 1];
+  if (!owner) return;
+  if (isTypingTarget(event.target) || isTypingTarget(document.activeElement)) return;
+  const handler = event.key === "Enter" ? owner.handlers.current.onPrimary : owner.handlers.current.onSecondary;
+  if (!handler) return;
+  event.preventDefault();
+  handler();
 }
-var getDesktopAccessSnapshot = () => getDesktopAccessBridge();
-var getDesktopAccessServerSnapshot = () => null;
-function useDesktopAccessBridge() {
-  return useSyncExternalStore(
-    noopSubscribe,
-    getDesktopAccessSnapshot,
-    getDesktopAccessServerSnapshot
-  );
+function ensureListener() {
+  if (listening || typeof window === "undefined") return;
+  listening = true;
+  window.addEventListener("keydown", onKeyDown);
 }
-env("NEXT_PUBLIC_SERVICE_URL") || "http://localhost:4000";
-function useDesktopAccessLocalStatus() {
-  const bridge = useDesktopAccessBridge();
-  const queryClient = useQueryClient();
-  const query = useQuery({
-    queryKey: desktopAccessKeys.local(),
-    queryFn: () => bridge.status(),
-    enabled: bridge !== null,
-    staleTime: Infinity,
-    retry: 1
-  });
-  useEffect(() => {
-    if (!bridge) return;
-    return bridge.onEvent((event) => {
-      if (event.type === "status" && event.status) {
-        queryClient.setQueryData(desktopAccessKeys.local(), event.status);
-      } else {
-        void queryClient.invalidateQueries({ queryKey: desktopAccessKeys.local() });
-      }
-      void queryClient.invalidateQueries({ queryKey: desktopAccessKeys.all });
-    });
-  }, [bridge, queryClient]);
-  return query;
+function releaseListener() {
+  if (!listening || registry.length > 0) return;
+  listening = false;
+  window.removeEventListener("keydown", onKeyDown);
 }
-function useDecideDesktopGrantLocally() {
-  const bridge = useDesktopAccessBridge();
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (input) => {
-      if (!bridge) throw new Error("Desktop Access bridge is not available");
-      return bridge.decideGrant(input);
-    },
-    onSuccess: () => {
-      void queryClient.invalidateQueries({ queryKey: desktopAccessKeys.all });
-    }
-  });
-}
-function useDecideDesktopApprovalLocally() {
-  const bridge = useDesktopAccessBridge();
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (input) => {
-      if (!bridge) throw new Error("Desktop Access bridge is not available");
-      return bridge.decideApproval(input);
-    },
-    onSuccess: () => {
-      void queryClient.invalidateQueries({ queryKey: desktopAccessKeys.all });
-    }
-  });
-}
-
-// src/vendor/ui/desktop-access/utils/desktop-health.ts
-var PRESENTATION = {
-  desktop_offline: { tone: "bg-muted-foreground", textTone: "text-muted-foreground", labelKey: "desktop_offline", animate: false, usable: false },
-  connecting: { tone: "bg-muted-foreground", textTone: "text-muted-foreground", labelKey: "connecting", animate: true, usable: false },
-  connected_unregistered: { tone: "bg-warning", textTone: "text-warning", labelKey: "connected_unregistered", animate: false, usable: false },
-  registered_unroutable: { tone: "bg-warning", textTone: "text-warning", labelKey: "registered_unroutable", animate: false, usable: false },
-  available_no_grant: { tone: "bg-warning", textTone: "text-warning", labelKey: "available_no_grant", animate: false, usable: false },
-  waiting_for_approval: { tone: "bg-warning", textTone: "text-warning", labelKey: "waiting_for_approval", animate: false, usable: false },
-  blocked_by_org_policy: { tone: "bg-destructive", textTone: "text-destructive", labelKey: "blocked_by_org_policy", animate: false, usable: false },
-  blocked_by_os_permission: { tone: "bg-destructive", textTone: "text-destructive", labelKey: "blocked_by_os_permission", animate: false, usable: false },
-  blocked_by_device_policy: { tone: "bg-destructive", textTone: "text-destructive", labelKey: "blocked_by_device_policy", animate: false, usable: false },
-  resource_unavailable: { tone: "bg-warning", textTone: "text-warning", labelKey: "resource_unavailable", animate: false, usable: false },
-  upgrade_required: { tone: "bg-destructive", textTone: "text-destructive", labelKey: "upgrade_required", animate: false, usable: false },
-  ready: { tone: "bg-success", textTone: "text-foreground", labelKey: "ready", animate: false, usable: true },
-  executing: { tone: "bg-success", textTone: "text-foreground", labelKey: "executing", animate: true, usable: true },
-  degraded: { tone: "bg-warning", textTone: "text-warning", labelKey: "degraded", animate: false, usable: true }
-};
-function describeDesktopHealth(health) {
-  return health && PRESENTATION[health] || PRESENTATION.desktop_offline;
-}
-function isDeviceReachable(health) {
-  if (!health) return false;
-  return health !== "desktop_offline" && health !== "connecting" && health !== "upgrade_required";
-}
-
-// src/vendor/ui/desktop-access/utils/desktop-labels.ts
-var desktopLabelKey = {
-  resourceKind: (kind) => `desktopAccess.resourceKind.${kind}`,
-  operation: (op) => `desktopAccess.operation.${op}`,
-  scope: (scope) => `desktopAccess.scope.${scope}`,
-  writeMode: (mode) => `desktopAccess.writeMode.${mode}`,
-  riskClass: (risk) => `desktopAccess.risk.${risk}`,
-  capabilityClass: (cls) => `desktopAccess.capability.${cls}`,
-  /** `desktop.files.read` → `desktopAccess.tool.files.read` */
-  capability: (name) => `desktopAccess.tool.${name.replace(/^desktop\./, "")}`,
-  health: (health) => `desktopAccess.health.${health}`,
-  trust: (trust) => `desktopAccess.trust.${trust}`,
-  requestStatus: (status) => `desktopAccess.request.status.${status}`,
-  osPermission: (kind) => `desktopAccess.osPermission.${kind}`,
-  osPermissionState: (state) => `desktopAccess.osPermissionState.${state}`,
-  auditKind: (kind) => `desktopAccess.audit.kind.${kind}`
-};
-function capabilityFromToolName(toolName) {
-  if (!toolName.startsWith("local_")) return null;
-  const rest = toolName.slice("local_".length);
-  const [group, ...action] = rest.split("_");
-  if (!group || action.length === 0) return null;
-  const family = group === "command" ? "commands" : group;
-  return `desktop.${family}.${action.join("_")}`;
-}
-function isDesktopAccessTool(toolName) {
-  return capabilityFromToolName(toolName) !== null;
-}
-function formatBytes(bytes) {
-  if (bytes == null || !Number.isFinite(bytes) || bytes < 0) return null;
-  if (bytes < 1024) return `${bytes} B`;
-  const units = ["KB", "MB", "GB", "TB"];
-  let value = bytes / 1024;
-  let unit2 = 0;
-  while (value >= 1024 && unit2 < units.length - 1) {
-    value /= 1024;
-    unit2 += 1;
-  }
-  return `${value < 10 ? value.toFixed(1) : Math.round(value)} ${units[unit2]}`;
-}
-function shortRevision(revision) {
-  if (!revision) return null;
-  return revision.slice(0, 8);
-}
-function DecisionCard({
-  tone = "idle",
-  icon,
-  kind,
-  question,
-  detail,
-  note,
-  actions,
-  settled,
-  children,
-  className,
-  testId
-}) {
-  const toneClass = tone === "ok" ? "text-success" : tone === "warn" ? "text-warning" : tone === "danger" ? "text-destructive" : "text-muted-foreground";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-testid": testId,
-      "data-tone": tone,
-      "data-settled": settled != null ? "" : void 0,
-      className: cn(
-        "relative mt-2 min-w-0 rounded-xl border border-border bg-surface-raised px-4 py-3",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 items-center gap-1.5 text-xs", toneClass), children: [
-          /* @__PURE__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5", children: icon ?? /* @__PURE__ */ jsx(DeviceDesktopIcon, { "aria-hidden": true }) }),
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: kind }),
-          settled != null && /* @__PURE__ */ jsx("span", { className: "ml-auto min-w-0 truncate text-right text-foreground", "data-testid": testId ? `${testId}-settled` : void 0, children: settled })
-        ] }),
-        settled == null && /* @__PURE__ */ jsxs(Fragment, { children: [
-          question != null && /* @__PURE__ */ jsx("p", { className: "mt-1 break-words text-sm text-foreground", children: question }),
-          detail != null && /* @__PURE__ */ jsx("div", { className: "mt-2 min-w-0 overflow-hidden whitespace-pre-wrap break-all rounded-md bg-surface-inset px-3 py-2 font-mono text-xs leading-relaxed text-foreground/90", children: detail }),
-          children,
-          note != null && /* @__PURE__ */ jsx("p", { className: "mt-2 break-words text-xs text-muted-foreground", children: note }),
-          actions != null && /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap items-center justify-end gap-2", children: actions })
-        ] }),
-        settled != null && children
-      ]
-    }
-  );
-}
-function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "kbd",
-    {
-      "data-slot": "kbd",
-      className: cn(
-        "pointer-events-none inline-flex h-4 min-w-4 select-none items-center justify-center rounded border border-border bg-surface-inset px-1 font-mono text-[10px] font-medium leading-none text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DecisionSecondaryButton({
-  label,
-  onClick,
-  disabled,
-  "aria-label": ariaLabel
-}) {
-  return /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", disabled, onClick, "aria-label": ariaLabel, "data-slot": "decision-secondary", children: [
-    label,
-    /* @__PURE__ */ jsx(Kbd, { "aria-hidden": true, className: "hidden md:inline-flex", children: "Esc" })
-  ] });
-}
-function DecisionSplitButton({
-  label,
-  onClick,
-  disabled,
-  variant = "default",
-  options,
-  menuLabel,
-  hint = "enter",
-  className,
-  "aria-label": ariaLabel
-}) {
-  const { t } = useTranslation();
-  const hasMenu = !!options && options.length > 0;
-  const kbdClass = variant === "default" || variant === "default-neutral" ? "hidden md:inline-flex border-primary-foreground/30 bg-transparent text-primary-foreground/80" : "hidden md:inline-flex bg-transparent";
-  const main = /* @__PURE__ */ jsxs(
-    Button,
-    {
-      size: "sm",
-      variant,
-      disabled,
-      onClick,
-      "aria-label": ariaLabel,
-      className: cn(hasMenu && "rounded-r-none", className),
-      "data-slot": "decision-primary",
-      children: [
-        label,
-        hint === "enter" && /* @__PURE__ */ jsx(Kbd, { "aria-hidden": true, className: kbdClass, children: "\u23CE" })
-      ]
-    }
-  );
-  if (!hasMenu) return main;
-  return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-stretch", "data-slot": "decision-split-button", children: [
-    main,
-    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "sm",
-          variant,
-          disabled,
-          "aria-label": menuLabel ?? t("desktopAccess.action.moreOptions"),
-          className: "rounded-l-none border-l border-l-background/25 px-1.5",
-          "data-slot": "decision-menu-trigger",
-          children: /* @__PURE__ */ jsx(ChevronDownMediumIcon, { "aria-hidden": true })
-        }
-      ) }),
-      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "min-w-56", children: /* @__PURE__ */ jsx(TooltipProvider, { children: options.map(
-        (option) => option.disabled && option.disabledReason != null ? /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "block", children: /* @__PURE__ */ jsx(DropdownMenuItem, { disabled: true, "data-selected": option.selected ? "" : void 0, children: option.label }) }) }),
-          /* @__PURE__ */ jsx(TooltipContent, { side: "left", children: option.disabledReason })
-        ] }, option.id) : /* @__PURE__ */ jsx(
-          DropdownMenuItem,
-          {
-            disabled: option.disabled,
-            "data-selected": option.selected ? "" : void 0,
-            className: "data-[selected]:font-medium",
-            onSelect: () => option.onSelect(),
-            children: option.label
-          },
-          option.id
-        )
-      ) }) })
-    ] })
-  ] });
-}
-var registry = [];
-var listening = false;
-function isTypingTarget(target) {
-  if (!(target instanceof HTMLElement)) return false;
-  if (target.isContentEditable) return true;
-  const tag = target.tagName;
-  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
-  return !!target.closest('[role="menu"], [role="dialog"], [role="listbox"], [contenteditable="true"]');
-}
-function onKeyDown(event) {
-  if (event.defaultPrevented || event.isComposing) return;
-  if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
-  if (event.key !== "Enter" && event.key !== "Escape") return;
-  const owner = registry[registry.length - 1];
-  if (!owner) return;
-  if (isTypingTarget(event.target) || isTypingTarget(document.activeElement)) return;
-  const handler = event.key === "Enter" ? owner.handlers.current.onPrimary : owner.handlers.current.onSecondary;
-  if (!handler) return;
-  event.preventDefault();
-  handler();
-}
-function ensureListener() {
-  if (listening || typeof window === "undefined") return;
-  listening = true;
-  window.addEventListener("keydown", onKeyDown);
-}
-function releaseListener() {
-  if (!listening || registry.length > 0) return;
-  listening = false;
-  window.removeEventListener("keydown", onKeyDown);
-}
-function useDecisionShortcuts({
-  active,
-  onPrimary,
-  onSecondary
-}) {
-  const id = useId();
-  const handlers = useRef({ onPrimary, onSecondary });
-  handlers.current = { onPrimary, onSecondary };
-  useEffect(() => {
-    if (!active) return;
-    const entry = { id, handlers };
-    registry.push(entry);
-    ensureListener();
-    return () => {
-      const at = registry.indexOf(entry);
-      if (at !== -1) registry.splice(at, 1);
-      releaseListener();
-    };
-  }, [active, id]);
+function useDecisionShortcuts({
+  active,
+  onPrimary,
+  onSecondary
+}) {
+  const id = useId();
+  const handlers = useRef({ onPrimary, onSecondary });
+  handlers.current = { onPrimary, onSecondary };
+  useEffect(() => {
+    if (!active) return;
+    const entry = { id, handlers };
+    registry.push(entry);
+    ensureListener();
+    return () => {
+      const at = registry.indexOf(entry);
+      if (at !== -1) registry.splice(at, 1);
+      releaseListener();
+    };
+  }, [active, id]);
 }
 
 // src/vendor/ui/chat/desktop-access/utils/grant-scope-options.ts
@@ -15100,9 +14560,7 @@ function MessageDecisionCards({
   items,
   conversationId,
   isStreamingMessage,
-  hasLaterStepsGroup = false,
-  onToolApproval,
-  showInlineToolApprovals = false
+  hasLaterStepsGroup = false
 }) {
   const toolItems = items.filter(
     (i) => i.type === "tool"
@@ -15110,22 +14568,6 @@ function MessageDecisionCards({
   const { data: pendingStatuses } = useSessionPendingStatuses(conversationId);
   const showLiveDesktopApprovals = isStreamingMessage && !hasLaterStepsGroup && !!conversationId;
   const desktopAccessStatus = useDesktopStatus(conversationId, { enabled: showLiveDesktopApprovals });
-  const renderToolApprovals = showInlineToolApprovals && !!onToolApproval;
-  const autoApprovedRef = useRef(/* @__PURE__ */ new Set());
-  useEffect(() => {
-    if (!renderToolApprovals || !onToolApproval) return;
-    for (const item of toolItems) {
-      if (!isApprovalRequested(item.part)) continue;
-      const approvalId = getApprovalId(item.part);
-      const toolName = getToolName(item.part);
-      if (approvalId && isToolAlwaysAllowed(toolName) && !autoApprovedRef.current.has(approvalId)) {
-        autoApprovedRef.current.add(approvalId);
-        void onToolApproval(approvalId, true).catch(() => {
-          autoApprovedRef.current.delete(approvalId);
-        });
-      }
-    }
-  }, [toolItems, onToolApproval, renderToolApprovals]);
   const seenInstalls = /* @__PURE__ */ new Set();
   const seenPendingCalls = /* @__PURE__ */ new Set();
   const seenDesktopRequests = /* @__PURE__ */ new Set();
@@ -15137,23 +14579,6 @@ function MessageDecisionCards({
       seenRoutines.add(signal.routineId);
       return /* @__PURE__ */ jsx(AgentRoutineDraftCard, { ...signal }, `${messageId}-routine-${signal.routineId}`);
     }),
-    renderToolApprovals && onToolApproval && toolItems.map((item) => {
-      if (!isApprovalRequested(item.part)) return null;
-      if (isRequestHumanTool(getToolName(item.part))) return null;
-      const aid = getApprovalId(item.part);
-      if (!aid || autoApprovedRef.current.has(aid)) return null;
-      return /* @__PURE__ */ jsx(
-        ToolApprovalCard,
-        {
-          part: item.part,
-          conversationId,
-          onApprove: (id) => onToolApproval(id, true),
-          onDeny: (id) => onToolApproval(id, false),
-          onAlwaysAllow: (toolName) => addAlwaysAllowedTool(toolName)
-        },
-        `${messageId}-approval-${item.index}`
-      );
-    }),
     toolItems.map((item) => {
       const nc = getNeedsConnect(item.part);
       if (!nc?.pendingToolCallId || !nc.installId || !nc.capabilityId) return null;
@@ -16002,113 +15427,527 @@ function ChatImageLightbox({
     }
   );
 }
-function getHost(url) {
-  try {
-    return new URL(url).hostname.replace(/^www\./, "");
-  } catch {
-    return "source";
-  }
+function getHost(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return "source";
+  }
+}
+function getImageView(image, failedImageUrls) {
+  const linkUrl = image.sourceUrl ?? image.url;
+  const label = image.title ?? image.sourceName ?? getHost(linkUrl);
+  const imageUrl = image.thumbnailUrl && !failedImageUrls.has(image.thumbnailUrl) ? image.thumbnailUrl : !failedImageUrls.has(image.url) ? image.url : null;
+  if (!imageUrl) return null;
+  return {
+    image,
+    imageUrl,
+    fullImageUrl: failedImageUrls.has(image.url) ? imageUrl : image.url,
+    label
+  };
+}
+function ImageResultsGallery({
+  images,
+  className,
+  label = "Image results",
+  size = "regular"
+}) {
+  const [selectedIndex, setSelectedIndex] = useState(null);
+  const [failedImageUrls, setFailedImageUrls] = useState(() => /* @__PURE__ */ new Set());
+  const visible = images.slice(0, 6);
+  const imageViews = visible.flatMap((image) => {
+    const imageView = getImageView(image, failedImageUrls);
+    return imageView ? [imageView] : [];
+  });
+  const lightboxItems = imageViews.map((view, index) => ({
+    kind: "remote",
+    id: `image-result-${index}-${view.image.url}`,
+    title: view.label,
+    imageUrl: view.fullImageUrl,
+    thumbnailUrl: view.imageUrl
+  }));
+  const selectedId = selectedIndex === null ? null : lightboxItems[selectedIndex]?.id ?? null;
+  const isCompact = size === "compact";
+  if (imageViews.length === 0) return null;
+  function markImageFailed(url) {
+    setFailedImageUrls((current2) => {
+      if (current2.has(url)) return current2;
+      const next = new Set(current2);
+      next.add(url);
+      return next;
+    });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("not-prose mt-3 mb-5", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Images1Icon, { className: "size-3.5" }),
+      /* @__PURE__ */ jsx("span", { children: label })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "grid gap-2",
+          isCompact ? "grid-cols-[repeat(auto-fill,minmax(112px,160px))]" : "grid-cols-2 md:grid-cols-3"
+        ),
+        children: imageViews.map(({ image, imageUrl, label: imageLabel }, index) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Preview image: ${imageLabel}`,
+            onClick: (event) => {
+              event.stopPropagation();
+              setSelectedIndex(index);
+            },
+            className: cn(
+              "group/image-result cursor-pointer overflow-hidden border border-border bg-surface-raised text-left text-foreground transition-colors hover:border-primary/50 hover:bg-surface-raised-hover focus-visible:border-ring focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
+              isCompact ? "rounded-md" : "rounded-lg"
+            ),
+            children: /* @__PURE__ */ jsx("div", { className: "aspect-[4/3] overflow-hidden bg-surface-inset", children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: imageUrl,
+                alt: imageLabel,
+                loading: "lazy",
+                onError: () => markImageFailed(imageUrl),
+                className: "image-checker h-full w-full object-cover transition-transform [--image-checker-tile:8px] group-hover/image-result:scale-[1.02]"
+              }
+            ) })
+          },
+          `${image.url}-${index}`
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ChatImageLightbox,
+      {
+        items: lightboxItems,
+        selectedId,
+        onSelectedIdChange: (id) => {
+          if (id === null) {
+            setSelectedIndex(null);
+            return;
+          }
+          const index = lightboxItems.findIndex((item) => item.id === id);
+          setSelectedIndex(index >= 0 ? index : null);
+        },
+        onRemoteImageError: markImageFailed
+      }
+    )
+  ] });
+}
+var DOMAIN7 = "conversation-desktop";
+var conversationDesktopKeys = {
+  all: [DOMAIN7],
+  status: (conversationId) => [DOMAIN7, "status", conversationId]
+};
+function conversationDesktop(client, conversationId) {
+  return client.v1.conversations({ conversationId });
+}
+async function fetchDesktopStatus(client, conversationId, signal) {
+  const { data, error } = await conversationDesktop(client, conversationId).desktop.get({
+    fetch: { signal }
+  });
+  if (error) throw error;
+  return unwrapData(data);
+}
+async function fetchDesktopScreenshot(client, conversationId, maxDim, signal) {
+  const res = await conversationDesktop(client, conversationId).desktop.screenshot.get({
+    query: { maxDim: String(maxDim) },
+    fetch: { signal }
+  });
+  if (res.error) {
+    const status = res.error.status;
+    const value = res.error.value;
+    if (status === 503 || isWakingBody(value) || isWakingBody(res.data)) {
+      return { ok: false, waking: true };
+    }
+    throw res.error;
+  }
+  const payload = res.data;
+  if (isWakingBody(payload)) return { ok: false, waking: true };
+  const blob = desktopScreenshotBlob(payload);
+  return { ok: true, blob };
+}
+function isWakingBody(value) {
+  return Boolean(
+    value && typeof value === "object" && "waking" in value && value.waking === true
+  );
+}
+function desktopScreenshotBlob(payload) {
+  if (payload instanceof Blob) return payload;
+  if (payload instanceof ArrayBuffer) {
+    return new Blob([payload], { type: "image/png" });
+  }
+  if (ArrayBuffer.isView(payload)) {
+    const view = payload;
+    const copy3 = new Uint8Array(view.byteLength);
+    copy3.set(new Uint8Array(view.buffer, view.byteOffset, view.byteLength));
+    return new Blob([copy3], { type: "image/png" });
+  }
+  throw new Error("Desktop screenshot was not an image");
+}
+function useConversationDesktopStatus(conversationId) {
+  const client = useClient();
+  return useQuery({
+    queryKey: conversationDesktopKeys.status(conversationId ?? ""),
+    queryFn: () => fetchDesktopStatus(client, conversationId),
+    enabled: !!conversationId,
+    staleTime: Infinity,
+    gcTime: 5 * 60 * 1e3,
+    retry: false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false
+  });
+}
+var useDesktopScreenStore = create((set2, get3) => ({
+  openConversationId: null,
+  lightboxOpen: false,
+  agentDisplayName: null,
+  open: (conversationId) => set2({ openConversationId: conversationId, lightboxOpen: false }),
+  close: () => set2({ openConversationId: null, lightboxOpen: false }),
+  toggle: (conversationId) => {
+    if (get3().openConversationId === conversationId) {
+      set2({ openConversationId: null, lightboxOpen: false });
+      return;
+    }
+    set2({ openConversationId: conversationId, lightboxOpen: false });
+  },
+  setLightboxOpen: (lightboxOpen) => set2({ lightboxOpen }),
+  setAgentDisplayName: (agentDisplayName) => set2({ agentDisplayName })
+}));
+function DesktopScreenThumbnail({
+  imageUrl,
+  state,
+  onOpen
+}) {
+  const { t } = useTranslation();
+  const agentDisplayName = useDesktopScreenStore((s2) => s2.agentDisplayName);
+  const caption = agentDisplayName ? t("chat.desktop.agentsScreen", { name: agentDisplayName }) : null;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "group relative aspect-video overflow-hidden rounded-xl", children: [
+      imageUrl ? (
+        // eslint-disable-next-line @next/next/no-img-element -- blob: screenshot URLs
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: imageUrl,
+            alt: caption ?? t("chat.desktop.screen"),
+            className: "absolute inset-0 size-full object-cover"
+          }
+        )
+      ) : /* @__PURE__ */ jsx(Skeleton, { className: "absolute inset-0 size-full rounded-none" }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "absolute inset-0 flex items-center justify-center bg-scrim/30 opacity-0 transition-opacity duration-150 group-hover:opacity-100",
+            "focus-within:opacity-100"
+          ),
+          children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "default-neutral",
+              size: "sm",
+              className: "rounded-full px-4",
+              onClick: onOpen,
+              children: t("chat.desktop.open")
+            }
+          )
+        }
+      ),
+      state === "off" && !imageUrl ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("chat.desktop.asleep") }) : null
+    ] }),
+    caption ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-center text-xs text-muted-foreground", children: caption }) : null
+  ] });
+}
+
+// src/vendor/ui/chat/desktop-screen-panel/types.ts
+var DESKTOP_SCREEN_POLL_MS = 2500;
+var DESKTOP_THUMBNAIL_MAX_DIM = 640;
+
+// src/vendor/ui/chat/desktop-screen-panel/hooks/use-desktop-screen-poll.ts
+function tabIsVisible() {
+  if (typeof document === "undefined") return true;
+  return document.visibilityState === "visible";
+}
+function useDesktopScreenPoll({
+  conversationId,
+  open,
+  maxDim,
+  fetchers,
+  pollIntervalMs = DESKTOP_SCREEN_POLL_MS
+}) {
+  const [state, setState] = useState("off");
+  const [imageUrl, setImageUrl] = useState(null);
+  const [reconnecting, setReconnecting] = useState(false);
+  const [display, setDisplay] = useState();
+  const [detail, setDetail] = useState();
+  const imageUrlRef = useRef(null);
+  const fetchersRef = useRef(fetchers);
+  fetchersRef.current = fetchers;
+  useEffect(() => {
+    imageUrlRef.current = imageUrl;
+  }, [imageUrl]);
+  useEffect(() => {
+    if (!open) {
+      setState("off");
+      setReconnecting(false);
+      setDisplay(void 0);
+      const previous = imageUrlRef.current;
+      if (previous) {
+        URL.revokeObjectURL(previous);
+        imageUrlRef.current = null;
+        setImageUrl(null);
+      }
+    }
+  }, [open]);
+  useEffect(() => {
+    if (!open || !conversationId) return;
+    let cancelled2 = false;
+    let inFlight = false;
+    const controller = new AbortController();
+    const tick = async () => {
+      if (cancelled2 || inFlight || !tabIsVisible()) return;
+      inFlight = true;
+      try {
+        const status = await fetchersRef.current.fetchStatus(
+          conversationId,
+          controller.signal
+        );
+        if (cancelled2) return;
+        setDisplay(status.display);
+        setDetail(status.detail);
+        if (!status.enabled) {
+          setState("off");
+          setReconnecting(false);
+          return;
+        }
+        if (status.state === "unavailable" || status.state === "upgradable") {
+          setState(status.state);
+          setReconnecting(false);
+          return;
+        }
+        const shot = await fetchersRef.current.fetchScreenshot(
+          conversationId,
+          maxDim,
+          controller.signal
+        );
+        if (cancelled2) return;
+        if (!shot.ok) {
+          setState("waking");
+          setReconnecting(false);
+          return;
+        }
+        const nextUrl = URL.createObjectURL(shot.blob);
+        const previous = imageUrlRef.current;
+        imageUrlRef.current = nextUrl;
+        setImageUrl(nextUrl);
+        if (previous) URL.revokeObjectURL(previous);
+        setState("live");
+        setReconnecting(false);
+      } catch (error) {
+        if (cancelled2) return;
+        if (controller.signal.aborted) return;
+        if (error instanceof DOMException && error.name === "AbortError") return;
+        if (imageUrlRef.current) {
+          setReconnecting(true);
+        } else {
+          setState("off");
+        }
+      } finally {
+        inFlight = false;
+      }
+    };
+    const onVisibility = () => {
+      if (tabIsVisible()) void tick();
+    };
+    void tick();
+    const interval = setInterval(() => {
+      void tick();
+    }, pollIntervalMs);
+    document.addEventListener("visibilitychange", onVisibility);
+    return () => {
+      cancelled2 = true;
+      controller.abort();
+      clearInterval(interval);
+      document.removeEventListener("visibilitychange", onVisibility);
+    };
+  }, [open, conversationId, maxDim, pollIntervalMs]);
+  useEffect(() => {
+    return () => {
+      const previous = imageUrlRef.current;
+      if (previous) URL.revokeObjectURL(previous);
+    };
+  }, []);
+  return { state, imageUrl, reconnecting, display, detail };
+}
+var CARD_POLL_MS = 5e3;
+function RequestHumanApprovalCard({
+  conversationId,
+  title,
+  phase,
+  onApprove,
+  onDeny
+}) {
+  const { t } = useTranslation();
+  const client = useClient();
+  const desktop = useConversationDesktopStatus(conversationId);
+  const setLightboxOpen = useDesktopScreenStore((s2) => s2.setLightboxOpen);
+  const openPanel = useDesktopScreenStore((s2) => s2.open);
+  const fetchers = useMemo(
+    () => ({
+      fetchStatus: (id, signal) => fetchDesktopStatus(client, id, signal),
+      fetchScreenshot: (id, maxDim, signal) => fetchDesktopScreenshot(client, id, maxDim, signal)
+    }),
+    [client]
+  );
+  const poll = useDesktopScreenPoll({
+    conversationId,
+    open: phase === "pending" && !!conversationId && desktop.data?.enabled === true,
+    maxDim: DESKTOP_THUMBNAIL_MAX_DIM,
+    fetchers,
+    pollIntervalMs: CARD_POLL_MS
+  });
+  const heading = t("chat.desktop.computer");
+  const badge = phase === "pending" ? {
+    label: t("chat.desktop.actionNeeded"),
+    className: "bg-warning/10 text-warning"} : phase === "done" ? {
+    label: t("chat.desktop.done"),
+    className: "bg-success/10 text-success"} : {
+    label: t("chat.desktop.skipped"),
+    className: "bg-surface-inset text-muted-foreground"};
+  if (phase !== "pending") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "request-human-approval-card",
+        "data-phase": phase,
+        className: "relative my-2 flex items-center gap-2 rounded-xl border border-border bg-surface px-4 py-2",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-semibold text-foreground", children: heading }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "shrink-0 rounded-full px-2 py-0.5 text-xs font-medium",
+                badge.className
+              ),
+              children: badge.label
+            }
+          ),
+          title ? /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 truncate text-sm text-foreground", children: title }) : /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              className: "shrink-0",
+              onClick: () => {
+                if (conversationId) openPanel(conversationId);
+                setLightboxOpen(true);
+              },
+              children: [
+                /* @__PURE__ */ jsx(DeviceDesktopIcon, { className: "size-3.5" }),
+                t("chat.desktop.openComputer")
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "request-human-approval-card",
+      "data-phase": phase,
+      className: "relative my-2 rounded-xl border border-border bg-surface p-4",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: heading }),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "ml-auto inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium",
+                badge.className
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-warning animate-pulse", "aria-hidden": true }),
+                badge.label
+              ]
+            }
+          )
+        ] }),
+        title ? /* @__PURE__ */ jsx("p", { className: "mb-2 truncate text-sm text-foreground", children: title }) : null,
+        /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(
+          DesktopScreenThumbnail,
+          {
+            imageUrl: poll.imageUrl,
+            state: poll.state,
+            onOpen: () => setLightboxOpen(true)
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "default",
+              onClick: () => setLightboxOpen(true),
+              children: t("chat.desktop.takeOver")
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onApprove, children: t("chat.desktop.imDone") }),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", className: "ml-auto", onClick: onDeny, children: t("chat.desktop.skip") })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/vendor/ui/chat/request-human-approval-card/utils.ts
+var REQUEST_HUMAN_TOOL = "request_human";
+function isRequestHumanTool(name) {
+  return name === REQUEST_HUMAN_TOOL;
 }
-function getImageView(image, failedImageUrls) {
-  const linkUrl = image.sourceUrl ?? image.url;
-  const label = image.title ?? image.sourceName ?? getHost(linkUrl);
-  const imageUrl = image.thumbnailUrl && !failedImageUrls.has(image.thumbnailUrl) ? image.thumbnailUrl : !failedImageUrls.has(image.url) ? image.url : null;
-  if (!imageUrl) return null;
-  return {
-    image,
-    imageUrl,
-    fullImageUrl: failedImageUrls.has(image.url) ? imageUrl : image.url,
-    label
-  };
+function requestHumanTitle(input, fallback = "") {
+  if (input && typeof input === "object") {
+    const record = input;
+    for (const key of ["title", "message", "reason", "prompt"]) {
+      const value = record[key];
+      if (typeof value === "string" && value.trim()) return value.trim();
+    }
+  }
+  return fallback;
 }
-function ImageResultsGallery({
-  images,
-  className,
-  label = "Image results",
-  size = "regular"
-}) {
-  const [selectedIndex, setSelectedIndex] = useState(null);
-  const [failedImageUrls, setFailedImageUrls] = useState(() => /* @__PURE__ */ new Set());
-  const visible = images.slice(0, 6);
-  const imageViews = visible.flatMap((image) => {
-    const imageView = getImageView(image, failedImageUrls);
-    return imageView ? [imageView] : [];
-  });
-  const lightboxItems = imageViews.map((view, index) => ({
-    kind: "remote",
-    id: `image-result-${index}-${view.image.url}`,
-    title: view.label,
-    imageUrl: view.fullImageUrl,
-    thumbnailUrl: view.imageUrl
-  }));
-  const selectedId = selectedIndex === null ? null : lightboxItems[selectedIndex]?.id ?? null;
-  const isCompact = size === "compact";
-  if (imageViews.length === 0) return null;
-  function markImageFailed(url) {
-    setFailedImageUrls((current2) => {
-      if (current2.has(url)) return current2;
-      const next = new Set(current2);
-      next.add(url);
-      return next;
-    });
+function requestHumanPhaseFromPart(part) {
+  const state = typeof part.state === "string" ? part.state : "";
+  if (state === "approval-requested") return "pending";
+  const approval = part.approval;
+  if (approval && approval.approved === false) return "skipped";
+  if (state === "output-error" || state === "output-denied" || typeof part.errorText === "string") {
+    return "skipped";
   }
-  return /* @__PURE__ */ jsxs("div", { className: cn("not-prose mt-3 mb-5", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(Images1Icon, { className: "size-3.5" }),
-      /* @__PURE__ */ jsx("span", { children: label })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "grid gap-2",
-          isCompact ? "grid-cols-[repeat(auto-fill,minmax(112px,160px))]" : "grid-cols-2 md:grid-cols-3"
-        ),
-        children: imageViews.map(({ image, imageUrl, label: imageLabel }, index) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": `Preview image: ${imageLabel}`,
-            onClick: (event) => {
-              event.stopPropagation();
-              setSelectedIndex(index);
-            },
-            className: cn(
-              "group/image-result cursor-pointer overflow-hidden border border-border bg-surface-raised text-left text-foreground transition-colors hover:border-primary/50 hover:bg-surface-raised-hover focus-visible:border-ring focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
-              isCompact ? "rounded-md" : "rounded-lg"
-            ),
-            children: /* @__PURE__ */ jsx("div", { className: "aspect-[4/3] overflow-hidden bg-surface-inset", children: /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: imageUrl,
-                alt: imageLabel,
-                loading: "lazy",
-                onError: () => markImageFailed(imageUrl),
-                className: "image-checker h-full w-full object-cover transition-transform [--image-checker-tile:8px] group-hover/image-result:scale-[1.02]"
-              }
-            ) })
-          },
-          `${image.url}-${index}`
-        ))
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ChatImageLightbox,
-      {
-        items: lightboxItems,
-        selectedId,
-        onSelectedIdChange: (id) => {
-          if (id === null) {
-            setSelectedIndex(null);
-            return;
-          }
-          const index = lightboxItems.findIndex((item) => item.id === id);
-          setSelectedIndex(index >= 0 ? index : null);
-        },
-        onRemoteImageError: markImageFailed
-      }
-    )
-  ] });
+  const output = part.output ?? part.result;
+  if (output && typeof output === "object") {
+    const record = output;
+    if (record.skipped === true || record.denied === true || record.approved === false) {
+      return "skipped";
+    }
+  }
+  if (state === "output-available" || state === "result" || output != null) return "done";
+  if (state === "input-available" || state === "input-streaming" || state === "call" || state === "partial-call") {
+    return "pending";
+  }
+  return "done";
+}
+function requestHumanThreadPhase(part, pendingStatus) {
+  if (pendingStatus === "pending") return "pending";
+  if (pendingStatus === "abandoned") return "skipped";
+  return requestHumanPhaseFromPart(part);
 }
 function GridSpinner({ className, ...props }) {
   return /* @__PURE__ */ jsxs(
@@ -17085,7 +16924,6 @@ var MessageStepsGroup = memo(function MessageStepsGroup2({
   isStreamingMessage,
   hasLaterStepsGroup = false,
   onToolApproval,
-  showInlineToolApprovals = true,
   conversationId,
   hasResponseImageGroup = false
 }) {
@@ -17173,21 +17011,6 @@ var MessageStepsGroup = memo(function MessageStepsGroup2({
     const input = getToolInput(imageGenStep.part);
     return input?.aspectRatio ? input.aspectRatio.replace(":", " / ") : "1 / 1";
   })();
-  const autoApprovedRef = useRef(/* @__PURE__ */ new Set());
-  useEffect(() => {
-    if (!showInlineToolApprovals || !onToolApproval) return;
-    for (const item of toolItems) {
-      if (!isApprovalRequested(item.part)) continue;
-      const approvalId = getApprovalId(item.part);
-      const toolName = getToolName(item.part);
-      if (approvalId && isToolAlwaysAllowed(toolName) && !autoApprovedRef.current.has(approvalId)) {
-        autoApprovedRef.current.add(approvalId);
-        void onToolApproval(approvalId, true).catch(() => {
-          autoApprovedRef.current.delete(approvalId);
-        });
-      }
-    }
-  }, [toolItems, onToolApproval, showInlineToolApprovals]);
   const AUTO_CLOSE_DELAY = 1e3;
   const expandedByDefault = useChatOptInEnabled("expandedWorkDetails");
   const [collapsed, setCollapsed] = useState(!expandedByDefault);
@@ -17294,34 +17117,6 @@ var MessageStepsGroup = memo(function MessageStepsGroup2({
       );
     }
     if (isRequestHumanTool(getToolName(item.part))) return null;
-    if (showInlineToolApprovals && isApprovalRequested(item.part) && onToolApproval) {
-      const aid = getApprovalId(item.part);
-      if (aid && autoApprovedRef.current.has(aid)) {
-        return /* @__PURE__ */ jsx(
-          ToolCallItem,
-          {
-            toolName: getToolName(item.part),
-            state: "input-available",
-            input: getToolInput(item.part),
-            output: getToolOutput(item.part),
-            errorText: getToolErrorText(item.part),
-            isMcp: isMcpToolPart(item.part)
-          },
-          `${messageId}-tc-${item.index}`
-        );
-      }
-      return /* @__PURE__ */ jsx(
-        ToolApprovalCard,
-        {
-          part: item.part,
-          conversationId,
-          onApprove: (id) => onToolApproval(id, true),
-          onDeny: (id) => onToolApproval(id, false),
-          onAlwaysAllow: (toolName) => addAlwaysAllowedTool(toolName)
-        },
-        `${messageId}-approval-${item.index}`
-      );
-    }
     if (getToolName(item.part) === "skill") {
       return /* @__PURE__ */ jsx(
         SkillToolItem,
@@ -17465,19 +17260,6 @@ var MessageStepsGroup = memo(function MessageStepsGroup2({
         const partApprovalId = getApprovalId(item.part);
         return partApprovalId != null && row.id === partApprovalId;
       });
-      if (showInlineToolApprovals && isApprovalRequested(item.part) && onToolApproval) {
-        return /* @__PURE__ */ jsx(
-          ToolApprovalCard,
-          {
-            part: item.part,
-            conversationId,
-            onApprove: (id) => onToolApproval(id, true),
-            onDeny: (id) => onToolApproval(id, false),
-            onAlwaysAllow: (toolName) => addAlwaysAllowedTool(toolName)
-          },
-          `${messageId}-approval-${item.index}`
-        );
-      }
       const phase = requestHumanThreadPhase(item.part, pendingRow?.status);
       if (phase === "pending" && !desktop.data?.enabled) return null;
       const approvalId = pendingRow?.id ?? getApprovalId(item.part);