clawcontrol 0.2.0 → 0.2.1

package/dist/index.js

@@ -1,14 +1,16 @@
 // src/index.tsx
 import { createRequire } from "module";
+import { release } from "os";
 import { createCliRenderer } from "@opentui/core";
 import { createRoot } from "@opentui/react";
 
 // src/App.tsx
-import { useState as useState12, useCallback as useCallback4, useRef as useRef6 } from "react";
+import { useState as useState12, useCallback as useCallback4, useRef as useRef7 } from "react";
 import { useRenderer as useRenderer2 } from "@opentui/react";
 
 // src/components/Home.tsx
-import { useState } from "react";
+import { useState, useRef } from "react";
+import { useKeyboard } from "@opentui/react";
 
 // src/theme.ts
 var palette = {
@@ -155,27 +157,53 @@ var COMMANDS = [
 function Home({ context }) {
   const [inputValue, setInputValue] = useState("");
   const [error, setError] = useState(null);
+  const [selectedSuggestionIndex, setSelectedSuggestionIndex] = useState(-1);
+  const viewMap = {
+    "/new": "new",
+    "/list": "list",
+    "/deploy": "deploy",
+    "/status": "status",
+    "/ssh": "ssh",
+    "/logs": "logs",
+    "/dashboard": "dashboard",
+    "/destroy": "destroy",
+    "/templates": "templates",
+    "/help": "help"
+  };
+  const filteredCommands = inputValue.length >= 2 && inputValue.startsWith("/") ? COMMANDS.filter((cmd) => cmd.name.startsWith(inputValue.toLowerCase())) : [];
+  const stateRef = useRef({ selectedSuggestionIndex, filteredCommands, inputValue });
+  stateRef.current = { selectedSuggestionIndex, filteredCommands, inputValue };
   const handleCommand = (command) => {
     const cmd = command.trim().toLowerCase();
     setError(null);
-    const viewMap = {
-      "/new": "new",
-      "/list": "list",
-      "/deploy": "deploy",
-      "/status": "status",
-      "/ssh": "ssh",
-      "/logs": "logs",
-      "/dashboard": "dashboard",
-      "/destroy": "destroy",
-      "/templates": "templates",
-      "/help": "help"
-    };
     if (viewMap[cmd]) {
       context.navigateTo(viewMap[cmd]);
     } else if (cmd.startsWith("/")) {
       setError(`Unknown command: ${cmd}. Type /help for available commands.`);
     }
   };
+  useKeyboard((key) => {
+    const s = stateRef.current;
+    if (s.filteredCommands.length === 0) return;
+    if (key.name === "down") {
+      setSelectedSuggestionIndex(
+        (prev) => prev < s.filteredCommands.length - 1 ? prev + 1 : 0
+      );
+    } else if (key.name === "up") {
+      setSelectedSuggestionIndex(
+        (prev) => prev > 0 ? prev - 1 : s.filteredCommands.length - 1
+      );
+    } else if (key.name === "tab") {
+      if (s.selectedSuggestionIndex >= 0 && s.selectedSuggestionIndex < s.filteredCommands.length) {
+        const cmd = s.filteredCommands[s.selectedSuggestionIndex].name;
+        setInputValue("");
+        setSelectedSuggestionIndex(-1);
+        handleCommand(cmd);
+      }
+    } else if (key.name === "escape") {
+      setSelectedSuggestionIndex(-1);
+    }
+  });
   return /* @__PURE__ */ jsxs("box", { flexDirection: "column", width: "100%", height: "100%", children: [
     /* @__PURE__ */ jsx(
       "scrollbox",
@@ -278,9 +306,19 @@ function Home({ context }) {
                   placeholder: "Type a command (e.g., /new)...",
                   focused: true,
                   width: "100%",
-                  onInput: (value) => setInputValue(value),
+                  onInput: (value) => {
+                    setInputValue(value);
+                    const matches = value.length >= 2 && value.startsWith("/") ? COMMANDS.filter((cmd) => cmd.name.startsWith(value.toLowerCase())) : [];
+                    setSelectedSuggestionIndex(matches.length > 0 ? 0 : -1);
+                  },
                   onSubmit: (value) => {
-                    if (typeof value === "string" && typeof value.trim === "function" && value.trim()) {
+                    const s = stateRef.current;
+                    if (s.selectedSuggestionIndex >= 0 && s.selectedSuggestionIndex < s.filteredCommands.length) {
+                      const cmd = s.filteredCommands[s.selectedSuggestionIndex].name;
+                      setInputValue("");
+                      setSelectedSuggestionIndex(-1);
+                      handleCommand(cmd);
+                    } else if (typeof value === "string" && typeof value.trim === "function" && value.trim()) {
                       handleCommand(value);
                       setInputValue("");
                     }
@@ -290,14 +328,22 @@ function Home({ context }) {
             }
           )
         }
-      )
+      ),
+      filteredCommands.length > 0 && /* @__PURE__ */ jsx("box", { flexDirection: "column", paddingLeft: 1, backgroundColor: t.bg.elevated, children: filteredCommands.map((cmd, i) => {
+        const selected = i === selectedSuggestionIndex;
+        return /* @__PURE__ */ jsxs("box", { flexDirection: "row", height: 1, overflow: "hidden", backgroundColor: selected ? t.selection.bg : t.bg.elevated, children: [
+          /* @__PURE__ */ jsx("text", { fg: selected ? t.selection.indicator : t.fg.muted, children: selected ? "> " : "  " }),
+          /* @__PURE__ */ jsx("text", { fg: selected ? t.accent : t.fg.primary, width: 14, children: cmd.name }),
+          /* @__PURE__ */ jsx("text", { fg: t.fg.secondary, children: cmd.description })
+        ] }, cmd.name);
+      }) })
     ] })
   ] });
 }
 
 // src/components/NewDeployment.tsx
-import { useState as useState2, useRef, useEffect } from "react";
-import { useKeyboard } from "@opentui/react";
+import { useState as useState2, useRef as useRef2, useEffect } from "react";
+import { useKeyboard as useKeyboard2 } from "@opentui/react";
 import { appendFileSync } from "fs";
 import { homedir as homedir3 } from "os";
 import { join as join4 } from "path";
@@ -1428,7 +1474,7 @@ function NewDeployment({ context }) {
       setSelectedSavedKeyIndex(0);
     }
   }, [step]);
-  const stateRef = useRef({
+  const stateRef = useRef2({
     name,
     provider,
     apiKey,
@@ -1558,7 +1604,7 @@ function NewDeployment({ context }) {
       setError(`Failed to ${s.editMode === "edit" ? "update" : "create"} deployment: ${err instanceof Error ? err.message : String(err)}`);
     }
   };
-  useKeyboard((key) => {
+  useKeyboard2((key) => {
     const currentState = stateRef.current;
     debugLog(`useKeyboard: key=${key.name}, step=${currentState.step}`);
     if (currentState.step === "template_choice") {
@@ -2811,8 +2857,8 @@ function NewDeployment({ context }) {
 }
 
 // src/components/ListView.tsx
-import { useState as useState3, useRef as useRef2 } from "react";
-import { useKeyboard as useKeyboard2 } from "@opentui/react";
+import { useState as useState3, useRef as useRef3 } from "react";
+import { useKeyboard as useKeyboard3 } from "@opentui/react";
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "@opentui/react/jsx-runtime";
 function ListView({ context }) {
   const [viewState, setViewState] = useState3("listing");
@@ -2822,9 +2868,9 @@ function ListView({ context }) {
   const [deletedName, setDeletedName] = useState3("");
   const deployments = context.deployments;
   const selectedDeployment = deployments[selectedIndex];
-  const stateRef = useRef2({ viewState, selectedIndex });
+  const stateRef = useRef3({ viewState, selectedIndex });
   stateRef.current = { viewState, selectedIndex };
-  useKeyboard2((key) => {
+  useKeyboard3((key) => {
     const current = stateRef.current;
     if (deployments.length === 0) {
       context.navigateTo("home");
@@ -3122,7 +3168,7 @@ function ListView({ context }) {
 
 // src/components/DeployView.tsx
 import { useState as useState4 } from "react";
-import { useKeyboard as useKeyboard3 } from "@opentui/react";
+import { useKeyboard as useKeyboard4 } from "@opentui/react";
 import { jsx as jsx4, jsxs as jsxs4 } from "@opentui/react/jsx-runtime";
 function DeployView({ context }) {
   const [selectedIndex, setSelectedIndex] = useState4(0);
@@ -3132,7 +3178,7 @@ function DeployView({ context }) {
   const deployed = deployments.filter((d) => d.state.status === "deployed");
   const allDeployments = [...notDeployed, ...deployed];
   const selectedDeployment = allDeployments[selectedIndex];
-  useKeyboard3((key) => {
+  useKeyboard4((key) => {
     if (allDeployments.length === 0) {
       context.navigateTo("home");
       return;
@@ -3251,8 +3297,8 @@ function DeployView({ context }) {
 }
 
 // src/components/DeployingView.tsx
-import { useState as useState5, useEffect as useEffect2, useCallback, useRef as useRef3 } from "react";
-import { useKeyboard as useKeyboard4 } from "@opentui/react";
+import { useState as useState5, useEffect as useEffect2, useCallback, useRef as useRef4 } from "react";
+import { useKeyboard as useKeyboard5 } from "@opentui/react";
 import open from "open";
 
 // src/services/ssh.ts
@@ -4713,6 +4759,12 @@ function detectTerminal() {
       return { app: "konsole", canOpenTab: true };
     }
   }
+  if (os === "win32") {
+    if (env.WT_SESSION) {
+      return { app: "windows-terminal", canOpenTab: true };
+    }
+    return { app: "powershell", canOpenTab: false };
+  }
   if (os === "darwin") {
     return { app: "terminal.app", canOpenTab: true };
   }
@@ -4747,11 +4799,19 @@ function openTerminalWithCommand(command) {
         return openKonsole(command);
       case "xfce4-terminal":
         return openXfce4Terminal(command);
+      case "windows-terminal":
+        return openWindowsTerminal(command);
+      case "powershell":
+        return openPowerShell(command);
+      case "cmd":
+        return openCmd(command);
       default:
         if (os === "darwin") {
           return openTerminalApp(command);
         } else if (os === "linux") {
           return openLinuxFallback(command);
+        } else if (os === "win32") {
+          return openWindowsFallback(command);
         }
         return { success: false, error: `Unsupported terminal or OS: ${terminal.app}` };
     }
@@ -4947,6 +5007,9 @@ function openCursorTerminal(command) {
     }
     return openTerminalApp(command);
   }
+  if (platform() === "win32") {
+    return openWindowsFallback(command);
+  }
   return openLinuxFallback(command);
 }
 function openVSCodeTerminal(command) {
@@ -5018,6 +5081,62 @@ function openLinuxFallback(command) {
   }
   return { success: false, error: "Could not find a supported terminal emulator" };
 }
+function createTempScriptWindows(command) {
+  const scriptPath = join5(tmpdir(), `clawcontrol-${process.pid}-${Date.now()}.cmd`);
+  const content = [
+    "@echo off",
+    command,
+    `del "${scriptPath}"`,
+    ""
+  ].join("\r\n");
+  writeFileSync5(scriptPath, content);
+  return scriptPath;
+}
+function openWindowsTerminal(command) {
+  const script = createTempScriptWindows(command);
+  const proc = spawn("wt.exe", ["new-tab", "cmd", "/c", script], {
+    stdio: "ignore",
+    detached: true,
+    shell: true
+  });
+  proc.unref();
+  return { success: true };
+}
+function openPowerShell(command) {
+  const proc = spawn("powershell.exe", [
+    "-NoProfile",
+    "Start-Process",
+    "powershell",
+    "-ArgumentList",
+    `'-NoExit -Command "${command.replace(/"/g, '`"')}"'`
+  ], {
+    stdio: "ignore",
+    detached: true,
+    shell: true
+  });
+  proc.unref();
+  return { success: true };
+}
+function openCmd(command) {
+  const script = createTempScriptWindows(command);
+  const proc = spawn("cmd.exe", ["/c", "start", "cmd", "/k", script], {
+    stdio: "ignore",
+    detached: true,
+    shell: true
+  });
+  proc.unref();
+  return { success: true };
+}
+function openWindowsFallback(command) {
+  try {
+    const result = spawnSync("where", ["wt.exe"], { stdio: "pipe", timeout: 2e3 });
+    if (result.status === 0) {
+      return openWindowsTerminal(command);
+    }
+  } catch {
+  }
+  return openPowerShell(command);
+}
 function getTerminalDisplayName(app) {
   const names = {
     "terminal.app": "Terminal.app",
@@ -5033,6 +5152,9 @@ function getTerminalDisplayName(app) {
     "konsole": "Konsole",
     "xfce4-terminal": "XFCE Terminal",
     "xterm": "XTerm",
+    "windows-terminal": "Windows Terminal",
+    "powershell": "PowerShell",
+    "cmd": "Command Prompt",
     "unknown": "System Terminal"
   };
   return names[app];
@@ -5094,9 +5216,9 @@ function DeployingView({ context }) {
     setDeployState("deploying");
     addLog("Terminal session confirmed complete, continuing deployment...");
   }, [terminalResolve, addLog]);
-  const stateRef = useRef3({ deployState, terminalResolve });
+  const stateRef = useRef4({ deployState, terminalResolve });
   stateRef.current = { deployState, terminalResolve };
-  useKeyboard4((key) => {
+  useKeyboard5((key) => {
     const currentState = stateRef.current;
     if (currentState.deployState === "waiting_terminal") {
       if (key.name === "return") {
@@ -5344,7 +5466,7 @@ function DeployingView({ context }) {
 
 // src/components/StatusView.tsx
 import { useState as useState6 } from "react";
-import { useKeyboard as useKeyboard5 } from "@opentui/react";
+import { useKeyboard as useKeyboard6 } from "@opentui/react";
 import { jsx as jsx6, jsxs as jsxs6 } from "@opentui/react/jsx-runtime";
 function StatusView({ context }) {
   const [selectedIndex, setSelectedIndex] = useState6(0);
@@ -5374,7 +5496,7 @@ function StatusView({ context }) {
     setHealthStatus((prev) => new Map(prev).set(name, health));
     setChecking(null);
   };
-  useKeyboard5((key) => {
+  useKeyboard6((key) => {
     if (deployments.length === 0) {
       context.navigateTo("home");
       return;
@@ -5528,7 +5650,7 @@ function StatusView({ context }) {
 
 // src/components/SSHView.tsx
 import { useState as useState7, useCallback as useCallback2 } from "react";
-import { useKeyboard as useKeyboard6 } from "@opentui/react";
+import { useKeyboard as useKeyboard7 } from "@opentui/react";
 import { jsx as jsx7, jsxs as jsxs7 } from "@opentui/react/jsx-runtime";
 function SSHView({ context }) {
   const [viewState, setViewState] = useState7("selecting");
@@ -5554,7 +5676,7 @@ function SSHView({ context }) {
     }
   }, []);
   const selectedDeployment = deployedDeployments[selectedIndex];
-  useKeyboard6((key) => {
+  useKeyboard7((key) => {
     if (deployedDeployments.length === 0) {
       context.navigateTo("home");
       return;
@@ -5709,8 +5831,8 @@ function SSHView({ context }) {
 }
 
 // src/components/LogsView.tsx
-import { useState as useState8, useEffect as useEffect3, useRef as useRef4 } from "react";
-import { useKeyboard as useKeyboard7 } from "@opentui/react";
+import { useState as useState8, useEffect as useEffect3, useRef as useRef5 } from "react";
+import { useKeyboard as useKeyboard8 } from "@opentui/react";
 import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs8 } from "@opentui/react/jsx-runtime";
 function parseLogLine(line) {
   if (!line.trim()) return null;
@@ -5736,8 +5858,8 @@ function LogsView({ context }) {
   const [error, setError] = useState8(null);
   const [autoRefresh, setAutoRefresh] = useState8(false);
   const [lastFetched, setLastFetched] = useState8(null);
-  const sshRef = useRef4(null);
-  const refreshIntervalRef = useRef4(null);
+  const sshRef = useRef5(null);
+  const refreshIntervalRef = useRef5(null);
   const deployedDeployments = context.deployments.filter(
     (d) => d.state.status === "deployed" && d.state.serverIp
   );
@@ -5788,7 +5910,7 @@ function LogsView({ context }) {
     setLogs([]);
   };
   const selectedDeployment = deployedDeployments[selectedIndex];
-  useKeyboard7((key) => {
+  useKeyboard8((key) => {
     if (deployedDeployments.length === 0) {
       context.navigateTo("home");
       return;
@@ -5947,7 +6069,7 @@ function LogsView({ context }) {
 
 // src/components/DestroyView.tsx
 import { useState as useState9 } from "react";
-import { useKeyboard as useKeyboard8 } from "@opentui/react";
+import { useKeyboard as useKeyboard9 } from "@opentui/react";
 import { jsx as jsx9, jsxs as jsxs9 } from "@opentui/react/jsx-runtime";
 function DestroyView({ context }) {
   const [viewState, setViewState] = useState9("selecting");
@@ -5998,7 +6120,7 @@ function DestroyView({ context }) {
     }
   };
   const selectedDeployment = deployments[selectedIndex];
-  useKeyboard8((key) => {
+  useKeyboard9((key) => {
     if (deployments.length === 0) {
       context.navigateTo("home");
       return;
@@ -6189,10 +6311,10 @@ function DestroyView({ context }) {
 }
 
 // src/components/HelpView.tsx
-import { useKeyboard as useKeyboard9 } from "@opentui/react";
+import { useKeyboard as useKeyboard10 } from "@opentui/react";
 import { jsx as jsx10, jsxs as jsxs10 } from "@opentui/react/jsx-runtime";
 function HelpView({ context }) {
-  useKeyboard9(() => {
+  useKeyboard10(() => {
     context.navigateTo("home");
   });
   return /* @__PURE__ */ jsxs10("box", { flexDirection: "column", width: "100%", padding: 1, children: [
@@ -6319,8 +6441,8 @@ function HelpView({ context }) {
 }
 
 // src/components/TemplatesView.tsx
-import { useState as useState10, useRef as useRef5, useEffect as useEffect4 } from "react";
-import { useKeyboard as useKeyboard10 } from "@opentui/react";
+import { useState as useState10, useRef as useRef6, useEffect as useEffect4 } from "react";
+import { useKeyboard as useKeyboard11 } from "@opentui/react";
 import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs11 } from "@opentui/react/jsx-runtime";
 var DO_DROPLET_SIZES2 = [
   { slug: "s-1vcpu-2gb", label: "1 vCPU, 2GB RAM, 50GB SSD", price: "$12/mo" },
@@ -6343,7 +6465,7 @@ function TemplatesView({ context }) {
   const [forkAiProvider, setForkAiProvider] = useState10("");
   const [forkAiProviderIndex, setForkAiProviderIndex] = useState10(0);
   const [forkModel, setForkModel] = useState10("");
-  const stateRef = useRef5({
+  const stateRef = useRef6({
     viewState,
     selectedIndex,
     selectedTemplate,
@@ -6457,7 +6579,7 @@ function TemplatesView({ context }) {
       setViewState("viewing");
     }
   };
-  useKeyboard10((key) => {
+  useKeyboard11((key) => {
     const s = stateRef.current;
     if (s.viewState === "listing") {
       if (key.name === "up") {
@@ -6866,7 +6988,7 @@ function TemplatesView({ context }) {
 
 // src/components/DashboardView.tsx
 import { useState as useState11, useCallback as useCallback3 } from "react";
-import { useKeyboard as useKeyboard11, useRenderer } from "@opentui/react";
+import { useKeyboard as useKeyboard12, useRenderer } from "@opentui/react";
 import { spawnSync as spawnSync2 } from "child_process";
 import { platform as platform2 } from "os";
 
@@ -7035,7 +7157,7 @@ function DashboardView({ context }) {
       setViewState("error");
     }
   }, []);
-  useKeyboard11((key) => {
+  useKeyboard12((key) => {
     if (viewState === "selecting") {
       if (deployedDeployments.length === 0) {
         if (key.name === "escape" || key.name === "return") {
@@ -7294,8 +7416,8 @@ function DashboardView({ context }) {
 }
 
 // src/App.tsx
-import { jsx as jsx13 } from "@opentui/react/jsx-runtime";
-function App() {
+import { jsx as jsx13, jsxs as jsxs13 } from "@opentui/react/jsx-runtime";
+function App({ lacksTrueColor: lacksTrueColor2 }) {
   const renderer = useRenderer2();
   const [currentView, setCurrentView] = useState12("home");
   const [selectedDeployment, setSelectedDeployment] = useState12(null);
@@ -7308,7 +7430,7 @@ function App() {
   });
   const [selectedTemplate, setSelectedTemplate] = useState12(null);
   const [editingDeployment, setEditingDeployment] = useState12(null);
-  const wasDraggingRef = useRef6(false);
+  const wasDraggingRef = useRef7(false);
   const handleMouseDrag = useCallback4(() => {
     wasDraggingRef.current = true;
   }, []);
@@ -7377,7 +7499,7 @@ function App() {
         return /* @__PURE__ */ jsx13(Home, { context });
     }
   };
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs13(
     "scrollbox",
     {
       width: "100%",
@@ -7398,7 +7520,23 @@ function App() {
       verticalScrollbarOptions: {
         showArrows: false
       },
-      children: renderView()
+      children: [
+        lacksTrueColor2 && /* @__PURE__ */ jsx13(
+          "box",
+          {
+            width: "100%",
+            style: {
+              paddingLeft: 1,
+              paddingRight: 1,
+              paddingTop: 0,
+              paddingBottom: 0,
+              backgroundColor: t.status.warning
+            },
+            children: /* @__PURE__ */ jsx13("text", { fg: "#000000", children: "\u26A0 Your terminal does not support true color. Colors may look wrong. For full color support, use Ghostty, iTerm2, Kitty, or WezTerm \u2014 or upgrade to macOS 26+ for Terminal.app true color support." })
+          }
+        ),
+        renderView()
+      ]
     }
   );
 }
@@ -7433,11 +7571,14 @@ Documentation & source:
 `);
   process.exit(0);
 }
+var isAppleTerminal = process.env.TERM_PROGRAM === "Apple_Terminal";
+var darwinMajor = process.platform === "darwin" ? parseInt(release(), 10) : Infinity;
+var lacksTrueColor = isAppleTerminal && darwinMajor < 25;
 async function main() {
   const renderer = await createCliRenderer({
     useMouse: true
   });
   const root = createRoot(renderer);
-  root.render(/* @__PURE__ */ jsx14(App, {}));
+  root.render(/* @__PURE__ */ jsx14(App, { lacksTrueColor }));
 }
 main().catch(console.error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clawcontrol",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "CLI tool for deploying and managing OpenClaw instances on VPS providers",
   "type": "module",
   "main": "dist/index.js",