replicas-cli 0.2.222 → 0.2.224

package/dist/index.mjs

@@ -8933,7 +8933,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.222";
+var CLI_VERSION = "0.2.224";
 
 // ../shared/src/engine/environment.ts
 var DESKTOP_NOVNC_PORT = 6080;
@@ -8991,6 +8991,29 @@ var MODEL_LABELS = {
   "gpt-5-codex": "GPT-5 Codex",
   "gpt-5": "GPT-5"
 };
+var CANVAS_KIND_BY_EXTENSION = {
+  ".md": { kind: "markdown", mimeType: "text/markdown; charset=utf-8" },
+  ".markdown": { kind: "markdown", mimeType: "text/markdown; charset=utf-8" },
+  ".html": { kind: "html", mimeType: "text/html; charset=utf-8" },
+  ".htm": { kind: "html", mimeType: "text/html; charset=utf-8" },
+  ".png": { kind: "image", mimeType: "image/png" },
+  ".jpg": { kind: "image", mimeType: "image/jpeg" },
+  ".jpeg": { kind: "image", mimeType: "image/jpeg" },
+  ".gif": { kind: "image", mimeType: "image/gif" },
+  ".webp": { kind: "image", mimeType: "image/webp" },
+  ".svg": { kind: "image", mimeType: "image/svg+xml" },
+  ".mp4": { kind: "video", mimeType: "video/mp4" },
+  ".webm": { kind: "video", mimeType: "video/webm" },
+  ".mov": { kind: "video", mimeType: "video/quicktime" },
+  ".mp3": { kind: "audio", mimeType: "audio/mpeg" },
+  ".wav": { kind: "audio", mimeType: "audio/wav" },
+  ".ogg": { kind: "audio", mimeType: "audio/ogg" }
+};
+function classifyCanvasFilename(filename) {
+  const idx = filename.lastIndexOf(".");
+  const ext = idx === -1 ? "" : filename.slice(idx).toLowerCase();
+  return CANVAS_KIND_BY_EXTENSION[ext] ?? { kind: "other", mimeType: "application/octet-stream" };
+}
 
 // ../shared/src/engine/v1.ts
 var MERGED_MESSAGE_SEPARATOR = "\n\n<!-- replicas:merged -->\n\n";
@@ -10347,8 +10370,8 @@ var SOURCE_CONFIG = {
   github_pr_existing_general: { label: "GitHub PR", color: "#8b949e" },
   slack_task: { label: "Slack", color: "#BF6CC2" },
   automation_triggered: { label: "Automation", color: "#f59e0b" },
-  plan_quote: { label: "Plan", color: "#66bb6a" },
-  inline_diff_comments: { label: "Diff Comments", color: "#66bb6a" },
+  plan_quote: { label: "Plan", color: "#3eeba3" },
+  inline_diff_comments: { label: "Diff Comments", color: "#3eeba3" },
   merged: { label: "Bundled", color: "#a3a3a3" }
 };
 
@@ -13000,17 +13023,11 @@ async function previewRemoveCommand(workspaceId, options) {
 import fs4 from "fs";
 import path5 from "path";
 var MONOLITH_URL4 = process.env.MONOLITH_URL || process.env.REPLICAS_MONOLITH_URL || "https://api.tryreplicas.com";
-var EXT_INFO = {
-  png: { kind: MEDIA_KIND.IMAGE, contentType: "image/png" },
-  jpg: { kind: MEDIA_KIND.IMAGE, contentType: "image/jpeg" },
-  jpeg: { kind: MEDIA_KIND.IMAGE, contentType: "image/jpeg" },
-  webp: { kind: MEDIA_KIND.IMAGE, contentType: "image/webp" },
-  svg: { kind: MEDIA_KIND.IMAGE, contentType: "image/svg+xml" },
-  mp4: { kind: MEDIA_KIND.VIDEO, contentType: "video/mp4" },
-  webm: { kind: MEDIA_KIND.VIDEO, contentType: "video/webm" },
-  mp3: { kind: MEDIA_KIND.AUDIO, contentType: "audio/mpeg" },
-  wav: { kind: MEDIA_KIND.AUDIO, contentType: "audio/wav" }
-};
+function mediaInfo(ext) {
+  const { kind, mimeType } = classifyCanvasFilename(`.${ext}`);
+  if (kind !== "image" && kind !== "video" && kind !== "audio") return void 0;
+  return { kind, contentType: mimeType };
+}
 function resolveKind(ext, override) {
   if (override) {
     if (!MEDIA_KINDS.includes(override)) {
@@ -13018,7 +13035,7 @@ function resolveKind(ext, override) {
     }
     return override;
   }
-  const inferred = EXT_INFO[ext]?.kind;
+  const inferred = mediaInfo(ext)?.kind;
   if (!inferred) {
     throw new Error(`Cannot infer kind from extension '.${ext}'. Pass --kind explicitly.`);
   }
@@ -13039,7 +13056,7 @@ async function uploadOne(filePath, options) {
   const fileName = path5.basename(absPath);
   const ext = path5.extname(absPath).slice(1).toLowerCase();
   const kind = resolveKind(ext, options.kind);
-  const contentType = EXT_INFO[ext]?.contentType ?? "application/octet-stream";
+  const contentType = mediaInfo(ext)?.contentType ?? "application/octet-stream";
   const form = new FormData();
   form.append("file", new Blob([fs4.readFileSync(absPath)], { type: contentType }), fileName);
   form.append("kind", kind);
@@ -13970,7 +13987,7 @@ function StatusBar({ focusPanel, viewingDiff, hasDiffAvailable }) {
       justifyContent: "space-between",
       width: "100%",
       children: [
-        /* @__PURE__ */ jsx("text", { children: /* @__PURE__ */ jsx("span", { fg: "#66bb6a", children: /* @__PURE__ */ jsx("strong", { children: "Replicas" }) }) }),
+        /* @__PURE__ */ jsx("text", { children: /* @__PURE__ */ jsx("span", { fg: "#3eeba3", children: /* @__PURE__ */ jsx("strong", { children: "Replicas" }) }) }),
         /* @__PURE__ */ jsxs("text", { children: [
           /* @__PURE__ */ jsxs("span", { fg: "#555555", children: [
             hints,
@@ -14210,7 +14227,7 @@ function WorkspaceSidebar({
       width: 28,
       border: true,
       borderStyle: "rounded",
-      borderColor: focused ? "#66bb6a" : "#333333",
+      borderColor: focused ? "#3eeba3" : "#333333",
       title: "Workspaces",
       titleAlignment: "center",
       flexDirection: "column",
@@ -14249,8 +14266,8 @@ function WorkspaceSidebar({
             const isSelected = item.workspaceId === selectedWorkspaceId;
             const isConfirming = confirmDelete === item.workspaceId;
             const dot = item.status === "active" ? "\u25CF" : item.status === "preparing" ? "\u25CC" : "\u25CB";
-            const dotColor = item.status === "active" ? "#66bb6a" : item.status === "preparing" ? "#ffaa00" : "#666666";
-            const nameColor = isSelected ? "#66bb6a" : "#cccccc";
+            const dotColor = item.status === "active" ? "#3eeba3" : item.status === "preparing" ? "#ffaa00" : "#666666";
+            const nameColor = isSelected ? "#3eeba3" : "#cccccc";
             const itemBg = isConfirming ? "#331111" : isCursor ? "#1a1a1a" : isSelected ? "#0a1a0a" : "#0a0a0a";
             if (isConfirming) {
               return /* @__PURE__ */ jsxs2("box", { height: 1, backgroundColor: "#331111", paddingX: 1, flexDirection: "row", gap: 1, children: [
@@ -14258,7 +14275,7 @@ function WorkspaceSidebar({
                 /* @__PURE__ */ jsx2("box", { onMouseDown: () => {
                   onDeleteWorkspace(item.workspaceId);
                   setConfirmDelete(null);
-                }, children: /* @__PURE__ */ jsx2("text", { children: /* @__PURE__ */ jsx2("span", { fg: "#66bb6a", children: "[y]" }) }) }),
+                }, children: /* @__PURE__ */ jsx2("text", { children: /* @__PURE__ */ jsx2("span", { fg: "#3eeba3", children: "[y]" }) }) }),
                 /* @__PURE__ */ jsx2("box", { onMouseDown: () => setConfirmDelete(null), children: /* @__PURE__ */ jsx2("text", { children: /* @__PURE__ */ jsx2("span", { fg: "#ff4444", children: "[n]" }) }) })
               ] }, `w-${item.workspaceId}`);
             }
@@ -14294,7 +14311,7 @@ function WorkspaceSidebar({
               paddingX: 1,
               onMouseDown: () => handleItemClick(globalIndex),
               children: /* @__PURE__ */ jsxs2("text", { children: [
-                /* @__PURE__ */ jsx2("span", { fg: isCursor ? "#66bb6a" : "#444444", children: " + " }),
+                /* @__PURE__ */ jsx2("span", { fg: isCursor ? "#3eeba3" : "#444444", children: " + " }),
                 /* @__PURE__ */ jsx2("span", { fg: isCursor ? "#888888" : "#333333", children: "New workspace" })
               ] })
             },
@@ -14323,11 +14340,11 @@ import { useState as useState5, useMemo as useMemo4 } from "react";
 import "opentui-spinner/react";
 import { createPulse } from "opentui-spinner";
 import { jsx as jsx3, jsxs as jsxs3 } from "@opentui/react/jsx-runtime";
-var thinkingColor = createPulse(["#66bb6a", "#4caf50", "#2e7d32"], 0.5);
+var thinkingColor = createPulse(["#3eeba3", "#2ca774", "#1c6a49"], 0.5);
 function SpinnerLabel({ color, label }) {
   return /* @__PURE__ */ jsxs3("box", { flexDirection: "row", gap: 1, children: [
     /* @__PURE__ */ jsx3("spinner", { name: "dots", color: color ?? thinkingColor, interval: 80 }),
-    label && /* @__PURE__ */ jsx3("text", { children: /* @__PURE__ */ jsx3("span", { fg: color ?? "#66bb6a", children: label }) })
+    label && /* @__PURE__ */ jsx3("text", { children: /* @__PURE__ */ jsx3("span", { fg: color ?? "#3eeba3", children: label }) })
   ] });
 }
 
@@ -14343,14 +14360,14 @@ var sharedSyntaxStyle = null;
 function getSyntaxStyle() {
   if (!sharedSyntaxStyle) {
     sharedSyntaxStyle = SyntaxStyle.fromTheme([
-      { scope: ["markup.heading", "markup.heading.1", "markup.heading.2", "markup.heading.3"], style: { foreground: "#66bb6a", bold: true } },
+      { scope: ["markup.heading", "markup.heading.1", "markup.heading.2", "markup.heading.3"], style: { foreground: "#3eeba3", bold: true } },
       { scope: ["markup.bold", "markup.strong"], style: { foreground: "#ffffff", bold: true } },
       { scope: ["markup.italic", "markup.emphasis"], style: { foreground: "#e0e0e0", italic: true } },
       { scope: ["markup.link"], style: { foreground: "#7dcfff", underline: true } },
       { scope: ["markup.link.url"], style: { foreground: "#7dcfff", underline: true } },
-      { scope: ["markup.link.text"], style: { foreground: "#66bb6a", underline: true } },
-      { scope: ["markup.link.label"], style: { foreground: "#66bb6a", underline: true } },
-      { scope: ["markup.list"], style: { foreground: "#66bb6a" } },
+      { scope: ["markup.link.text"], style: { foreground: "#3eeba3", underline: true } },
+      { scope: ["markup.link.label"], style: { foreground: "#3eeba3", underline: true } },
+      { scope: ["markup.list"], style: { foreground: "#3eeba3" } },
       { scope: ["markup.quote"], style: { foreground: "#888888", italic: true } },
       { scope: ["markup.raw", "markup.raw.block"], style: { foreground: "#bb9af7" } },
       { scope: ["markup.raw.inline"], style: { foreground: "#bb9af7", background: "#1a1a2e" } },
@@ -14456,7 +14473,7 @@ function diffProps(filePath) {
     addedBg: "#0d2b0d",
     removedBg: "#2b0d0d",
     contextBg: "#0a0a0a",
-    addedSignColor: "#66bb6a",
+    addedSignColor: "#3eeba3",
     removedSignColor: "#ff4444",
     lineNumberFg: "#555555",
     lineNumberBg: "#0a0a0a",
@@ -14706,8 +14723,8 @@ function DiffViewer({ diff, repoName, focused }) {
         flexShrink: 0,
         children: [
           /* @__PURE__ */ jsx4("box", { paddingX: 1, flexShrink: 0, height: 1, children: /* @__PURE__ */ jsxs4("text", { children: [
-            /* @__PURE__ */ jsx4("span", { fg: filesPaneActive ? "#66bb6a" : "#333333", children: filesPaneActive ? "\u25B8 " : "  " }),
-            /* @__PURE__ */ jsx4("span", { fg: filesPaneActive ? "#66bb6a" : "#888888", children: filesPaneActive ? /* @__PURE__ */ jsxs4("strong", { children: [
+            /* @__PURE__ */ jsx4("span", { fg: filesPaneActive ? "#3eeba3" : "#333333", children: filesPaneActive ? "\u25B8 " : "  " }),
+            /* @__PURE__ */ jsx4("span", { fg: filesPaneActive ? "#3eeba3" : "#888888", children: filesPaneActive ? /* @__PURE__ */ jsxs4("strong", { children: [
               files.length,
               " ",
               files.length === 1 ? "file" : "files",
@@ -14752,7 +14769,7 @@ function DiffViewer({ diff, repoName, focused }) {
             const removed = node.removed ?? 0;
             const addedPart = added > 0 ? `+${added}` : "";
             const removedPart = removed > 0 ? `-${removed}` : "";
-            const bubbleColor = added > 0 && removed > 0 ? "#ffaa00" : removed > 0 ? "#ff4444" : "#66bb6a";
+            const bubbleColor = added > 0 && removed > 0 ? "#ffaa00" : removed > 0 ? "#ff4444" : "#3eeba3";
             const overhead = indent.length + 2 + statsColumnWidth + 1;
             const nameMax = Math.max(1, usable - overhead);
             const displayName = truncateName(node.name, nameMax);
@@ -14774,10 +14791,10 @@ function DiffViewer({ diff, repoName, focused }) {
                       "\u25CF",
                       " "
                     ] }),
-                    /* @__PURE__ */ jsx4("span", { fg: isSelectedFile || isCursor ? "#66bb6a" : "#cccccc", children: displayName })
+                    /* @__PURE__ */ jsx4("span", { fg: isSelectedFile || isCursor ? "#3eeba3" : "#cccccc", children: displayName })
                   ] }),
                   /* @__PURE__ */ jsx4("box", { width: statsColumnWidth, flexShrink: 0, justifyContent: "flex-end", flexDirection: "row", children: /* @__PURE__ */ jsxs4("text", { children: [
-                    addedPart && /* @__PURE__ */ jsx4("span", { fg: "#66bb6a", children: addedPart }),
+                    addedPart && /* @__PURE__ */ jsx4("span", { fg: "#3eeba3", children: addedPart }),
                     addedPart && removedPart && /* @__PURE__ */ jsx4("span", { fg: "#444444", children: " " }),
                     removedPart && /* @__PURE__ */ jsx4("span", { fg: "#ff4444", children: removedPart })
                   ] }) })
@@ -14794,7 +14811,7 @@ function DiffViewer({ diff, repoName, focused }) {
         /* @__PURE__ */ jsxs4("box", { flexDirection: "row", justifyContent: "space-between", height: 1, children: [
           /* @__PURE__ */ jsxs4("text", { children: [
             /* @__PURE__ */ jsx4("span", { fg: "#ffffff", children: /* @__PURE__ */ jsx4("strong", { children: repoName }) }),
-            totalAdded > 0 && /* @__PURE__ */ jsxs4("span", { fg: "#66bb6a", children: [
+            totalAdded > 0 && /* @__PURE__ */ jsxs4("span", { fg: "#3eeba3", children: [
               "  +",
               totalAdded
             ] }),
@@ -14811,14 +14828,14 @@ function DiffViewer({ diff, repoName, focused }) {
           ] })
         ] }),
         /* @__PURE__ */ jsx4("box", { flexDirection: "row", height: 1, backgroundColor: "#0d0d0d", paddingX: 1, children: /* @__PURE__ */ jsxs4("text", { children: [
-          /* @__PURE__ */ jsx4("span", { fg: diffPaneActive ? "#66bb6a" : "#444444", children: diffPaneActive ? "\u25B8 " : "  " }),
+          /* @__PURE__ */ jsx4("span", { fg: diffPaneActive ? "#3eeba3" : "#444444", children: diffPaneActive ? "\u25B8 " : "  " }),
           (() => {
             const lastSlash = selected.path.lastIndexOf("/");
             const dir = lastSlash >= 0 ? selected.path.slice(0, lastSlash + 1) : "";
             const base = lastSlash >= 0 ? selected.path.slice(lastSlash + 1) : selected.path;
             return /* @__PURE__ */ jsxs4(Fragment, { children: [
               dir && /* @__PURE__ */ jsx4("span", { fg: "#666666", children: dir }),
-              /* @__PURE__ */ jsx4("span", { fg: diffPaneActive ? "#66bb6a" : "#ffffff", children: /* @__PURE__ */ jsx4("strong", { children: base }) })
+              /* @__PURE__ */ jsx4("span", { fg: diffPaneActive ? "#3eeba3" : "#ffffff", children: /* @__PURE__ */ jsx4("strong", { children: base }) })
             ] });
           })()
         ] }) })
@@ -15049,7 +15066,7 @@ function truncate4(text, maxLen) {
   return text.length > maxLen ? text.slice(0, maxLen - 1) + "\u2026" : text;
 }
 function StatusIcon({ status }) {
-  if (status === "completed") return /* @__PURE__ */ jsxs6("span", { fg: "#66bb6a", children: [
+  if (status === "completed") return /* @__PURE__ */ jsxs6("span", { fg: "#3eeba3", children: [
     " ",
     "\u2713"
   ] });
@@ -15115,7 +15132,7 @@ function ExpandableAction({
   ] });
 }
 var CHANGE_STYLE = {
-  add: { color: "#66bb6a", sign: "+" },
+  add: { color: "#3eeba3", sign: "+" },
   delete: { color: "#ff4444", sign: "-" }
 };
 var DEFAULT_CHANGE_STYLE = { color: "#ffaa00", sign: "~" };
@@ -15150,7 +15167,7 @@ function PatchOperation({ op, defaultExpanded = false }) {
             stats.removed
           ] }),
           stats.removed > 0 && stats.added > 0 && /* @__PURE__ */ jsx6("span", { fg: "#444444", children: " " }),
-          stats.added > 0 && /* @__PURE__ */ jsxs6("span", { fg: "#66bb6a", children: [
+          stats.added > 0 && /* @__PURE__ */ jsxs6("span", { fg: "#3eeba3", children: [
             "+",
             stats.added
           ] })
@@ -15175,7 +15192,7 @@ function UserMessageContent({ content }) {
       paddingY: 1,
       marginX: 1,
       children: isStructuredPrompt(parsed) ? /* @__PURE__ */ jsx6(StructuredUserMessage, { parsed }) : /* @__PURE__ */ jsxs6(Fragment3, { children: [
-        /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("span", { fg: "#66bb6a", children: /* @__PURE__ */ jsx6("strong", { children: "You" }) }) }),
+        /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("span", { fg: "#3eeba3", children: /* @__PURE__ */ jsx6("strong", { children: "You" }) }) }),
         /* @__PURE__ */ jsx6("text", { fg: "#ffffff", selectable: true, children: content })
       ] })
     }
@@ -15191,7 +15208,7 @@ function ChatMessage({ message, provider }) {
     }
     case "agent":
       return /* @__PURE__ */ jsxs6("box", { flexDirection: "column", paddingX: 1, children: [
-        /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("span", { fg: "#66bb6a", children: /* @__PURE__ */ jsx6("strong", { children: AGENT_LABELS[provider] }) }) }),
+        /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("span", { fg: "#3eeba3", children: /* @__PURE__ */ jsx6("strong", { children: AGENT_LABELS[provider] }) }) }),
         /* @__PURE__ */ jsx6(
           "markdown",
           {
@@ -15251,7 +15268,7 @@ function ChatMessage({ message, provider }) {
           ")"
         ] }) }) }),
         message.items.map((item, i) => /* @__PURE__ */ jsxs6("text", { children: [
-          /* @__PURE__ */ jsx6("span", { fg: item.completed ? "#66bb6a" : "#555555", children: item.completed ? "  \u2611" : "  \u2610" }),
+          /* @__PURE__ */ jsx6("span", { fg: item.completed ? "#3eeba3" : "#555555", children: item.completed ? "  \u2611" : "  \u2610" }),
           /* @__PURE__ */ jsxs6("span", { fg: "#ffffff", children: [
             " ",
             item.text
@@ -15284,7 +15301,7 @@ var textareaKeyBindings = [
   { name: "return", meta: true, action: "newline" }
 ];
 var MODE_COLORS = {
-  build: { border: "#66bb6a", text: "#66bb6a" },
+  build: { border: "#3eeba3", text: "#3eeba3" },
   plan: { border: "#d97706", text: "#d97706" }
 };
 function ChatArea({
@@ -15362,7 +15379,7 @@ function ChatArea({
       flexGrow: 1,
       border: true,
       borderStyle: "rounded",
-      borderColor: anyFocused ? "#66bb6a" : "#333333",
+      borderColor: anyFocused ? "#3eeba3" : "#333333",
       title: "Chat",
       titleAlignment: "center",
       flexDirection: "column",
@@ -15375,7 +15392,7 @@ function ChatArea({
             paddingX: 1,
             marginX: 1,
             border: true,
-            borderColor: tabsFocused ? "#66bb6a" : "#333333",
+            borderColor: tabsFocused ? "#3eeba3" : "#333333",
             backgroundColor: "#000000",
             flexDirection: "row",
             gap: 1,
@@ -15575,7 +15592,7 @@ var AUTH_METHOD_LABELS = {
 };
 function StatusDot({ status }) {
   if (status === true || status === "yes") {
-    return /* @__PURE__ */ jsx8("span", { fg: "#66bb6a", children: "\u2713" });
+    return /* @__PURE__ */ jsx8("span", { fg: "#3eeba3", children: "\u2713" });
   }
   if (status === false || status === "no") {
     return /* @__PURE__ */ jsx8("span", { fg: "#ff4444", children: "\u2717" });
@@ -15628,7 +15645,7 @@ function InteractiveRow({ id, label, highlighted, disabled, onClick }) {
       paddingX: 1,
       backgroundColor: highlighted ? "#1a2a1a" : "#111111",
       onMouseDown: onClick,
-      children: /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: highlighted ? "#66bb6a" : "#7dcfff", children: label }) })
+      children: /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: highlighted ? "#3eeba3" : "#7dcfff", children: label }) })
     }
   );
 }
@@ -15641,7 +15658,7 @@ function ViewModeRow({
   onClick
 }) {
   const bg = highlighted ? "#1a2a1a" : "#111111";
-  const fg = disabled ? "#444444" : active ? "#66bb6a" : "#cccccc";
+  const fg = disabled ? "#444444" : active ? "#3eeba3" : "#cccccc";
   const marker = active ? "\u25B8" : " ";
   return /* @__PURE__ */ jsx8(
     "box",
@@ -15651,7 +15668,7 @@ function ViewModeRow({
       backgroundColor: bg,
       onMouseDown: disabled ? void 0 : onClick,
       children: /* @__PURE__ */ jsxs8("text", { children: [
-        /* @__PURE__ */ jsxs8("span", { fg: active ? "#66bb6a" : "#555555", children: [
+        /* @__PURE__ */ jsxs8("span", { fg: active ? "#3eeba3" : "#555555", children: [
           marker,
           " "
         ] }),
@@ -15661,7 +15678,7 @@ function ViewModeRow({
   );
 }
 function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, agentAvailability, previews, onWakeWorkspace, onViewDiff, wakingWorkspaceId, viewMode, viewingDiffRepoName, onSelectChatMode, onSelectDiffMode, onCreatePr, isPlanMode }) {
-  const borderColor = focused ? "#66bb6a" : "#333333";
+  const borderColor = focused ? "#3eeba3" : "#333333";
   const [cursorIndex, setCursorIndex] = useState6(0);
   const interactiveItems = useMemo5(() => {
     if (!status || !workspaceName) return [];
@@ -15808,7 +15825,7 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, a
       }
     );
   }
-  const statusColor = status.status === "active" ? "#66bb6a" : status.status === "sleeping" ? "#ffaa00" : "#ff4444";
+  const statusColor = status.status === "active" ? "#3eeba3" : status.status === "sleeping" ? "#ffaa00" : "#ff4444";
   const rawEnv = status.environmentDetails;
   const env = rawEnv && agentAvailability ? {
     ...rawEnv,
@@ -15891,11 +15908,11 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, a
         env && /* @__PURE__ */ jsxs8(Section, { title: "Agents", children: [
           /* @__PURE__ */ jsxs8("box", { flexDirection: "row", justifyContent: "space-between", paddingX: 1, backgroundColor: "#111111", children: [
             /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: "#cccccc", children: "Claude" }) }),
-            /* @__PURE__ */ jsx8("text", { children: AUTH_METHOD_LABELS[env.claudeAuthMethod] ? /* @__PURE__ */ jsx8("span", { fg: "#66bb6a", children: AUTH_METHOD_LABELS[env.claudeAuthMethod] }) : /* @__PURE__ */ jsx8("span", { fg: "#ff4444", children: "\u2717" }) })
+            /* @__PURE__ */ jsx8("text", { children: AUTH_METHOD_LABELS[env.claudeAuthMethod] ? /* @__PURE__ */ jsx8("span", { fg: "#3eeba3", children: AUTH_METHOD_LABELS[env.claudeAuthMethod] }) : /* @__PURE__ */ jsx8("span", { fg: "#ff4444", children: "\u2717" }) })
           ] }),
           /* @__PURE__ */ jsxs8("box", { flexDirection: "row", justifyContent: "space-between", paddingX: 1, backgroundColor: "#111111", children: [
             /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: "#cccccc", children: "Codex" }) }),
-            /* @__PURE__ */ jsx8("text", { children: AUTH_METHOD_LABELS[env.codexAuthMethod] ? /* @__PURE__ */ jsx8("span", { fg: "#66bb6a", children: AUTH_METHOD_LABELS[env.codexAuthMethod] }) : /* @__PURE__ */ jsx8("span", { fg: "#ff4444", children: "\u2717" }) })
+            /* @__PURE__ */ jsx8("text", { children: AUTH_METHOD_LABELS[env.codexAuthMethod] ? /* @__PURE__ */ jsx8("span", { fg: "#3eeba3", children: AUTH_METHOD_LABELS[env.codexAuthMethod] }) : /* @__PURE__ */ jsx8("span", { fg: "#ff4444", children: "\u2717" }) })
           ] })
         ] }),
         /* @__PURE__ */ jsx8(Section, { title: "View", children: (() => {
@@ -15927,7 +15944,7 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, a
               const isActive = viewMode === "diff" && viewingDiffRepoName === item.repoName;
               const cursorOn = isHighlighted(item);
               const bg = cursorOn ? "#1a2a1a" : isActive ? "#0d2b0d" : "#111111";
-              const nameColor = isActive || cursorOn ? "#66bb6a" : "#cccccc";
+              const nameColor = isActive || cursorOn ? "#3eeba3" : "#cccccc";
               return /* @__PURE__ */ jsxs8(
                 "box",
                 {
@@ -15939,11 +15956,11 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, a
                   justifyContent: "space-between",
                   children: [
                     /* @__PURE__ */ jsxs8("text", { children: [
-                      /* @__PURE__ */ jsx8("span", { fg: isActive ? "#66bb6a" : "#555555", children: isActive ? "  \u25B8 " : "    \u2514 " }),
+                      /* @__PURE__ */ jsx8("span", { fg: isActive ? "#3eeba3" : "#555555", children: isActive ? "  \u25B8 " : "    \u2514 " }),
                       isActive ? /* @__PURE__ */ jsx8("span", { fg: nameColor, children: /* @__PURE__ */ jsx8("strong", { children: item.repoName }) }) : /* @__PURE__ */ jsx8("span", { fg: nameColor, children: item.repoName })
                     ] }),
                     /* @__PURE__ */ jsxs8("text", { children: [
-                      item.added > 0 && /* @__PURE__ */ jsxs8("span", { fg: "#66bb6a", children: [
+                      item.added > 0 && /* @__PURE__ */ jsxs8("span", { fg: "#3eeba3", children: [
                         "+",
                         item.added
                       ] }),
@@ -15982,7 +15999,7 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, a
                   ":",
                   preview2.port
                 ] }) }),
-                /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: previewItem && isHighlighted(previewItem) ? "#66bb6a" : "#7dcfff", children: "\u2197" }) })
+                /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: previewItem && isHighlighted(previewItem) ? "#3eeba3" : "#7dcfff", children: "\u2197" }) })
               ]
             },
             i
@@ -15999,7 +16016,7 @@ function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, a
                 "\u2514",
                 " "
               ] }),
-              /* @__PURE__ */ jsx8("span", { fg: repo.currentBranch !== repo.defaultBranch ? "#ffaa00" : "#66bb6a", children: repo.currentBranch })
+              /* @__PURE__ */ jsx8("span", { fg: repo.currentBranch !== repo.defaultBranch ? "#ffaa00" : "#3eeba3", children: repo.currentBranch })
             ] }) }),
             prItems.map((prItem) => /* @__PURE__ */ jsx8(
               InteractiveRow,
@@ -16080,8 +16097,8 @@ function ToastProvider({ children }) {
 // src/interactive/components/Toast.tsx
 import { jsx as jsx10 } from "@opentui/react/jsx-runtime";
 var VARIANT_COLORS = {
-  info: { border: "#66bb6a", bg: "#0a1a0a" },
-  success: { border: "#66bb6a", bg: "#0a1a0a" },
+  info: { border: "#3eeba3", bg: "#0a1f17" },
+  success: { border: "#3eeba3", bg: "#0a1f17" },
   warning: { border: "#ffaa00", bg: "#1a1a0a" },
   error: { border: "#ff4444", bg: "#1a0a0a" }
 };
@@ -16449,7 +16466,7 @@ function AppInner() {
           flexGrow: 1,
           border: true,
           borderStyle: "rounded",
-          borderColor: focusPanel !== "sidebar" && focusPanel !== "info" ? "#66bb6a" : "#333333",
+          borderColor: focusPanel !== "sidebar" && focusPanel !== "info" ? "#3eeba3" : "#333333",
           backgroundColor: "#000000",
           flexDirection: "column",
           title: "Diff",
@@ -16491,7 +16508,7 @@ function AppInner() {
             ] }),
             /* @__PURE__ */ jsxs9("text", { fg: "#555555", children: [
               "Press ",
-              /* @__PURE__ */ jsx11("span", { fg: "#66bb6a", children: /* @__PURE__ */ jsx11("strong", { children: "w" }) }),
+              /* @__PURE__ */ jsx11("span", { fg: "#3eeba3", children: /* @__PURE__ */ jsx11("strong", { children: "w" }) }),
               " to wake it up"
             ] })
           ]

package/package.json

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