perstack 0.0.62 → 0.0.64

package/dist/bin/cli.js

@@ -13,15 +13,14 @@ import { existsSync, readdirSync, readFileSync, statSync } from 'fs';
 import { spawn, execSync } from 'child_process';
 import * as os from 'os';
 import { render, useApp, useInput, Box, Text } from 'ink';
-import { createContext, useMemo, useReducer, useState, useEffect, useCallback, useRef, useContext } from 'react';
-import { useTextInput, useListNavigation } from '@perstack/tui-components';
+import { createContext, useMemo, useReducer, useState, useEffect, useCallback, useRef, useInsertionEffect, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRun } from '@perstack/react';
 
 // package.json
 var package_default = {
   name: "perstack",
-  version: "0.0.62",
+  version: "0.0.64",
   description: "PerStack CLI"};
 function getEnv(envPath) {
   const env = Object.fromEntries(
@@ -5451,6 +5450,77 @@ var KEY_HINTS = {
   NEW: `${KEY_BINDINGS.NEW}:New Run`,
   CHECKPOINTS: `${KEY_BINDINGS.CHECKPOINTS}:Checkpoints`,
   EVENTS: `${KEY_BINDINGS.EVENTS}:Events`};
+var useLatestRef = (value) => {
+  const ref = useRef(value);
+  useInsertionEffect(() => {
+    ref.current = value;
+  });
+  return ref;
+};
+var useListNavigation = (options) => {
+  const { items, onSelect, onBack } = options;
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  useEffect(() => {
+    if (selectedIndex >= items.length && items.length > 0) {
+      setSelectedIndex(items.length - 1);
+    }
+  }, [items.length, selectedIndex]);
+  const handleNavigation = useCallback(
+    (inputChar, key) => {
+      if (key.upArrow && items.length > 0) {
+        setSelectedIndex((prev) => Math.max(0, prev - 1));
+        return true;
+      }
+      if (key.downArrow && items.length > 0) {
+        setSelectedIndex((prev) => Math.min(items.length - 1, prev + 1));
+        return true;
+      }
+      if (key.return && items[selectedIndex]) {
+        onSelect?.(items[selectedIndex]);
+        return true;
+      }
+      if ((key.escape || inputChar === "b") && onBack) {
+        onBack();
+        return true;
+      }
+      return false;
+    },
+    [items, selectedIndex, onSelect, onBack]
+  );
+  return { selectedIndex, handleNavigation };
+};
+var useTextInput = (options) => {
+  const [input, setInput] = useState("");
+  const inputRef = useLatestRef(input);
+  const onSubmitRef = useLatestRef(options.onSubmit);
+  const onCancelRef = useLatestRef(options.onCancel);
+  const handleInput = useCallback(
+    (inputChar, key) => {
+      if (key.escape) {
+        setInput("");
+        onCancelRef.current?.();
+        return;
+      }
+      if (key.return && inputRef.current.trim()) {
+        onSubmitRef.current(inputRef.current.trim());
+        setInput("");
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setInput((prev) => prev.slice(0, -1));
+        return;
+      }
+      if (!key.ctrl && !key.meta && inputChar) {
+        setInput((prev) => prev + inputChar);
+      }
+    },
+    [inputRef, onSubmitRef, onCancelRef]
+  );
+  const reset = useCallback(() => {
+    setInput("");
+  }, []);
+  return { input, handleInput, reset };
+};
 var ListBrowser = ({
   title,
   items,