replicas-cli 0.2.40 → 0.2.42

package/README.md

@@ -63,11 +63,12 @@ Create a `replicas.json` or `replicas.yaml` file in your repository root:
 }
 ```
 
-Or use YAML:
+Or use YAML for better readability (especially for multiline system prompts):
 
 ```yaml
 systemPrompt: |
   Custom instructions for coding agents.
+  Supports multiline text.
 
 startHook:
   commands:
@@ -77,20 +78,19 @@ startHook:
 
 ## Features
 
-- **Interactive Dashboard**: Full-featured TUI with workspace management, chat, and environment monitoring
 - **Secure Authentication**: OAuth-based login with token refresh
 - **Quick SSH Access**: Connect to workspaces with a single command
+- **SSH Key Caching**: Reuse SSH keys across sessions
 - **Multi-Organization**: Switch between different organizations
 
-## Development
+## How it Works
 
-```bash
-# Run from source
-bun run dev
+1. **SSH Key Management**: The CLI securely caches SSH keys in `~/.replicas/keys/`
 
-# Build
-bun run build
-```
+## Requirements
+
+- Node.js 18+
+- SSH client (openssh)
 
 ## Support
 

package/dist/{chunk-WCKZW4VV.mjs → chunk-IO4QHXPW.mjs}

@@ -7524,6 +7524,22 @@ var MAX_WARM_HOOK_TIMEOUT_MS = 15 * 60 * 1e3;
 // ../shared/src/replicas-config.ts
 var REPLICAS_CONFIG_FILENAMES = ["replicas.json", "replicas.yaml", "replicas.yml"];
 
+// ../shared/src/engine/types.ts
+var DEFAULT_CHAT_TITLES = {
+  claude: "Claude Code",
+  codex: "Codex"
+};
+function getInitialChatId(chats, preferredProvider = "claude") {
+  if (chats.length === 0) return null;
+  const isDefault = (c) => c.title === DEFAULT_CHAT_TITLES[c.provider];
+  const hasActivity = (c) => c.updatedAt > c.createdAt;
+  const mostActive = (list) => list.filter(hasActivity).sort((a, b) => b.updatedAt.localeCompare(a.updatedAt))[0] ?? null;
+  const fallbackProvider = preferredProvider === "claude" ? "codex" : "claude";
+  const preferred = chats.filter((c) => c.provider === preferredProvider);
+  const fallback = chats.filter((c) => c.provider === fallbackProvider);
+  return mostActive(preferred)?.id ?? mostActive(fallback)?.id ?? preferred.find(isDefault)?.id ?? fallback.find(isDefault)?.id ?? chats[0]?.id ?? null;
+}
+
 // ../shared/src/prompts.ts
 var REPLICAS_INSTRUCTIONS_TAG = "replicas_instructions";
 function removeTag(text, tag) {
@@ -8237,6 +8253,7 @@ export {
   getCurrentUser,
   SANDBOX_PATHS,
   REPLICAS_CONFIG_FILENAMES,
+  getInitialChatId,
   parseAgentEvents,
   createUserMessage,
   isAgentBackendEvent,

package/dist/index.mjs

@@ -15,7 +15,7 @@ import {
   setIdeCommand,
   setOrganizationId,
   writeConfig
-} from "./chunk-WCKZW4VV.mjs";
+} from "./chunk-IO4QHXPW.mjs";
 
 // src/index.ts
 import "dotenv/config";
@@ -448,7 +448,7 @@ Found ${response.workspaces.length} workspaces matching "${workspaceName}":`));
   console.log(chalk4.gray(`  Status: ${selectedWorkspace.status || "unknown"}`));
   if (selectedWorkspace.status === "sleeping") {
     throw new Error(
-      "Workspace is currently sleeping. Please wake it up in the dashboard at https://replicas.dev before connecting."
+      "Workspace is currently sleeping. Wake it using `replicas app` (press w on a sleeping workspace) or visit https://replicas.dev"
     );
   }
   console.log(chalk4.blue("\nRequesting SSH access token..."));
@@ -1855,12 +1855,12 @@ async function interactiveCommand() {
     );
   }
   console.log(chalk17.gray("Starting interactive mode..."));
-  const { launchInteractive } = await import("./interactive-NB2QAJE2.mjs");
+  const { launchInteractive } = await import("./interactive-M3UR4H6X.mjs");
   await launchInteractive();
 }
 
 // src/index.ts
-var CLI_VERSION = "0.2.40";
+var CLI_VERSION = "0.2.42";
 var program = new Command();
 program.name("replicas").description("CLI for managing Replicas workspaces").version(CLI_VERSION);
 program.command("login").description("Authenticate with your Replicas account").action(async () => {

package/dist/{interactive-NB2QAJE2.mjs → interactive-M3UR4H6X.mjs}

@@ -4,19 +4,20 @@ import {
   createMockWorkspaceRecord,
   createUserMessage,
   filterDisplayMessages,
+  getInitialChatId,
   getOrganizationId,
   getValidToken,
   isAgentBackendEvent,
   parseAgentEvents
-} from "./chunk-WCKZW4VV.mjs";
+} from "./chunk-IO4QHXPW.mjs";
 
 // src/interactive/index.tsx
 import { createCliRenderer } from "@opentui/core";
 import { createRoot } from "@opentui/react";
 
 // src/interactive/App.tsx
-import { useState as useState5, useEffect as useEffect3, useMemo as useMemo3, useCallback as useCallback5, useRef as useRef3 } from "react";
-import { useKeyboard as useKeyboard3, useRenderer, useTerminalDimensions as useTerminalDimensions3 } from "@opentui/react";
+import { useState as useState6, useEffect as useEffect3, useMemo as useMemo4, useCallback as useCallback6, useRef as useRef3 } from "react";
+import { useKeyboard as useKeyboard4, useRenderer, useTerminalDimensions as useTerminalDimensions3 } from "@opentui/react";
 import { QueryClient } from "@tanstack/react-query";
 
 // ../shared/src/hooks/auth-context.ts
@@ -145,6 +146,21 @@ function useDeleteWorkspace() {
     }
   }, auth.queryClient);
 }
+function useWakeWorkspace() {
+  const auth = useReplicasAuth();
+  const orgFetch = useOrgFetch();
+  const orgId = auth.getOrganizationId();
+  return useMutation({
+    mutationFn: (workspaceId) => orgFetch(`/v1/workspaces/${workspaceId}/wake`, {
+      method: "POST"
+    }),
+    onSuccess: (_data, workspaceId) => {
+      auth.queryClient.invalidateQueries({ queryKey: ["workspaces", orgId] });
+      auth.queryClient.invalidateQueries({ queryKey: ["workspace-status", workspaceId] });
+      auth.queryClient.invalidateQueries({ queryKey: ["workspace-chats", workspaceId] });
+    }
+  }, auth.queryClient);
+}
 function useGenerateWorkspaceName() {
   const auth = useReplicasAuth();
   const orgFetch = useOrgFetch();
@@ -468,11 +484,11 @@ function useEnvironmentFiles() {
 // src/interactive/components/StatusBar.tsx
 import { jsx, jsxs } from "@opentui/react/jsx-runtime";
 var KEYBINDS = {
-  sidebar: "j/k nav  \u21B5 select  d del  a add",
+  sidebar: "j/k nav  \u21B5 select  d del  a add  w wake",
   "chat-tabs": "\u2190/\u2192 switch tabs",
   "chat-history": "j/k scroll",
   "chat-input": "\u21B5 send  \u21E5 plan/build",
-  info: "j/k scroll  o dashboard"
+  info: "j/k nav  \u21B5 open  o dashboard  w wake"
 };
 function StatusBar({ focusPanel }) {
   return /* @__PURE__ */ jsxs(
@@ -541,6 +557,8 @@ function WorkspaceSidebar({
   onSelectWorkspace,
   onCreateWorkspace,
   onDeleteWorkspace,
+  onWakeWorkspace,
+  wakingWorkspaceId,
   focused,
   loading
 }) {
@@ -675,6 +693,13 @@ function WorkspaceSidebar({
       }
       return;
     }
+    if (key.name === "w") {
+      const item = items[cursorIndex];
+      if (item?.type === "workspace" && item.status === "sleeping" && wakingWorkspaceId !== item.workspaceId) {
+        onWakeWorkspace(item.workspaceId);
+      }
+      return;
+    }
   });
   const handleItemClick = useCallback3(
     (globalIndex) => {
@@ -814,7 +839,8 @@ function WorkspaceSidebar({
         focused && /* @__PURE__ */ jsx2("box", { height: 1, paddingX: 1, backgroundColor: "#111111", children: /* @__PURE__ */ jsxs2("text", { children: [
           /* @__PURE__ */ jsx2("span", { fg: "#555555", children: "j/k:nav " }),
           /* @__PURE__ */ jsx2("span", { fg: "#555555", children: "d:del " }),
-          /* @__PURE__ */ jsx2("span", { fg: "#555555", children: "a:add" })
+          /* @__PURE__ */ jsx2("span", { fg: "#555555", children: "a:add " }),
+          /* @__PURE__ */ jsx2("span", { fg: "#555555", children: "w:wake" })
         ] }) })
       ]
     }
@@ -1272,10 +1298,45 @@ function ChatArea({
 }
 
 // src/interactive/components/WorkspaceInfo.tsx
-import React4 from "react";
+import React4, { useState as useState4, useMemo as useMemo3, useCallback as useCallback4 } from "react";
 import open from "open";
+import { useKeyboard as useKeyboard3 } from "@opentui/react";
 import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "@opentui/react/jsx-runtime";
 var WEB_APP_URL = process.env.REPLICAS_WEB_URL || "https://replicas.dev";
+function buildInteractiveItems(workspaceId, status, previews, wakingWorkspaceId) {
+  const items = [];
+  if (workspaceId) {
+    items.push({ type: "dashboard", workspaceId });
+  }
+  if (workspaceId && status.status === "sleeping" && wakingWorkspaceId !== workspaceId) {
+    items.push({ type: "wake", workspaceId });
+  }
+  for (const preview of previews) {
+    if (preview.publicUrl) {
+      items.push({ type: "preview", url: preview.publicUrl, port: preview.port });
+    }
+  }
+  if (status.repoStatuses) {
+    for (const repo of status.repoStatuses) {
+      if (repo.prUrl) {
+        items.push({ type: "pr", url: repo.prUrl, repoName: repo.name });
+      }
+    }
+  }
+  return items;
+}
+function getItemLabel(item) {
+  switch (item.type) {
+    case "dashboard":
+      return "\u2197 Open in Dashboard";
+    case "wake":
+      return "\u25B6 Wake";
+    case "preview":
+      return `\u2197 Preview :${item.port}`;
+    case "pr":
+      return `\u2197 View PR (${item.repoName})`;
+  }
+}
 var AUTH_METHOD_LABELS = {
   oauth: "OAuth",
   api_key: "API Key",
@@ -1326,8 +1387,108 @@ function DetailList({
   if (rows.length === 0) return null;
   return /* @__PURE__ */ jsx6(Fragment, { children: rows.map((item, i) => /* @__PURE__ */ jsx6(CardItem, { label: item, status: actualSet.has(item) }, i)) });
 }
-function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, envConfig, previews }) {
+function InteractiveRow({ label, highlighted, onClick }) {
+  return /* @__PURE__ */ jsx6(
+    "box",
+    {
+      paddingX: 1,
+      backgroundColor: highlighted ? "#1a2a1a" : "#111111",
+      onMouseDown: onClick,
+      children: /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("span", { fg: highlighted ? "#66bb6a" : "#7dcfff", children: label }) })
+    }
+  );
+}
+function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, envConfig, previews, onWakeWorkspace, wakingWorkspaceId }) {
   const borderColor = focused ? "#66bb6a" : "#333333";
+  const [cursorIndex, setCursorIndex] = useState4(0);
+  const interactiveItems = useMemo3(() => {
+    if (!status || !workspaceName) return [];
+    return buildInteractiveItems(workspaceId, status, previews, wakingWorkspaceId);
+  }, [workspaceId, workspaceName, status, previews, wakingWorkspaceId]);
+  const safeCursor = interactiveItems.length > 0 ? Math.min(cursorIndex, interactiveItems.length - 1) : 0;
+  const moveCursor = useCallback4(
+    (next) => {
+      const clamped = Math.max(0, Math.min(interactiveItems.length - 1, next));
+      setCursorIndex(clamped);
+    },
+    [interactiveItems.length]
+  );
+  const handleAction = useCallback4(
+    (item) => {
+      if (!item) return;
+      switch (item.type) {
+        case "dashboard":
+          open(`${WEB_APP_URL}/dashboard?workspaceId=${item.workspaceId}`).catch(() => {
+          });
+          break;
+        case "wake":
+          onWakeWorkspace(item.workspaceId);
+          break;
+        case "preview":
+          open(item.url).catch(() => {
+          });
+          break;
+        case "pr":
+          open(item.url).catch(() => {
+          });
+          break;
+      }
+    },
+    [onWakeWorkspace]
+  );
+  useKeyboard3((key) => {
+    if (!focused) return;
+    if (interactiveItems.length === 0) return;
+    if (key.name === "j" || key.name === "down") {
+      moveCursor(safeCursor + 1);
+      return;
+    }
+    if (key.name === "k" || key.name === "up") {
+      moveCursor(safeCursor - 1);
+      return;
+    }
+    if (key.name === "g" && !key.shift) {
+      moveCursor(0);
+      return;
+    }
+    if (key.name === "g" && key.shift) {
+      moveCursor(interactiveItems.length - 1);
+      return;
+    }
+    if (key.name === "enter" || key.name === "return") {
+      handleAction(interactiveItems[safeCursor]);
+      return;
+    }
+    if (key.name === "o") {
+      const dashboardItem2 = interactiveItems.find((item) => item.type === "dashboard");
+      if (dashboardItem2) handleAction(dashboardItem2);
+      return;
+    }
+    if (key.name === "w") {
+      const wakeItem2 = interactiveItems.find((item) => item.type === "wake");
+      if (wakeItem2) handleAction(wakeItem2);
+      return;
+    }
+  });
+  const isHighlighted = useCallback4(
+    (item) => {
+      if (!focused) return false;
+      const idx = interactiveItems.indexOf(item);
+      return idx === safeCursor;
+    },
+    [focused, interactiveItems, safeCursor]
+  );
+  const findItem = useCallback4(
+    (type, key) => {
+      return interactiveItems.find((item) => {
+        if (item.type !== type) return false;
+        if (type === "preview" && key) return item.port === Number(key);
+        if (type === "pr" && key) return item.repoName === key;
+        return true;
+      });
+    },
+    [interactiveItems]
+  );
   if (!workspaceName) {
     return /* @__PURE__ */ jsx6(
       "box",
@@ -1367,6 +1528,8 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, e
   const expectedSkills = (envConfig.skills?.environment_skills ?? []).map((s) => s.source);
   const expectedGlobalVars = (envConfig.variables?.environment_variables ?? []).filter((v) => v.scope_type === "global").map((v) => v.key);
   const expectedGlobalFiles = (envConfig.files?.environment_files ?? []).filter((f) => f.scope_type === "global").map((f) => f.path);
+  const dashboardItem = findItem("dashboard");
+  const wakeItem = findItem("wake");
   return /* @__PURE__ */ jsx6(
     "box",
     {
@@ -1393,24 +1556,24 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, e
               " ",
               env.engineVersion
             ] })
-          ] }),
-          workspaceId && /* @__PURE__ */ jsx6(
-            "box",
-            {
-              onMouseDown: () => {
-                open(`${WEB_APP_URL}/dashboard?workspaceId=${workspaceId}`).catch(() => {
-                });
-              },
-              children: /* @__PURE__ */ jsxs6("text", { children: [
-                /* @__PURE__ */ jsxs6("span", { fg: "#7dcfff", children: [
-                  "\u2197",
-                  " Open in Dashboard"
-                ] }),
-                /* @__PURE__ */ jsx6("span", { fg: "#555555", children: " (o)" })
-              ] })
-            }
-          )
+          ] })
         ] }) }),
+        dashboardItem && /* @__PURE__ */ jsx6(
+          InteractiveRow,
+          {
+            label: getItemLabel(dashboardItem),
+            highlighted: isHighlighted(dashboardItem),
+            onClick: () => handleAction(dashboardItem)
+          }
+        ),
+        wakeItem && /* @__PURE__ */ jsx6(
+          InteractiveRow,
+          {
+            label: getItemLabel(wakeItem),
+            highlighted: isHighlighted(wakeItem),
+            onClick: () => handleAction(wakeItem)
+          }
+        ),
         (status.isClaudeProcessing || status.isCodexProcessing) && /* @__PURE__ */ jsxs6("box", { backgroundColor: "#1a1500", paddingX: 1, marginX: 1, marginBottom: 1, children: [
           status.isClaudeProcessing && /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsxs6("span", { fg: "#ffaa00", children: [
             "\u25C6",
@@ -1436,42 +1599,60 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, e
           /* @__PURE__ */ jsx6(CardItem, { label: "Slack", status: env.slackAccessConfigured }),
           /* @__PURE__ */ jsx6(CardItem, { label: "Linear", status: env.linearAccessConfigured })
         ] }),
-        previews.length > 0 && /* @__PURE__ */ jsx6(Section, { title: "Previews", children: previews.map((preview, i) => /* @__PURE__ */ jsxs6("box", { flexDirection: "row", justifyContent: "space-between", paddingX: 1, backgroundColor: "#111111", children: [
-          /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsxs6("span", { fg: "#cccccc", children: [
-            ":",
-            preview.port
-          ] }) }),
-          /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("a", { href: preview.publicUrl, children: /* @__PURE__ */ jsx6("span", { fg: "#66bb6a", children: "\u2197" }) }) })
-        ] }, i)) }),
-        status.repoStatuses && status.repoStatuses.length > 0 && /* @__PURE__ */ jsx6(Section, { title: "Repositories", children: status.repoStatuses.map((repo, i) => /* @__PURE__ */ jsxs6(React4.Fragment, { children: [
-          /* @__PURE__ */ jsx6("box", { backgroundColor: "#111111", paddingX: 1, children: /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("span", { fg: "#ffffff", children: /* @__PURE__ */ jsx6("strong", { children: repo.name }) }) }) }),
-          /* @__PURE__ */ jsx6("box", { backgroundColor: "#111111", paddingX: 1, flexDirection: "row", justifyContent: "space-between", children: /* @__PURE__ */ jsxs6("text", { children: [
-            /* @__PURE__ */ jsxs6("span", { fg: "#555555", children: [
-              "\u2514",
-              " "
-            ] }),
-            /* @__PURE__ */ jsx6("span", { fg: repo.currentBranch !== repo.defaultBranch ? "#ffaa00" : "#66bb6a", children: repo.currentBranch })
-          ] }) }),
-          repo.gitDiff && (repo.gitDiff.added > 0 || repo.gitDiff.removed > 0) && /* @__PURE__ */ jsx6("box", { backgroundColor: "#111111", paddingX: 1, flexDirection: "row", children: /* @__PURE__ */ jsxs6("text", { children: [
-            /* @__PURE__ */ jsx6("span", { fg: "#555555", children: "  " }),
-            /* @__PURE__ */ jsxs6("span", { fg: "#66bb6a", children: [
-              "+",
-              repo.gitDiff.added
-            ] }),
-            /* @__PURE__ */ jsx6("span", { fg: "#444444", children: " / " }),
-            /* @__PURE__ */ jsxs6("span", { fg: "#ff4444", children: [
-              "-",
-              repo.gitDiff.removed
-            ] })
-          ] }) }),
-          repo.prUrl && /* @__PURE__ */ jsx6("box", { backgroundColor: "#111111", paddingX: 1, children: /* @__PURE__ */ jsxs6("text", { children: [
-            /* @__PURE__ */ jsx6("span", { fg: "#555555", children: "  " }),
-            /* @__PURE__ */ jsx6("a", { href: repo.prUrl, children: /* @__PURE__ */ jsxs6("span", { fg: "#66bb6a", children: [
-              "View PR ",
-              "\u2197"
-            ] }) })
-          ] }) })
-        ] }, i)) }),
+        previews.length > 0 && /* @__PURE__ */ jsx6(Section, { title: "Previews", children: previews.map((preview, i) => {
+          const previewItem = findItem("preview", String(preview.port));
+          return /* @__PURE__ */ jsxs6(
+            "box",
+            {
+              flexDirection: "row",
+              justifyContent: "space-between",
+              paddingX: 1,
+              backgroundColor: previewItem && isHighlighted(previewItem) ? "#1a2a1a" : "#111111",
+              onMouseDown: () => previewItem && handleAction(previewItem),
+              children: [
+                /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsxs6("span", { fg: "#cccccc", children: [
+                  ":",
+                  preview.port
+                ] }) }),
+                /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("span", { fg: previewItem && isHighlighted(previewItem) ? "#66bb6a" : "#7dcfff", children: "\u2197" }) })
+              ]
+            },
+            i
+          );
+        }) }),
+        status.repoStatuses && status.repoStatuses.length > 0 && /* @__PURE__ */ jsx6(Section, { title: "Repositories", children: status.repoStatuses.map((repo, i) => {
+          const prItem = findItem("pr", repo.name);
+          return /* @__PURE__ */ jsxs6(React4.Fragment, { children: [
+            /* @__PURE__ */ jsx6("box", { backgroundColor: "#111111", paddingX: 1, children: /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("span", { fg: "#ffffff", children: /* @__PURE__ */ jsx6("strong", { children: repo.name }) }) }) }),
+            /* @__PURE__ */ jsx6("box", { backgroundColor: "#111111", paddingX: 1, flexDirection: "row", justifyContent: "space-between", children: /* @__PURE__ */ jsxs6("text", { children: [
+              /* @__PURE__ */ jsxs6("span", { fg: "#555555", children: [
+                "\u2514",
+                " "
+              ] }),
+              /* @__PURE__ */ jsx6("span", { fg: repo.currentBranch !== repo.defaultBranch ? "#ffaa00" : "#66bb6a", children: repo.currentBranch })
+            ] }) }),
+            repo.gitDiff && (repo.gitDiff.added > 0 || repo.gitDiff.removed > 0) && /* @__PURE__ */ jsx6("box", { backgroundColor: "#111111", paddingX: 1, flexDirection: "row", children: /* @__PURE__ */ jsxs6("text", { children: [
+              /* @__PURE__ */ jsx6("span", { fg: "#555555", children: "  " }),
+              /* @__PURE__ */ jsxs6("span", { fg: "#66bb6a", children: [
+                "+",
+                repo.gitDiff.added
+              ] }),
+              /* @__PURE__ */ jsx6("span", { fg: "#444444", children: " / " }),
+              /* @__PURE__ */ jsxs6("span", { fg: "#ff4444", children: [
+                "-",
+                repo.gitDiff.removed
+              ] })
+            ] }) }),
+            prItem && /* @__PURE__ */ jsx6(
+              InteractiveRow,
+              {
+                label: `  ${getItemLabel(prItem)}`,
+                highlighted: isHighlighted(prItem),
+                onClick: () => handleAction(prItem)
+              }
+            )
+          ] }, i);
+        }) }),
         env && /* @__PURE__ */ jsxs6(Section, { title: "Hooks", children: [
           /* @__PURE__ */ jsx6(CardItem, { label: "Global warm", status: env.globalWarmHookCompleted.status }),
           env.repositories.map((repo, i) => /* @__PURE__ */ jsxs6(React4.Fragment, { children: [
@@ -1510,7 +1691,7 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, e
 import { useTerminalDimensions as useTerminalDimensions2 } from "@opentui/react";
 
 // src/interactive/toast-context.tsx
-import { createContext as createContext2, useContext as useContext2, useState as useState4, useCallback as useCallback4, useRef as useRef2 } from "react";
+import { createContext as createContext2, useContext as useContext2, useState as useState5, useCallback as useCallback5, useRef as useRef2 } from "react";
 import { jsx as jsx7 } from "@opentui/react/jsx-runtime";
 var ToastContext = createContext2(null);
 function useToast() {
@@ -1519,9 +1700,9 @@ function useToast() {
   return ctx;
 }
 function ToastProvider({ children }) {
-  const [current, setCurrent] = useState4(null);
+  const [current, setCurrent] = useState5(null);
   const timeoutRef = useRef2(null);
-  const show = useCallback4((options) => {
+  const show = useCallback5((options) => {
     const { message, variant = "info", duration = 3e3 } = options;
     setCurrent({ message, variant });
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
@@ -1529,7 +1710,7 @@ function ToastProvider({ children }) {
       setCurrent(null);
     }, duration);
   }, []);
-  const error = useCallback4((err) => {
+  const error = useCallback5((err) => {
     const message = err instanceof Error ? err.message : "An error occurred";
     show({ message, variant: "error", duration: 5e3 });
   }, [show]);
@@ -1614,17 +1795,17 @@ function AppInner() {
       renderer.off("selection", handler);
     };
   }, [renderer, toast]);
-  const [selectedWorkspaceId, setSelectedWorkspaceId] = useState5(null);
-  const [selectedChatId, setSelectedChatId] = useState5(null);
-  const [focusPanel, setFocusPanel] = useState5("sidebar");
-  const [taskMode, setTaskMode] = useState5("build");
-  const [mockWorkspaces, setMockWorkspaces] = useState5([]);
+  const [selectedWorkspaceId, setSelectedWorkspaceId] = useState6(null);
+  const [selectedChatId, setSelectedChatId] = useState6(null);
+  const [focusPanel, setFocusPanel] = useState6("sidebar");
+  const [taskMode, setTaskMode] = useState6("build");
+  const [mockWorkspaces, setMockWorkspaces] = useState6([]);
   const mockToRealRef = useRef3(/* @__PURE__ */ new Map());
   const mockGroupRef = useRef3(/* @__PURE__ */ new Map());
-  const [mockMessages, setMockMessages] = useState5([]);
-  const [mockThinking, setMockThinking] = useState5(false);
+  const [mockMessages, setMockMessages] = useState6([]);
+  const [mockThinking, setMockThinking] = useState6(false);
   const pendingMessageRef = useRef3(/* @__PURE__ */ new Map());
-  const mockIds = useMemo3(() => new Set(mockWorkspaces.map((m) => m.id)), [mockWorkspaces]);
+  const mockIds = useMemo4(() => new Set(mockWorkspaces.map((m) => m.id)), [mockWorkspaces]);
   const isMockSelected = selectedWorkspaceId ? mockIds.has(selectedWorkspaceId) : false;
   const { data: workspacesData, isLoading: loadingWorkspaces } = useWorkspaces(1, 100, "organization");
   const { data: reposData } = useRepositories();
@@ -1637,9 +1818,16 @@ function AppInner() {
     { includeDiffs: true }
   );
   const { data: chatsData } = useWorkspaceChats(isMockSelected ? null : selectedWorkspaceId);
+  const chats = isMockSelected ? MOCK_CHATS : chatsData?.chats ?? [];
+  const resolvedChatId = useMemo4(() => {
+    if (selectedChatId && chats.find((c) => c.id === selectedChatId)) {
+      return selectedChatId;
+    }
+    return getInitialChatId(chats);
+  }, [chats, selectedChatId]);
   const { data: historyData, isLoading: loadingMessages } = useChatHistory(
     isMockSelected ? null : selectedWorkspaceId,
-    selectedChatId?.startsWith("mock-") ? null : selectedChatId
+    resolvedChatId?.startsWith("mock-") ? null : resolvedChatId
   );
   const { data: previewsData } = useWorkspacePreviews(isMockSelected ? null : selectedWorkspaceId);
   const { connected: sseConnected } = useWorkspaceEvents(
@@ -1647,23 +1835,24 @@ function AppInner() {
   );
   const createWorkspaceMutation = useCreateWorkspace();
   const deleteWorkspaceMutation = useDeleteWorkspace();
+  const wakeWorkspaceMutation = useWakeWorkspace();
   const generateNameMutation = useGenerateWorkspaceName();
-  const sendMessageMutation = useSendChatMessage(selectedWorkspaceId, selectedChatId);
-  const interruptMutation = useInterruptChat(selectedWorkspaceId, selectedChatId);
+  const [wakingWorkspaceId, setWakingWorkspaceId] = useState6(null);
+  const sendMessageMutation = useSendChatMessage(selectedWorkspaceId, resolvedChatId);
+  const interruptMutation = useInterruptChat(selectedWorkspaceId, resolvedChatId);
   const workspaces = workspacesData?.workspaces ?? [];
   const repositories = reposData?.repositories ?? [];
   const repositorySets = setsData?.repository_sets ?? [];
-  const chats = isMockSelected ? MOCK_CHATS : chatsData?.chats ?? [];
   const previews = previewsData?.previews ?? [];
-  const allWorkspaces = useMemo3(() => [...mockWorkspaces, ...workspaces], [mockWorkspaces, workspaces]);
-  const groups = useMemo3(
+  const allWorkspaces = useMemo4(() => [...mockWorkspaces, ...workspaces], [mockWorkspaces, workspaces]);
+  const groups = useMemo4(
     () => buildGroups(allWorkspaces, workspacesData, repositories, repositorySets, mockGroupRef.current),
     [allWorkspaces, workspacesData, repositories, repositorySets]
   );
   const selectedWorkspace = allWorkspaces.find((ws) => ws.id === selectedWorkspaceId) ?? null;
-  const selectedChat = chats.find((c) => c.id === selectedChatId) ?? null;
+  const selectedChat = chats.find((c) => c.id === resolvedChatId) ?? null;
   const isProcessing = mockThinking || (selectedChat?.processing ?? false);
-  const displayMessages = useMemo3(() => {
+  const displayMessages = useMemo4(() => {
     if (isMockSelected) return mockMessages;
     const rawEvents = historyData?.events ?? [];
     const events = rawEvents.filter(isAgentBackendEvent);
@@ -1679,18 +1868,6 @@ function AppInner() {
       setSelectedWorkspaceId(workspaces[0].id);
     }
   }, [workspaces, selectedWorkspaceId]);
-  useEffect3(() => {
-    if (chats.length > 0 && !selectedChatId) {
-      setSelectedChatId(chats[0].id);
-    } else if (chats.length > 0 && selectedChatId && !chats.find((c) => c.id === selectedChatId)) {
-      setSelectedChatId(chats[0].id);
-    }
-  }, [chats, selectedChatId]);
-  useEffect3(() => {
-    setMockMessages([]);
-    setMockThinking(false);
-    setSelectedChatId(null);
-  }, [selectedWorkspaceId]);
   useEffect3(() => {
     if (mockWorkspaces.length === 0) return;
     const realIds = new Set(workspaces.map((w) => w.id));
@@ -1708,6 +1885,7 @@ function AppInner() {
         }
         mockToRealRef.current.delete(mock.id);
         mockGroupRef.current.delete(mock.id);
+        setSelectedChatId(null);
         setMockMessages([]);
         setMockThinking(false);
         changed = true;
@@ -1719,7 +1897,7 @@ function AppInner() {
   }, [workspaces, mockWorkspaces, selectedWorkspaceId]);
   useEffect3(() => {
     if (!selectedWorkspaceId || isMockSelected) return;
-    if (!selectedChatId || selectedChatId.startsWith("mock-")) return;
+    if (!resolvedChatId || resolvedChatId.startsWith("mock-")) return;
     if (statusData?.status !== "active") return;
     const pending = pendingMessageRef.current.get(selectedWorkspaceId);
     if (!pending) return;
@@ -1730,7 +1908,7 @@ function AppInner() {
       });
     }
     sendMessageMutation.mutate({ message: pending });
-  }, [selectedWorkspaceId, selectedChatId, isMockSelected, statusData?.status]);
+  }, [selectedWorkspaceId, resolvedChatId, isMockSelected, statusData?.status]);
   useEffect3(() => {
     if (mockWorkspaces.length === 0) return;
     const interval = setInterval(() => {
@@ -1738,55 +1916,17 @@ function AppInner() {
     }, 5e3);
     return () => clearInterval(interval);
   }, [mockWorkspaces.length]);
-  useKeyboard3((key) => {
-    if (key.name === "f12") {
-      renderer.console.toggle();
-      return;
-    }
-    if (key.ctrl && key.name === "c") {
-      renderer.destroy();
-      return;
-    }
-    if (key.name === "escape") {
-      if (isProcessing && selectedWorkspaceId && selectedChatId) {
-        interruptMutation.mutate();
-      }
-      return;
-    }
-    if (key.shift && key.name === "tab") {
-      setFocusPanel((current) => {
-        const availablePanels = FOCUS_ORDER.filter((p) => {
-          if (p === "sidebar" && !showWorkspacePanel) return false;
-          if ((p === "chat-tabs" || p === "chat-history" || p === "chat-input") && !selectedWorkspaceId) return false;
-          if (p === "chat-tabs" && chats.length <= 1) return false;
-          if (p === "info" && !showInfoPanel) return false;
-          return true;
-        });
-        const idx = availablePanels.indexOf(current);
-        return availablePanels[(idx + 1) % availablePanels.length];
-      });
-      return;
-    }
-    if (key.name === "tab" && focusPanel === "chat-input") {
-      setTaskMode((m) => m === "build" ? "plan" : "build");
-      return;
-    }
-    if (key.name === "o" && focusPanel === "info" && selectedWorkspaceId) {
-      const webUrl = process.env.REPLICAS_WEB_URL || "https://replicas.dev";
-      import("open").then((mod) => mod.default(`${webUrl}/dashboard?workspaceId=${selectedWorkspaceId}`)).catch(() => {
-      });
-      return;
-    }
-    if (focusPanel === "chat-input") return;
-  });
-  const handleSelectWorkspace = useCallback5((workspaceId) => {
+  const handleSelectWorkspace = useCallback6((workspaceId) => {
     setSelectedWorkspaceId(workspaceId);
+    setSelectedChatId(null);
+    setMockMessages([]);
+    setMockThinking(false);
     setFocusPanel("chat-input");
   }, []);
-  const handleFocus = useCallback5((panel) => {
+  const handleFocus = useCallback6((panel) => {
     setFocusPanel(panel);
   }, []);
-  const handleCreateWorkspace = useCallback5(
+  const handleCreateWorkspace = useCallback6(
     async (groupId, groupType) => {
       const orgId = getOrganizationId() ?? "";
       const mock = createMockWorkspaceRecord(orgId);
@@ -1805,7 +1945,7 @@ function AppInner() {
     },
     [createWorkspaceMutation, toast]
   );
-  const handleDeleteWorkspace = useCallback5(
+  const handleDeleteWorkspace = useCallback6(
     async (workspaceId) => {
       if (mockIds.has(workspaceId)) {
         mockGroupRef.current.delete(workspaceId);
@@ -1824,12 +1964,67 @@ function AppInner() {
     },
     [mockIds, selectedWorkspaceId, deleteWorkspaceMutation]
   );
-  const handleSelectChat = useCallback5((chatId) => {
+  const handleWakeWorkspace = useCallback6(
+    async (workspaceId) => {
+      setWakingWorkspaceId(workspaceId);
+      try {
+        await wakeWorkspaceMutation.mutateAsync(workspaceId);
+        toast.show({ message: "Workspace waking up...", variant: "info" });
+      } catch (err) {
+        toast.error(err);
+      } finally {
+        setWakingWorkspaceId(null);
+      }
+    },
+    [wakeWorkspaceMutation, toast]
+  );
+  const handleSelectChat = useCallback6((chatId) => {
     setSelectedChatId(chatId);
   }, []);
-  const handleSendMessage = useCallback5(
+  useKeyboard4((key) => {
+    if (key.name === "f12") {
+      renderer.console.toggle();
+      return;
+    }
+    if (key.ctrl && key.name === "c") {
+      renderer.destroy();
+      return;
+    }
+    if (key.name === "escape") {
+      if (isProcessing && selectedWorkspaceId && resolvedChatId) {
+        interruptMutation.mutate();
+      }
+      return;
+    }
+    if (key.shift && key.name === "tab") {
+      setFocusPanel((current) => {
+        const availablePanels = FOCUS_ORDER.filter((p) => {
+          if (p === "sidebar" && !showWorkspacePanel) return false;
+          if ((p === "chat-tabs" || p === "chat-history" || p === "chat-input") && (!selectedWorkspaceId || statusData?.status === "sleeping")) return false;
+          if (p === "chat-tabs" && chats.length <= 1) return false;
+          if (p === "info" && !showInfoPanel) return false;
+          return true;
+        });
+        const idx = availablePanels.indexOf(current);
+        return availablePanels[(idx + 1) % availablePanels.length];
+      });
+      return;
+    }
+    if (key.name === "tab" && focusPanel === "chat-input") {
+      setTaskMode((m) => m === "build" ? "plan" : "build");
+      return;
+    }
+    if (key.name === "w" && focusPanel !== "sidebar" && focusPanel !== "info" && selectedWorkspaceId) {
+      if (statusData?.status === "sleeping" && !wakingWorkspaceId) {
+        handleWakeWorkspace(selectedWorkspaceId);
+      }
+      return;
+    }
+    if (focusPanel === "chat-input") return;
+  });
+  const handleSendMessage = useCallback6(
     async (message) => {
-      if (!selectedWorkspaceId || !selectedChatId) return;
+      if (!selectedWorkspaceId || !resolvedChatId) return;
       if (isMockSelected) {
         const { message: userMsg } = createUserMessage(message);
         setMockMessages((prev) => [...prev, userMsg]);
@@ -1842,7 +2037,7 @@ function AppInner() {
         permissionMode: taskMode === "plan" ? "read" : void 0
       });
     },
-    [selectedWorkspaceId, selectedChatId, isMockSelected, sendMessageMutation, taskMode]
+    [selectedWorkspaceId, resolvedChatId, isMockSelected, sendMessageMutation, taskMode]
   );
   return /* @__PURE__ */ jsxs7("box", { flexDirection: "column", width: "100%", height: "100%", backgroundColor: "#000000", children: [
     /* @__PURE__ */ jsxs7("box", { flexDirection: "row", flexGrow: 1, backgroundColor: "#000000", children: [
@@ -1855,15 +2050,17 @@ function AppInner() {
           onSelectWorkspace: handleSelectWorkspace,
           onCreateWorkspace: handleCreateWorkspace,
           onDeleteWorkspace: handleDeleteWorkspace,
+          onWakeWorkspace: handleWakeWorkspace,
+          wakingWorkspaceId,
           focused: focusPanel === "sidebar",
           loading: loadingWorkspaces
         }
       ),
-      selectedWorkspaceId ? /* @__PURE__ */ jsx9(
+      selectedWorkspaceId && statusData?.status !== "sleeping" ? /* @__PURE__ */ jsx9(
         ChatArea,
         {
           chats,
-          selectedChatId,
+          selectedChatId: resolvedChatId,
           displayMessages,
           onSelectChat: handleSelectChat,
           onSendMessage: handleSendMessage,
@@ -1873,6 +2070,30 @@ function AppInner() {
           isProcessing,
           loading: loadingMessages
         }
+      ) : selectedWorkspaceId && statusData?.status === "sleeping" ? /* @__PURE__ */ jsxs7(
+        "box",
+        {
+          flexGrow: 1,
+          border: true,
+          borderStyle: "rounded",
+          borderColor: "#333333",
+          backgroundColor: "#000000",
+          justifyContent: "center",
+          alignItems: "center",
+          flexDirection: "column",
+          gap: 1,
+          children: [
+            /* @__PURE__ */ jsxs7("text", { fg: "#888888", children: [
+              "\u263E",
+              " This workspace is sleeping"
+            ] }),
+            /* @__PURE__ */ jsxs7("text", { fg: "#555555", children: [
+              "Press ",
+              /* @__PURE__ */ jsx9("span", { fg: "#66bb6a", children: /* @__PURE__ */ jsx9("strong", { children: "w" }) }),
+              " to wake it up"
+            ] })
+          ]
+        }
       ) : /* @__PURE__ */ jsx9(
         "box",
         {
@@ -1899,7 +2120,9 @@ function AppInner() {
             variables: envVariables ?? null,
             files: envFiles ?? null
           },
-          previews
+          previews,
+          onWakeWorkspace: handleWakeWorkspace,
+          wakingWorkspaceId
         }
       )
     ] }),

package/package.json

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