replicas-cli 0.2.340 → 0.2.341

package/dist/index.mjs

@@ -9597,7 +9597,7 @@ var HOOK_EXEC_MAX_BUFFER_BYTES = 10 * 1024 * 1024;
 var REPLICAS_CONFIG_FILENAMES = ["replicas.json", "replicas.yaml", "replicas.yml"];
 
 // ../shared/src/cli-version.ts
-var CLI_VERSION = "0.2.340";
+var CLI_VERSION = "0.2.341";
 
 // ../shared/src/engine/environment.ts
 var DESKTOP_NOVNC_PORT = 6080;
@@ -16298,7 +16298,7 @@ import { createCliRenderer } from "@opentui/core";
 import { createRoot } from "@opentui/react";
 
 // src/interactive/App.tsx
-import { useState as useState8, useEffect as useEffect3, useMemo as useMemo6, useCallback as useCallback8, useRef as useRef5 } from "react";
+import { useState as useState7, useEffect as useEffect2, useMemo as useMemo5, useCallback as useCallback9, useRef as useRef6 } from "react";
 import { useKeyboard as useKeyboard5, useRenderer, useTerminalDimensions as useTerminalDimensions3 } from "@opentui/react";
 import { QueryClient } from "@tanstack/react-query";
 
@@ -16320,8 +16320,74 @@ function useEffectOnMount(effect) {
   useEffect(effect, []);
 }
 
+// ../shared/src/hooks/useReconnectingSseStream.ts
+import { useCallback, useRef, useSyncExternalStore } from "react";
+function useReconnectingSseStream(options) {
+  const { enabled, openStream, onEvent, onConnect, onNotOk, reconnectDelayMs = 1e3, coalesceMs } = options;
+  const connectedRef = useRef(false);
+  const subscribe = useCallback(
+    (notify) => {
+      if (!enabled) return () => {
+      };
+      const controller = new AbortController();
+      let cancelled = false;
+      let debounce = null;
+      const setConnected = (value) => {
+        if (connectedRef.current === value) return;
+        connectedRef.current = value;
+        notify();
+      };
+      const emit = (event) => {
+        if (coalesceMs === void 0) {
+          void onEvent(event);
+          return;
+        }
+        if (debounce) clearTimeout(debounce);
+        debounce = setTimeout(() => void onEvent(event), coalesceMs);
+      };
+      const connect = async () => {
+        try {
+          const response = await openStream(controller.signal);
+          if (!response.ok || !response.body) {
+            setConnected(false);
+            return onNotOk?.(response) === "stop";
+          }
+          setConnected(true);
+          onConnect?.();
+          await readSseStream(response.body, emit, () => !cancelled);
+          return false;
+        } catch {
+          setConnected(false);
+          return false;
+        }
+      };
+      const run = async () => {
+        while (!cancelled) {
+          const stop = await connect();
+          if (cancelled || stop) break;
+          await new Promise((resolve2) => setTimeout(resolve2, reconnectDelayMs));
+        }
+      };
+      run().catch(() => setConnected(false));
+      return () => {
+        cancelled = true;
+        controller.abort();
+        if (debounce) clearTimeout(debounce);
+        setConnected(false);
+      };
+    },
+    [enabled, openStream, onEvent, onConnect, onNotOk, reconnectDelayMs, coalesceMs]
+  );
+  const connected = useSyncExternalStore(
+    subscribe,
+    () => connectedRef.current,
+    () => false
+  );
+  return { connected };
+}
+
 // ../shared/src/hooks/fetch.ts
-import { useCallback } from "react";
+import { useCallback as useCallback2 } from "react";
 var REDIRECT_STATUSES2 = /* @__PURE__ */ new Set([301, 302, 303, 307, 308]);
 var MAX_REDIRECTS2 = 5;
 async function fetchWithRedirects2(url, init, attempt = 0) {
@@ -16347,7 +16413,7 @@ async function fetchWithRedirects2(url, init, attempt = 0) {
 }
 function useOrgFetch() {
   const auth = useReplicasAuth();
-  return useCallback(
+  return useCallback2(
     async function orgFetch(url, options) {
       const token = await auth.getAccessToken();
       const orgId = auth.getOrganizationId();
@@ -16375,7 +16441,7 @@ function useOrgFetch() {
 }
 function useRawOrgFetch() {
   const auth = useReplicasAuth();
-  return useCallback(
+  return useCallback2(
     async function rawOrgFetch(url, options) {
       const token = await auth.getAccessToken();
       const orgId = auth.getOrganizationId();
@@ -16392,7 +16458,7 @@ function useRawOrgFetch() {
 }
 
 // ../shared/src/hooks/useWorkspaces.ts
-import { useCallback as useCallback2 } from "react";
+import { useCallback as useCallback3 } from "react";
 import { useQuery, useMutation } from "@tanstack/react-query";
 function useWorkspaces(viewModes, page = 1, limit = 100) {
   const auth = useReplicasAuth();
@@ -16444,7 +16510,7 @@ function useWaitForWorkspaceActive() {
   const auth = useReplicasAuth();
   const orgFetch = useOrgFetch();
   const orgId = auth.getOrganizationId();
-  return useCallback2(async (workspaceId) => {
+  return useCallback3(async (workspaceId) => {
     try {
       const result = await auth.queryClient.fetchQuery({
         queryKey: ["workspace-wait-active", orgId, workspaceId],
@@ -16516,7 +16582,7 @@ function useGenerateWorkspaceName() {
 }
 
 // ../shared/src/hooks/useWorkspaceEngine.ts
-import { useCallback as useCallback3, useEffect as useEffect2, useMemo, useState } from "react";
+import { useCallback as useCallback4 } from "react";
 import { useQuery as useQuery2, useMutation as useMutation2 } from "@tanstack/react-query";
 function upsertChat(chats, chat) {
   const existingIndex = chats.findIndex((item) => item.id === chat.id);
@@ -16644,8 +16710,7 @@ function useWorkspaceEvents(workspaceId, enabled = true) {
   const auth = useReplicasAuth();
   const rawFetch = useRawOrgFetch();
   const qc = auth.queryClient;
-  const [connected, setConnected] = useState(false);
-  const handleEvent = useCallback3((event) => {
+  const handleEvent = useCallback4((event) => {
     if (!workspaceId) return;
     const chatsKey = ["workspace-chats", workspaceId];
     if (event.type === "chat.created" || event.type === "chat.updated") {
@@ -16723,43 +16788,18 @@ function useWorkspaceEvents(workspaceId, enabled = true) {
       return;
     }
   }, [qc, workspaceId]);
-  useEffect2(() => {
-    if (!workspaceId || !enabled) return;
-    const controller = new AbortController();
-    let cancelled = false;
-    const connect = async () => {
-      try {
-        const response = await rawFetch(`/v1/workspaces/${workspaceId}/events`, {
-          headers: { "Accept": "text/event-stream" },
-          signal: controller.signal
-        });
-        if (!response.ok || !response.body) {
-          setConnected(false);
-          return false;
-        }
-        setConnected(true);
-        await readSseStream(response.body, handleEvent, () => !cancelled);
-        return false;
-      } catch {
-        setConnected(false);
-        return false;
-      }
-    };
-    const run = async () => {
-      while (!cancelled) {
-        await connect();
-        if (cancelled) break;
-        await new Promise((resolve2) => setTimeout(resolve2, 1e3));
-      }
-    };
-    run().catch(() => setConnected(false));
-    return () => {
-      cancelled = true;
-      controller.abort();
-      setConnected(false);
-    };
-  }, [enabled, handleEvent, rawFetch, workspaceId]);
-  return useMemo(() => ({ connected }), [connected]);
+  const openStream = useCallback4(
+    (signal) => rawFetch(`/v1/workspaces/${workspaceId}/events`, {
+      headers: { Accept: "text/event-stream" },
+      signal
+    }),
+    [rawFetch, workspaceId]
+  );
+  return useReconnectingSseStream({
+    enabled: workspaceId != null && enabled,
+    openStream,
+    onEvent: handleEvent
+  });
 }
 
 // ../shared/src/hooks/useRepositories.ts
@@ -16839,7 +16879,7 @@ function StatusBar({ focusPanel, viewingDiff, hasDiffAvailable }) {
 }
 
 // src/interactive/components/WorkspaceSidebar.tsx
-import { useState as useState2, useMemo as useMemo2, useCallback as useCallback4 } from "react";
+import { useState, useMemo, useCallback as useCallback5 } from "react";
 import { useKeyboard, useTerminalDimensions } from "@opentui/react";
 import { jsx as jsx2, jsxs as jsxs2 } from "@opentui/react/jsx-runtime";
 function flattenGroups(groups, collapsedGroups) {
@@ -16885,17 +16925,17 @@ function WorkspaceSidebar({
   loading
 }) {
   const { height: termHeight } = useTerminalDimensions();
-  const [collapsedGroups, setCollapsedGroups] = useState2(/* @__PURE__ */ new Set());
-  const [cursorIndex, setCursorIndex] = useState2(0);
-  const [scrollOffset, setScrollOffset] = useState2(0);
-  const [confirmArchive, setConfirmArchive] = useState2(null);
-  const items = useMemo2(() => flattenGroups(groups, collapsedGroups), [groups, collapsedGroups]);
+  const [collapsedGroups, setCollapsedGroups] = useState(/* @__PURE__ */ new Set());
+  const [cursorIndex, setCursorIndex] = useState(0);
+  const [scrollOffset, setScrollOffset] = useState(0);
+  const [confirmArchive, setConfirmArchive] = useState(null);
+  const items = useMemo(() => flattenGroups(groups, collapsedGroups), [groups, collapsedGroups]);
   const clampedCursor = Math.min(cursorIndex, Math.max(0, items.length - 1));
   if (clampedCursor !== cursorIndex) {
     setCursorIndex(clampedCursor);
   }
   const visibleHeight = Math.max(1, termHeight - 4);
-  const adjustScroll = useCallback4(
+  const adjustScroll = useCallback5(
     (newCursor) => {
       let newOffset = scrollOffset;
       if (newCursor < newOffset) {
@@ -16907,7 +16947,7 @@ function WorkspaceSidebar({
     },
     [scrollOffset, visibleHeight]
   );
-  const moveCursor = useCallback4(
+  const moveCursor = useCallback5(
     (next) => {
       const len = items.length;
       if (len === 0) return;
@@ -16917,7 +16957,7 @@ function WorkspaceSidebar({
     },
     [items.length, adjustScroll]
   );
-  const handleAction = useCallback4(
+  const handleAction = useCallback5(
     (item) => {
       if (item.type === "group") {
         setCollapsedGroups((prev) => {
@@ -16937,7 +16977,7 @@ function WorkspaceSidebar({
     },
     [onSelectWorkspace, onCreateWorkspace]
   );
-  const handleArchive = useCallback4(() => {
+  const handleArchive = useCallback5(() => {
     const item = items[cursorIndex];
     if (!item || item.type !== "workspace") return;
     if (confirmArchive === item.workspaceId) {
@@ -16947,7 +16987,7 @@ function WorkspaceSidebar({
       setConfirmArchive(item.workspaceId);
     }
   }, [items, cursorIndex, confirmArchive, onArchiveWorkspace]);
-  const moveCursorAndClearConfirm = useCallback4(
+  const moveCursorAndClearConfirm = useCallback5(
     (next) => {
       setConfirmArchive(null);
       moveCursor(next);
@@ -17015,7 +17055,7 @@ function WorkspaceSidebar({
       return;
     }
   });
-  const handleItemClick = useCallback4(
+  const handleItemClick = useCallback5(
     (globalIndex) => {
       setConfirmArchive(null);
       setCursorIndex(globalIndex);
@@ -17024,7 +17064,7 @@ function WorkspaceSidebar({
     },
     [items, handleAction]
   );
-  const handleArchiveClick = useCallback4(
+  const handleArchiveClick = useCallback5(
     (workspaceId, e) => {
       e?.preventDefault?.();
       if (confirmArchive === workspaceId) {
@@ -17162,11 +17202,11 @@ function WorkspaceSidebar({
 }
 
 // src/interactive/components/ChatArea.tsx
-import { useRef as useRef2 } from "react";
+import { useRef as useRef3 } from "react";
 import { useKeyboard as useKeyboard3 } from "@opentui/react";
 
 // src/interactive/components/ChatMessage.tsx
-import { useState as useState5, useMemo as useMemo4 } from "react";
+import { useState as useState4, useMemo as useMemo3 } from "react";
 
 // src/interactive/components/Spinner.tsx
 import "opentui-spinner/react";
@@ -17181,10 +17221,10 @@ function SpinnerLabel({ color, label }) {
 }
 
 // src/interactive/components/StructuredUserMessage.tsx
-import { useState as useState4 } from "react";
+import { useState as useState3 } from "react";
 
 // src/interactive/components/diff-utils.tsx
-import React2, { useState as useState3, useMemo as useMemo3, useCallback as useCallback5, useRef } from "react";
+import React2, { useState as useState2, useMemo as useMemo2, useCallback as useCallback6, useRef as useRef2 } from "react";
 import { SyntaxStyle } from "@opentui/core";
 import { useKeyboard as useKeyboard2 } from "@opentui/react";
 import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "@opentui/react/jsx-runtime";
@@ -17314,7 +17354,7 @@ function diffProps(filePath) {
   };
 }
 function DiffView({ diff, filePath }) {
-  const hunks = useMemo3(() => splitDiffByHunks(diff), [diff]);
+  const hunks = useMemo2(() => splitDiffByHunks(diff), [diff]);
   const props = diffProps(filePath);
   if (hunks.length <= 1) {
     return /* @__PURE__ */ jsx4("diff", { diff: ensureUnifiedHeaders(diff, filePath), ...props });
@@ -17427,16 +17467,16 @@ function buildFileTree(files) {
 }
 var FILE_PANEL_WIDTH = 32;
 function DiffViewer({ diff, repoName, focused }) {
-  const files = useMemo3(() => splitDiffByFile(diff), [diff]);
-  const tree = useMemo3(() => buildFileTree(files), [files]);
-  const [selectedFileIndex, setSelectedFileIndex] = useState3(0);
-  const [collapsedFolders, setCollapsedFolders] = useState3(/* @__PURE__ */ new Set());
-  const [cursorIndex, setCursorIndex] = useState3(0);
-  const [innerFocus, setInnerFocus] = useState3("files");
+  const files = useMemo2(() => splitDiffByFile(diff), [diff]);
+  const tree = useMemo2(() => buildFileTree(files), [files]);
+  const [selectedFileIndex, setSelectedFileIndex] = useState2(0);
+  const [collapsedFolders, setCollapsedFolders] = useState2(/* @__PURE__ */ new Set());
+  const [cursorIndex, setCursorIndex] = useState2(0);
+  const [innerFocus, setInnerFocus] = useState2("files");
   const safeFileIndex = Math.min(selectedFileIndex, Math.max(0, files.length - 1));
-  const diffScrollRef = useRef(null);
-  const fileTreeScrollRef = useRef(null);
-  const visibleTree = useMemo3(() => {
+  const diffScrollRef = useRef2(null);
+  const fileTreeScrollRef = useRef2(null);
+  const visibleTree = useMemo2(() => {
     const result = [];
     let hideUntilDepth = null;
     for (const node of tree) {
@@ -17452,12 +17492,12 @@ function DiffViewer({ diff, repoName, focused }) {
     return result;
   }, [tree, collapsedFolders]);
   const safeCursorIndex = Math.min(cursorIndex, Math.max(0, visibleTree.length - 1));
-  const scrollCursorIntoView = useCallback5((treeIdx) => {
+  const scrollCursorIntoView = useCallback6((treeIdx) => {
     const node = visibleTree[treeIdx];
     if (!node) return;
     fileTreeScrollRef.current?.scrollChildIntoView(`tree-${node.path}`);
   }, [visibleTree]);
-  const moveCursor = useCallback5((next) => {
+  const moveCursor = useCallback6((next) => {
     const len = visibleTree.length;
     if (len === 0) return;
     const wrapped = (next % len + len) % len;
@@ -17468,7 +17508,7 @@ function DiffViewer({ diff, repoName, focused }) {
       setSelectedFileIndex(node.fileIndex);
     }
   }, [visibleTree, scrollCursorIntoView]);
-  const toggleFolder = useCallback5((folderPath) => {
+  const toggleFolder = useCallback6((folderPath) => {
     setCollapsedFolders((prev) => {
       const next = new Set(prev);
       if (next.has(folderPath)) next.delete(folderPath);
@@ -17476,7 +17516,7 @@ function DiffViewer({ diff, repoName, focused }) {
       return next;
     });
   }, []);
-  const selectFile = useCallback5((fileIndex, treeIndex) => {
+  const selectFile = useCallback6((fileIndex, treeIndex) => {
     setSelectedFileIndex(fileIndex);
     setCursorIndex(treeIndex);
     scrollCursorIntoView(treeIndex);
@@ -17513,7 +17553,7 @@ function DiffViewer({ diff, repoName, focused }) {
       }
     }
   });
-  const statsColumnWidth = useMemo3(() => {
+  const statsColumnWidth = useMemo2(() => {
     let max = 0;
     for (const f of files) {
       const a = f.added > 0 ? `+${f.added}`.length : 0;
@@ -17697,7 +17737,7 @@ function MessageBody({ children }) {
   return /* @__PURE__ */ jsx5("text", { fg: "#ffffff", selectable: true, children });
 }
 function ExpandableSection({ label, children }) {
-  const [expanded, setExpanded] = useState4(false);
+  const [expanded, setExpanded] = useState3(false);
   if (!children) return null;
   return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", children: [
     /* @__PURE__ */ jsx5("box", { onMouseDown: () => setExpanded((e) => !e), children: /* @__PURE__ */ jsxs5("text", { children: [
@@ -17711,7 +17751,7 @@ function ExpandableSection({ label, children }) {
   ] });
 }
 function ExpandableDiffSection({ label, diffContent, filePath }) {
-  const [expanded, setExpanded] = useState4(false);
+  const [expanded, setExpanded] = useState3(false);
   if (!diffContent) return null;
   return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", children: [
     /* @__PURE__ */ jsx5("box", { onMouseDown: () => setExpanded((e) => !e), children: /* @__PURE__ */ jsxs5("text", { children: [
@@ -17954,7 +17994,7 @@ function ExpandableAction({
   status,
   children
 }) {
-  const [expanded, setExpanded] = useState5(false);
+  const [expanded, setExpanded] = useState4(false);
   return /* @__PURE__ */ jsxs6("box", { flexDirection: "column", children: [
     /* @__PURE__ */ jsx6(
       ActionLine,
@@ -17979,9 +18019,9 @@ function getChangeStyle(action) {
   return CHANGE_STYLE[action] ?? DEFAULT_CHANGE_STYLE;
 }
 function PatchOperation({ op, defaultExpanded = false }) {
-  const [expanded, setExpanded] = useState5(defaultExpanded);
+  const [expanded, setExpanded] = useState4(defaultExpanded);
   const { color, sign } = getChangeStyle(op.action);
-  const stats = useMemo4(() => op.diff ? countDiffStats(op.diff) : null, [op.diff]);
+  const stats = useMemo3(() => op.diff ? countDiffStats(op.diff) : null, [op.diff]);
   if (!op.diff) {
     return /* @__PURE__ */ jsxs6("text", { children: [
       /* @__PURE__ */ jsx6("span", { fg: color, children: sign }),
@@ -18021,7 +18061,7 @@ function isStructuredPrompt(p) {
   return p.source !== "raw";
 }
 function UserMessageContent({ content }) {
-  const parsed = useMemo4(() => parseUserMessage(content), [content]);
+  const parsed = useMemo3(() => parseUserMessage(content), [content]);
   return /* @__PURE__ */ jsx6(
     "box",
     {
@@ -18158,10 +18198,10 @@ function ChatArea({
   agentLabel,
   agentConnectHelp
 }) {
-  const textareaRef = useRef2(null);
-  const scrollboxRef = useRef2(null);
-  const isAtBottomRef = useRef2(true);
-  const onSendMessageRef = useRef2(onSendMessage);
+  const textareaRef = useRef3(null);
+  const scrollboxRef = useRef3(null);
+  const isAtBottomRef = useRef3(true);
+  const onSendMessageRef = useRef3(onSendMessage);
   onSendMessageRef.current = onSendMessage;
   const inputFocused = focusPanel === "chat-input";
   const tabsFocused = focusPanel === "chat-tabs";
@@ -18333,7 +18373,7 @@ function ChatArea({
 }
 
 // src/interactive/components/WorkspaceInfo.tsx
-import React6, { useState as useState6, useMemo as useMemo5, useCallback as useCallback6, useRef as useRef3 } from "react";
+import React6, { useState as useState5, useMemo as useMemo4, useCallback as useCallback7, useRef as useRef4 } from "react";
 import open4 from "open";
 import { useKeyboard as useKeyboard4 } from "@opentui/react";
 import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs8 } from "@opentui/react/jsx-runtime";
@@ -18521,19 +18561,19 @@ function ViewModeRow({
 }
 function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, agentAvailability, previews, onWakeWorkspace, onViewDiff, wakingWorkspaceId, viewMode, viewingDiffRepoName, onSelectChatMode, onSelectDiffMode, onCreatePr, isPlanMode }) {
   const borderColor = focused ? "#3eeba3" : "#333333";
-  const [cursorIndex, setCursorIndex] = useState6(0);
-  const interactiveItems = useMemo5(() => {
+  const [cursorIndex, setCursorIndex] = useState5(0);
+  const interactiveItems = useMemo4(() => {
     if (!status || !workspaceName) return [];
     return buildInteractiveItems(workspaceId, status, previews, wakingWorkspaceId);
   }, [workspaceId, workspaceName, status, previews, wakingWorkspaceId]);
-  const diffItems = useMemo5(
+  const diffItems = useMemo4(
     () => interactiveItems.filter((item) => item.type === "diff"),
     [interactiveItems]
   );
   const hasAnyDiff = diffItems.length > 0;
   const safeCursor = interactiveItems.length > 0 ? Math.min(cursorIndex, interactiveItems.length - 1) : 0;
-  const scrollboxRef = useRef3(null);
-  const moveCursor = useCallback6(
+  const scrollboxRef = useRef4(null);
+  const moveCursor = useCallback7(
     (next) => {
       const len = interactiveItems.length;
       if (len === 0) return;
@@ -18544,7 +18584,7 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, a
     },
     [interactiveItems]
   );
-  const handleAction = useCallback6(
+  const handleAction = useCallback7(
     (item) => {
       if (!item) return;
       switch (item.type) {
@@ -18613,7 +18653,7 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, a
       return;
     }
   });
-  const isHighlighted = useCallback6(
+  const isHighlighted = useCallback7(
     (item) => {
       if (!focused) return false;
       const idx = interactiveItems.indexOf(item);
@@ -18621,7 +18661,7 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, a
     },
     [focused, interactiveItems, safeCursor]
   );
-  const findItem = useCallback6(
+  const findItem = useCallback7(
     (type, key) => {
       return interactiveItems.find((item) => {
         if (item.type !== type) return false;
@@ -18915,7 +18955,7 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, a
 import { useTerminalDimensions as useTerminalDimensions2 } from "@opentui/react";
 
 // src/interactive/toast-context.tsx
-import { createContext as createContext2, useContext as useContext2, useState as useState7, useCallback as useCallback7, useRef as useRef4 } from "react";
+import { createContext as createContext2, useContext as useContext2, useState as useState6, useCallback as useCallback8, useRef as useRef5 } from "react";
 import { jsx as jsx9 } from "@opentui/react/jsx-runtime";
 var ToastContext = createContext2(null);
 function useToast() {
@@ -18924,9 +18964,9 @@ function useToast() {
   return ctx;
 }
 function ToastProvider({ children }) {
-  const [current, setCurrent] = useState7(null);
-  const timeoutRef = useRef4(null);
-  const show = useCallback7((options) => {
+  const [current, setCurrent] = useState6(null);
+  const timeoutRef = useRef5(null);
+  const show = useCallback8((options) => {
     const { message, variant = "info", duration = 3e3 } = options;
     setCurrent({ message, variant });
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
@@ -18934,7 +18974,7 @@ function ToastProvider({ children }) {
       setCurrent(null);
     }, duration);
   }, []);
-  const error = useCallback7((err) => {
+  const error = useCallback8((err) => {
     const message = err instanceof Error ? err.message : "An error occurred";
     show({ message, variant: "error", duration: 5e3 });
   }, [show]);
@@ -19013,7 +19053,7 @@ function AppInner() {
   const renderer = useRenderer();
   const { width } = useTerminalDimensions3();
   const toast = useToast();
-  const rendererRef = useRef5(renderer);
+  const rendererRef = useRef6(renderer);
   rendererRef.current = renderer;
   if (!workspacePollingStarted) {
     workspacePollingStarted = true;
@@ -19022,7 +19062,7 @@ function AppInner() {
       rendererRef.current.requestRender();
     }, 3e4);
   }
-  useEffect3(() => {
+  useEffect2(() => {
     const handler = (selection) => {
       const text = selection.getSelectedText();
       if (text) {
@@ -19035,15 +19075,15 @@ function AppInner() {
       renderer.off("selection", handler);
     };
   }, [renderer, toast]);
-  const [selectedWorkspaceId, setSelectedWorkspaceId] = useState8(null);
-  const [selectedChatId, setSelectedChatId] = useState8(null);
-  const [focusPanel, setFocusPanel] = useState8("sidebar");
-  const [taskMode, setTaskMode] = useState8("build");
-  const [mockMessages, setMockMessages] = useState8([]);
-  const [mockThinking, setMockThinking] = useState8(false);
-  const pendingMessageRef = useRef5(/* @__PURE__ */ new Map());
-  const [viewingDiff, setViewingDiff] = useState8(null);
-  const [lastViewedDiff, setLastViewedDiff] = useState8(null);
+  const [selectedWorkspaceId, setSelectedWorkspaceId] = useState7(null);
+  const [selectedChatId, setSelectedChatId] = useState7(null);
+  const [focusPanel, setFocusPanel] = useState7("sidebar");
+  const [taskMode, setTaskMode] = useState7("build");
+  const [mockMessages, setMockMessages] = useState7([]);
+  const [mockThinking, setMockThinking] = useState7(false);
+  const pendingMessageRef = useRef6(/* @__PURE__ */ new Map());
+  const [viewingDiff, setViewingDiff] = useState7(null);
+  const [lastViewedDiff, setLastViewedDiff] = useState7(null);
   const { data: workspacesData, isLoading: loadingWorkspaces } = useWorkspaces(WORKSPACE_SIDEBAR_VIEWS);
   const { data: setsData } = useRepositorySets();
   const { data: envsData } = useEnvironments();
@@ -19059,7 +19099,7 @@ function AppInner() {
   );
   const { data: chatsData } = useWorkspaceChats(isMockSelected ? null : selectedWorkspaceId);
   const chats = isMockSelected ? MOCK_CHATS : chatsData?.chats ?? [];
-  const resolvedChatId = useMemo6(() => {
+  const resolvedChatId = useMemo5(() => {
     if (selectedChatId && chats.find((c) => c.id === selectedChatId)) {
       return selectedChatId;
     }
@@ -19078,13 +19118,13 @@ function AppInner() {
   const archiveWorkspaceMutation = useArchiveWorkspace();
   const wakeWorkspaceMutation = useWakeWorkspace();
   const generateNameMutation = useGenerateWorkspaceName();
-  const [wakingWorkspaceId, setWakingWorkspaceId] = useState8(null);
+  const [wakingWorkspaceId, setWakingWorkspaceId] = useState7(null);
   const sendMessageMutation = useSendChatMessage(selectedWorkspaceId, resolvedChatId);
   const interruptMutation = useInterruptChat(selectedWorkspaceId, resolvedChatId);
   const repositorySets = setsData?.repository_sets ?? [];
   const environments = envsData?.environments ?? [];
   const previews = previewsData?.previews ?? [];
-  const groups = useMemo6(
+  const groups = useMemo5(
     () => buildGroups(workspaces, workspacesData, environments, repositorySets),
     [workspaces, workspacesData, environments, repositorySets]
   );
@@ -19094,7 +19134,7 @@ function AppInner() {
   const agentAvailable = agentAvailability ? selectedAgent === "codex" ? agentAvailability.codex.available : selectedAgent === "cursor" ? agentAvailability.cursor.available : selectedAgent === "relay" ? agentAvailability.relay.available : agentAvailability.claude.available : true;
   const agentLabel = getProviderDisplayName(selectedAgent, "long");
   const agentConnectHelp = getAgentConnectHelp(selectedAgent);
-  const displayMessages = useMemo6(() => {
+  const displayMessages = useMemo5(() => {
     if (isMockSelected) return mockMessages;
     const rawEvents = historyData?.events ?? [];
     const events = rawEvents.filter(isAgentBackendEvent);
@@ -19103,7 +19143,7 @@ function AppInner() {
   }, [isMockSelected, mockMessages, historyData, selectedChat?.provider]);
   const showInfoPanel = width >= 100;
   const showWorkspacePanel = width >= 60;
-  const [prevIsMockSelected, setPrevIsMockSelected] = useState8(isMockSelected);
+  const [prevIsMockSelected, setPrevIsMockSelected] = useState7(isMockSelected);
   if (prevIsMockSelected !== isMockSelected) {
     setPrevIsMockSelected(isMockSelected);
     if (prevIsMockSelected && !isMockSelected) {
@@ -19112,7 +19152,7 @@ function AppInner() {
       setMockThinking(false);
     }
   }
-  useEffect3(() => {
+  useEffect2(() => {
     if (!selectedWorkspaceId || isMockSelected) return;
     if (!resolvedChatId || resolvedChatId.startsWith("mock-")) return;
     if (statusData?.status !== "active") return;
@@ -19126,7 +19166,7 @@ function AppInner() {
     }
     sendMessageMutation.mutate({ message: pending });
   }, [selectedWorkspaceId, resolvedChatId, isMockSelected, statusData?.status]);
-  const handleSelectWorkspace = useCallback8((workspaceId) => {
+  const handleSelectWorkspace = useCallback9((workspaceId) => {
     setSelectedWorkspaceId(workspaceId);
     setSelectedChatId(null);
     setMockMessages([]);
@@ -19135,13 +19175,13 @@ function AppInner() {
     setLastViewedDiff(null);
     setFocusPanel("chat-input");
   }, []);
-  const handleFocus = useCallback8((panel) => {
+  const handleFocus = useCallback9((panel) => {
     if (panel === "sidebar") {
       queryClient.invalidateQueries({ queryKey: ["workspaces"] });
     }
     setFocusPanel(panel);
   }, []);
-  const handleCreateWorkspace = useCallback8(
+  const handleCreateWorkspace = useCallback9(
     async (group) => {
       if (group.id === "__ungrouped__") {
         toast.error("Cannot create a workspace in the Other / Ungrouped folder");
@@ -19159,7 +19199,7 @@ function AppInner() {
     },
     [createWorkspaceMutation, toast]
   );
-  const handleArchiveWorkspace = useCallback8(
+  const handleArchiveWorkspace = useCallback9(
     async (workspaceId) => {
       try {
         await archiveWorkspaceMutation.mutateAsync(workspaceId);
@@ -19170,7 +19210,7 @@ function AppInner() {
     },
     [archiveWorkspaceMutation]
   );
-  const handleWakeWorkspace = useCallback8(
+  const handleWakeWorkspace = useCallback9(
     async (workspaceId) => {
       setWakingWorkspaceId(workspaceId);
       try {
@@ -19184,7 +19224,7 @@ function AppInner() {
     },
     [wakeWorkspaceMutation, toast]
   );
-  const handleSelectChat = useCallback8((chatId) => {
+  const handleSelectChat = useCallback9((chatId) => {
     setSelectedChatId(chatId);
   }, []);
   useKeyboard5((key) => {
@@ -19242,16 +19282,16 @@ function AppInner() {
     }
     if (focusPanel === "chat-input") return;
   });
-  const handleViewDiff = useCallback8((diff, repoName) => {
+  const handleViewDiff = useCallback9((diff, repoName) => {
     setViewingDiff({ diff, repoName });
     setLastViewedDiff({ diff, repoName });
     setFocusPanel("chat-history");
   }, []);
-  const handleSelectChatMode = useCallback8(() => {
+  const handleSelectChatMode = useCallback9(() => {
     setViewingDiff(null);
     setFocusPanel("chat-history");
   }, []);
-  const firstAvailableDiff = useMemo6(() => {
+  const firstAvailableDiff = useMemo5(() => {
     if (lastViewedDiff) return lastViewedDiff;
     const repos2 = statusData?.repoStatuses ?? [];
     for (const repo of repos2) {
@@ -19261,14 +19301,14 @@ function AppInner() {
     }
     return null;
   }, [lastViewedDiff, statusData?.repoStatuses]);
-  const handleSelectDiffMode = useCallback8(() => {
+  const handleSelectDiffMode = useCallback9(() => {
     if (firstAvailableDiff) {
       setViewingDiff(firstAvailableDiff);
       setLastViewedDiff(firstAvailableDiff);
       setFocusPanel("chat-history");
     }
   }, [firstAvailableDiff]);
-  const handleSendMessage = useCallback8(
+  const handleSendMessage = useCallback9(
     async (message) => {
       if (!selectedWorkspaceId || !resolvedChatId) return;
       if (isMockSelected) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "replicas-cli",
-  "version": "0.2.340",
+  "version": "0.2.341",
   "description": "CLI for managing Replicas workspaces - SSH into cloud dev environments with automatic port forwarding",
   "main": "dist/index.mjs",
   "bin": {