bravecode-cli 0.1.30 → 0.1.31

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.31";
     APP_NAME = "BraveCode";
   }
 });
@@ -42129,6 +42129,93 @@ 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,
+  onSelect,
+  onClose
+}) {
+  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",
+    {
+      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 === selectedIdx.current ? 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: [
+                " ",
+                cmd.description
+              ] })
+            ]
+          },
+          cmd.name
+        )),
+        /* @__PURE__ */ jsx("text", { fg: colors2.textMuted, children: "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc close" })
+      ]
+    }
+  );
+}
 function InputEditor({
   onSubmit,
   placeholder,
@@ -42138,6 +42225,8 @@ function InputEditor({
   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 (isRunning) return;
@@ -42145,8 +42234,16 @@ function InputEditor({
     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,
       /* @__PURE__ */ jsx("box", { style: {
         border: true,
         borderStyle: "single",
@@ -42176,6 +42273,7 @@ function InputEditor({
     ] });
   }
   return /* @__PURE__ */ jsxs("box", { style: { flexDirection: "column" }, children: [
+    showPalette ? /* @__PURE__ */ jsx(CommandPalette, { filter: paletteFilter, onSelect: handlePaletteSelect, onClose: handlePaletteClose }) : null,
     /* @__PURE__ */ jsx(AgentModelLine, { inline: false }),
     /* @__PURE__ */ jsx("box", { style: {
       border: true,
@@ -42522,7 +42620,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 +42630,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" }
+    ];
   }
 });