cueclaw 0.2.0 → 0.2.2

package/dist/{app-XQRFUTEX.js → app-PUHQN5BJ.js}

@@ -268,8 +268,12 @@ var KeyPriority = {
 var KeypressContext = createContext(null);
 function KeypressProvider({ children }) {
   const handlersRef = useRef([]);
+  const sortHandlers = () => {
+    handlersRef.current.sort((a, b) => b.priority - a.priority);
+  };
   const register = useCallback((entry) => {
     handlersRef.current = [...handlersRef.current.filter((h) => h.id !== entry.id), entry];
+    sortHandlers();
   }, []);
   const unregister = useCallback((id) => {
     handlersRef.current = handlersRef.current.filter((h) => h.id !== id);
@@ -280,8 +284,8 @@ function KeypressProvider({ children }) {
     );
   }, []);
   useInput((input, key) => {
-    const sorted = [...handlersRef.current].filter((h) => h.isActive).sort((a, b) => b.priority - a.priority);
-    for (const entry of sorted) {
+    for (const entry of handlersRef.current) {
+      if (!entry.isActive) continue;
       const consumed = entry.handler(input, key);
       if (consumed === true) break;
     }
@@ -369,7 +373,7 @@ function DialogManager({ children }) {
 }
 
 // src/tui/app-provider.tsx
-import { useReducer, useCallback as useCallback7, useMemo as useMemo2, useState as useState4, useEffect as useEffect3 } from "react";
+import { useReducer, useCallback as useCallback7, useMemo, useState as useState4, useEffect as useEffect3, useRef as useRef6 } from "react";
 import { useApp } from "ink";
 
 // src/tui/ui-state-context.ts
@@ -510,9 +514,13 @@ async function stopDaemonBridge(bridge) {
 function stopExternalDaemon() {
   const pid = readPidFile();
   if (pid && isProcessAlive(pid)) {
-    process.kill(pid, "SIGTERM");
+    try {
+      process.kill(pid, "SIGTERM");
+      logger.info({ pid }, "Stopped external daemon");
+    } catch (err) {
+      logger.warn({ err, pid }, "Failed to stop external daemon");
+    }
     removePidFile();
-    logger.info({ pid }, "Stopped external daemon");
   }
 }
 
@@ -528,7 +536,9 @@ function useDaemonBridge(config, db, cwd, dispatch) {
     dispatch({ type: "ADD_MESSAGE", message: { type: "system", text: "Starting daemon..." } });
     initDaemonBridge(db, config, cwd, { skipBots: !hasConfiguredBots }).then((bridge) => {
       if (cancelled) {
-        stopDaemonBridge(bridge);
+        stopDaemonBridge(bridge).catch((err) => {
+          logger.error({ err }, "Failed to stop daemon bridge after cancellation");
+        });
         return;
       }
       bridgeRef.current = bridge;
@@ -563,7 +573,9 @@ function useDaemonBridge(config, db, cwd, dispatch) {
     return () => {
       cancelled = true;
       if (bridgeRef.current) {
-        stopDaemonBridge(bridgeRef.current);
+        stopDaemonBridge(bridgeRef.current).catch((err) => {
+          logger.error({ err }, "Failed to stop daemon bridge during cleanup");
+        });
         bridgeRef.current = null;
       }
     };
@@ -708,7 +720,7 @@ Guidelines:
 }
 
 // src/tui/hooks/use-planner-session.ts
-function usePlannerSession(config, dispatch, streamingText) {
+function usePlannerSession(config, dispatch) {
   const plannerSessionRef = useRef3(null);
   const handleUserMessage = useCallback3(async (text) => {
     if (!config) return;
@@ -717,28 +729,25 @@ function usePlannerSession(config, dispatch, streamingText) {
     dispatch({ type: "SET_STREAMING_TEXT", text: "" });
     try {
       let result;
+      let accumulated = "";
+      const onToken = (token) => {
+        accumulated += token;
+        dispatch({ type: "SET_STREAMING_TEXT", text: accumulated });
+      };
       const tuiContext = { channel: "tui" };
       if (plannerSessionRef.current && plannerSessionRef.current.status === "conversing") {
         result = await continuePlannerSession(
           plannerSessionRef.current,
           text,
           config,
-          {
-            onToken: (token) => {
-              dispatch({ type: "SET_STREAMING_TEXT", text: (streamingText || "") + token });
-            }
-          },
+          { onToken },
           tuiContext
         );
       } else {
         result = await startPlannerSession(
           text,
           config,
-          {
-            onToken: (token) => {
-              dispatch({ type: "SET_STREAMING_TEXT", text: (streamingText || "") + token });
-            }
-          },
+          { onToken },
           tuiContext
         );
       }
@@ -774,7 +783,7 @@ function usePlannerSession(config, dispatch, streamingText) {
       plannerSessionRef.current = null;
       logger.error({ err }, "Planner session failed");
     }
-  }, [config, streamingText]);
+  }, [config]);
   const handleCancelGeneration = useCallback3(() => {
     if (plannerSessionRef.current) {
       cancelPlannerSession(plannerSessionRef.current);
@@ -801,6 +810,8 @@ function useWorkflowExecution(workflow, db, cwd, bridgeRef, plannerSessionRef, d
       upsertWorkflow(db, confirmed);
     } catch (err) {
       logger.error({ err }, "Failed to persist workflow");
+      dispatch({ type: "ADD_MESSAGE", message: { type: "error", text: `Failed to save workflow: ${err instanceof Error ? err.message : String(err)}` } });
+      return;
     }
     const controller = new AbortController();
     abortRef.current = controller;
@@ -873,7 +884,11 @@ ${failedSteps.join("\n")}` : "";
   const handleCancel = useCallback4(() => {
     if (workflow) {
       const rejected = rejectPlan(workflow);
-      updateWorkflowPhase(db, workflow.id, rejected.phase);
+      try {
+        updateWorkflowPhase(db, workflow.id, rejected.phase);
+      } catch (err) {
+        logger.error({ err }, "Failed to update workflow phase");
+      }
     }
     if (plannerSessionRef.current) {
       plannerSessionRef.current = null;
@@ -1122,7 +1137,7 @@ function useGlobalKeypress({
 }
 
 // src/tui/hooks/use-command-dispatch.ts
-import React4, { useCallback as useCallback6, useMemo } from "react";
+import React4, { useCallback as useCallback6, useRef as useRef5 } from "react";
 
 // src/tui/commands/registry.ts
 var commands = [];
@@ -1485,7 +1500,8 @@ function useCommandDispatch({
   showDialog,
   dismissDialog
 }) {
-  const commandCtx = useMemo(() => ({
+  const commandCtxRef = useRef5(null);
+  commandCtxRef.current = {
     db,
     config,
     cwd,
@@ -1494,13 +1510,12 @@ function useCommandDispatch({
     clearMessages: () => dispatch({ type: "SET_MESSAGES", messages: [] }),
     setConfig,
     setThemeVersion
-  }), [db, config, cwd]);
+  };
   const handleSlashCommand = useCallback6(async (text) => {
     if (!config) return false;
     const parsed = parseSlashCommand(text);
     if (!parsed) return false;
-    commandCtx.bridge = bridgeRef.current;
-    commandCtx.config = config;
+    const commandCtx = commandCtxRef.current;
     dispatch({ type: "ADD_MESSAGE", message: { type: "user", text } });
     if (parsed.name === "cancel") {
       if (plannerSessionRef.current) {
@@ -1589,8 +1604,8 @@ function useCommandDispatch({
       dispatch({ type: "ADD_MESSAGE", message: { type: "assistant", text: `Unknown command: /${parsed.name}. Type /help for available commands.` } });
     }
     return true;
-  }, [config, db, commandCtx]);
-  return { handleSlashCommand, commandCtx };
+  }, [config, db, exit, showDialog, dismissDialog]);
+  return { handleSlashCommand };
 }
 
 // src/tui/app-provider.tsx
@@ -1619,8 +1634,10 @@ function appReducer(state, action) {
       return { ...state, streamingText: action.text };
     case "UPDATE_STEP":
       return { ...state, stepProgress: new Map(state.stepProgress).set(action.stepId, action.progress) };
-    case "ADD_OUTPUT":
-      return { ...state, executionOutput: [...state.executionOutput, action.line] };
+    case "ADD_OUTPUT": {
+      const next = [...state.executionOutput, action.line];
+      return { ...state, executionOutput: next.length > 200 ? next.slice(-200) : next };
+    }
     default:
       return state;
   }
@@ -1628,7 +1645,7 @@ function appReducer(state, action) {
 function AppProvider({ cwd, skipOnboarding, children }) {
   const { exit } = useApp();
   const { showDialog, dismissDialog } = useDialog();
-  const validation = useMemo2(() => validateConfig(), []);
+  const validation = useMemo(() => validateConfig(), []);
   const needsSetup = !skipOnboarding && !validation.valid;
   const [config, setConfig] = useState4(() => {
     if (needsSetup) return null;
@@ -1638,7 +1655,7 @@ function AppProvider({ cwd, skipOnboarding, children }) {
       return null;
     }
   });
-  const db = useMemo2(() => initDb(), []);
+  const db = useMemo(() => initDb(), []);
   const [themeVersion, setThemeVersion] = useState4(0);
   const initialState = {
     view: needsSetup ? "onboarding" : "chat",
@@ -1653,7 +1670,16 @@ function AppProvider({ cwd, skipOnboarding, children }) {
     detailRuns: [],
     detailStepRuns: []
   };
-  const [state, dispatch] = useReducer(appReducer, initialState);
+  const msgIdRef = useRef6(0);
+  const [state, rawDispatch] = useReducer(appReducer, initialState);
+  const dispatch = useCallback7((action) => {
+    if (action.type === "ADD_MESSAGE") {
+      msgIdRef.current += 1;
+      rawDispatch({ type: "ADD_MESSAGE", message: { ...action.message, id: msgIdRef.current } });
+    } else {
+      rawDispatch(action);
+    }
+  }, []);
   useEffect3(() => {
     markSessionStart();
   }, []);
@@ -1663,7 +1689,7 @@ function AppProvider({ cwd, skipOnboarding, children }) {
     });
   }, []);
   const { bridgeRef, daemonStatus } = useDaemonBridge(config, db, cwd, dispatch);
-  const planner = usePlannerSession(config, dispatch, state.streamingText);
+  const planner = usePlannerSession(config, dispatch);
   const execution = useWorkflowExecution(
     state.workflow,
     db,
@@ -1774,7 +1800,7 @@ function AppProvider({ cwd, skipOnboarding, children }) {
       execution.handleExecutionBack();
     }
   }, [state.previousView, state.workflow, db, execution.handleExecutionBack]);
-  const uiState = useMemo2(() => ({
+  const uiState = useMemo(() => ({
     view: state.view,
     messages: state.messages,
     workflow: state.workflow,
@@ -1794,7 +1820,7 @@ function AppProvider({ cwd, skipOnboarding, children }) {
     detailRuns: state.detailRuns,
     detailStepRuns: state.detailStepRuns
   }), [state, daemonStatus, execution.isExecuting, config, cwd, footerExtra, footerHints, planner.isConversing, themeVersion]);
-  const uiActions = useMemo2(() => ({
+  const uiActions = useMemo(() => ({
     handleChatSubmit,
     handleCancelGeneration: planner.handleCancelGeneration,
     handleConfirm: execution.handleConfirm,
@@ -1815,7 +1841,7 @@ function AppProvider({ cwd, skipOnboarding, children }) {
 }
 
 // src/tui/app-layout.tsx
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo5 } from "react";
 import { Box as Box21, Static, useStdout as useStdout5 } from "ink";
 
 // src/tui/banner.tsx
@@ -1881,18 +1907,18 @@ function lerpGradient(stops, t) {
 import { Box as Box15 } from "ink";
 
 // src/tui/main-content.tsx
-import { useState as useState6, useMemo as useMemo3, useEffect as useEffect5, useRef as useRef6, useCallback as useCallback9 } from "react";
+import { useState as useState6, useMemo as useMemo2, useCallback as useCallback9 } from "react";
 import { Box as Box13, Text as Text13, useStdout as useStdout2 } from "ink";
 
 // src/tui/thinking-indicator.tsx
-import { useState as useState5, useEffect as useEffect4, useCallback as useCallback8, useRef as useRef5, memo as memo2 } from "react";
+import { useState as useState5, useEffect as useEffect4, useCallback as useCallback8, useRef as useRef7, memo as memo2 } from "react";
 import { Box as Box4, Text as Text4 } from "ink";
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var DOTS = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 var ThinkingIndicator = memo2(function ThinkingIndicator2({ onCancel }) {
   const [elapsed, setElapsed] = useState5(0);
   const [frame, setFrame] = useState5(0);
-  const startRef = useRef5(Date.now());
+  const startRef = useRef7(Date.now());
   useEffect4(() => {
     const timer = setInterval(() => {
       setElapsed(Math.floor((Date.now() - startRef.current) / 1e3));
@@ -1908,8 +1934,7 @@ var ThinkingIndicator = memo2(function ThinkingIndicator2({ onCancel }) {
     return false;
   }, [onCancel]));
   const gradient = theme.ui.gradient;
-  const cyclePos = Date.now() / 4e3 % 1;
-  const gradientIdx = Math.floor(cyclePos * gradient.length) % gradient.length;
+  const gradientIdx = frame % gradient.length;
   const spinnerColor = gradient[gradientIdx] ?? theme.text.accent;
   const cancelHint = onCancel ? "  (esc to cancel)" : "";
   return /* @__PURE__ */ jsxs4(Box4, { paddingX: 1, children: [
@@ -2048,12 +2073,6 @@ function MainContent() {
   const { stdout } = useStdout2();
   const rows = stdout?.rows ?? 24;
   const [scrollOffset, setScrollOffset] = useState6(0);
-  const prevMessageCountRef = useRef6(messages.length);
-  useEffect5(() => {
-    if (messages.length > prevMessageCountRef.current && scrollOffset === 0) {
-    }
-    prevMessageCountRef.current = messages.length;
-  }, [messages.length, scrollOffset]);
   const pageSize = Math.max(1, Math.floor(rows / 2));
   useKeypress("chat-scroll", KeyPriority.Normal, useCallback9((input, key) => {
     if (keyBindings.scrollUp(input, key)) {
@@ -2066,7 +2085,7 @@ function MainContent() {
     }
     return false;
   }, [pageSize, messages.length]));
-  const visibleMessages = useMemo3(() => {
+  const visibleMessages = useMemo2(() => {
     if (scrollOffset === 0) return messages;
     const end = messages.length - scrollOffset;
     return messages.slice(0, Math.max(0, end));
@@ -2081,7 +2100,7 @@ function MainContent() {
       " (Ctrl+P/Ctrl+N)"
     ] }) }),
     /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", flexGrow: 1, marginTop: hiddenAbove > 0 ? 0 : 1, children: [
-      visibleMessages.map((msg, i) => /* @__PURE__ */ jsx16(Box13, { marginBottom: 1, flexDirection: "column", children: /* @__PURE__ */ jsx16(MessageDisplay, { message: msg }) }, i)),
+      visibleMessages.map((msg) => /* @__PURE__ */ jsx16(Box13, { marginBottom: 1, flexDirection: "column", children: /* @__PURE__ */ jsx16(MessageDisplay, { message: msg }) }, msg.id)),
       streamingText && /* @__PURE__ */ jsxs12(Box13, { marginBottom: 1, paddingX: 1, children: [
         /* @__PURE__ */ jsx16(Box13, { width: 2, children: /* @__PURE__ */ jsx16(Text13, { color: theme.text.accent, children: "\u2726 " }) }),
         /* @__PURE__ */ jsx16(Box13, { flexShrink: 1, children: /* @__PURE__ */ jsx16(Text13, { color: theme.text.primary, children: streamingText }) })
@@ -2092,11 +2111,11 @@ function MainContent() {
 }
 
 // src/tui/composer.tsx
-import { useState as useState7, useMemo as useMemo4 } from "react";
+import { useState as useState7, useMemo as useMemo3, useCallback as useCallback12 } from "react";
 import { Box as Box14, Text as Text15, useStdout as useStdout3 } from "ink";
 
 // src/tui/resettable-input.tsx
-import { useReducer as useReducer2, useEffect as useEffect6, useRef as useRef7, useCallback as useCallback10 } from "react";
+import { useReducer as useReducer2, useEffect as useEffect5, useRef as useRef8, useCallback as useCallback10 } from "react";
 import { Text as Text14 } from "ink";
 import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function inputReducer(state, action) {
@@ -2122,13 +2141,13 @@ function inputReducer(state, action) {
 }
 function ResettableInput({ placeholder, onSubmit, onChange, isDisabled, onUpArrow, onDownArrow }) {
   const [state, dispatch] = useReducer2(inputReducer, { value: "", prevValue: "", cursor: 0 });
-  const submitRef = useRef7(null);
-  useEffect6(() => {
+  const submitRef = useRef8(null);
+  useEffect5(() => {
     if (state.value !== state.prevValue) {
       onChange?.(state.value);
     }
   }, [state.value, state.prevValue, onChange]);
-  useEffect6(() => {
+  useEffect5(() => {
     if (submitRef.current !== null) {
       const value = submitRef.current;
       submitRef.current = null;
@@ -2136,7 +2155,7 @@ function ResettableInput({ placeholder, onSubmit, onChange, isDisabled, onUpArro
     }
   });
   useKeypress("resettable-input", KeyPriority.Normal, useCallback10((input, key) => {
-    if (key.ctrl && input === "c" || key.tab || key.shift && key.tab) return false;
+    if (key.ctrl && input === "c" || key.tab || key.shift && key.tab || key.escape) return false;
     if (key.upArrow) {
       if (onUpArrow) {
         const entry = onUpArrow(state.value);
@@ -2188,11 +2207,11 @@ function ResettableInput({ placeholder, onSubmit, onChange, isDisabled, onUpArro
 }
 
 // src/tui/use-input-history.ts
-import { useRef as useRef8, useCallback as useCallback11 } from "react";
+import { useRef as useRef9, useCallback as useCallback11 } from "react";
 function useInputHistory() {
-  const historyRef = useRef8([]);
-  const indexRef = useRef8(-1);
-  const draftRef = useRef8("");
+  const historyRef = useRef9([]);
+  const indexRef = useRef9(-1);
+  const draftRef = useRef9("");
   const up = useCallback11((currentValue) => {
     const history = historyRef.current;
     if (history.length === 0) return void 0;
@@ -2259,8 +2278,8 @@ function Composer() {
   const cols = stdout?.columns ?? 80;
   const history = useInputHistory();
   const [currentInput, setCurrentInput] = useState7("");
-  const allCommands = useMemo4(() => getCommands(), []);
-  const matchingCommands = useMemo4(() => {
+  const allCommands = useMemo3(() => getCommands(), []);
+  const matchingCommands = useMemo3(() => {
     if (!currentInput.startsWith("/")) return [];
     const prefix = currentInput.toLowerCase();
     return allCommands.filter((c) => {
@@ -2269,6 +2288,18 @@ function Composer() {
     });
   }, [currentInput, allCommands]);
   const showCommandHints = currentInput.startsWith("/") && matchingCommands.length > 0 && currentInput !== "/" + matchingCommands[0]?.name;
+  const handleInputChange = useCallback12((value) => {
+    setCurrentInput(value);
+    history.resetBrowsing();
+  }, [history]);
+  const handleInputSubmit = useCallback12((value) => {
+    const trimmed = value.trim();
+    if (trimmed) {
+      history.push(trimmed);
+      setCurrentInput("");
+      handleChatSubmit(trimmed);
+    }
+  }, [history, handleChatSubmit]);
   const mode = modeLabel({ isExecuting, isGenerating, isConversing });
   const daemon = daemonLabel(daemonStatus);
   return /* @__PURE__ */ jsxs14(Fragment3, { children: [
@@ -2311,18 +2342,8 @@ function Composer() {
             ResettableInput,
             {
               placeholder: "Describe a workflow or type /help",
-              onChange: (value) => {
-                setCurrentInput(value);
-                history.resetBrowsing();
-              },
-              onSubmit: (value) => {
-                const trimmed = value.trim();
-                if (trimmed) {
-                  history.push(trimmed);
-                  setCurrentInput("");
-                  handleChatSubmit(trimmed);
-                }
-              },
+              onChange: handleInputChange,
+              onSubmit: handleInputSubmit,
               onUpArrow: history.up,
               onDownArrow: history.down,
               isDisabled: isGenerating
@@ -2344,11 +2365,11 @@ function Chat() {
 }
 
 // src/tui/plan-view.tsx
-import { useCallback as useCallback12, memo as memo10 } from "react";
+import { useCallback as useCallback13, memo as memo10 } from "react";
 import { Box as Box16, Text as Text16 } from "ink";
 import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function PlanView({ workflow, onConfirm, onModify, onCancel }) {
-  useKeypress("plan-view-actions", KeyPriority.Normal, useCallback12((input, key) => {
+  useKeypress("plan-view-actions", KeyPriority.Normal, useCallback13((input, key) => {
     if (keyBindings.confirmPlan(input, key)) {
       onConfirm();
       return true;
@@ -2411,13 +2432,90 @@ var StepLine = memo10(function StepLine2({ step, index }) {
 });
 
 // src/tui/execution-view.tsx
-import { useCallback as useCallback13 } from "react";
+import { useCallback as useCallback14 } from "react";
 import { Box as Box17, Text as Text17 } from "ink";
+
+// src/tui/format-utils.ts
+function stepStatusIcon(status) {
+  switch (status) {
+    case "succeeded":
+      return "\u2713";
+    case "running":
+      return "\u22B7";
+    case "failed":
+      return "\u2717";
+    case "skipped":
+      return "\u25CB";
+    default:
+      return "\u25CB";
+  }
+}
+function stepStatusColor(status) {
+  switch (status) {
+    case "succeeded":
+      return theme.status.success;
+    case "running":
+      return theme.status.warning;
+    case "failed":
+      return theme.status.error;
+    case "skipped":
+      return theme.status.muted;
+    default:
+      return theme.status.muted;
+  }
+}
+function phaseColor2(phase) {
+  switch (phase) {
+    case "executing":
+      return theme.status.warning;
+    case "active":
+      return theme.status.success;
+    case "completed":
+      return theme.status.success;
+    case "failed":
+      return theme.status.error;
+    case "paused":
+      return theme.status.muted;
+    default:
+      return theme.text.primary;
+  }
+}
+function runStatusColor(status) {
+  switch (status) {
+    case "completed":
+      return theme.status.success;
+    case "running":
+      return theme.status.warning;
+    case "failed":
+      return theme.status.error;
+    default:
+      return theme.text.primary;
+  }
+}
+function formatDuration2(ms) {
+  if (ms < 1e3) return `${ms}ms`;
+  if (ms < 6e4) return `${Math.round(ms / 1e3)}s`;
+  return `${Math.round(ms / 6e4)}m`;
+}
+function formatTrigger(trigger) {
+  switch (trigger.type) {
+    case "poll":
+      return `poll every ${trigger.interval_seconds}s (${trigger.diff_mode})`;
+    case "cron":
+      return `cron: ${trigger.expression}${trigger.timezone ? ` (${trigger.timezone})` : ""}`;
+    case "manual":
+      return "manual";
+    default:
+      return trigger.type;
+  }
+}
+
+// src/tui/execution-view.tsx
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function ExecutionView({ workflow, stepProgress, output, onBack, onAbort }) {
   const { isExecuting } = useUIState();
   const isRunning = Array.from(stepProgress.values()).some((s) => s.status === "running");
-  useKeypress("execution-view-actions", KeyPriority.Normal, useCallback13((input, key) => {
+  useKeypress("execution-view-actions", KeyPriority.Normal, useCallback14((input, key) => {
     if (isExecuting && onAbort && keyBindings.abortExec(input, key)) {
       onAbort();
       return true;
@@ -2445,9 +2543,9 @@ function ExecutionView({ workflow, stepProgress, output, onBack, onAbort }) {
       workflow.steps.map((step, i) => {
         const progress = stepProgress.get(step.id);
         const status = progress?.status ?? "pending";
-        const icon = statusIcon(status);
+        const icon = stepStatusIcon(status);
         const durationText = progress?.duration ? ` (${formatDuration2(progress.duration)})` : "";
-        return /* @__PURE__ */ jsx21(Box17, { children: /* @__PURE__ */ jsxs17(Text17, { color: statusColor(status), children: [
+        return /* @__PURE__ */ jsx21(Box17, { children: /* @__PURE__ */ jsxs17(Text17, { color: stepStatusColor(status), children: [
           icon,
           " ",
           i + 1,
@@ -2464,47 +2562,20 @@ function ExecutionView({ workflow, stepProgress, output, onBack, onAbort }) {
     /* @__PURE__ */ jsx21(Box17, { marginTop: 1, children: /* @__PURE__ */ jsx21(Text17, { color: theme.ui.comment, children: isExecuting ? "Press [X] to cancel" : "Press Enter, Q, or Esc to return to chat" }) })
   ] });
 }
-function statusIcon(status) {
-  switch (status) {
-    case "succeeded":
-      return "\u2713";
-    case "running":
-      return "\u22B7";
-    case "failed":
-      return "\u2717";
-    case "skipped":
-      return "\u25CB";
-    default:
-      return "\u25CB";
-  }
-}
-function statusColor(status) {
-  switch (status) {
-    case "succeeded":
-      return theme.status.success;
-    case "running":
-      return theme.status.warning;
-    case "failed":
-      return theme.status.error;
-    case "skipped":
-      return theme.status.muted;
-    default:
-      return theme.status.muted;
-  }
-}
-function formatDuration2(ms) {
-  if (ms < 1e3) return `${ms}ms`;
-  return `${Math.round(ms / 1e3)}s`;
-}
 
 // src/tui/workflow-detail-view.tsx
-import { useState as useState8, useCallback as useCallback14 } from "react";
+import { useState as useState8, useCallback as useCallback15, useEffect as useEffect6 } from "react";
 import { Box as Box18, Text as Text18 } from "ink";
 import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function WorkflowDetailView({ workflow, runs, latestStepRuns, onBack, onSelectRun, onStop }) {
   const [selectedRunIndex, setSelectedRunIndex] = useState8(0);
   const displayRuns = runs.slice(0, 5);
-  useKeypress("detail-view-actions", KeyPriority.Normal, useCallback14((input, key) => {
+  useEffect6(() => {
+    if (selectedRunIndex >= displayRuns.length && displayRuns.length > 0) {
+      setSelectedRunIndex(displayRuns.length - 1);
+    }
+  }, [displayRuns.length, selectedRunIndex]);
+  useKeypress("detail-view-actions", KeyPriority.Normal, useCallback15((input, key) => {
     if (keyBindings.escape(input, key) || keyBindings.quit(input, key)) {
       onBack();
       return true;
@@ -2566,8 +2637,8 @@ function WorkflowDetailView({ workflow, runs, latestStepRuns, onBack, onSelectRu
       workflow.steps.map((step, i) => {
         const deps = step.depends_on.length > 0 ? ` \u2192 depends on: ${step.depends_on.join(", ")}` : "";
         const stepRun = latestStepRuns.find((sr) => sr.step_id === step.id);
-        const icon = stepRun ? statusIcon2(stepRun.status) : "\u25CB";
-        const iconColor = stepRun ? statusColor2(stepRun.status) : theme.status.muted;
+        const icon = stepRun ? stepStatusIcon(stepRun.status) : "\u25CB";
+        const iconColor = stepRun ? stepStatusColor(stepRun.status) : theme.status.muted;
         return /* @__PURE__ */ jsxs18(Box18, { children: [
           /* @__PURE__ */ jsxs18(Text18, { color: iconColor, children: [
             icon,
@@ -2593,7 +2664,7 @@ function WorkflowDetailView({ workflow, runs, latestStepRuns, onBack, onSelectRu
         displayRuns.map((run, i) => /* @__PURE__ */ jsx22(Box18, { children: /* @__PURE__ */ jsxs18(Text18, { inverse: i === selectedRunIndex, children: [
           /* @__PURE__ */ jsx22(Text18, { color: runStatusColor(run.status), children: run.status.padEnd(14) }),
           /* @__PURE__ */ jsx22(Text18, { children: run.started_at.slice(0, 22).padEnd(24) }),
-          /* @__PURE__ */ jsx22(Text18, { children: (run.duration_ms != null ? formatDuration3(run.duration_ms) : "\u2014").padEnd(12) }),
+          /* @__PURE__ */ jsx22(Text18, { children: (run.duration_ms != null ? formatDuration2(run.duration_ms) : "\u2014").padEnd(12) }),
           /* @__PURE__ */ jsx22(Text18, { color: theme.status.error, children: run.error ? run.error.slice(0, 40) : "" })
         ] }) }, run.id))
       ] })
@@ -2605,80 +2676,9 @@ function WorkflowDetailView({ workflow, runs, latestStepRuns, onBack, onSelectRu
     ] }) })
   ] });
 }
-function phaseColor2(phase) {
-  switch (phase) {
-    case "executing":
-      return theme.status.warning;
-    case "active":
-      return theme.status.success;
-    case "completed":
-      return theme.status.success;
-    case "failed":
-      return theme.status.error;
-    case "paused":
-      return theme.status.muted;
-    default:
-      return theme.text.primary;
-  }
-}
-function runStatusColor(status) {
-  switch (status) {
-    case "completed":
-      return theme.status.success;
-    case "running":
-      return theme.status.warning;
-    case "failed":
-      return theme.status.error;
-    default:
-      return theme.text.primary;
-  }
-}
-function statusIcon2(status) {
-  switch (status) {
-    case "succeeded":
-      return "\u2713";
-    case "running":
-      return "\u22B7";
-    case "failed":
-      return "\u2717";
-    case "skipped":
-      return "\u25CB";
-    default:
-      return "\u25CB";
-  }
-}
-function statusColor2(status) {
-  switch (status) {
-    case "succeeded":
-      return theme.status.success;
-    case "running":
-      return theme.status.warning;
-    case "failed":
-      return theme.status.error;
-    case "skipped":
-      return theme.status.muted;
-    default:
-      return theme.status.muted;
-  }
-}
-function formatTrigger(trigger) {
-  switch (trigger.type) {
-    case "poll":
-      return `poll every ${trigger.interval_seconds}s (${trigger.diff_mode})`;
-    case "cron":
-      return `cron: ${trigger.expression}${trigger.timezone ? ` (${trigger.timezone})` : ""}`;
-    case "manual":
-      return "manual";
-  }
-}
-function formatDuration3(ms) {
-  if (ms < 1e3) return `${ms}ms`;
-  if (ms < 6e4) return `${Math.round(ms / 1e3)}s`;
-  return `${Math.round(ms / 6e4)}m`;
-}
 
 // src/tui/onboarding.tsx
-import { useState as useState9, useCallback as useCallback15, useMemo as useMemo5 } from "react";
+import { useState as useState9, useCallback as useCallback16, useMemo as useMemo4, useRef as useRef10, useEffect as useEffect7 } from "react";
 import { Box as Box19, Text as Text19, useStdout as useStdout4 } from "ink";
 import { TextInput, PasswordInput, ConfirmInput, Spinner, StatusMessage } from "@inkjs/ui";
 import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
@@ -2686,11 +2686,23 @@ function maskKey(key) {
   if (key.length <= 8) return "****";
   return key.slice(0, 4) + "****" + key.slice(-4);
 }
+function StepLayout({ children, input }) {
+  return /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx23(Box19, { flexDirection: "column", flexGrow: 1, children }),
+    /* @__PURE__ */ jsx23(Box19, { marginTop: 1, children: input })
+  ] });
+}
 function Onboarding({ onComplete, onCancel, issues }) {
   const { stdout } = useStdout4();
   const cols = stdout?.columns ?? 80;
-  const existing = useMemo5(() => loadExistingConfig(), []);
-  const initialStep = useMemo5(() => {
+  const existing = useMemo4(() => loadExistingConfig(), []);
+  const completeTimerRef = useRef10(null);
+  useEffect7(() => {
+    return () => {
+      if (completeTimerRef.current) clearTimeout(completeTimerRef.current);
+    };
+  }, []);
+  const initialStep = useMemo4(() => {
     if (!issues || issues.length === 0) return "welcome";
     const errorFields = new Set(issues.filter((i) => i.severity === "error").map((i) => i.field));
     if (errorFields.size === 1 && errorFields.has("claude.api_key")) {
@@ -2707,62 +2719,46 @@ function Onboarding({ onComplete, onCancel, issues }) {
     telegramToken: existing.telegramToken ?? "",
     whatsappEnabled: existing.whatsappEnabled ?? false
   });
-  const env = checkEnvironment();
-  useKeypress("onboarding-cancel", KeyPriority.Normal, useCallback15((input, key) => {
+  const env = useMemo4(() => checkEnvironment(), []);
+  useKeypress("onboarding-cancel", KeyPriority.Normal, useCallback16((input, key) => {
     if (onCancel && keyBindings.escape(input, key)) {
+      if (completeTimerRef.current) clearTimeout(completeTimerRef.current);
       onCancel();
       return true;
     }
     return false;
   }, [onCancel]));
-  const gotoApiKey = useCallback15(() => {
+  const gotoApiKey = useCallback16(() => {
     setStep(existing.apiKey ? "api_key_existing" : "api_key");
   }, [existing]);
-  const gotoBaseUrl = useCallback15(() => {
+  const gotoBaseUrl = useCallback16(() => {
     if (!isDev) return;
     setStep(existing.baseUrl ? "base_url_existing" : "base_url");
   }, [existing]);
-  const gotoContainer = useCallback15(() => {
+  const gotoTelegram = useCallback16(() => {
+    setStep(existing.telegramEnabled !== void 0 ? "telegram_existing" : "telegram");
+  }, [existing]);
+  const gotoContainer = useCallback16(() => {
     if (!(env.docker && env.dockerRunning)) {
       gotoTelegram();
       return;
     }
     setStep(existing.containerEnabled !== void 0 ? "container_existing" : "container");
-  }, [env, existing]);
-  const gotoTelegram = useCallback15(() => {
-    setStep(existing.telegramEnabled !== void 0 ? "telegram_existing" : "telegram");
-  }, [existing]);
-  const gotoTelegramToken = useCallback15(() => {
+  }, [env, existing, gotoTelegram]);
+  const gotoTelegramToken = useCallback16(() => {
     setStep(existing.telegramToken ? "telegram_token_existing" : "telegram_token");
   }, [existing]);
-  const gotoWhatsApp = useCallback15(() => {
+  const gotoWhatsApp = useCallback16(() => {
     setStep(existing.whatsappEnabled !== void 0 ? "whatsapp_existing" : "whatsapp");
   }, [existing]);
-  const afterValidation = useCallback15(() => {
+  const afterValidation = useCallback16(() => {
     if (env.docker && env.dockerRunning) {
       gotoContainer();
     } else {
       gotoTelegram();
     }
   }, [env, gotoContainer, gotoTelegram]);
-  const handleApiKeySubmit = useCallback15((value) => {
-    const key = value.trim();
-    if (!key) return;
-    setState((s) => ({ ...s, apiKey: key }));
-    if (isDev) {
-      gotoBaseUrl();
-    } else {
-      setStep("validating");
-      doValidation(key, "");
-    }
-  }, [gotoBaseUrl]);
-  const handleBaseUrlSubmit = useCallback15((value) => {
-    const url = value.trim();
-    setState((s) => ({ ...s, baseUrl: url }));
-    setStep("validating");
-    doValidation(state.apiKey, url);
-  }, [state.apiKey]);
-  const doValidation = useCallback15(async (apiKey, baseUrl) => {
+  const doValidation = useCallback16(async (apiKey, baseUrl) => {
     const prevKey = process.env["ANTHROPIC_API_KEY"];
     const prevUrl = process.env["ANTHROPIC_BASE_URL"];
     process.env["ANTHROPIC_API_KEY"] = apiKey;
@@ -2791,35 +2787,44 @@ function Onboarding({ onComplete, onCancel, issues }) {
       else delete process.env["ANTHROPIC_BASE_URL"];
     }
   }, [afterValidation]);
-  const handleContainerYes = useCallback15(() => {
+  const handleApiKeySubmit = useCallback16((value) => {
+    const key = value.trim();
+    if (!key) return;
+    setState((s) => ({ ...s, apiKey: key }));
+    if (isDev) {
+      gotoBaseUrl();
+    } else {
+      setStep("validating");
+      doValidation(key, "");
+    }
+  }, [gotoBaseUrl, doValidation]);
+  const handleBaseUrlSubmit = useCallback16((value) => {
+    const url = value.trim();
+    setState((s) => ({ ...s, baseUrl: url }));
+    setStep("validating");
+    doValidation(state.apiKey, url);
+  }, [state.apiKey, doValidation]);
+  const handleContainerYes = useCallback16(() => {
     setState((s) => ({ ...s, containerEnabled: true }));
     gotoTelegram();
   }, [gotoTelegram]);
-  const handleContainerNo = useCallback15(() => {
+  const handleContainerNo = useCallback16(() => {
     setState((s) => ({ ...s, containerEnabled: false }));
     gotoTelegram();
   }, [gotoTelegram]);
-  const handleTelegramYes = useCallback15(() => {
+  const handleTelegramYes = useCallback16(() => {
     setState((s) => ({ ...s, telegramEnabled: true }));
     gotoTelegramToken();
   }, [gotoTelegramToken]);
-  const handleTelegramNo = useCallback15(() => {
+  const handleTelegramNo = useCallback16(() => {
     setState((s) => ({ ...s, telegramEnabled: false }));
     gotoWhatsApp();
   }, [gotoWhatsApp]);
-  const handleTelegramTokenSubmit = useCallback15((value) => {
+  const handleTelegramTokenSubmit = useCallback16((value) => {
     setState((s) => ({ ...s, telegramToken: value.trim() }));
     gotoWhatsApp();
   }, [gotoWhatsApp]);
-  const finishWithWhatsApp = useCallback15((enabled) => {
-    const next = { ...state, whatsappEnabled: enabled };
-    setState((s) => ({ ...s, whatsappEnabled: enabled }));
-    setStep("saving");
-    doSaveConfig(next);
-  }, [state]);
-  const handleWhatsAppYes = useCallback15(() => finishWithWhatsApp(true), [finishWithWhatsApp]);
-  const handleWhatsAppNo = useCallback15(() => finishWithWhatsApp(false), [finishWithWhatsApp]);
-  const doSaveConfig = useCallback15((finalState) => {
+  const doSaveConfig = useCallback16((finalState) => {
     if (isDev) {
       writeEnvVar("ANTHROPIC_API_KEY", finalState.apiKey);
       if (finalState.baseUrl) {
@@ -2848,12 +2853,16 @@ function Onboarding({ onComplete, onCancel, issues }) {
     }
     const config = loadConfig();
     setStep("done");
-    setTimeout(() => onComplete(config), 1500);
+    completeTimerRef.current = setTimeout(() => onComplete(config), 1500);
   }, [onComplete]);
-  const StepLayout = ({ children, input }) => /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx23(Box19, { flexDirection: "column", flexGrow: 1, children }),
-    /* @__PURE__ */ jsx23(Box19, { marginTop: 1, children: input })
-  ] });
+  const finishWithWhatsApp = useCallback16((enabled) => {
+    const next = { ...state, whatsappEnabled: enabled };
+    setState((s) => ({ ...s, whatsappEnabled: enabled }));
+    setStep("saving");
+    doSaveConfig(next);
+  }, [state, doSaveConfig]);
+  const handleWhatsAppYes = useCallback16(() => finishWithWhatsApp(true), [finishWithWhatsApp]);
+  const handleWhatsAppNo = useCallback16(() => finishWithWhatsApp(false), [finishWithWhatsApp]);
   return /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", paddingX: 1, flexGrow: 1, children: [
     onCancel && /* @__PURE__ */ jsx23(Box19, { justifyContent: "flex-end", children: /* @__PURE__ */ jsx23(Text19, { dimColor: true, children: "Press Esc to cancel" }) }),
     step === "welcome" && /* @__PURE__ */ jsxs19(
@@ -3106,19 +3115,24 @@ function Onboarding({ onComplete, onCancel, issues }) {
 }
 
 // src/tui/status.tsx
-import { useState as useState10, useCallback as useCallback16, useEffect as useEffect7 } from "react";
+import { useState as useState10, useCallback as useCallback17, useEffect as useEffect8 } from "react";
 import { Box as Box20, Text as Text20 } from "ink";
 import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function Status({ workflows, onSelect, onBack, onStop, onDelete }) {
   const [selectedIndex, setSelectedIndex] = useState10(0);
   const [confirm, setConfirm] = useState10(null);
   const [message, setMessage] = useState10(null);
-  useEffect7(() => {
+  useEffect8(() => {
+    if (selectedIndex >= workflows.length && workflows.length > 0) {
+      setSelectedIndex(workflows.length - 1);
+    }
+  }, [workflows.length, selectedIndex]);
+  useEffect8(() => {
     if (!message) return;
     const timer = setTimeout(() => setMessage(null), 3e3);
     return () => clearTimeout(timer);
   }, [message]);
-  useKeypress("status-view", KeyPriority.Normal, useCallback16((input, key) => {
+  useKeypress("status-view", KeyPriority.Normal, useCallback17((input, key) => {
     if (confirm) {
       if (keyBindings.confirmYes(input, key)) {
         const wf = workflows.find((w) => w.id === confirm.workflowId);
@@ -3167,22 +3181,6 @@ function Status({ workflows, onSelect, onBack, onStop, onDelete }) {
     }
     return false;
   }, [confirm, message, selectedIndex, workflows, onSelect, onBack, onStop, onDelete]));
-  const phaseColor3 = (phase) => {
-    switch (phase) {
-      case "executing":
-        return theme.status.warning;
-      case "active":
-        return theme.status.success;
-      case "completed":
-        return theme.status.success;
-      case "failed":
-        return theme.status.error;
-      case "paused":
-        return theme.status.muted;
-      default:
-        return theme.text.primary;
-    }
-  };
   return /* @__PURE__ */ jsxs20(Box20, { flexDirection: "column", paddingX: 1, flexGrow: 1, children: [
     /* @__PURE__ */ jsxs20(Box20, { flexDirection: "column", flexGrow: 1, children: [
       /* @__PURE__ */ jsx24(Text20, { bold: true, color: theme.border.accent, children: "Workflows" }),
@@ -3196,7 +3194,7 @@ function Status({ workflows, onSelect, onBack, onStop, onDelete }) {
         workflows.map((wf, i) => /* @__PURE__ */ jsx24(Box20, { children: /* @__PURE__ */ jsxs20(Text20, { inverse: i === selectedIndex, children: [
           /* @__PURE__ */ jsx24(Text20, { children: wf.id.slice(0, 12).padEnd(14) }),
           /* @__PURE__ */ jsx24(Text20, { children: wf.name.slice(0, 26).padEnd(28) }),
-          /* @__PURE__ */ jsx24(Text20, { color: phaseColor3(wf.phase), children: wf.phase })
+          /* @__PURE__ */ jsx24(Text20, { color: phaseColor2(wf.phase), children: wf.phase })
         ] }) }, wf.id))
       ] })
     ] }),
@@ -3221,10 +3219,10 @@ function AppLayout({ cwd }) {
   const rows = stdout?.rows ?? 24;
   const displayPath = cwd ? cwd.replace(process.env["HOME"] ?? "", "~") : "";
   const versionLabel = appVersion === "dev" ? "dev" : `v${appVersion}`;
-  const configIssues = useMemo6(() => {
+  const configIssues = useMemo5(() => {
     const validation = validateConfig();
     return validation.issues.filter((i) => i.severity === "error");
-  }, []);
+  }, [config]);
   return /* @__PURE__ */ jsxs21(Box21, { flexDirection: "column", height: rows, children: [
     /* @__PURE__ */ jsx25(Static, { items: view !== "onboarding" ? ["banner"] : [], children: (item) => /* @__PURE__ */ jsx25(
       Banner,

package/dist/cli.js

@@ -508,7 +508,7 @@ program.command("tui").description("Start interactive TUI").option("--skip-onboa
     enableTuiLogging();
     const React = await import("react");
     const { render } = await import("ink");
-    const { App } = await import("./app-XQRFUTEX.js");
+    const { App } = await import("./app-PUHQN5BJ.js");
     render(React.createElement(App, { cwd: process.cwd(), skipOnboarding: opts.skipOnboarding }), { exitOnCtrlC: false });
   } catch (err) {
     logger.error({ err }, "Failed to start TUI");
@@ -522,7 +522,7 @@ program.option("--skip-onboarding", "Skip first-run onboarding wizard").action(a
     enableTuiLogging();
     const React = await import("react");
     const { render } = await import("ink");
-    const { App } = await import("./app-XQRFUTEX.js");
+    const { App } = await import("./app-PUHQN5BJ.js");
     render(React.createElement(App, { cwd: process.cwd(), skipOnboarding }), { exitOnCtrlC: false });
   } catch (err) {
     logger.error({ err }, "Failed to start TUI");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cueclaw",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Orchestrate agent workflows with natural language. Natural language in, executable DAG out.",
   "type": "module",
   "bin": {