bravecode-cli 0.1.32 → 0.1.33

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.32";
+    APP_VERSION = "0.1.33";
     APP_NAME = "BraveCode";
   }
 });
@@ -42137,7 +42137,9 @@ function CommandPalette({
   const filtered = React4.useMemo(() => {
     if (!filter3) return COMMANDS;
     const lower = filter3.toLowerCase();
-    return COMMANDS.filter((c) => c.name.toLowerCase().includes(lower));
+    return COMMANDS.filter(
+      (c) => c.name.toLowerCase().includes(lower) || c.description.toLowerCase().includes(lower)
+    );
   }, [filter3]);
   if (filtered.length === 0) return null;
   return /* @__PURE__ */ jsxs(
@@ -42146,19 +42148,22 @@ function CommandPalette({
       style: {
         position: "absolute",
         bottom: 6,
-        width: 50,
-        maxHeight: 12,
+        width: 60,
+        maxHeight: 16,
         border: true,
         borderStyle: "rounded",
         borderColor: colors2.primary,
         backgroundColor: colors2.surface2,
-        padding: 1,
+        paddingLeft: 1,
+        paddingRight: 1,
+        paddingTop: 1,
+        paddingBottom: 1,
         flexDirection: "column",
         zIndex: 10,
         marginLeft: 1
       },
       children: [
-        /* @__PURE__ */ jsx("text", { fg: colors2.textMuted, children: /* @__PURE__ */ jsx("b", { children: "Commands" }) }),
+        /* @__PURE__ */ jsx("text", { fg: colors2.primary, children: /* @__PURE__ */ jsx("b", { children: "  Commands" }) }),
         filtered.map((cmd, i) => /* @__PURE__ */ jsxs(
           "box",
           {
@@ -42173,16 +42178,17 @@ function CommandPalette({
               width: "100%"
             },
             children: [
-              /* @__PURE__ */ jsx("text", { fg: i === selectedIndex ? colors2.primary : colors2.text, children: /* @__PURE__ */ jsx("b", { children: cmd.name }) }),
-              /* @__PURE__ */ jsxs("text", { fg: colors2.textMuted, children: [
+              /* @__PURE__ */ jsx("text", { fg: i === selectedIndex ? "#ffffff" : colors2.text, children: cmd.name }),
+              /* @__PURE__ */ jsx("text", { fg: colors2.textMuted, children: cmd.description }),
+              cmd.shortcut ? /* @__PURE__ */ jsxs("text", { fg: colors2.accent, children: [
                 " ",
-                cmd.description
-              ] })
+                cmd.shortcut
+              ] }) : null
             ]
           },
           cmd.name
         )),
-        /* @__PURE__ */ jsx("text", { fg: colors2.textMuted, children: "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc close" })
+        /* @__PURE__ */ jsx("text", { fg: colors2.textMuted, children: "  \u2191\u2193 navigate \xB7 Enter select \xB7 Esc close" })
       ]
     }
   );
@@ -42190,26 +42196,38 @@ function CommandPalette({
 function InputEditor({
   onSubmit,
   placeholder,
-  showAbove,
-  inputValue,
-  onInputChange,
-  paletteOpen,
-  paletteFilter,
-  paletteSelectedIndex
+  showAbove
 }) {
   const { colors: colors2 } = useTheme();
   const { isRunning } = useAgent();
+  const [value, setValue] = React4.useState("");
   const inputRef = React4.useRef(null);
+  const paletteOpen = value.startsWith("/");
+  const paletteFilter = value.slice(1);
+  const filteredCommands = React4.useMemo(() => {
+    if (!paletteOpen) return [];
+    const lower = paletteFilter.toLowerCase();
+    if (!lower) return COMMANDS;
+    return COMMANDS.filter(
+      (c) => c.name.toLowerCase().includes(lower) || c.description.toLowerCase().includes(lower)
+    );
+  }, [paletteOpen, paletteFilter]);
   const doSubmit = () => {
-    if (!inputValue.trim()) return;
+    if (!value.trim()) return;
     if (isRunning) return;
-    const v = inputValue;
-    onInputChange("");
+    if (paletteOpen && filteredCommands.length > 0) {
+      const cmd = filteredCommands[0];
+      setValue("");
+      onSubmit(cmd.name);
+      return;
+    }
+    const v = value;
+    setValue("");
     onSubmit(v);
   };
   if (showAbove) {
     return /* @__PURE__ */ jsxs("box", { style: { flexDirection: "column" }, children: [
-      paletteOpen ? /* @__PURE__ */ jsx(CommandPalette, { filter: paletteFilter, selectedIndex: paletteSelectedIndex }) : null,
+      paletteOpen && filteredCommands.length > 0 ? /* @__PURE__ */ jsx(CommandPalette, { filter: paletteFilter, selectedIndex: 0 }) : null,
       /* @__PURE__ */ jsx("box", { style: {
         border: true,
         borderStyle: "single",
@@ -42226,8 +42244,8 @@ function InputEditor({
         "input",
         {
           ref: inputRef,
-          value: inputValue,
-          onChange: (val) => onInputChange(s(val)),
+          value,
+          onChange: (val) => setValue(s(val)),
           onSubmit: () => doSubmit(),
           placeholder: s(placeholder),
           placeholderColor: colors2.textMuted,
@@ -42239,7 +42257,7 @@ function InputEditor({
     ] });
   }
   return /* @__PURE__ */ jsxs("box", { style: { flexDirection: "column" }, children: [
-    paletteOpen ? /* @__PURE__ */ jsx(CommandPalette, { filter: paletteFilter, selectedIndex: paletteSelectedIndex }) : null,
+    paletteOpen && filteredCommands.length > 0 ? /* @__PURE__ */ jsx(CommandPalette, { filter: paletteFilter, selectedIndex: 0 }) : null,
     /* @__PURE__ */ jsx(AgentModelLine, { inline: false }),
     /* @__PURE__ */ jsx("box", { style: {
       border: true,
@@ -42256,8 +42274,8 @@ function InputEditor({
       "input",
       {
         ref: inputRef,
-        value: inputValue,
-        onChange: (val) => onInputChange(s(val)),
+        value,
+        onChange: (val) => setValue(s(val)),
         onSubmit: () => doSubmit(),
         placeholder: s(placeholder),
         placeholderColor: colors2.textMuted,
@@ -42457,79 +42475,7 @@ 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;
@@ -42571,6 +42517,42 @@ 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 "status":
+          openDialog("help");
+          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);
@@ -42601,12 +42583,7 @@ function App() {
             {
               onSubmit: handleSubmit,
               placeholder: isRunning ? "Generating\u2026 press esc to interrupt" : 'Ask anything... "What is the tech stack of this project?"',
-              showAbove: false,
-              inputValue,
-              onInputChange: setInputValue,
-              paletteOpen,
-              paletteFilter,
-              paletteSelectedIndex
+              showAbove: false
             }
           ),
           /* @__PURE__ */ jsx(ShortcutHints, { interrupted: isRunning })
@@ -42616,12 +42593,7 @@ function App() {
             {
               onSubmit: handleSubmit,
               placeholder: 'Ask anything... "What is the tech stack of this project?"',
-              showAbove: true,
-              inputValue,
-              onInputChange: setInputValue,
-              paletteOpen,
-              paletteFilter,
-              paletteSelectedIndex
+              showAbove: true
             }
           ) }),
           /* @__PURE__ */ jsx(ShortcutHints, { interrupted: isRunning })
@@ -42646,12 +42618,14 @@ var init_app = __esm({
     init_autoModel();
     SIDEBAR_BREAKPOINT = 90;
     COMMANDS = [
-      { name: "/help", description: "Show help and shortcuts" },
-      { name: "/models", description: "Switch model" },
-      { name: "/agents", description: "Switch agent" },
-      { name: "/clear", description: "Clear screen" },
-      { name: "/status", description: "Show session status" },
-      { name: "/exit", description: "Exit application" }
+      { name: "/theme", description: "Switch terminal theme", shortcut: "" },
+      { name: "/model", description: "Switch language model", shortcut: "ctrl+p" },
+      { name: "/agents", description: "Switch agent", shortcut: "tab" },
+      { name: "/clear", description: "Clear terminal", shortcut: "" },
+      { name: "/compact", description: "Compact conversation", shortcut: "" },
+      { name: "/help", description: "Show help & shortcuts", shortcut: "" },
+      { name: "/status", description: "Show config status", shortcut: "" },
+      { name: "/exit", description: "Exit application", shortcut: "ctrl+c" }
     ];
   }
 });