bravecode-cli 0.1.30 → 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.30";
+    APP_VERSION = "0.1.32";
     APP_NAME = "BraveCode";
   }
 });
@@ -42129,28 +42129,91 @@ function MessageContainer() {
   const { colors: colors2 } = useTheme();
   return /* @__PURE__ */ jsx("scrollbox", { style: { flexGrow: 1, backgroundColor: colors2.bg, paddingLeft: 1, paddingRight: 1 }, children: /* @__PURE__ */ jsx("box", { style: { flexDirection: "column", gap: 1, paddingTop: 1 }, children: messages.map((msg) => /* @__PURE__ */ jsx(MessageBubble, { msg }, s(msg.id))) }) });
 }
+function CommandPalette({
+  filter: filter3,
+  selectedIndex
+}) {
+  const { colors: colors2 } = useTheme();
+  const filtered = React4.useMemo(() => {
+    if (!filter3) return COMMANDS;
+    const lower = filter3.toLowerCase();
+    return COMMANDS.filter((c) => c.name.toLowerCase().includes(lower));
+  }, [filter3]);
+  if (filtered.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "box",
+    {
+      style: {
+        position: "absolute",
+        bottom: 6,
+        width: 50,
+        maxHeight: 12,
+        border: true,
+        borderStyle: "rounded",
+        borderColor: colors2.primary,
+        backgroundColor: colors2.surface2,
+        padding: 1,
+        flexDirection: "column",
+        zIndex: 10,
+        marginLeft: 1
+      },
+      children: [
+        /* @__PURE__ */ jsx("text", { fg: colors2.textMuted, children: /* @__PURE__ */ jsx("b", { children: "Commands" }) }),
+        filtered.map((cmd, i) => /* @__PURE__ */ jsxs(
+          "box",
+          {
+            style: {
+              paddingLeft: 1,
+              paddingRight: 1,
+              paddingTop: 0,
+              paddingBottom: 0,
+              backgroundColor: i === selectedIndex ? colors2.primaryDim : "transparent",
+              flexDirection: "row",
+              justifyContent: "space-between",
+              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: [
+                " ",
+                cmd.description
+              ] })
+            ]
+          },
+          cmd.name
+        )),
+        /* @__PURE__ */ jsx("text", { fg: colors2.textMuted, children: "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc close" })
+      ]
+    }
+  );
+}
 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 doSubmit = () => {
-    if (!value.trim()) return;
+    if (!inputValue.trim()) return;
     if (isRunning) return;
-    const v = value;
-    setValue("");
+    const v = inputValue;
+    onInputChange("");
     onSubmit(v);
   };
   if (showAbove) {
     return /* @__PURE__ */ jsxs("box", { style: { flexDirection: "column" }, children: [
+      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,
@@ -42163,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,
@@ -42176,11 +42239,12 @@ function InputEditor({
     ] });
   }
   return /* @__PURE__ */ jsxs("box", { style: { flexDirection: "column" }, children: [
+    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,
@@ -42192,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,
@@ -42393,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;
@@ -42435,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);
@@ -42498,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 })
@@ -42508,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 })
@@ -42522,7 +42635,7 @@ function App() {
     /* @__PURE__ */ jsx(ToastContainer, {})
   ] });
 }
-var SIDEBAR_BREAKPOINT;
+var SIDEBAR_BREAKPOINT, COMMANDS;
 var init_app = __esm({
   "src/core/tui/app.tsx"() {
     "use strict";
@@ -42532,6 +42645,14 @@ var init_app = __esm({
     init_version();
     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" }
+    ];
   }
 });