bravecode-cli 0.1.31 → 0.1.32

package/dist/cli-main.mjs

@@ -38185,7 +38185,7 @@ var APP_VERSION, APP_NAME;
 var init_version = __esm({
   "src/version.ts"() {
     "use strict";
-    APP_VERSION = "0.1.31";
+    APP_VERSION = "0.1.32";
     APP_NAME = "BraveCode";
   }
 });
@@ -42131,43 +42131,14 @@ function MessageContainer() {
 }
 function CommandPalette({
   filter: filter3,
-  onSelect,
-  onClose
+  selectedIndex
 }) {
   const { colors: colors2 } = useTheme();
-  const selectedIdx = React4.useRef(0);
-  const [, forceUpdate] = React4.useState(0);
   const filtered = React4.useMemo(() => {
     if (!filter3) return COMMANDS;
     const lower = filter3.toLowerCase();
     return COMMANDS.filter((c) => c.name.toLowerCase().includes(lower));
   }, [filter3]);
-  React4.useEffect(() => {
-    selectedIdx.current = 0;
-  }, [filter3]);
-  useKeyboard((key) => {
-    if (filtered.length === 0) return false;
-    if (key.name === "arrowDown") {
-      selectedIdx.current = Math.min(selectedIdx.current + 1, filtered.length - 1);
-      forceUpdate((n) => n + 1);
-      return true;
-    }
-    if (key.name === "arrowUp") {
-      selectedIdx.current = Math.max(0, selectedIdx.current - 1);
-      forceUpdate((n) => n + 1);
-      return true;
-    }
-    if (key.name === "return" || key.name === "enter") {
-      const cmd = filtered[selectedIdx.current];
-      if (cmd) onSelect(cmd.name);
-      return true;
-    }
-    if (key.name === "escape") {
-      onClose();
-      return true;
-    }
-    return false;
-  });
   if (filtered.length === 0) return null;
   return /* @__PURE__ */ jsxs(
     "box",
@@ -42196,13 +42167,13 @@ function CommandPalette({
               paddingRight: 1,
               paddingTop: 0,
               paddingBottom: 0,
-              backgroundColor: i === selectedIdx.current ? colors2.primaryDim : "transparent",
+              backgroundColor: i === selectedIndex ? colors2.primaryDim : "transparent",
               flexDirection: "row",
               justifyContent: "space-between",
               width: "100%"
             },
             children: [
-              /* @__PURE__ */ jsx("text", { fg: i === selectedIdx.current ? colors2.primary : colors2.text, children: /* @__PURE__ */ jsx("b", { children: cmd.name }) }),
+              /* @__PURE__ */ jsx("text", { fg: i === selectedIndex ? colors2.primary : colors2.text, children: /* @__PURE__ */ jsx("b", { children: cmd.name }) }),
               /* @__PURE__ */ jsxs("text", { fg: colors2.textMuted, children: [
                 " ",
                 cmd.description
@@ -42219,35 +42190,30 @@ function CommandPalette({
 function InputEditor({
   onSubmit,
   placeholder,
-  showAbove
+  showAbove,
+  inputValue,
+  onInputChange,
+  paletteOpen,
+  paletteFilter,
+  paletteSelectedIndex
 }) {
   const { colors: colors2 } = useTheme();
   const { isRunning } = useAgent();
-  const [value, setValue] = React4.useState("");
   const inputRef = React4.useRef(null);
-  const showPalette = value.startsWith("/");
-  const paletteFilter = value.slice(1);
   const doSubmit = () => {
-    if (!value.trim()) return;
+    if (!inputValue.trim()) return;
     if (isRunning) return;
-    const v = value;
-    setValue("");
+    const v = inputValue;
+    onInputChange("");
     onSubmit(v);
   };
-  const handlePaletteSelect = (command) => {
-    setValue("");
-    onSubmit(command);
-  };
-  const handlePaletteClose = () => {
-    setValue("");
-  };
   if (showAbove) {
     return /* @__PURE__ */ jsxs("box", { style: { flexDirection: "column" }, children: [
-      showPalette ? /* @__PURE__ */ jsx(CommandPalette, { filter: paletteFilter, onSelect: handlePaletteSelect, onClose: handlePaletteClose }) : null,
+      paletteOpen ? /* @__PURE__ */ jsx(CommandPalette, { filter: paletteFilter, selectedIndex: paletteSelectedIndex }) : null,
       /* @__PURE__ */ jsx("box", { style: {
         border: true,
         borderStyle: "single",
-        borderColor: isRunning ? colors2.warning : colors2.border,
+        borderColor: isRunning ? colors2.warning : paletteOpen ? colors2.primary : colors2.border,
         paddingLeft: 2,
         paddingRight: 2,
         paddingTop: 1,
@@ -42260,8 +42226,8 @@ function InputEditor({
         "input",
         {
           ref: inputRef,
-          value: s(value),
-          onChange: (val) => setValue(s(val)),
+          value: inputValue,
+          onChange: (val) => onInputChange(s(val)),
           onSubmit: () => doSubmit(),
           placeholder: s(placeholder),
           placeholderColor: colors2.textMuted,
@@ -42273,12 +42239,12 @@ function InputEditor({
     ] });
   }
   return /* @__PURE__ */ jsxs("box", { style: { flexDirection: "column" }, children: [
-    showPalette ? /* @__PURE__ */ jsx(CommandPalette, { filter: paletteFilter, onSelect: handlePaletteSelect, onClose: handlePaletteClose }) : null,
+    paletteOpen ? /* @__PURE__ */ jsx(CommandPalette, { filter: paletteFilter, selectedIndex: paletteSelectedIndex }) : null,
     /* @__PURE__ */ jsx(AgentModelLine, { inline: false }),
     /* @__PURE__ */ jsx("box", { style: {
       border: true,
       borderStyle: "single",
-      borderColor: isRunning ? colors2.warning : colors2.border,
+      borderColor: isRunning ? colors2.warning : paletteOpen ? colors2.primary : colors2.border,
       paddingLeft: 2,
       paddingRight: 2,
       paddingTop: 1,
@@ -42290,8 +42256,8 @@ function InputEditor({
       "input",
       {
         ref: inputRef,
-        value: s(value),
-        onChange: (val) => setValue(s(val)),
+        value: inputValue,
+        onChange: (val) => onInputChange(s(val)),
         onSubmit: () => doSubmit(),
         placeholder: s(placeholder),
         placeholderColor: colors2.textMuted,
@@ -42491,7 +42457,79 @@ function App() {
   const [sidebarForced, setSidebarForced] = React4.useState(false);
   const sidebarVisible = sidebarForced || width >= SIDEBAR_BREAKPOINT;
   const [infoCompact, setInfoCompact] = React4.useState(false);
+  const [inputValue, setInputValue] = React4.useState("");
+  const paletteOpen = inputValue.startsWith("/");
+  const paletteFilter = inputValue.slice(1);
+  const [paletteSelectedIndex, setPaletteSelectedIndex] = React4.useState(0);
+  const filteredCommands = React4.useMemo(() => {
+    if (!paletteOpen) return [];
+    const lower = paletteFilter.toLowerCase();
+    if (!lower) return COMMANDS;
+    return COMMANDS.filter((c) => c.name.toLowerCase().includes(lower));
+  }, [paletteOpen, paletteFilter]);
+  React4.useEffect(() => {
+    setPaletteSelectedIndex(0);
+  }, [paletteFilter]);
+  const handleSubmit = (value) => {
+    if (value.startsWith("/")) {
+      const [command, ...args] = value.slice(1).split(" ");
+      void args;
+      switch (command) {
+        case "help":
+          openDialog("help");
+          return;
+        case "models":
+        case "model":
+          openDialog("model");
+          return;
+        case "agents":
+        case "agent":
+          openDialog("model");
+          return;
+        case "clear":
+          process.stdout.write("\x1B[2J\x1B[H");
+          return;
+        case "status":
+          openDialog("help");
+          return;
+        case "exit":
+        case "quit":
+          try {
+            renderer.destroy();
+          } catch {
+            process.exit(0);
+          }
+          return;
+        default:
+          break;
+      }
+    }
+    setInputValue("");
+    void sendMessage(value);
+  };
   useKeyboard((key) => {
+    if (paletteOpen && filteredCommands.length > 0) {
+      if (key.name === "arrowDown") {
+        setPaletteSelectedIndex((i) => Math.min(i + 1, filteredCommands.length - 1));
+        return true;
+      }
+      if (key.name === "arrowUp") {
+        setPaletteSelectedIndex((i) => Math.max(0, i - 1));
+        return true;
+      }
+      if (key.name === "return" || key.name === "enter") {
+        const cmd = filteredCommands[paletteSelectedIndex];
+        if (cmd) {
+          setInputValue("");
+          handleSubmit(cmd.name);
+        }
+        return true;
+      }
+      if (key.name === "escape") {
+        setInputValue("");
+        return true;
+      }
+    }
     if (key.ctrl && key.name === "p") {
       openDialog("model");
       return true;
@@ -42533,39 +42571,6 @@ function App() {
     }
     return false;
   });
-  const handleSubmit = (value) => {
-    if (value.startsWith("/")) {
-      const [command, ...args] = value.slice(1).split(" ");
-      void args;
-      switch (command) {
-        case "help":
-          openDialog("help");
-          return;
-        case "models":
-        case "model":
-          openDialog("model");
-          return;
-        case "agents":
-        case "agent":
-          openDialog("model");
-          return;
-        case "clear":
-          process.stdout.write("\x1B[2J\x1B[H");
-          return;
-        case "exit":
-        case "quit":
-          try {
-            renderer.destroy();
-          } catch {
-            process.exit(0);
-          }
-          return;
-        default:
-          break;
-      }
-    }
-    void sendMessage(value);
-  };
   const hasMessages = messages.length > 0;
   React4.useEffect(() => {
     if (width < SIDEBAR_BREAKPOINT && !sidebarForced) setInfoCompact(true);
@@ -42596,7 +42601,12 @@ function App() {
             {
               onSubmit: handleSubmit,
               placeholder: isRunning ? "Generating\u2026 press esc to interrupt" : 'Ask anything... "What is the tech stack of this project?"',
-              showAbove: false
+              showAbove: false,
+              inputValue,
+              onInputChange: setInputValue,
+              paletteOpen,
+              paletteFilter,
+              paletteSelectedIndex
             }
           ),
           /* @__PURE__ */ jsx(ShortcutHints, { interrupted: isRunning })
@@ -42606,7 +42616,12 @@ function App() {
             {
               onSubmit: handleSubmit,
               placeholder: 'Ask anything... "What is the tech stack of this project?"',
-              showAbove: true
+              showAbove: true,
+              inputValue,
+              onInputChange: setInputValue,
+              paletteOpen,
+              paletteFilter,
+              paletteSelectedIndex
             }
           ) }),
           /* @__PURE__ */ jsx(ShortcutHints, { interrupted: isRunning })