bravecode-cli 0.1.31 → 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.31";
+    APP_VERSION = "0.1.33";
     APP_NAME = "BraveCode";
   }
 });
@@ -42131,43 +42131,16 @@ 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;
+    return COMMANDS.filter(
+      (c) => c.name.toLowerCase().includes(lower) || c.description.toLowerCase().includes(lower)
+    );
   }, [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",
@@ -42175,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",
           {
@@ -42196,22 +42172,23 @@ 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__ */ 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" })
       ]
     }
   );
@@ -42225,29 +42202,36 @@ function InputEditor({
   const { isRunning } = useAgent();
   const [value, setValue] = React4.useState("");
   const inputRef = React4.useRef(null);
-  const showPalette = value.startsWith("/");
+  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 (!value.trim()) return;
     if (isRunning) return;
+    if (paletteOpen && filteredCommands.length > 0) {
+      const cmd = filteredCommands[0];
+      setValue("");
+      onSubmit(cmd.name);
+      return;
+    }
     const v = value;
     setValue("");
     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 && filteredCommands.length > 0 ? /* @__PURE__ */ jsx(CommandPalette, { filter: paletteFilter, selectedIndex: 0 }) : 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,7 +42244,7 @@ function InputEditor({
         "input",
         {
           ref: inputRef,
-          value: s(value),
+          value,
           onChange: (val) => setValue(s(val)),
           onSubmit: () => doSubmit(),
           placeholder: s(placeholder),
@@ -42273,12 +42257,12 @@ function InputEditor({
     ] });
   }
   return /* @__PURE__ */ jsxs("box", { style: { flexDirection: "column" }, children: [
-    showPalette ? /* @__PURE__ */ jsx(CommandPalette, { filter: paletteFilter, onSelect: handlePaletteSelect, onClose: handlePaletteClose }) : null,
+    paletteOpen && filteredCommands.length > 0 ? /* @__PURE__ */ jsx(CommandPalette, { filter: paletteFilter, selectedIndex: 0 }) : 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,7 +42274,7 @@ function InputEditor({
       "input",
       {
         ref: inputRef,
-        value: s(value),
+        value,
         onChange: (val) => setValue(s(val)),
         onSubmit: () => doSubmit(),
         placeholder: s(placeholder),
@@ -42552,6 +42536,9 @@ function App() {
         case "clear":
           process.stdout.write("\x1B[2J\x1B[H");
           return;
+        case "status":
+          openDialog("help");
+          return;
         case "exit":
         case "quit":
           try {
@@ -42631,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" }
     ];
   }
 });