@zythum02/fello-server 0.1.52 → 0.1.54

package/out/renderer/assets/{session-DAyi31xW.js → session-C_1BpGhU.js}

@@ -1,37 +1,21 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./code-editor-SuOcN-5B.js","./index-BJPggXxf.js","./index-DGML4zYf.css","./mermaid-GHXKKRXX-KwA2c0l5.js","./code-editor-BwxubRqT.css"])))=>i.map(i=>d[i]);
-import { c as createLucideIcon, r as reactExports, aC as formatErrorMessage, bB as ReactStore, bC as popupStoreSelectors, bD as triggerHover, ap as triggerPress, bE as escapeKey, bF as attachPreventUnmountOnClose, bG as closePress, bH as PATIENT_CLICK_THRESHOLD, aw as reactDomExports, bI as focusOut, bJ as setPopupOpenState, bK as createInitialPopupStoreState, bL as createPopupFloatingRootContext, bM as Timeout, bN as PopupTriggerMap, j as jsxRuntimeExports, bO as FloatingTree, bP as usePopupRootSync, bQ as useImplicitActiveTrigger, bR as useOpenStateTransitions, an as createChangeEventDetails, bS as imperativeAction, bT as PopupHandleAttachment, bU as usePopupRootStore, bV as useDismiss, bW as usePopupInteractionProps, bX as usePopupHandleStore, aA as useBaseUiId, bY as useTriggerDataForwarding, bZ as useHoverReferenceInteraction, b_ as safePolygon, b$ as useClick, c0 as useOpenMethodTriggerProps, aF as useButton, c1 as useTriggerFocusGuards, ah as useRenderElement, c2 as CLICK_TRIGGER_IDENTIFIER, c3 as FocusGuard, ak as pressableTriggerOpenStateMapping, c4 as triggerOpenStateMapping, c5 as FloatingPortal, c6 as POPUP_COLLISION_AVOIDANCE, c7 as useFloatingNodeId, aI as useAnimationsFinished, c8 as useAnchorPositioning, aJ as useIsoLayoutEffect, c9 as useAnchoredPopupScrollLock, ca as usePositioner, cb as InternalBackdrop, cc as inertValue, cd as FloatingNode, aB as useStableCallback, ce as useToolbarRootContext, aK as useOpenChangeComplete, cf as useHoverFloatingInteraction, cg as createDefaultInitialFocus, ch as FOCUSABLE_POPUP_PROPS, bl as COMPOSITE_KEYS, ci as getDisabledMountTransitionStyles, cj as FloatingFocusManager, ck as isHTMLElement, cl as popupTransitionStateMapping, u as useTranslation, b as useMessage, Q as useNavigate, a as useAppStore, V as Badge, cm as formatUpdatedTime, f as request, K as electron, a6 as ALL_FEATURES, a7 as FEATURE_I18N_KEYS, F as cn$1, d as Switch, B as Button, H as LoaderCircle, cn as buttonVariants, i as isWebUI, J as FolderOpen, C as Check, e as Copy, g as extractErrorMessage, aU as reduceFlushStreaming, aT as reduceSessionNotification, h as copyText, av as React, co as Tooltip, cp as TooltipTrigger, cq as TooltipContent, S as ScrollArea, a0 as Bot, cr as formatDuration, ax as getDefaultExportFromCjs, cs as ReactDOM, ct as v$2, A as generateUUID, cu as HoverCard, cv as HoverCardTrigger, cw as HoverCardContent, cx as X$1, aW as Folder, L as Library, v as DropdownMenu, w as DropdownMenuTrigger, cy as ChevronDown, x as DropdownMenuContent, y as DropdownMenuItem, cz as DropdownMenuSub, cA as DropdownMenuSubTrigger, cB as DropdownMenuSubContent, cC as CircleQuestionMark, cD as ChevronUp, aV as Clock, aP as Tabs, aQ as TabsList, aR as TabsTrigger, cE as z$1, X as CircleCheck, cF as __vitePreload, I as Input, cG as Code, bv as EDITOR_LABELS, aS as webUIBaseUrl, R as subscribe, a5 as ChevronRight, cH as MessageSquare, cI as FolderPlus, P as Pencil, T as Trash2, cJ as useProjectState, cK as clientId, cL as TabsContent } from "./index-BJPggXxf.js";
-import { S as Settings2 } from "./settings-2-DTnwbGMG.js";
-import { i as isValidMessageToDisplay, M as MessageBubble, A as ArrowUpToLine, S as Square, j as jsonToPrettyYamlExports, p as parseFileReference, c as CodeCompareView, r as resolveFileUrl, I as ImageView, P as PdfView, D as DocxView, a as PptxView, X as XlsxView, R as RotateCcw, F as Folders } from "./xlsx-view-Ca3bToM7.js";
-import { I as Image, W as Wrench } from "./wrench-C-pOIUrz.js";
-import { F as FileText } from "./file-text-CshHuHgW.js";
-import { C as Clipboard } from "./clipboard-xI9lExaB.js";
-import { A as ArrowLeft } from "./arrow-left-D589pHHA.js";
-import { aQ as CodeView, S as StreamMarkdown, aR as FileIcon } from "./mermaid-GHXKKRXX-KwA2c0l5.js";
-import { b as ContextMenuContent, c as ContextMenuItem, d as ContextMenuSeparator, C as ContextMenu, a as ContextMenuTrigger } from "./context-menu-BO9-4FYd.js";
-import { S as Search } from "./search-BHyqy--Q.js";
-import { E as ExternalLink } from "./link-2-C5KPDK2L.js";
-import { R as RefreshCw } from "./refresh-cw-CYW3HR-E.js";
-import { P as Plus } from "./plus-CsV_3veW.js";
-import { R as ResizablePanelGroup, a as ResizablePanel, b as ResizableHandle } from "./resizable-C_plViAK.js";
-import "./collapsible-Bd85ZCyx.js";
-import "./item-Cv-tnX8b.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./code-editor-tm0AYOLz.js","./index-BUwXrbHW.js","./index-DOIzYXAl.css","./mermaid-GHXKKRXX-CqMNodCp.js","./code-editor-BwxubRqT.css"])))=>i.map(i=>d[i]);
+import { c as createLucideIcon, r as reactExports, av as formatErrorMessage, bz as ReactStore, bA as popupStoreSelectors, bB as triggerHover, au as triggerPress, bC as escapeKey, bD as attachPreventUnmountOnClose, bE as closePress, bF as PATIENT_CLICK_THRESHOLD, an as reactDomExports, bG as focusOut, bH as setPopupOpenState, bI as createInitialPopupStoreState, bJ as createPopupFloatingRootContext, bK as Timeout, bL as PopupTriggerMap, j as jsxRuntimeExports, bM as FloatingTree, bN as usePopupRootSync, bO as useImplicitActiveTrigger, bP as useOpenStateTransitions, at as createChangeEventDetails, bQ as imperativeAction, bR as PopupHandleAttachment, bS as usePopupRootStore, bT as useDismiss, bU as usePopupInteractionProps, bV as usePopupHandleStore, ar as useBaseUiId, bW as useTriggerDataForwarding, bX as useHoverReferenceInteraction, bY as safePolygon, bZ as useClick, b_ as useOpenMethodTriggerProps, az as useButton, b$ as useTriggerFocusGuards, ay as useRenderElement, c0 as CLICK_TRIGGER_IDENTIFIER, c1 as FocusGuard, c2 as pressableTriggerOpenStateMapping, c3 as triggerOpenStateMapping, c4 as FloatingPortal, c5 as POPUP_COLLISION_AVOIDANCE, c6 as useFloatingNodeId, aC as useAnimationsFinished, c7 as useAnchorPositioning, aD as useIsoLayoutEffect, c8 as useAnchoredPopupScrollLock, c9 as usePositioner, ca as InternalBackdrop, cb as inertValue, cc as FloatingNode, as as useStableCallback, cd as useToolbarRootContext, aE as useOpenChangeComplete, ce as useHoverFloatingInteraction, cf as createDefaultInitialFocus, cg as FOCUSABLE_POPUP_PROPS, bj as COMPOSITE_KEYS, ch as getDisabledMountTransitionStyles, ci as FloatingFocusManager, cj as isHTMLElement, ck as popupTransitionStateMapping, u as useTranslation, b as useMessage, X as useNavigate, a as useAppStore, f as request, g as extractErrorMessage, _ as Badge, cl as formatUpdatedTime, V as electron, aK as Tabs, aL as TabsList, aM as TabsTrigger, af as ALL_FEATURES, ag as FEATURE_I18N_KEYS, M as cn$1, d as Switch, B as Button, R as LoaderCircle, cm as buttonVariants, C as Check, e as Copy, i as isWebUI, U as FolderOpen, cn as restartSession, co as SessionLifecycleBusyError, cp as closeSession, h as copyText, cq as RestartSessionError, am as React, cr as Tooltip, cs as TooltipTrigger, ct as TooltipContent, cu as useFocusTarget, S as ScrollArea, a1 as Bot, cv as formatDuration, ao as getDefaultExportFromCjs, cw as ReactDOM, Y as subscribe, cx as clientId, A as DropdownMenu, E as DropdownMenuTrigger, cy as ChevronDown, F as DropdownMenuContent, G as DropdownMenuItem, cz as v$2, J as generateUUID, aP as reduceFlushStreaming, cA as HoverCard, cB as HoverCardTrigger, cC as HoverCardContent, cD as X$1, aR as Folder, L as Library, cE as DropdownMenuSub, cF as DropdownMenuSubTrigger, cG as DropdownMenuSubContent, cH as CircleQuestionMark, cI as ChevronUp, aQ as Clock, cJ as z$1, a0 as CircleCheck, cK as __vitePreload, I as Input, m as ContextMenuContent, n as ContextMenuItem, o as ContextMenuSeparator, cL as Code, bt as EDITOR_LABELS, k as ContextMenu, l as ContextMenuTrigger, aN as webUIBaseUrl, a6 as RefreshCw, a7 as ChevronRight, cM as MessageSquare, cN as FolderPlus, cO as Eye, P as Pencil, T as Trash2, cP as useProjectState, cQ as useFocusTargetRegistry, cR as TabsContent, cS as loadSession } from "./index-BUwXrbHW.js";
+import { S as Settings2 } from "./settings-2-BwfZrIw6.js";
+import { i as isValidMessageToDisplay, M as MessageBubble, A as ArrowUpToLine, S as Square, j as jsonToPrettyYamlExports, p as parseFileReference, c as CodeCompareView, r as resolveFileUrl, I as ImageView, P as PdfView, D as DocxView, a as PptxView, X as XlsxView, R as RotateCcw, F as Folders } from "./xlsx-view-CQd4jbk-.js";
+import { a as ArrowDown, A as ArrowUp, b as ArrowRight } from "./arrow-up-1eI4tva4.js";
+import { M as Mic, C as Clipboard } from "./mic-CT1bYBEV.js";
+import { I as Image, W as Wrench } from "./wrench-BsjH8RPm.js";
+import { F as FileText } from "./file-text-ITbWr8iW.js";
+import { A as ArrowLeft } from "./arrow-left-CQqe9rrj.js";
+import { aQ as CodeView, S as StreamMarkdown, aR as FileIcon } from "./mermaid-GHXKKRXX-CqMNodCp.js";
+import { S as Search } from "./search-TCnuQyCi.js";
+import { E as ExternalLink } from "./link-2-DpdZfD3m.js";
+import { P as Plus } from "./plus-C5XdFVFm.js";
+import { R as ResizablePanelGroup, a as ResizablePanel, b as ResizableHandle } from "./resizable-ObbINbIB.js";
+import "./collapsible-DD6NlDid.js";
+import "./item-Dph2aCdz.js";
 import "./schemas-c0X-G5_P.js";
-import "./ellipsis-BafkhboM.js";
-const __iconNode$k = [
-  ["path", { d: "M12 5v14", key: "s699le" }],
-  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
-];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$k);
-const __iconNode$j = [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$j);
-const __iconNode$i = [
-  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
-  ["path", { d: "M12 19V5", key: "x0mq9r" }]
-];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$i);
+import "./ellipsis-92s4sSUO.js";
 const __iconNode$h = [
   [
     "path",
@@ -816,76 +800,71 @@ function ChatHeader({ session }) {
   const currentProjectInfo = projects.find((project) => project.id === currentProjectId);
   const [localMcpServers, setLocalMcpServers] = reactExports.useState([]);
   const [localFeatures, setLocalFeatures] = reactExports.useState([]);
+  const [isRestarting, setIsRestarting] = reactExports.useState(false);
   const [isClosing, setIsClosing] = reactExports.useState(false);
   const handleToggle = reactExports.useCallback((mcpId) => {
     setLocalMcpServers(
       (prev) => prev.includes(mcpId) ? prev.filter((id) => id !== mcpId) : [...prev, mcpId]
     );
   }, []);
+  const handlePermissionChange = reactExports.useCallback(
+    async (permissionMode) => {
+      try {
+        await request.updateSession({ sessionId: session.id, permissionMode });
+      } catch (err) {
+        console.error("Failed to update session permission:", err);
+        toast.error(
+          extractErrorMessage(err) || t("chatHeader.failedToUpdatePermission", "Failed to update permission.")
+        );
+      }
+    },
+    [session.id, t, toast]
+  );
   const handleSyncAndRefresh = async () => {
-    if (!session) return;
+    if (!session || isClosing || isRestarting) return;
+    setIsRestarting(true);
     try {
-      await request.updateSession({
-        sessionId: session.id,
+      await restartSession({
+        session,
         mcpServers: localMcpServers,
         features: localFeatures
       });
     } catch (err) {
-      console.error("Failed to update MCP servers:", err);
-      toast.error(
-        extractErrorMessage(err) || t("chat.failedToUpdateMcpServers", "Failed to update MCP servers")
-      );
-      return;
-    }
-    const { resetSessionState, updateSessionState, updateSession } = useAppStore.getState();
-    try {
-      updateSession({ ...session, isStreaming: false });
-      updateSessionState(session.id, (prev) => reduceFlushStreaming(prev));
-      resetSessionState(session.id);
-      updateSessionState(session.id, () => ({ isLoading: true }));
-      const result = await request.getSessionHistory({ sessionId: session.id });
-      if (!result) return;
-      let state = useAppStore.getState().getSessionState(session.id);
-      state = { ...state, messages: [], activeToolCalls: /* @__PURE__ */ new Map(), activeSubagents: /* @__PURE__ */ new Map() };
-      for (const notification of result.messages) {
-        state = reduceSessionNotification(session.id, state, notification);
-      }
-      const displayIds = new Set(
-        result.messages.map((m) => m?.update?._meta?.fello?.displayId).filter(Boolean)
-      );
-      for (const notification of state.pendingNotifications) {
-        const did = notification.update._meta?.fello?.displayId;
-        if (did && displayIds.has(did)) continue;
-        state = reduceSessionNotification(session.id, state, notification);
-      }
-      state = {
-        ...state,
-        pendingNotifications: [],
-        isLoading: false
-      };
-      updateSessionState(session.id, () => state);
-      request.loadSession({ sessionId: session.id, force: true }).catch((err) => {
-        console.error("Failed to load session:", err);
+      console.error("Failed to restart session:", err);
+      if (err instanceof SessionLifecycleBusyError) {
         toast.error(
-          extractErrorMessage(err) || t("chat.failedToLoadSession", "Failed to load session.")
+          t(
+            "chatHeader.sessionOperationInProgress",
+            "Another session operation is already in progress."
+          )
         );
-      });
-    } catch (err) {
-      console.error("Failed to load session:", err);
-      const message = extractErrorMessage(err) || t("chat.failedToLoadSession", "Failed to load session.");
-      toast.error(message);
+        return;
+      }
+      const lifecycleError = err instanceof RestartSessionError ? err : null;
+      const cause = lifecycleError?.cause ?? err;
+      const fallback = lifecycleError?.stage === "update" ? t("chat.failedToUpdateMcpServers", "Failed to update MCP servers") : t("chat.failedToLoadSession", "Failed to load session.");
+      toast.error(extractErrorMessage(cause) || fallback);
     } finally {
-      useAppStore.getState().updateSessionState(session.id, () => ({ isLoading: false }));
+      setIsRestarting(false);
     }
   };
   const handleCloseSession = async () => {
-    if (isClosing) return;
+    if (isClosing || isRestarting) return;
     setIsClosing(true);
     try {
-      await request.closeSession({ sessionId: session.id });
+      await closeSession(session.id);
       navigate("/");
     } catch (err) {
       console.error("Failed to close session:", err);
+      if (err instanceof SessionLifecycleBusyError) {
+        toast.error(
+          t(
+            "chatHeader.sessionOperationInProgress",
+            "Another session operation is already in progress."
+          )
+        );
+        return;
+      }
       toast.error(
         extractErrorMessage(err) || t("chatHeader.failedToCloseSession", "Failed to close session.")
       );
@@ -904,7 +883,7 @@ function ChatHeader({ session }) {
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "px-1 text-[10px] uppercase select-none", children: session.agentId }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 min-w-0 items-baseline gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate text-[13px] font-normal text-sidebar-foreground/85", children: session.title || t("sidebar.newChat", "New Chat") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate text-[13px] font-normal text-sidebar-foreground/85", children: session.title || t("sidebar.newSession", "New Session") }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 text-[10px] text-muted-foreground truncate", children: currentProjectInfo?.cwd }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-xs text-sidebar-foreground/70 whitespace-nowrap", children: formatUpdatedTime(session.updatedAt) })
         ] }),
@@ -921,21 +900,53 @@ function ChatHeader({ session }) {
               },
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { className: "flex size-7 items-center justify-center rounded-md text-sidebar-foreground/45 hover:bg-sidebar-accent/30 hover:text-sidebar-foreground/70 outline-none transition-colors data-pressed:bg-sidebar-accent/40", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings2, { className: "size-4" }) }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverPositioner, { side: "bottom", align: "end", sideOffset: 4, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(PopoverPopup, { className: "z-10 min-w-96 rounded-lg border border-border bg-popover text-popover-foreground shadow-lg outline-none p-1.5 origin-(--transform-origin) data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 transition-[transform,opacity] duration-100", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2 py-1.5 space-y-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    CopyableRow,
-                    {
-                      label: t("chatHeader.sessionId", "Session"),
-                      value: session.id,
-                      openFolderTitle: t("chatHeader.openSessionFolder", "Open Session Folder"),
-                      onOpenFolder: async () => {
-                        const dirPath = await request.getSessionDataSystemPath({
-                          sessionId: session.id
-                        });
-                        if (dirPath) electron.revealInFinder(dirPath);
+                /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverPositioner, { side: "bottom", align: "end", sideOffset: 4, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(PopoverPopup, { className: "z-10 w-110 rounded-lg border border-border bg-popover text-popover-foreground shadow-lg outline-none p-1.5 origin-(--transform-origin) data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 transition-[transform,opacity] duration-100", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-px py-1", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      CopyableRow,
+                      {
+                        label: t("chatHeader.sessionId", "Session"),
+                        value: session.id,
+                        openFolderTitle: t("chatHeader.openSessionFolder", "Open Session Folder"),
+                        onOpenFolder: async () => {
+                          const dirPath = await request.getSessionDataSystemPath({
+                            sessionId: session.id
+                          });
+                          if (dirPath) electron.revealInFinder(dirPath);
+                        }
                       }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      CopyableRow,
+                      {
+                        label: t("chatHeader.projectId", "Project"),
+                        value: currentProjectInfo?.cwd ?? session.projectTitle,
+                        openFolderTitle: t("chatHeader.openProjectFolder", "Open Project Folder"),
+                        onOpenFolder: async () => {
+                          const dirPath = currentProjectInfo?.cwd;
+                          if (dirPath) electron.revealInFinder(dirPath);
+                        }
+                      }
+                    ) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border/50 my-1" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2 py-1 text-xs font-semibold text-foreground/80", children: t("sidebar.newSessionDialog.permission", "Permission") }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Tabs,
+                    {
+                      value: session.permissionMode,
+                      onValueChange: (value) => {
+                        if (value === "ask" || value === "allow-all") {
+                          void handlePermissionChange(value);
+                        }
+                      },
+                      className: "w-full px-2 my-2",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { className: "w-full", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "ask", className: "text-xs", children: t("sidebar.newSessionDialog.permissionAsk", "Ask") }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "allow-all", className: "text-xs", children: t("sidebar.newSessionDialog.permissionAllowAll", "Allow all") })
+                      ] })
                     }
-                  ) }),
+                  ),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border/50 my-1" }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2 py-1 text-xs font-semibold text-foreground/80", children: t("constant.feature.title", "Features") }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: ALL_FEATURES.length >= 2 ? "grid grid-cols-2 gap-0.5" : "", children: ALL_FEATURES.map((feature) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -1011,14 +1022,17 @@ function ChatHeader({ session }) {
                     )
                   ] }),
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex gap-1", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(
                       Button,
                       {
                         size: "xs",
                         className: "flex flex-3 items-center gap-2 h-7 text-xs font-normal",
                         onClick: handleSyncAndRefresh,
-                        disabled: isClosing,
-                        children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t("chatHeader.refresh", "Restart Session") })
+                        disabled: isClosing || isRestarting,
+                        children: [
+                          isRestarting && /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin" }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t("chatHeader.refresh", "Restart Session") })
+                        ]
                       }
                     ),
                     /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -1028,7 +1042,7 @@ function ChatHeader({ session }) {
                         variant: "destructive",
                         className: "flex flex-1 items-center gap-1.5 h-7 text-xs font-normal",
                         onClick: handleCloseSession,
-                        disabled: isClosing,
+                        disabled: isClosing || isRestarting,
                         children: [
                           isClosing && /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin" }),
                           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: isClosing ? t("chatHeader.closingSession", "Closing…") : t("chatHeader.closeSession", "Close Session") })
@@ -1162,23 +1176,23 @@ function CopyableRow({
       ":"
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 min-w-0 truncate font-mono text-muted-foreground/70 select-all", children: value }),
-    !isWebUI && onOpenFolder && /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
         type: "button",
         className: "shrink-0 flex items-center justify-center size-5 rounded hover:bg-accent/50 text-muted-foreground/50 hover:text-muted-foreground transition-colors -mr-1",
-        onClick: onOpenFolder,
-        title: openFolderTitle,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-3" })
+        onClick: handleCopy,
+        children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3" })
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    !isWebUI && onOpenFolder && /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
         type: "button",
         className: "shrink-0 flex items-center justify-center size-5 rounded hover:bg-accent/50 text-muted-foreground/50 hover:text-muted-foreground transition-colors -mr-1",
-        onClick: handleCopy,
-        children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3" })
+        onClick: onOpenFolder,
+        title: openFolderTitle,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-3" })
       }
     )
   ] });
@@ -1359,14 +1373,14 @@ function ChatTimeline({ items, activeDisplayId, onSelect: onSelect2 }) {
             {
               type: "button",
               onClick: () => handleSelect(item.displayId),
-              className: "p-1 group pointer-events-auto",
+              className: "p-1 group/timeline pointer-events-auto outline-0",
               "aria-label": ariaLabel,
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "div",
                 {
                   className: cn$1(
-                    "size-2 rounded-full transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
-                    isActive ? "bg-foreground/40" : "bg-muted-foreground/15 group-hover:bg-muted-foreground/40"
+                    "size-2 rounded-full transition-colors outline-none group-focus-visible/timeline:ring-1 group-focus-visible/timeline:ring-ring",
+                    isActive ? "bg-foreground/40" : "bg-muted-foreground/15 group-hover/timeline:bg-muted-foreground/40"
                   )
                 }
               )
@@ -1425,6 +1439,12 @@ function ChatArea({ session }) {
   const getViewport = reactExports.useCallback(() => {
     return scrollAreaRef.current?.querySelector('[data-slot="scroll-area-viewport"]');
   }, []);
+  const focusChatArea = reactExports.useCallback(() => {
+    const viewport = getViewport();
+    if (!viewport) return;
+    viewport.focus({ preventScroll: true });
+  }, [getViewport]);
+  useFocusTarget("chat-area", focusChatArea);
   const scrollToBottom = reactExports.useCallback((behavior) => {
     if (scrollTimeoutRef.current) {
       clearTimeout(scrollTimeoutRef.current);
@@ -1695,7 +1715,7 @@ function ChatArea({ session }) {
   const copyText$1 = reactExports.useCallback(async (text) => {
     return copyText(text);
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full relative min-h-0 flex flex-1 overflow-hidden", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full relative min-h-0 flex flex-1 group/chat-area", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 w-6 -mr-6 relative z-1 pointer-events-none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       ChatTimeline,
       {
@@ -1709,7 +1729,7 @@ function ChatArea({ session }) {
       {
         ref: scrollAreaRef,
         className: "flex-1 w-full transform-gpu",
-        viewportClassName: "animate-in fade-in",
+        viewportClassName: "animate-in fade-in chat-area",
         children: [
           hasMore && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-10 py-3 max-w-5xl mx-auto", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 border-b border-dashed border-muted-foreground/30" }),
@@ -1879,7 +1899,8 @@ function ChatArea({ session }) {
         "aria-label": t("chatArea.scrollToBottom", "Scroll to bottom"),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowDown, { className: "size-4" })
       }
-    )
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none absolute -top-px left-0 right-0 h-px bg-linear-to-r from-ring/30 from-10% via-ring/80 via-30% to-ring/30 animate-out fill-mode-both fade-out ease-out duration-1500 hidden group-has-[.chat-area:focus-visible]/chat-area:block" })
   ] });
 }
 function _arrayWithoutHoles$1(arr) {
@@ -4314,6 +4335,669 @@ function nodesToMentionText(nodes) {
     return `@[${prefix}${n.name}](${n.id})`;
   }).join(" ");
 }
+const TARGET_SAMPLE_RATE = 16e3;
+const FRAME_SAMPLES = 320;
+const workletSource = `
+class FelloPcmProcessor extends AudioWorkletProcessor {
+  constructor() {
+    super();
+    this.buffer = [];
+    this.position = 0;
+    this.output = [];
+    this.ratio = sampleRate / ${TARGET_SAMPLE_RATE};
+  }
+  process(inputs, outputs) {
+    const input = inputs[0] && inputs[0][0];
+    if (input) {
+      for (let i = 0; i < input.length; i++) this.buffer.push(input[i]);
+      while (this.position + 1 < this.buffer.length) {
+        const index = Math.floor(this.position);
+        const fraction = this.position - index;
+        const sample = this.buffer[index] * (1 - fraction) + this.buffer[index + 1] * fraction;
+        const clamped = Math.max(-1, Math.min(1, sample));
+        this.output.push(clamped < 0 ? clamped * 32768 : clamped * 32767);
+        this.position += this.ratio;
+        if (this.output.length >= ${FRAME_SAMPLES}) {
+          const pcm = new Int16Array(${FRAME_SAMPLES});
+          for (let i = 0; i < ${FRAME_SAMPLES}; i++) pcm[i] = this.output[i];
+          this.output = this.output.slice(${FRAME_SAMPLES});
+          this.port.postMessage(pcm.buffer, [pcm.buffer]);
+        }
+      }
+      const remove = Math.max(0, Math.floor(this.position));
+      if (remove > 0) {
+        this.buffer = this.buffer.slice(remove);
+        this.position -= remove;
+      }
+    }
+    const output = outputs[0] && outputs[0][0];
+    if (output) output.fill(0);
+    return true;
+  }
+}
+registerProcessor("fello-pcm-processor", FelloPcmProcessor);
+`;
+function arrayBufferToBase64(buffer) {
+  const bytes = new Uint8Array(buffer);
+  let binary = "";
+  const chunkSize = 32768;
+  for (let offset = 0; offset < bytes.length; offset += chunkSize) {
+    binary += String.fromCharCode(...bytes.subarray(offset, offset + chunkSize));
+  }
+  return btoa(binary);
+}
+function errorMessage(error) {
+  return error instanceof Error ? error.message : String(error);
+}
+function useRealtimeAsr(options) {
+  const { onTranscript, onError, onRecordingChange } = options;
+  const configured = useAppStore((state) => state.speechToText.some((provider) => provider.active));
+  const [recording, setRecording] = reactExports.useState(false);
+  const [audioLevel, setAudioLevel] = reactExports.useState(0);
+  const [inputDevices, setInputDevices] = reactExports.useState([]);
+  const asrSessionIdRef = reactExports.useRef(null);
+  const streamRef = reactExports.useRef(null);
+  const audioContextRef = reactExports.useRef(null);
+  const sourceRef = reactExports.useRef(null);
+  const nodeRef = reactExports.useRef(null);
+  const stoppedRef = reactExports.useRef(false);
+  const stoppingRef = reactExports.useRef(false);
+  const recordingRef = reactExports.useRef(false);
+  const audioLevelValueRef = reactExports.useRef(0);
+  const audioLevelFrameRef = reactExports.useRef(null);
+  const stopRef = reactExports.useRef(async () => {
+  });
+  const callbacksRef = reactExports.useRef({ onTranscript, onError, onRecordingChange });
+  callbacksRef.current = { onTranscript, onError, onRecordingChange };
+  const setRecordingState = reactExports.useCallback((value) => {
+    recordingRef.current = value;
+    setRecording(value);
+    callbacksRef.current.onRecordingChange?.(value);
+  }, []);
+  reactExports.useEffect(() => {
+    const handleTranscript = (event) => {
+      if (event.clientId !== clientId || event.asrSessionId !== asrSessionIdRef.current) return;
+      callbacksRef.current.onTranscript?.({
+        text: event.text,
+        isFinal: event.isFinal,
+        id: event.id,
+        index: event.index
+      });
+    };
+    const handleError = (event) => {
+      if (event.clientId !== clientId || event.asrSessionId !== asrSessionIdRef.current) return;
+      callbacksRef.current.onError?.(event.message);
+    };
+    const handleClosed = (event) => {
+      if (event.clientId !== clientId || event.asrSessionId !== asrSessionIdRef.current) return;
+      if (recordingRef.current && !stoppingRef.current) {
+        callbacksRef.current.onError?.("实时语音识别连接已关闭。");
+        void stopRef.current();
+      }
+    };
+    subscribe.on("asr-transcript", handleTranscript);
+    subscribe.on("asr-error", handleError);
+    subscribe.on("asr-closed", handleClosed);
+    return () => {
+      subscribe.off("asr-transcript", handleTranscript);
+      subscribe.off("asr-error", handleError);
+      subscribe.off("asr-closed", handleClosed);
+    };
+  }, [setRecordingState]);
+  const updateAudioLevel = reactExports.useCallback((buffer) => {
+    const samples = new Int16Array(buffer);
+    if (samples.length === 0) return;
+    let sumSquares = 0;
+    for (const sample of samples) {
+      const normalized = sample / 32768;
+      sumSquares += normalized * normalized;
+    }
+    const rms = Math.sqrt(sumSquares / samples.length);
+    audioLevelValueRef.current = Math.min(1, rms * 4);
+    if (audioLevelFrameRef.current !== null) return;
+    audioLevelFrameRef.current = requestAnimationFrame(() => {
+      audioLevelFrameRef.current = null;
+      setAudioLevel(audioLevelValueRef.current);
+    });
+  }, []);
+  const cleanupAudio = reactExports.useCallback(async () => {
+    if (audioLevelFrameRef.current !== null) {
+      cancelAnimationFrame(audioLevelFrameRef.current);
+      audioLevelFrameRef.current = null;
+    }
+    audioLevelValueRef.current = 0;
+    setAudioLevel(0);
+    nodeRef.current?.disconnect();
+    sourceRef.current?.disconnect();
+    streamRef.current?.getTracks().forEach((track) => track.stop());
+    streamRef.current = null;
+    nodeRef.current = null;
+    sourceRef.current = null;
+    const context = audioContextRef.current;
+    audioContextRef.current = null;
+    await context?.close().catch(() => void 0);
+  }, []);
+  const refreshInputDevices = reactExports.useCallback(async () => {
+    if (!navigator.mediaDevices?.enumerateDevices) return [];
+    try {
+      let devices = await navigator.mediaDevices.enumerateDevices();
+      if (devices.length > 0 && devices.every((device) => !device.label)) {
+        try {
+          const permissionStream = await navigator.mediaDevices.getUserMedia({ audio: true });
+          permissionStream.getTracks().forEach((track) => track.stop());
+          devices = await navigator.mediaDevices.enumerateDevices();
+        } catch {
+        }
+      }
+      const audioInputs = devices.filter((device) => device.kind === "audioinput").map((device, index) => ({
+        deviceId: device.deviceId,
+        label: device.label || `Microphone ${index + 1}`
+      }));
+      setInputDevices(audioInputs);
+      return audioInputs;
+    } catch (error) {
+      callbacksRef.current.onError?.(errorMessage(error));
+      return [];
+    }
+  }, []);
+  const start = reactExports.useCallback(
+    async (deviceId = "default") => {
+      if (recordingRef.current || !configured) return;
+      const asrSessionId = `asr_${Date.now()}_${Math.random().toString(36).slice(2)}`;
+      asrSessionIdRef.current = asrSessionId;
+      stoppedRef.current = false;
+      stoppingRef.current = false;
+      try {
+        const stream = await navigator.mediaDevices.getUserMedia({
+          audio: {
+            channelCount: 1,
+            echoCancellation: true,
+            noiseSuppression: true,
+            ...deviceId !== "default" ? { deviceId: { exact: deviceId } } : {}
+          }
+        });
+        streamRef.current = stream;
+        const audioContext = new AudioContext();
+        audioContextRef.current = audioContext;
+        await audioContext.resume();
+        const workletUrl = URL.createObjectURL(
+          new Blob([workletSource], { type: "application/javascript" })
+        );
+        try {
+          await audioContext.audioWorklet.addModule(workletUrl);
+        } finally {
+          URL.revokeObjectURL(workletUrl);
+        }
+        const source = audioContext.createMediaStreamSource(stream);
+        const node = new AudioWorkletNode(audioContext, "fello-pcm-processor");
+        const silentGain = audioContext.createGain();
+        silentGain.gain.value = 0;
+        node.port.onmessage = (message) => {
+          if (stoppedRef.current || asrSessionIdRef.current !== asrSessionId) return;
+          updateAudioLevel(message.data);
+          void request.sendRealtimeAsrFrame({
+            clientId,
+            asrSessionId,
+            audioB64: arrayBufferToBase64(message.data)
+          }).catch((error) => callbacksRef.current.onError?.(errorMessage(error)));
+        };
+        sourceRef.current = source;
+        nodeRef.current = node;
+        await request.startRealtimeAsr({ clientId, asrSessionId });
+        source.connect(node);
+        node.connect(silentGain);
+        silentGain.connect(audioContext.destination);
+        setRecordingState(true);
+      } catch (error) {
+        await cleanupAudio();
+        await request.stopRealtimeAsr({ clientId, asrSessionId }).catch(() => void 0);
+        asrSessionIdRef.current = null;
+        callbacksRef.current.onError?.(errorMessage(error));
+        setRecordingState(false);
+      }
+    },
+    [cleanupAudio, configured, setRecordingState, updateAudioLevel]
+  );
+  const stop = reactExports.useCallback(async () => {
+    const asrSessionId = asrSessionIdRef.current;
+    if (!asrSessionId) return;
+    stoppedRef.current = true;
+    stoppingRef.current = true;
+    await cleanupAudio();
+    await request.stopRealtimeAsr({ clientId, asrSessionId }).catch((error) => {
+      callbacksRef.current.onError?.(errorMessage(error));
+    });
+    asrSessionIdRef.current = null;
+    stoppingRef.current = false;
+    setRecordingState(false);
+  }, [cleanupAudio, setRecordingState]);
+  stopRef.current = stop;
+  reactExports.useEffect(() => {
+    return () => {
+      stoppedRef.current = true;
+      void stopRef.current();
+    };
+  }, []);
+  const toggle = reactExports.useCallback(() => {
+    void (recordingRef.current ? stop() : start());
+  }, [start, stop]);
+  return {
+    recording,
+    audioLevel,
+    configured,
+    inputDevices,
+    refreshInputDevices,
+    start,
+    stop,
+    toggle
+  };
+}
+const ASR_WAVEFORM_BARS = [0.35, 0.65, 0.95, 0.55, 0.8, 0.45, 0.9, 0.6, 0.38];
+const DEFAULT_MAX_DURATION = 5 * 60 * 1e3;
+const ALT_DOUBLE_PRESS_WINDOW = 350;
+const VOICE_INPUT_DEVICE_STORAGE_KEY = "fello.voice-input.device-id";
+let activeVoiceRecording = null;
+let voiceRecordingStartChain = Promise.resolve();
+function getInputCursor(input) {
+  return input.selectionStart ?? input.value.length;
+}
+function VoiceInputButton({
+  inputRef,
+  disabled = false,
+  className,
+  maxDuration = DEFAULT_MAX_DURATION,
+  ref
+}) {
+  const { t } = useTranslation();
+  const { toast } = useMessage();
+  const altDoublePressEnabled = useAppStore((state) => state.voiceInput.altDoublePress);
+  const [instanceId] = reactExports.useState(() => /* @__PURE__ */ Symbol("VoiceInputButton"));
+  const stopAsrRef = reactExports.useRef(() => Promise.resolve());
+  const asrApplyingRef = reactExports.useRef(false);
+  const asrSegmentsRef = reactExports.useRef(/* @__PURE__ */ new Map());
+  const asrTailRef = reactExports.useRef(0);
+  const asrCurrentKeyRef = reactExports.useRef(null);
+  const asrSequenceRef = reactExports.useRef(0);
+  const lastAltTapAtRef = reactExports.useRef(null);
+  const suppressAltUntilRef = reactExports.useRef(0);
+  const freezeAsrSegments = reactExports.useCallback(() => {
+    asrSegmentsRef.current.clear();
+    asrCurrentKeyRef.current = null;
+    const textarea = inputRef.current;
+    if (textarea) asrTailRef.current = getInputCursor(textarea);
+  }, [inputRef]);
+  const applyAsrTranscript = reactExports.useCallback(
+    (transcript) => {
+      const textarea = inputRef.current;
+      if (!textarea) return;
+      const key = transcript.id ? `id:${transcript.id}` : transcript.index !== void 0 ? `index:${transcript.index}` : asrCurrentKeyRef.current ?? `stream:${asrSequenceRef.current++}`;
+      let segment = asrSegmentsRef.current.get(key);
+      if (!segment) {
+        segment = { start: asrTailRef.current, length: 0 };
+        asrSegmentsRef.current.set(key, segment);
+        asrCurrentKeyRef.current = key;
+      }
+      textarea.focus();
+      textarea.setSelectionRange(segment.start, segment.start + segment.length);
+      asrApplyingRef.current = true;
+      try {
+        document.execCommand("insertText", false, transcript.text);
+      } finally {
+        asrApplyingRef.current = false;
+      }
+      textarea.ownerDocument.dispatchEvent(new Event("selectionchange"));
+      segment.length = transcript.text.length;
+      asrTailRef.current = segment.start + segment.length;
+      if (transcript.isFinal) {
+        asrSegmentsRef.current.delete(key);
+        asrCurrentKeyRef.current = null;
+      }
+    },
+    [inputRef]
+  );
+  const handleRecordingChange = reactExports.useCallback(
+    (recording) => {
+      if (recording) {
+        activeVoiceRecording = {
+          owner: instanceId,
+          stop: () => stopAsrRef.current()
+        };
+      } else {
+        freezeAsrSegments();
+        if (activeVoiceRecording?.owner === instanceId) {
+          activeVoiceRecording = null;
+        }
+      }
+    },
+    [freezeAsrSegments, instanceId]
+  );
+  const asr = useRealtimeAsr({
+    onTranscript: applyAsrTranscript,
+    onError: (message) => toast.error(message),
+    onRecordingChange: handleRecordingChange
+  });
+  const { start: startAsr, stop: stopAsr, refreshInputDevices } = asr;
+  const handleStop = reactExports.useCallback(async () => {
+    await stopAsr();
+  }, [stopAsr]);
+  stopAsrRef.current = handleStop;
+  reactExports.useImperativeHandle(
+    ref,
+    () => ({
+      stop: handleStop
+    }),
+    [handleStop]
+  );
+  const handleStart = reactExports.useCallback(
+    async (deviceId) => {
+      const startOperation = voiceRecordingStartChain.then(async () => {
+        await activeVoiceRecording?.stop();
+        const textarea = inputRef.current;
+        if (!textarea) return;
+        textarea.focus();
+        const cursorPosition = getInputCursor(textarea);
+        const before = textarea.value.slice(0, cursorPosition);
+        if (before.length > 0 && !/\s$/.test(before)) {
+          asrApplyingRef.current = true;
+          try {
+            document.execCommand("insertText", false, " ");
+          } finally {
+            asrApplyingRef.current = false;
+          }
+        }
+        asrSegmentsRef.current.clear();
+        asrCurrentKeyRef.current = null;
+        asrTailRef.current = getInputCursor(textarea);
+        await startAsr(deviceId);
+      });
+      voiceRecordingStartChain = startOperation.catch(() => void 0);
+      await startOperation;
+    },
+    [startAsr, inputRef]
+  );
+  const [savedDeviceId, setSavedDeviceId] = reactExports.useState(() => {
+    try {
+      return localStorage.getItem(VOICE_INPUT_DEVICE_STORAGE_KEY);
+    } catch {
+      return null;
+    }
+  });
+  const [deviceMenuOpen, setDeviceMenuOpen] = reactExports.useState(false);
+  const [starting, setStarting] = reactExports.useState(false);
+  const rememberDevice = reactExports.useCallback((deviceId) => {
+    setSavedDeviceId(deviceId);
+    try {
+      localStorage.setItem(VOICE_INPUT_DEVICE_STORAGE_KEY, deviceId);
+    } catch {
+    }
+  }, []);
+  const handleSelectDevice = reactExports.useCallback(
+    (deviceId) => {
+      rememberDevice(deviceId);
+      setDeviceMenuOpen(false);
+    },
+    [rememberDevice]
+  );
+  const handleMicClick = reactExports.useCallback(async () => {
+    if (disabled || !asr.configured || starting) return;
+    setStarting(true);
+    try {
+      const devices = await refreshInputDevices();
+      const hasSavedDevice = savedDeviceId != null && devices.some((device) => device.deviceId === savedDeviceId);
+      if (hasSavedDevice) {
+        await handleStart(savedDeviceId);
+      } else {
+        setDeviceMenuOpen(true);
+      }
+    } finally {
+      setStarting(false);
+    }
+  }, [asr.configured, disabled, handleStart, refreshInputDevices, savedDeviceId, starting]);
+  const handleShortcutToggle = reactExports.useCallback(async () => {
+    if (disabled || !asr.configured || starting) return;
+    if (asr.recording) {
+      await handleStop();
+      return;
+    }
+    setStarting(true);
+    try {
+      const devices = await refreshInputDevices();
+      const hasSavedDevice = savedDeviceId != null && devices.some((device) => device.deviceId === savedDeviceId);
+      await handleStart(hasSavedDevice ? savedDeviceId : void 0);
+    } finally {
+      setStarting(false);
+    }
+  }, [
+    asr.configured,
+    asr.recording,
+    disabled,
+    handleStart,
+    handleStop,
+    refreshInputDevices,
+    savedDeviceId,
+    starting
+  ]);
+  const handleDeviceMenuChange = reactExports.useCallback(
+    (open) => {
+      setDeviceMenuOpen(open);
+      if (open) void refreshInputDevices();
+    },
+    [refreshInputDevices]
+  );
+  reactExports.useEffect(() => {
+    lastAltTapAtRef.current = null;
+    const handleKeyDown = (event) => {
+      const input = inputRef.current;
+      if (!input || document.activeElement !== input) {
+        lastAltTapAtRef.current = null;
+        return;
+      }
+      if (event.key === "Escape") {
+        lastAltTapAtRef.current = null;
+        suppressAltUntilRef.current = 0;
+        if (!event.repeat && !event.ctrlKey && !event.metaKey && !event.shiftKey && asr.recording) {
+          event.preventDefault();
+          void handleStop();
+        }
+        return;
+      }
+      if (event.key !== "Alt") {
+        lastAltTapAtRef.current = null;
+        return;
+      }
+      if (!altDoublePressEnabled || event.repeat || event.ctrlKey || event.metaKey || event.shiftKey) {
+        lastAltTapAtRef.current = null;
+        return;
+      }
+      const now = Date.now();
+      if (now < suppressAltUntilRef.current) {
+        lastAltTapAtRef.current = null;
+        return;
+      }
+      if (asr.recording) {
+        lastAltTapAtRef.current = null;
+        suppressAltUntilRef.current = now + ALT_DOUBLE_PRESS_WINDOW;
+        event.preventDefault();
+        void handleStop();
+        return;
+      }
+      const lastTapAt = lastAltTapAtRef.current;
+      if (lastTapAt !== null && now - lastTapAt <= ALT_DOUBLE_PRESS_WINDOW) {
+        lastAltTapAtRef.current = null;
+        event.preventDefault();
+        void handleShortcutToggle();
+      }
+    };
+    const handleKeyUp = (event) => {
+      if (event.key !== "Alt") return;
+      const input = inputRef.current;
+      if (!input || document.activeElement !== input) {
+        lastAltTapAtRef.current = null;
+        return;
+      }
+      if (Date.now() < suppressAltUntilRef.current) {
+        lastAltTapAtRef.current = null;
+        return;
+      }
+      lastAltTapAtRef.current = Date.now();
+    };
+    const resetAltTap = () => {
+      lastAltTapAtRef.current = null;
+      suppressAltUntilRef.current = 0;
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    window.addEventListener("keyup", handleKeyUp);
+    window.addEventListener("blur", resetAltTap);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+      window.removeEventListener("keyup", handleKeyUp);
+      window.removeEventListener("blur", resetAltTap);
+    };
+  }, [altDoublePressEnabled, asr.recording, handleShortcutToggle, handleStop, inputRef]);
+  reactExports.useEffect(() => {
+    const textarea = inputRef.current;
+    if (!textarea) return;
+    const handleInput = () => {
+      if (!asrApplyingRef.current && asr.recording) freezeAsrSegments();
+    };
+    textarea.addEventListener("input", handleInput);
+    return () => textarea.removeEventListener("input", handleInput);
+  }, [asr.recording, freezeAsrSegments, inputRef]);
+  reactExports.useEffect(() => {
+    if (disabled && asr.recording) void handleStop();
+  }, [asr.recording, disabled, handleStop]);
+  reactExports.useEffect(() => {
+    if (!asr.recording || maxDuration <= 0 || !Number.isFinite(maxDuration)) return;
+    const timer = setTimeout(() => void handleStop(), maxDuration);
+    return () => clearTimeout(timer);
+  }, [asr.recording, handleStop, maxDuration]);
+  if (!asr.configured) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn$1(
+        "relative inline-flex h-7 transition-[width] duration-300 ease-out flex-none",
+        asr.recording ? "w-18" : "w-12.5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: cn$1(
+              "absolute inset-0 transition-[opacity,transform,visibility] duration-300 ease-out",
+              asr.recording ? "visible scale-100 opacity-100" : "pointer-events-none invisible scale-90 opacity-0"
+            ),
+            "aria-hidden": !asr.recording,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Button,
+              {
+                variant: "default",
+                size: "sm",
+                className: "h-full w-full rounded-lg bg-muted hover:bg-input border border-input text-amber-300/50 hover:text-amber-200",
+                onClick: () => void handleStop(),
+                "aria-label": t("chatInput.stopVoiceInput", "Stop voice input"),
+                "aria-pressed": "true",
+                title: t("chatInput.stopVoiceInput", "Stop voice input"),
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Mic, { className: "size-3.5 shrink-0 animate-pulse" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "span",
+                    {
+                      className: "flex h-4 flex-1 items-center justify-center gap-0.5 overflow-hidden",
+                      "aria-hidden": "true",
+                      children: ASR_WAVEFORM_BARS.map((scale, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "span",
+                        {
+                          className: "border-l rounded-full bg-amber-300 transition-[height] duration-75",
+                          style: {
+                            height: `${Math.max(2, Math.round(2 + asr.audioLevel * 16 * scale))}px`
+                          }
+                        },
+                        index
+                      ))
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: cn$1(
+              "absolute inset-0 transition-[opacity,transform,visibility] duration-300 ease-out",
+              asr.recording ? "pointer-events-none invisible scale-90 opacity-0" : "visible scale-100 opacity-100"
+            ),
+            "aria-hidden": asr.recording,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { open: deviceMenuOpen, onOpenChange: handleDeviceMenuChange, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full items-stretch", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Button,
+                  {
+                    size: "sm",
+                    className: "h-full w-8 rounded-r-none border-r-0 bg-muted hover:bg-input border border-input text-amber-300/50 hover:text-amber-200",
+                    onClick: () => void handleMicClick(),
+                    disabled: disabled || !asr.configured || starting,
+                    "aria-busy": starting,
+                    "aria-label": starting ? t("chatInput.startingVoiceInput", "Starting voice input") : t("chatInput.voiceInput", "Voice input"),
+                    title: starting ? t("chatInput.startingVoiceInput", "Starting voice input") : asr.configured ? t("chatInput.voiceInput", "Voice input") : t("chatInput.voiceInputNotConfigured", "Configure voice input in Settings"),
+                    children: starting ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Mic, { className: "size-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  DropdownMenuTrigger,
+                  {
+                    render: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Button,
+                      {
+                        size: "icon",
+                        className: "h-full w-4.5 rounded-l-none bg-muted hover:bg-input border border-input border-l-0 px-0 text-amber-300/50 hover:text-amber-200",
+                        disabled: disabled || !asr.configured || starting,
+                        "aria-label": t("chatInput.selectVoiceInputDevice", "Select microphone"),
+                        title: t("chatInput.selectVoiceInputDevice", "Select microphone")
+                      }
+                    ),
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                DropdownMenuContent,
+                {
+                  side: "top",
+                  align: "center",
+                  className: "w-auto! max-w-72 min-w-(--anchor-width)",
+                  children: asr.inputDevices.length > 0 ? asr.inputDevices.map((device) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    DropdownMenuItem,
+                    {
+                      onClick: () => handleSelectDevice(device.deviceId),
+                      className: "gap-2",
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          Check,
+                          {
+                            className: cn$1(
+                              "size-3 shrink-0",
+                              device.deviceId === savedDeviceId ? "opacity-100" : "opacity-0"
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-w-0 flex-col gap-0.5 pr-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: device.label }) })
+                      ]
+                    },
+                    device.deviceId
+                  )) : /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { disabled: true, children: t("chatInput.noAudioInputDevices", "No audio input devices found") })
+                }
+              )
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
 function readFileAsBase64(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -4447,10 +5131,16 @@ function ChatInput({ session }) {
   const promptCapabilities = initializeInfo?.agentCapabilities?.promptCapabilities;
   const supportsImage = promptCapabilities?.image ?? false;
   const supportsEmbedded = promptCapabilities?.embeddedContext ?? false;
-  const getTextarea = reactExports.useCallback(
-    () => containerRef.current?.querySelector("textarea"),
-    []
-  );
+  const textareaRef = reactExports.useRef(null);
+  const voiceInputRef = reactExports.useRef(null);
+  const getTextarea = reactExports.useCallback(() => textareaRef.current, []);
+  const focusInput = reactExports.useCallback(() => {
+    const textarea = getTextarea();
+    if (!textarea || textarea.disabled) return false;
+    textarea.focus({ preventScroll: true });
+    return document.activeElement === textarea;
+  }, [getTextarea]);
+  useFocusTarget("chat-input", focusInput);
   const insertTriggerChar = reactExports.useCallback(
     (char) => {
       const textarea = getTextarea();
@@ -4617,6 +5307,7 @@ function ChatInput({ session }) {
     [localInput, availableCommands]
   );
   const handleSubmit = reactExports.useCallback(async () => {
+    await voiceInputRef.current?.stop();
     v$2();
     const state = useAppStore.getState().getSessionState(session.id);
     const currentAttachments = state.draftAttachments;
@@ -4911,7 +5602,10 @@ function ChatInput({ session }) {
               MentionsInput$1,
               {
                 value: localInput,
-                onChange: (_e3, newValue) => setLocalInput(newValue),
+                inputRef: textareaRef,
+                onChange: (_e3, newValue) => {
+                  setLocalInput(newValue);
+                },
                 onBlur: handleBlur,
                 onKeyDown: handleKeyDown,
                 placeholder: disabled ? t("chatInput.placeholderDisabled") : t("chatInput.placeholderActive"),
@@ -5005,14 +5699,14 @@ function ChatInput({ session }) {
             /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "div",
               {
-                className: "flex cursor-text items-center justify-between gap-2 px-2 pb-2 overflow-hidden",
+                className: "flex cursor-text items-center justify-between gap-2 -mt-3 overflow-hidden",
                 onClick: (e) => {
                   const target = e.target;
                   if (target.closest("button, select, [role='combobox']")) return;
                   getTextarea()?.focus();
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 overflow-hidden", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 p-2 overflow-hidden -mr-4", children: [
                     availableModes.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsxs(
                         DropdownMenuTrigger,
@@ -5022,7 +5716,7 @@ function ChatInput({ session }) {
                             {
                               variant: "outline",
                               size: "sm",
-                              className: "h-7 text-xs text-muted-foreground hover:text-foreground gap-2 max-w-48 shrink overflow-hidden"
+                              className: "h-7 min-w-16 text-xs text-muted-foreground hover:text-foreground gap-2 max-w-48 shrink overflow-hidden"
                             }
                           ),
                           children: [
@@ -5144,7 +5838,7 @@ function ChatInput({ session }) {
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 overflow-hidden", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 p-2 overflow-hidden", children: [
                     availableModels.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsxs(
                         DropdownMenuTrigger,
@@ -5154,7 +5848,7 @@ function ChatInput({ session }) {
                             {
                               variant: "outline",
                               size: "sm",
-                              className: "h-7 text-xs text-muted-foreground hover:text-foreground gap-2 max-w-48 shrink overflow-hidden"
+                              className: "h-7 min-w-16 text-xs text-muted-foreground hover:text-foreground gap-2 max-w-48 shrink overflow-hidden"
                             }
                           ),
                           children: [
@@ -5290,6 +5984,7 @@ function ChatInput({ session }) {
                         }
                       )
                     ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(VoiceInputButton, { ref: voiceInputRef, inputRef: textareaRef, disabled }),
                     isStreaming ? /* @__PURE__ */ jsxRuntimeExports.jsx(
                       Button,
                       {
@@ -5333,14 +6028,14 @@ const mentionsInputStyle = {
     highlighter: {
       padding: "12px 16px 8px",
       border: "none",
-      maxHeight: 200
+      maxHeight: "80vh"
     },
     input: {
       padding: "12px 16px 8px",
       border: "none",
       outline: "none",
       overflow: "auto",
-      maxHeight: 200,
+      maxHeight: "80vh",
       color: "var(--foreground)",
       fontSize: 13,
       lineHeight: "1.5",
@@ -5433,12 +6128,15 @@ function AskUserDialog({ sessionId }) {
         "div",
         {
           ref: cardRef,
+          role: "dialog",
+          "aria-labelledby": "ask-user-dialog-title",
+          "aria-describedby": currentRequest.description ? "ask-user-dialog-description" : void 0,
           onClick: () => setCollapsed(false),
           className: "grid grid-rows-[auto_1fr_auto] rounded-xl border border-border bg-card p-4 shadow-lg shadow-primary/5 max-h-[90vh]",
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mb-3 min-h-0", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(CircleQuestionMark, { className: "size-4.5 shrink-0 text-sky-500" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium leading-snug truncate", children: currentRequest.title || t("askUser.title", "Request") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { id: "ask-user-dialog-title", className: "text-sm font-medium leading-snug truncate", children: currentRequest.title || t("askUser.title", "Request") }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center ml-auto gap-1", children: [
                 currentRequest.timeoutAt != null && /* @__PURE__ */ jsxRuntimeExports.jsx(AskUserCountdown, { timeoutAt: currentRequest.timeoutAt }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -5452,13 +6150,14 @@ function AskUserDialog({ sessionId }) {
                       setCollapsed((c) => !c);
                     },
                     "aria-label": collapsed ? t("askUser.expand", "Expand") : t("askUser.collapse", "Collapse"),
+                    "aria-expanded": !collapsed,
                     title: collapsed ? t("askUser.expand", "Expand") : t("askUser.collapse", "Collapse"),
                     children: collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronUp, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" })
                   }
                 )
               ] })
             ] }),
-            currentRequest.description && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "h-full rounded-md bg-muted/40", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-3 px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-xs text-muted-foreground leading-relaxed whitespace-pre-wrap", children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: formatDescription(currentRequest.description) }) }) }) }) }),
+            currentRequest.description && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "ask-user-dialog-description", className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "h-full rounded-md bg-muted/40", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-3 px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-xs text-muted-foreground leading-relaxed whitespace-pre-wrap", children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: formatDescription(currentRequest.description) }) }) }) }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn$1("pt-3 min-h-0", collapsed ? "pointer-events-none" : ""), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               AskUserOptions,
               {
@@ -5522,13 +6221,21 @@ function AskUserOptions({
   const [highlightedIndex, setHighlightedIndex] = reactExports.useState(null);
   const [isDragOver, setIsDragOver] = reactExports.useState(false);
   const inputContainerRef = reactExports.useRef(null);
+  const optionRefs = reactExports.useRef([]);
+  const otherButtonRef = reactExports.useRef(null);
+  const textareaRef = reactExports.useRef(null);
+  const voiceInputRef = reactExports.useRef(null);
   const navigate = useNavigate();
   const snippets = useAppStore((s15) => s15.snippets);
   const fileInputRef = reactExports.useRef(null);
-  const getTextarea = reactExports.useCallback(
-    () => inputContainerRef.current?.querySelector("textarea"),
-    []
-  );
+  const getTextarea = reactExports.useCallback(() => textareaRef.current, []);
+  const focusAskUser = reactExports.useCallback(() => {
+    const target = mode === "input" ? textareaRef.current : optionRefs.current[0];
+    if (!target || target.disabled) return false;
+    target.focus({ preventScroll: true });
+    return document.activeElement === target;
+  }, [mode]);
+  useFocusTarget("ask-user-dialog", focusAskUser);
   const insertTriggerChar = reactExports.useCallback(
     (char) => {
       const textarea = getTextarea();
@@ -5593,7 +6300,7 @@ function AskUserOptions({
       }
       if (paths.length === 0) return;
       void (async () => {
-        const textarea = inputContainerRef.current?.querySelector("textarea");
+        const textarea = textareaRef.current;
         if (!textarea) return;
         textarea.focus();
         const tags = await Promise.all(
@@ -5679,7 +6386,8 @@ function AskUserOptions({
     window.addEventListener("keydown", handler);
     return () => window.removeEventListener("keydown", handler);
   }, [mode, hasOptions, request$1.options, handleSelectOption]);
-  const handleSubmitInput = () => {
+  const handleSubmitInput = async () => {
+    await voiceInputRef.current?.stop();
     const trimmed = resolveMentions(inputValue).trim();
     request.respondAskUser({
       sessionId: request$1.sessionId,
@@ -5693,35 +6401,57 @@ function AskUserOptions({
     if (e.nativeEvent.isComposing) return;
     if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
-      handleSubmitInput();
+      void handleSubmitInput();
     }
   };
   reactExports.useEffect(() => {
-    if (mode === "input") {
-      inputContainerRef.current?.querySelector("textarea")?.focus();
-    }
+    if (mode !== "input") return;
+    textareaRef.current?.focus();
   }, [mode]);
+  reactExports.useEffect(() => {
+    if (mode !== "options" || !hasOptions) return;
+    const frame = window.requestAnimationFrame(() => optionRefs.current[0]?.focus());
+    return () => window.cancelAnimationFrame(frame);
+  }, [hasOptions, mode]);
+  const handleOptionKeyDown = (event, index) => {
+    const { key } = event;
+    if (key === "ArrowDown" || key === "ArrowUp" || key === "Home" || key === "End") {
+      event.preventDefault();
+      event.stopPropagation();
+      if (key === "Home") {
+        optionRefs.current[0]?.focus();
+      } else if (key === "End") {
+        if (showOther) otherButtonRef.current?.focus();
+        else optionRefs.current[request$1.options.length - 1]?.focus();
+      } else if (key === "ArrowDown") {
+        if (index < request$1.options.length - 1) {
+          optionRefs.current[index + 1]?.focus();
+        } else if (showOther) {
+          otherButtonRef.current?.focus();
+        }
+      } else if (index > 0) {
+        optionRefs.current[index - 1]?.focus();
+      }
+    }
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     mode === "options" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
       request$1.options.map((option, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
+        "button",
         {
-          role: "button",
-          tabIndex: 0,
-          className: `relative flex w-full min-h-8 py-2 px-2 text-xs text-left rounded-lg border transition-all select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px ${highlightedIndex === index ? "ring-1 ring-sky-500 bg-sky-500/10 border-sky-500/30" : option.danger ? "bg-destructive/10 text-destructive hover:bg-destructive/20 border-destructive/20" : "bg-secondary/50 hover:bg-secondary hover:text-foreground"}`,
-          onClick: () => handleSelectOption(option.value),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-              e.preventDefault();
-              handleSelectOption(option.value);
-            }
+          ref: (element) => {
+            optionRefs.current[index] = element;
           },
+          type: "button",
+          className: `relative flex w-full min-h-8 py-2 px-2 text-xs text-left rounded-lg border transition-all select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 active:translate-y-px ${highlightedIndex === index ? "ring-1 ring-sky-500 bg-sky-500/10 border-sky-500/30" : option.danger ? "bg-destructive/10 text-destructive hover:bg-destructive/20 border-destructive/20" : "bg-secondary/50 hover:bg-secondary hover:text-foreground"}`,
+          onClick: () => handleSelectOption(option.value),
+          onKeyDown: (event) => handleOptionKeyDown(event, index),
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-start gap-1.5 w-full", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "inline-flex size-5 items-center justify-center rounded bg-muted-foreground/10 text-[10px] font-mono shrink-0 self-start mt-0.5", children: index + 1 }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 whitespace-normal self-start py-1", children: option.label })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-0.5 right-1 text-[9px] leading-none text-muted-foreground/30 shrink-0 self-start font-mono", children: option.priority })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute top-0.5 right-1 text-[9px] leading-none text-muted-foreground/30 shrink-0 self-start font-mono", children: option.priority })
           ]
         },
         option.value
@@ -5729,10 +6459,22 @@ function AskUserOptions({
       showOther && /* @__PURE__ */ jsxRuntimeExports.jsxs(
         Button,
         {
+          ref: otherButtonRef,
           variant: "ghost",
           size: "sm",
           className: "justify-start h-8 px-2 text-xs text-muted-foreground",
           onClick: () => setMode("input"),
+          onKeyDown: (event) => {
+            if (event.key === "ArrowUp") {
+              event.preventDefault();
+              event.stopPropagation();
+              optionRefs.current[request$1.options.length - 1]?.focus();
+            } else if (event.key === "Home") {
+              event.preventDefault();
+              event.stopPropagation();
+              optionRefs.current[0]?.focus();
+            }
+          },
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t("askUser.other", "Custom reply") }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "size-3" })
@@ -5767,6 +6509,7 @@ function AskUserOptions({
               MentionsInput$1,
               {
                 value: inputValue,
+                inputRef: textareaRef,
                 onChange: (_e3, newValue) => setInputValue(newValue),
                 onKeyDown: handleKeyDown,
                 placeholder: t("askUser.inputPlaceholder", "Type your response... (Enter to send)"),
@@ -5907,16 +6650,19 @@ function AskUserOptions({
                   )) : /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { onClick: () => navigate("/settings/snippets"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: t("chatInput.snippetsEmpty", "No snippets. Click to add in Settings.") }) }) })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button,
-                {
-                  size: "icon",
-                  className: "size-7 rounded-lg",
-                  onClick: handleSubmitInput,
-                  "aria-label": t("askUser.submit", "Submit"),
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowUp, { className: "size-3.5" })
-                }
-              )
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(VoiceInputButton, { ref: voiceInputRef, inputRef: textareaRef }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Button,
+                  {
+                    size: "icon",
+                    className: "size-7 rounded-lg",
+                    onClick: handleSubmitInput,
+                    "aria-label": t("askUser.submit", "Submit"),
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowUp, { className: "size-3.5" })
+                  }
+                )
+              ] })
             ] })
           ]
         }
@@ -6128,7 +6874,7 @@ function useFile(projectId, file, options = {}) {
   };
 }
 const CodeEditor = reactExports.lazy(
-  () => __vitePreload(() => import("./code-editor-SuOcN-5B.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0, import.meta.url).then((m) => ({ default: m.CodeEditor }))
+  () => __vitePreload(() => import("./code-editor-tm0AYOLz.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0, import.meta.url).then((m) => ({ default: m.CodeEditor }))
 );
 const MAX_EDIT_SIZE = 1024 * 1024;
 const EditPanel = reactExports.forwardRef(function EditPanel2({ projectId, filePath, content, loading = false, onCancel, onSaved }, ref) {
@@ -16699,6 +17445,9 @@ const GIT_SUMMARY_BADGES = [
   { key: "C", color: "text-yellow-500" },
   { key: "D", color: "text-red-500" }
 ];
+function fileNavigationItemKey(item) {
+  return item.type === "action" ? `action:${item.action}` : `tree:${item.id}`;
+}
 function TreeItem({
   node,
   depth,
@@ -16712,7 +17461,10 @@ function TreeItem({
   onEditChange,
   onEditSubmit,
   onEditCancel,
-  actions
+  actions,
+  onKeyDown: onKeyDown2,
+  registerRef,
+  onFocus
 }) {
   const { t } = useTranslation();
   const isOpen = openFolders.has(node.id);
@@ -16723,6 +17475,15 @@ function TreeItem({
   reactExports.useEffect(() => {
     if (isEditing) setTimeout(() => inputRef.current?.focus(), 0);
   }, [isEditing]);
+  const handleView = (e) => {
+    if (node.isFolder) {
+      actions.toggle(node);
+      actions.select(node.id, e);
+    } else {
+      actions.previewFile(node.id);
+      actions.select(node.id, e);
+    }
+  };
   const childProps = {
     selectedIds,
     openFolders,
@@ -16733,7 +17494,10 @@ function TreeItem({
     onEditChange,
     onEditSubmit,
     onEditCancel,
-    actions
+    actions,
+    onKeyDown: onKeyDown2,
+    registerRef,
+    onFocus
   };
   const status = gitStatusMap.get(node.id);
   let statusText = "";
@@ -16770,7 +17534,22 @@ function TreeItem({
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         ContextMenuTrigger,
         {
-          render: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
+          render: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              ref: (element) => registerRef(node.id, element),
+              tabIndex: -1,
+              role: "treeitem",
+              "aria-level": depth + 1,
+              "aria-expanded": node.isFolder ? isOpen : void 0,
+              "aria-selected": isSelected,
+              className: "outline-0 focus-visible:inset-ring-1 focus-visible:inset-ring-ring/80 rounded-md",
+              onKeyDown: (e) => {
+                if (e.target === e.currentTarget) onKeyDown2(e, node);
+              },
+              onFocus: () => onFocus(node.id)
+            }
+          ),
           draggable: !isEditing,
           onDragStart: (e) => {
             e.stopPropagation();
@@ -16788,7 +17567,6 @@ function TreeItem({
           },
           className: cn$1(
             "flex h-6 cursor-default select-none items-center gap-1.5 px-1.5 text-sx leading-none text-foreground/60",
-            node.ignored && "opacity-50",
             node.id === previewId ? "bg-primary/8 hover:bg-primary/10" : "hover:bg-primary/5 hover:text-foreground",
             isSelected ? "text-foreground bg-primary/6" : "",
             isDragOver && "relative ring-1 ring-primary bg-primary/5"
@@ -16800,13 +17578,7 @@ function TreeItem({
               actions.select(node.id, e);
               return;
             }
-            if (node.isFolder) {
-              actions.toggle(node);
-              actions.select(node.id, e);
-            } else {
-              actions.previewFile(node.id);
-              actions.select(node.id, e);
-            }
+            handleView(e);
           },
           children: [
             node.isFolder ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -16814,10 +17586,11 @@ function TreeItem({
               {
                 className: cn$1(
                   "size-3.5 shrink-0 text-muted-foreground scale-110 transition-transform",
-                  isOpen && "rotate-90"
+                  isOpen && "rotate-90",
+                  node.ignored && "opacity-50"
                 )
               }
-            ) : /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { name: node.name, className: "size-3.5 shrink-0 text-muted-foreground/90" }),
+            ) : /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { name: node.name, className: cn$1("size-3.5 shrink-0 text-muted-foreground/90", node.ignored && "opacity-50") }),
             isEditing ? /* @__PURE__ */ jsxRuntimeExports.jsx(
               "input",
               {
@@ -16838,7 +17611,8 @@ function TreeItem({
                 {
                   className: cn$1(
                     "flex-1 truncate leading-normal",
-                    statusText && !node.isFolder && statusColor
+                    statusText && !node.isFolder && statusColor,
+                    node.ignored && "opacity-50"
                   ),
                   children: node.name
                 }
@@ -16858,6 +17632,11 @@ function TreeItem({
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: handleView, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, {}),
+          t("filePanel.view")
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
         node.isFolder ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => actions.createIn(node.id, false), children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(FilePlus, {}),
@@ -16997,7 +17776,13 @@ const FilePanel = reactExports.memo(function FilePanel2({
   onPreviewFile
 }) {
   const { t } = useTranslation();
-  const containerRef = reactExports.useRef(null);
+  const treeRef = reactExports.useRef(null);
+  const treeItemRefs = reactExports.useRef(/* @__PURE__ */ new Map());
+  const navigationActionRefs = reactExports.useRef(/* @__PURE__ */ new Map());
+  const lastFocusedActionRef = reactExports.useRef(null);
+  const focusedTreeItemIdRef = reactExports.useRef(null);
+  const pendingFocusIdRef = reactExports.useRef(null);
+  const pendingFocusRestoreRef = reactExports.useRef(false);
   const [data, setData] = reactExports.useState([]);
   const [loading, setLoading] = reactExports.useState(false);
   const [showLoading, setShowLoading] = reactExports.useState(false);
@@ -17208,6 +17993,144 @@ const FilePanel = reactExports.memo(function FilePanel2({
     },
     [openFolders]
   );
+  const registerTreeItemRef = reactExports.useCallback((id, element) => {
+    if (element) {
+      treeItemRefs.current.set(id, element);
+    } else {
+      treeItemRefs.current.delete(id);
+    }
+  }, []);
+  const registerNavigationActionRef = reactExports.useCallback(
+    (action, element) => {
+      if (element) {
+        navigationActionRefs.current.set(action, element);
+      } else {
+        navigationActionRefs.current.delete(action);
+      }
+    },
+    []
+  );
+  const handleTreeItemFocus = reactExports.useCallback((id) => {
+    focusedTreeItemIdRef.current = id;
+  }, []);
+  const focusTreeItem = reactExports.useCallback(
+    (id) => {
+      let element = treeItemRefs.current.get(id);
+      if (!element) {
+        const visibleIds = flattenTree(data);
+        const itemIndex = visibleIds.indexOf(id);
+        if (itemIndex !== -1) {
+          element = treeRef.current?.querySelectorAll('[role="treeitem"]')[itemIndex];
+        }
+      }
+      if (!element) return;
+      element.focus({ preventScroll: true });
+      element.scrollIntoView({ block: "nearest" });
+    },
+    [data, flattenTree]
+  );
+  const fileNavigationItems = reactExports.useMemo(() => {
+    const items = [];
+    if (!isWebUI && cwd) {
+      items.push({ type: "action", action: "reveal" });
+      items.push({ type: "action", action: "editor" });
+    }
+    if (!loading) {
+      items.push(
+        { type: "action", action: "new-file" },
+        { type: "action", action: "new-folder" },
+        { type: "action", action: "refresh" },
+        { type: "action", action: "collapse" }
+      );
+    }
+    items.push(...flattenTree(data).map((id) => ({ type: "tree", id })));
+    return items;
+  }, [cwd, data, flattenTree, loading]);
+  const fileActionItems = reactExports.useMemo(
+    () => fileNavigationItems.filter(
+      (item) => item.type === "action"
+    ),
+    [fileNavigationItems]
+  );
+  const treeNavigationItems = reactExports.useMemo(
+    () => fileNavigationItems.filter(
+      (item) => item.type === "tree"
+    ),
+    [fileNavigationItems]
+  );
+  const focusFileNavigationItem = reactExports.useCallback(
+    (item) => {
+      if (item.type === "action") {
+        const element = navigationActionRefs.current.get(item.action);
+        if (!element) return;
+        element.focus({ preventScroll: true });
+        return;
+      }
+      focusTreeItem(item.id);
+    },
+    [focusTreeItem]
+  );
+  const handleFileNavigationKeyDown = reactExports.useCallback(
+    (event, items, item) => {
+      event.preventDefault();
+      event.stopPropagation();
+      if (items.length === 0) return;
+      const currentIndex = items.findIndex(
+        (navigationItem) => fileNavigationItemKey(navigationItem) === fileNavigationItemKey(item)
+      );
+      const nextIndex = event.key === "Home" ? 0 : event.key === "End" ? items.length - 1 : Math.max(
+        0,
+        Math.min(
+          items.length - 1,
+          currentIndex + (event.key === "ArrowRight" || event.key === "ArrowDown" ? 1 : -1)
+        )
+      );
+      const nextItem = items[nextIndex];
+      if (nextItem) focusFileNavigationItem(nextItem);
+    },
+    [focusFileNavigationItem]
+  );
+  const focusFileTree = reactExports.useCallback(() => {
+    const visibleIds = flattenTree(data);
+    const targetId = lastSelectedId && visibleIds.includes(lastSelectedId) && lastSelectedId || visibleIds.find((id) => selectedIds.has(id)) || visibleIds[0];
+    if (targetId) {
+      focusTreeItem(targetId);
+    } else if (fileActionItems[0]) {
+      focusFileNavigationItem(fileActionItems[0]);
+    }
+  }, [
+    data,
+    fileActionItems,
+    flattenTree,
+    focusFileNavigationItem,
+    focusTreeItem,
+    lastSelectedId,
+    selectedIds
+  ]);
+  useFocusTarget("file-tree-content", focusFileTree);
+  reactExports.useEffect(() => {
+    if (!pendingFocusRestoreRef.current || loading) return;
+    const visibleIds = flattenTree(data);
+    const pendingId = pendingFocusIdRef.current;
+    const targetId = pendingId && visibleIds.includes(pendingId) ? pendingId : visibleIds[0];
+    const fallbackAction = fileActionItems[0];
+    pendingFocusRestoreRef.current = false;
+    pendingFocusIdRef.current = null;
+    window.requestAnimationFrame(() => {
+      if (targetId) {
+        focusTreeItem(targetId);
+      } else if (fallbackAction) {
+        focusFileNavigationItem(fallbackAction);
+      }
+    });
+  }, [
+    data,
+    fileActionItems,
+    flattenTree,
+    focusFileNavigationItem,
+    focusTreeItem,
+    loading
+  ]);
   reactExports.useEffect(() => {
     useAppStore.getState().updateProjectState(projectId, () => ({
       openFolders: Array.from(openFolders)
@@ -17259,6 +18182,86 @@ const FilePanel = reactExports.memo(function FilePanel2({
     },
     [activeProjectId]
   );
+  const handleTreeKeyDown = reactExports.useCallback(
+    (event, node) => {
+      const { key } = event;
+      const isVerticalNavigationKey = key === "ArrowUp" || key === "ArrowDown" || key === "Home" || key === "End";
+      if (isVerticalNavigationKey) {
+        const treeItem = { type: "tree", id: node.id };
+        const currentIndex = treeNavigationItems.findIndex((item) => item.id === node.id);
+        if (key === "ArrowUp" && currentIndex === 0) {
+          const actionItem = fileActionItems.find((item) => item.action === lastFocusedActionRef.current) ?? fileActionItems[0];
+          if (actionItem) {
+            event.preventDefault();
+            event.stopPropagation();
+            focusFileNavigationItem(actionItem);
+            return;
+          }
+        }
+        handleFileNavigationKeyDown(event, treeNavigationItems, treeItem);
+        return;
+      }
+      if (key === "/") {
+        event.preventDefault();
+        event.stopPropagation();
+        const target = event.currentTarget;
+        const rect = target.getBoundingClientRect();
+        target.dispatchEvent(
+          new MouseEvent("contextmenu", {
+            bubbles: true,
+            cancelable: true,
+            view: window,
+            button: 2,
+            buttons: 2,
+            clientX: rect.left + rect.width / 2,
+            clientY: rect.top + rect.height / 2
+          })
+        );
+        return;
+      }
+      if (key === "ArrowLeft" || key === "ArrowRight") {
+        event.preventDefault();
+        event.stopPropagation();
+        if (key === "ArrowRight" && node.isFolder) {
+          if (!openFolders.has(node.id)) {
+            toggle(node);
+          } else {
+            const firstChild = node.children?.[0];
+            if (firstChild) focusTreeItem(firstChild.id);
+          }
+        } else if (key === "ArrowLeft") {
+          if (node.isFolder && openFolders.has(node.id)) {
+            toggle(node);
+          } else {
+            const parentId = node.id.slice(0, node.id.lastIndexOf("/"));
+            if (parentId) focusTreeItem(parentId);
+          }
+        }
+        return;
+      }
+      if (key === "Enter" || key === " " || key === "Spacebar") {
+        event.preventDefault();
+        event.stopPropagation();
+        setSelectedIds(/* @__PURE__ */ new Set([node.id]));
+        setLastSelectedId(node.id);
+        if (node.isFolder) {
+          toggle(node);
+        } else {
+          onPreviewFile(node.id);
+        }
+      }
+    },
+    [
+      fileActionItems,
+      focusFileNavigationItem,
+      focusTreeItem,
+      handleFileNavigationKeyDown,
+      onPreviewFile,
+      openFolders,
+      toggle,
+      treeNavigationItems
+    ]
+  );
   const collapseAll = reactExports.useCallback(() => {
     setOpenFolders(/* @__PURE__ */ new Set());
     openFoldersRef.current = /* @__PURE__ */ new Set();
@@ -17397,6 +18400,16 @@ const FilePanel = reactExports.memo(function FilePanel2({
     request.getPlatform().then((p) => setOsPlatform(p));
   }, []);
   const trashLabel = osPlatform === "darwin" ? t("filePanel.moveToTrash") : osPlatform === "win32" ? t("filePanel.moveToRecycleBin") : t("filePanel.moveToTrash");
+  const prepareFocusAfterDelete = (ids) => {
+    const isDeletedId = (id) => ids.some((deletedId) => id === deletedId || id.startsWith(`${deletedId}/`));
+    const referenceId = (focusedTreeItemIdRef.current && isDeletedId(focusedTreeItemIdRef.current) ? focusedTreeItemIdRef.current : null) ?? (lastSelectedId && isDeletedId(lastSelectedId) ? lastSelectedId : null) ?? ids.find(isDeletedId);
+    if (!referenceId) return;
+    const visibleIds = flattenTree(data);
+    const referenceIndex = visibleIds.indexOf(referenceId);
+    const targetId = (referenceIndex !== -1 ? visibleIds.slice(referenceIndex + 1).find((id) => !isDeletedId(id)) : void 0) ?? (referenceIndex !== -1 ? [...visibleIds.slice(0, referenceIndex)].reverse().find((id) => !isDeletedId(id)) : void 0) ?? visibleIds.find((id) => !isDeletedId(id));
+    pendingFocusIdRef.current = targetId ?? null;
+    pendingFocusRestoreRef.current = true;
+  };
   const deleteNode = async (ids) => {
     if (ids.length === 0 || !activeProjectId) return;
     await confirm2({
@@ -17425,7 +18438,9 @@ const FilePanel = reactExports.memo(function FilePanel2({
             } catch (err) {
               console.error("Delete failed:", extractErrorMessage(err));
             }
+            prepareFocusAfterDelete(ids);
             setSelectedIds(/* @__PURE__ */ new Set());
+            setLastSelectedId(null);
             refresh();
             return "trashed";
           }
@@ -17443,7 +18458,9 @@ const FilePanel = reactExports.memo(function FilePanel2({
             } catch (err) {
               console.error("Delete failed:", extractErrorMessage(err));
             }
+            prepareFocusAfterDelete(ids);
             setSelectedIds(/* @__PURE__ */ new Set());
+            setLastSelectedId(null);
             refresh();
             return "deleted";
           }
@@ -17884,6 +18901,47 @@ const FilePanel = reactExports.memo(function FilePanel2({
     }
     return null;
   };
+  const handleFileActionKeyDown = (event, action) => {
+    if (event.key === "ArrowLeft" || event.key === "ArrowRight" || event.key === "Home" || event.key === "End") {
+      handleFileNavigationKeyDown(event, fileActionItems, { type: "action", action });
+      return;
+    }
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      event.stopPropagation();
+      const firstTreeItem = treeNavigationItems[0];
+      if (firstTreeItem) focusFileNavigationItem(firstTreeItem);
+      return;
+    }
+    if (event.key !== "Enter" && event.key !== " " && event.key !== "Spacebar") return;
+    event.preventDefault();
+    event.stopPropagation();
+    switch (action) {
+      case "reveal":
+        if (cwd) void revealInFinder(cwd);
+        break;
+      case "editor":
+        if (cwd) {
+          const editorName = useAppStore.getState().editor.name;
+          void electron.openInEditor(cwd, editorName).catch((err) => {
+            console.error("openInEditor failed:", extractErrorMessage(err));
+          });
+        }
+        break;
+      case "new-file":
+        createIn(getSelectedFolder(), false);
+        break;
+      case "new-folder":
+        createIn(getSelectedFolder(), true);
+        break;
+      case "refresh":
+        refresh();
+        break;
+      case "collapse":
+        collapseAll();
+        break;
+    }
+  };
   if (!projectId) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center justify-center text-xs text-muted-foreground", children: t("filePanel.noProject", "No project selected") });
   }
@@ -17903,9 +18961,12 @@ const FilePanel = reactExports.memo(function FilePanel2({
     onEditChange: setEditingValue,
     onEditSubmit: submitEdit,
     onEditCancel: () => setEditingId(null),
-    actions
+    actions,
+    onKeyDown: handleTreeKeyDown,
+    registerRef: registerTreeItemRef,
+    onFocus: handleTreeItemFocus
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, className: "flex h-full min-h-0 flex-col text-xs w-full", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full min-h-0 flex-col text-xs w-full", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-10 items-center gap-0.5 border-b border-border", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex text-muted-foreground items-center gap-1 px-3", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Folders, { className: "size-3.5" }),
@@ -17916,10 +18977,16 @@ const FilePanel = reactExports.memo(function FilePanel2({
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Button,
             {
+              ref: (element) => registerNavigationActionRef("reveal", element),
               variant: "ghost",
               size: "icon",
+              tabIndex: -1,
               className: "size-6 text-muted-foreground hover:text-foreground",
               disabled: !cwd,
+              onKeyDown: (event) => handleFileActionKeyDown(event, "reveal"),
+              onFocus: () => {
+                lastFocusedActionRef.current = "reveal";
+              },
               onClick: () => revealInFinder(cwd),
               title: t("filePanel.revealInFinder"),
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-3.5" })
@@ -17928,10 +18995,16 @@ const FilePanel = reactExports.memo(function FilePanel2({
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Button,
             {
+              ref: (element) => registerNavigationActionRef("editor", element),
               variant: "ghost",
               size: "icon",
+              tabIndex: -1,
               className: "size-6 text-muted-foreground hover:text-foreground",
               disabled: !cwd,
+              onKeyDown: (event) => handleFileActionKeyDown(event, "editor"),
+              onFocus: () => {
+                lastFocusedActionRef.current = "editor";
+              },
               onClick: () => {
                 if (!cwd) return;
                 const editorName = useAppStore.getState().editor.name;
@@ -17949,10 +19022,16 @@ const FilePanel = reactExports.memo(function FilePanel2({
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Button,
           {
+            ref: (element) => registerNavigationActionRef("new-file", element),
             variant: "ghost",
             size: "icon",
+            tabIndex: -1,
             className: "size-6 text-muted-foreground hover:text-foreground",
             disabled: loading,
+            onKeyDown: (event) => handleFileActionKeyDown(event, "new-file"),
+            onFocus: () => {
+              lastFocusedActionRef.current = "new-file";
+            },
             onClick: () => createIn(getSelectedFolder(), false),
             title: t("filePanel.newFile"),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(FilePlus, { className: "size-3.5" })
@@ -17961,10 +19040,16 @@ const FilePanel = reactExports.memo(function FilePanel2({
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Button,
           {
+            ref: (element) => registerNavigationActionRef("new-folder", element),
             variant: "ghost",
             size: "icon",
+            tabIndex: -1,
             className: "size-6 text-muted-foreground hover:text-foreground",
             disabled: loading,
+            onKeyDown: (event) => handleFileActionKeyDown(event, "new-folder"),
+            onFocus: () => {
+              lastFocusedActionRef.current = "new-folder";
+            },
             onClick: () => createIn(getSelectedFolder(), true),
             title: t("filePanel.newFolder"),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderPlus, { className: "size-3.5" })
@@ -17973,10 +19058,16 @@ const FilePanel = reactExports.memo(function FilePanel2({
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Button,
           {
+            ref: (element) => registerNavigationActionRef("refresh", element),
             variant: "ghost",
             size: "icon",
+            tabIndex: -1,
             className: "size-6 text-muted-foreground hover:text-foreground",
             disabled: loading,
+            onKeyDown: (event) => handleFileActionKeyDown(event, "refresh"),
+            onFocus: () => {
+              lastFocusedActionRef.current = "refresh";
+            },
             onClick: refresh,
             title: t("filePanel.refresh", "Refresh"),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5" })
@@ -17985,10 +19076,16 @@ const FilePanel = reactExports.memo(function FilePanel2({
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Button,
           {
+            ref: (element) => registerNavigationActionRef("collapse", element),
             variant: "ghost",
             size: "icon",
+            tabIndex: -1,
             className: "size-6 text-muted-foreground hover:text-foreground",
             disabled: loading,
+            onKeyDown: (event) => handleFileActionKeyDown(event, "collapse"),
+            onFocus: () => {
+              lastFocusedActionRef.current = "collapse";
+            },
             onClick: collapseAll,
             title: t("filePanel.collapseFolders"),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(ListChevronsDownUp, { className: "size-3.5" })
@@ -18010,11 +19107,18 @@ const FilePanel = reactExports.memo(function FilePanel2({
           /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground/70", children: t("filePanel.emptyDirectory") })
         ]
       }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1 pl-1", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenu, { children: [
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1 px-1", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenu, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ContextMenuTrigger,
         {
-          render: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
+          render: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              ref: treeRef,
+              role: "tree",
+              "aria-label": t("filePanel.title", "Files")
+            }
+          ),
           className: "min-h-full py-1",
           onClick: (e) => {
             if (e.target === e.currentTarget) clearSelection();
@@ -18142,6 +19246,10 @@ function findNode(node, id) {
   }
   return null;
 }
+const ADD_TERMINAL_NAVIGATION_ID = "__add_terminal__";
+function terminalNavigationItemKey(item) {
+  return item.type === "add" ? ADD_TERMINAL_NAVIGATION_ID : item.id;
+}
 function TerminalPanel({
   projectId,
   activeTerminalId,
@@ -18151,7 +19259,51 @@ function TerminalPanel({
   const projectState = useProjectState(projectId);
   const terminals = projectState.terminals;
   const updateProjectState = useAppStore((s15) => s15.updateProjectState);
-  async function createTerminal() {
+  const navigationItemRefs = reactExports.useRef(/* @__PURE__ */ new Map());
+  const focusedNavigationItemIdRef = reactExports.useRef(null);
+  const navigationItems = reactExports.useMemo(() => {
+    const items = [{ type: "add" }];
+    items.push(
+      ...terminals.map(
+        (terminal) => ({ type: "terminal", id: terminal.id })
+      )
+    );
+    return items;
+  }, [terminals]);
+  const terminalItems = reactExports.useMemo(
+    () => navigationItems.filter(
+      (item) => item.type === "terminal"
+    ),
+    [navigationItems]
+  );
+  const registerNavigationItemRef = reactExports.useCallback((id, element) => {
+    if (element) {
+      navigationItemRefs.current.set(id, element);
+    } else {
+      navigationItemRefs.current.delete(id);
+    }
+  }, []);
+  const focusNavigationItem = reactExports.useCallback((item) => {
+    const element = navigationItemRefs.current.get(terminalNavigationItemKey(item));
+    if (!element) return;
+    element.focus({ preventScroll: true });
+    element.scrollIntoView({ block: "nearest" });
+  }, []);
+  const focusTerminalList = reactExports.useCallback(() => {
+    const activeItem = activeTerminalId ? navigationItems.find(
+      (item) => item.type === "terminal" && item.id === activeTerminalId
+    ) : void 0;
+    focusNavigationItem(activeItem ?? navigationItems[0]);
+  }, [activeTerminalId, focusNavigationItem, navigationItems]);
+  useFocusTarget("terminal-list-content", focusTerminalList);
+  const selectTerminal = reactExports.useCallback(
+    (terminalId) => {
+      updateProjectState(projectId, () => ({ activeTerminalId: terminalId }));
+      onSelectTerminal(terminalId);
+    },
+    [onSelectTerminal, projectId, updateProjectState]
+  );
+  const createTerminal = reactExports.useCallback(async () => {
     if (!projectId) return;
     const { terminalId } = await request.createTerminal({ projectId, cwd: "", clientId });
     updateProjectState(projectId, (prev) => ({
@@ -18159,9 +19311,14 @@ function TerminalPanel({
       activeTerminalId: terminalId
     }));
     onSelectTerminal(terminalId);
-  }
+  }, [onSelectTerminal, projectId, updateProjectState]);
   async function deleteTerminal(terminalId, e) {
-    e.stopPropagation();
+    e?.stopPropagation();
+    const shouldRestoreFocus = focusedNavigationItemIdRef.current === terminalId;
+    const deletedIndex = navigationItems.findIndex(
+      (item) => item.type === "terminal" && item.id === terminalId
+    );
+    const focusTarget = deletedIndex === -1 ? void 0 : navigationItems[deletedIndex + 1] ?? navigationItems[deletedIndex - 1] ?? navigationItems[0];
     destroyTerminalInstance(terminalId);
     await request.killTerminal({ terminalId });
     updateProjectState(projectId, (prev) => {
@@ -18171,7 +19328,81 @@ function TerminalPanel({
         activeTerminalId: prev.activeTerminalId === terminalId ? nextList[nextList.length - 1]?.id ?? null : prev.activeTerminalId
       };
     });
+    if (shouldRestoreFocus && focusTarget) {
+      window.requestAnimationFrame(() => focusNavigationItem(focusTarget));
+    }
   }
+  const handleNavigationKeyDown = reactExports.useCallback(
+    (event, item) => {
+      const { key } = event;
+      if (item.type === "add") {
+        if (key === "ArrowLeft" || key === "ArrowRight" || key === "Home" || key === "End") {
+          event.preventDefault();
+          event.stopPropagation();
+          focusNavigationItem(item);
+          return;
+        }
+        if (key === "ArrowDown") {
+          event.preventDefault();
+          event.stopPropagation();
+          const firstTerminal = terminalItems[0];
+          if (firstTerminal) focusNavigationItem(firstTerminal);
+          return;
+        }
+        if (key === "Enter" || key === " " || key === "Spacebar") {
+          event.preventDefault();
+          event.stopPropagation();
+          void createTerminal();
+        }
+        return;
+      }
+      const isVerticalNavigationKey = key === "ArrowUp" || key === "ArrowDown" || key === "Home" || key === "End";
+      if (isVerticalNavigationKey) {
+        event.preventDefault();
+        event.stopPropagation();
+        const currentIndex = terminalItems.findIndex((terminal) => terminal.id === item.id);
+        if (key === "ArrowUp" && currentIndex === 0) {
+          focusNavigationItem({ type: "add" });
+          return;
+        }
+        if (terminalItems.length === 0) return;
+        const nextIndex = key === "Home" ? 0 : key === "End" ? terminalItems.length - 1 : Math.max(
+          0,
+          Math.min(
+            terminalItems.length - 1,
+            currentIndex + (key === "ArrowDown" ? 1 : -1)
+          )
+        );
+        const nextTerminal = terminalItems[nextIndex];
+        if (nextTerminal) focusNavigationItem(nextTerminal);
+        return;
+      }
+      if (key === "/") {
+        event.preventDefault();
+        event.stopPropagation();
+        const target = event.currentTarget;
+        const rect = target.getBoundingClientRect();
+        target.dispatchEvent(
+          new MouseEvent("contextmenu", {
+            bubbles: true,
+            cancelable: true,
+            view: window,
+            button: 2,
+            buttons: 2,
+            clientX: rect.left + rect.width / 2,
+            clientY: rect.top + rect.height / 2
+          })
+        );
+        return;
+      }
+      if (key === "Enter" || key === " " || key === "Spacebar") {
+        event.preventDefault();
+        event.stopPropagation();
+        selectTerminal(item.id);
+      }
+    },
+    [createTerminal, focusNavigationItem, selectTerminal, terminalItems]
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-10 items-center gap-0.5 border-b border-border", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex text-muted-foreground items-center gap-1 px-3", children: [
@@ -18181,10 +19412,16 @@ function TerminalPanel({
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-auto mr-2 flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button,
         {
+          ref: (element) => registerNavigationItemRef(ADD_TERMINAL_NAVIGATION_ID, element),
           variant: "ghost",
           size: "icon",
+          tabIndex: -1,
           className: "size-6 text-muted-foreground hover:text-foreground",
           onClick: () => void createTerminal(),
+          onKeyDown: (event) => handleNavigationKeyDown(event, { type: "add" }),
+          onFocus: () => {
+            focusedNavigationItemIdRef.current = ADD_TERMINAL_NAVIGATION_ID;
+          },
           "aria-label": t("terminalPanel.addTerminal", "Add terminal"),
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3.5" })
         }
@@ -18193,41 +19430,70 @@ function TerminalPanel({
     terminals.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center text-muted-foreground", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-10 rounded-full bg-muted flex items-center justify-center mb-3 -mt-10", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SquareTerminal, { className: "size-5 text-muted-foreground/60" }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground/70", children: t("terminalPanel.noTerminalSelected", "No terminals") })
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-0.5 py-1 px-1", children: terminals.map((terminal) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          updateProjectState(projectId, () => ({ activeTerminalId: terminal.id }));
-          onSelectTerminal(terminal.id);
-        },
-        className: cn$1(
-          "flex h-8 items-center gap-2 rounded-md pl-2 pr-1.5 text-xs w-full transition-colors",
-          terminal.id === activeTerminalId ? "bg-accent text-accent-foreground" : "text-foreground/70 hover:bg-accent/50 hover:text-foreground"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Circle,
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-0.5 py-1 px-1", children: terminals.map((terminal) => /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenu, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        ContextMenuTrigger,
+        {
+          render: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
             {
-              className: cn$1(
-                "size-2 shrink-0",
-                terminal.running ? "fill-emerald-400 text-emerald-400" : "text-muted-foreground"
-              )
+              ref: (element) => registerNavigationItemRef(terminal.id, element),
+              type: "button",
+              tabIndex: -1,
+              className: "outline-0 focus-visible:inset-ring-1 focus-visible:inset-ring-ring/80 rounded-md",
+              "aria-current": terminal.id === activeTerminalId ? "true" : void 0,
+              onKeyDown: (event) => handleNavigationKeyDown(event, { type: "terminal", id: terminal.id }),
+              onFocus: () => {
+                focusedNavigationItemIdRef.current = terminal.id;
+              }
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate text-left", children: terminal.id.slice(0, 8) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "span",
-            {
-              className: "flex size-5 shrink-0 items-center justify-center rounded hover:bg-background/70",
-              onClick: (e) => void deleteTerminal(terminal.id, e),
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { className: "size-3 text-muted-foreground" })
-            }
-          )
-        ]
-      },
-      terminal.id
-    )) }) })
+          onClick: () => selectTerminal(terminal.id),
+          className: cn$1(
+            "flex h-8 items-center gap-2 rounded-md pl-2 pr-1.5 text-xs w-full transition-colors",
+            terminal.id === activeTerminalId ? "bg-accent text-accent-foreground" : "text-foreground/70 hover:bg-accent/50 hover:text-foreground"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Circle,
+              {
+                className: cn$1(
+                  "size-2 shrink-0",
+                  terminal.running ? "fill-emerald-400 text-emerald-400" : "text-muted-foreground"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate text-left", children: terminal.id.slice(0, 8) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                className: "flex size-5 shrink-0 items-center justify-center rounded hover:bg-background/70",
+                onClick: (e) => void deleteTerminal(terminal.id, e),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { className: "size-3 text-muted-foreground" })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => selectTerminal(terminal.id), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, {}),
+          t("terminalPanel.view", "View")
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          ContextMenuItem,
+          {
+            variant: "destructive",
+            onClick: () => void deleteTerminal(terminal.id),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, {}),
+              t("terminalPanel.delete", "Delete")
+            ]
+          }
+        )
+      ] })
+    ] }, terminal.id)) }) })
   ] });
 }
 function Panel({
@@ -18240,6 +19506,27 @@ function Panel({
   onSelectTerminal
 }) {
   const { t } = useTranslation();
+  const { focus } = useFocusTargetRegistry();
+  const focusFileTree = reactExports.useCallback(() => {
+    const focusFileTreeContent = () => focus("file-tree-content");
+    if (tab === "files") {
+      focusFileTreeContent();
+      return;
+    }
+    onTabChange("files");
+    window.requestAnimationFrame(focusFileTreeContent);
+  }, [focus, onTabChange, tab]);
+  useFocusTarget("file-tree", focusFileTree, Boolean(projectId));
+  const focusTerminalList = reactExports.useCallback(() => {
+    const focusTerminalListContent = () => focus("terminal-list-content");
+    if (tab === "terminal") {
+      focusTerminalListContent();
+      return;
+    }
+    onTabChange("terminal");
+    window.requestAnimationFrame(focusTerminalListContent);
+  }, [focus, onTabChange, tab]);
+  useFocusTarget("terminal-list", focusTerminalList, Boolean(projectId));
   if (!projectId) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center justify-center text-xs text-muted-foreground border-l border-border bg-background", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t("panel.noProjectSelected", "No project selected") }) });
   }
@@ -18260,7 +19547,7 @@ function Panel({
             t("panel.terminal", "Terminal")
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "files", className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "files", keepMounted: true, className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           FilePanel,
           {
             projectId,
@@ -18268,7 +19555,7 @@ function Panel({
             onPreviewFile
           }
         ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "terminal", className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "terminal", keepMounted: true, className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           TerminalPanel,
           {
             projectId,
@@ -18350,61 +19637,21 @@ function Session({ session }) {
   const [connectionError, setConnectionError] = reactExports.useState(false);
   reactExports.useEffect(() => {
     setConnectionError(false);
-    request.loadSession({ sessionId }).catch((err) => {
+    const sessionState = useAppStore.getState().getSessionState(sessionId);
+    const shouldLoadHistory = sessionState.messages.length === 0 && !isCreatingSession && sessionState.loadedAt === null;
+    if (shouldLoadHistory && fetchingRef.current === sessionId) return;
+    if (shouldLoadHistory) fetchingRef.current = sessionId;
+    void loadSession(sessionId, { loadHistory: shouldLoadHistory }).catch((err) => {
+      if (err instanceof SessionLifecycleBusyError) return;
       setConnectionError(true);
       toast.error(err instanceof Error ? err.message : String(err));
+    }).finally(() => {
+      if (fetchingRef.current === sessionId) fetchingRef.current = null;
     });
-    const sessionState = useAppStore.getState().getSessionState(sessionId);
-    if (sessionState.messages.length > 0 || isCreatingSession || sessionState.loadedAt !== null) {
-      return;
-    }
-    if (fetchingRef.current === sessionId) return;
-    fetchingRef.current = sessionId;
-    async function fetchHistory() {
-      useAppStore.getState().updateSessionState(sessionId, (prev) => ({
-        ...reduceFlushStreaming(prev),
-        isLoading: true
-      }));
-      try {
-        const result = await request.getSessionHistory({ sessionId });
-        let state = useAppStore.getState().getSessionState(sessionId);
-        state = { ...state, messages: [], activeToolCalls: /* @__PURE__ */ new Map(), activeSubagents: /* @__PURE__ */ new Map() };
-        const displayIds = /* @__PURE__ */ new Set();
-        for (const notification of result.messages) {
-          const displayId = notification?.update?._meta?.fello?.displayId;
-          if (displayId) {
-            displayIds.add(displayId);
-          }
-          if (!notification?.update) continue;
-          state = reduceSessionNotification(sessionId, state, notification);
-        }
-        for (const notification of state.pendingNotifications) {
-          const did = notification.update._meta?.fello?.displayId;
-          if (did && displayIds.has(did)) {
-            continue;
-          }
-          state = reduceSessionNotification(sessionId, state, notification);
-        }
-        state = reduceFlushStreaming(state);
-        state = {
-          ...state,
-          isLoading: false,
-          pendingNotifications: [],
-          loadedAt: Date.now()
-        };
-        useAppStore.getState().updateSessionState(sessionId, () => state);
-      } catch (err) {
-        console.error("Failed to fetch session history", err);
-        useAppStore.getState().updateSessionState(sessionId, (prev) => ({ ...prev, isLoading: false }));
-      } finally {
-        fetchingRef.current = null;
-      }
-    }
-    void fetchHistory();
   }, [sessionId, isCreatingSession, toast]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("main", { ref: setMainEl, className: "flex min-w-0 flex-1 flex-col relative overflow-hidden", children: isLoading || sessionConnected !== "connected" || isCreatingSession ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 relative", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-0 top-0 right-0 h-12", style: { WebkitAppRegion: "drag" } }),
-    connectionError && sessionConnected !== "connected" && !isCreatingSession ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    connectionError && !isCreatingSession ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-normal text-muted-foreground", children: t("session.connectionFailed") }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         Button,
@@ -18413,7 +19660,8 @@ function Session({ session }) {
           size: "sm",
           onClick: () => {
             setConnectionError(false);
-            request.loadSession({ sessionId, force: true }).catch((err) => {
+            void loadSession(sessionId, { force: true, loadHistory: true }).catch((err) => {
+              if (err instanceof SessionLifecycleBusyError) return;
               setConnectionError(true);
               toast.error(err instanceof Error ? err.message : String(err));
             });