bravecode-cli 0.1.13 → 0.1.15

package/dist/cli.mjs

@@ -38047,7 +38047,7 @@ var APP_VERSION;
 var init_version = __esm({
   "src/version.ts"() {
     "use strict";
-    APP_VERSION = "0.1.13";
+    APP_VERSION = "0.1.15";
   }
 });
 
@@ -41142,8 +41142,8 @@ var init_default = __esm({
     darkTheme = {
       name: "dark",
       colors: {
-        // Background
-        background: "black",
+        // Background - use terminal default dark background
+        background: "#1e1e1e",
         backgroundSecondary: "#1a1a2e",
         backgroundHighlight: "#16213e",
         // Text
@@ -41588,14 +41588,9 @@ function Logo({ width = 80 }) {
     "\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551     \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551 \u2588\u2557 \u2588\u2588\u2551",
     "\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551   \u2588\u2588\u2551\u255A\u2550\u2550\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2588\u2557\u2588\u2588\u2551",
     "\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u255A\u2588\u2588\u2588\u2554\u2588\u2588\u2588\u2554\u255D",
-    "\u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D  \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D  \u255A\u2550\u2550\u255D\u255A\u2550\u2550\u255D "
+    "\u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D  \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D  \u255A\u2550\u2550\u255D\u255A\u2550\u2550\u255D"
   ];
-  const maxLineWidth = Math.max(...logo.map((line) => line.length));
-  const centeredLines = logo.map((line) => {
-    const padding = Math.max(0, Math.floor((width - line.length) / 2));
-    return " ".repeat(padding) + line;
-  });
-  return /* @__PURE__ */ jsx6(Box, { flexDirection: "column", alignItems: "center", children: centeredLines.map((line, i) => /* @__PURE__ */ jsx6(Text, { color: "gray", children: line }, i)) });
+  return /* @__PURE__ */ jsx6(Box, { flexDirection: "column", alignItems: "center", children: logo.map((line, i) => /* @__PURE__ */ jsx6(Text, { color: "gray", children: line }, i)) });
 }
 var init_logo = __esm({
   "src/core/tui/components/logo.tsx"() {
@@ -41953,19 +41948,17 @@ var init_input_editor = __esm({
 // src/core/tui/components/status-bar.tsx
 import "react";
 import { Box as Box5, Text as Text5 } from "ink";
-import { Fragment, jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 function StatusBar() {
   const { colors } = useTheme();
   const { currentAgent, isRunning } = useAgent();
   const width = process.stdout.columns || 80;
   const cwd = process.cwd().replace(process.env.HOME || "", "~");
   return /* @__PURE__ */ jsxs4(Box5, { justifyContent: "space-between", width, children: [
-    /* @__PURE__ */ jsxs4(Box5, { gap: 1, children: [
+    /* @__PURE__ */ jsxs4(Box5, { gap: 2, children: [
       /* @__PURE__ */ jsx10(Text5, { color: colors.textMuted, children: cwd }),
-      isRunning && /* @__PURE__ */ jsxs4(Fragment, { children: [
-        /* @__PURE__ */ jsx10(Text5, { color: colors.textMuted, children: "\xB7" }),
-        /* @__PURE__ */ jsx10(Text5, { color: colors.warning, children: "\u25CF running" })
-      ] })
+      /* @__PURE__ */ jsx10(Text5, { color: colors.textMuted, children: "\u25CF 1 MCP" }),
+      /* @__PURE__ */ jsx10(Text5, { color: colors.textMuted, children: "/status" })
     ] }),
     /* @__PURE__ */ jsx10(Text5, { color: colors.textMuted, children: APP_VERSION })
   ] });
@@ -42028,32 +42021,17 @@ var init_toast2 = __esm({
   }
 });
 
-// src/core/tui/components/command-palette.tsx
+// src/core/tui/components/model-selector.tsx
 import { useState as useState7 } from "react";
 import { Box as Box7, Text as Text7, useInput as useInput2 } from "ink";
 import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
-var init_command_palette = __esm({
-  "src/core/tui/components/command-palette.tsx"() {
-    "use strict";
-    init_theme();
-    init_dialog();
-    init_agent2();
-    init_session();
-    init_toast();
-  }
-});
-
-// src/core/tui/components/model-selector.tsx
-import { useState as useState8 } from "react";
-import { Box as Box8, Text as Text8, useInput as useInput3 } from "ink";
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 function ModelSelector() {
   const { colors } = useTheme();
   const { currentModel, setModel } = useAgent();
   const { closeDialog } = useDialog();
   const toast = useToast();
-  const [selectedIndex, setSelectedIndex] = useState8(0);
-  const [filter3, setFilter] = useState8("");
+  const [selectedIndex, setSelectedIndex] = useState7(0);
+  const [filter3, setFilter] = useState7("");
   const models = models_default.models.map((m) => ({
     id: m.id,
     name: m.name,
@@ -42063,7 +42041,7 @@ function ModelSelector() {
   const filteredModels = models.filter(
     (m) => m.tags.includes("free") && (m.name.toLowerCase().includes(filter3.toLowerCase()) || m.id.toLowerCase().includes(filter3.toLowerCase()))
   );
-  useInput3((input, key) => {
+  useInput2((input, key) => {
     if (key.escape) {
       closeDialog();
       return;
@@ -42097,9 +42075,9 @@ function ModelSelector() {
   const renderModel = (model, index) => {
     const isSelected = model.id === currentModel;
     const isHighlighted = index === selectedIndex;
-    return /* @__PURE__ */ jsxs7(Box8, { children: [
-      /* @__PURE__ */ jsxs7(
-        Text8,
+    return /* @__PURE__ */ jsxs6(Box7, { children: [
+      /* @__PURE__ */ jsxs6(
+        Text7,
         {
           bold: isHighlighted,
           color: isSelected ? colors.primary : isHighlighted ? colors.accent : colors.text,
@@ -42109,16 +42087,16 @@ function ModelSelector() {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs7(Text8, { color: colors.textMuted, children: [
+      /* @__PURE__ */ jsxs6(Text7, { color: colors.textMuted, children: [
         " (",
         model.provider,
         ")"
       ] }),
-      model.tags.includes("free") && /* @__PURE__ */ jsx13(Text8, { color: colors.success, children: " free" })
+      model.tags.includes("free") && /* @__PURE__ */ jsx12(Text7, { color: colors.success, children: " free" })
     ] }, model.id);
   };
-  return /* @__PURE__ */ jsxs7(
-    Box8,
+  return /* @__PURE__ */ jsxs6(
+    Box7,
     {
       flexDirection: "column",
       borderStyle: "double",
@@ -42128,17 +42106,17 @@ function ModelSelector() {
       top: "50%",
       left: "50%",
       children: [
-        /* @__PURE__ */ jsx13(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx13(Text8, { bold: true, color: colors.primary, children: "Select Model" }) }),
-        /* @__PURE__ */ jsxs7(Box8, { paddingX: 1, children: [
-          /* @__PURE__ */ jsx13(Text8, { color: colors.textMuted, children: "Search: " }),
-          /* @__PURE__ */ jsx13(Text8, { children: filter3 }),
-          /* @__PURE__ */ jsx13(Text8, { inverse: true, children: " " })
+        /* @__PURE__ */ jsx12(Box7, { paddingX: 1, children: /* @__PURE__ */ jsx12(Text7, { bold: true, color: colors.primary, children: "Select Model" }) }),
+        /* @__PURE__ */ jsxs6(Box7, { paddingX: 1, children: [
+          /* @__PURE__ */ jsx12(Text7, { color: colors.textMuted, children: "Search: " }),
+          /* @__PURE__ */ jsx12(Text7, { children: filter3 }),
+          /* @__PURE__ */ jsx12(Text7, { inverse: true, children: " " })
         ] }),
-        /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", paddingX: 1, maxHeight: 15, children: [
-          /* @__PURE__ */ jsx13(Text8, { color: colors.textMuted, children: "Available Models (free):" }),
+        /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", paddingX: 1, maxHeight: 15, children: [
+          /* @__PURE__ */ jsx12(Text7, { color: colors.textMuted, children: "Available Models (free):" }),
           filteredModels.map((model, index) => renderModel(model, index))
         ] }),
-        /* @__PURE__ */ jsx13(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx13(Text8, { color: colors.textMuted, children: "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc close" }) })
+        /* @__PURE__ */ jsx12(Box7, { paddingX: 1, children: /* @__PURE__ */ jsx12(Text7, { color: colors.textMuted, children: "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc close" }) })
       ]
     }
   );
@@ -42155,14 +42133,14 @@ var init_model_selector = __esm({
 });
 
 // src/core/tui/hooks/use-agent.ts
-import { useCallback as useCallback8, useRef as useRef3 } from "react";
+import { useCallback as useCallback7, useRef as useRef3 } from "react";
 function useAgent2() {
   const { addMessage, updateMessage, addToolCall, updateToolCall } = useSession();
   const { currentAgent, currentModel, setRunning } = useAgent();
   const toast = useToast();
   const agentRef = useRef3(null);
   const abortRef = useRef3(null);
-  const sendMessage = useCallback8(async (content) => {
+  const sendMessage = useCallback7(async (content) => {
     const userMessage = addMessage({
       role: "user",
       content,
@@ -42222,7 +42200,7 @@ function useAgent2() {
     setRunning,
     toast
   ]);
-  const cancelCurrent = useCallback8(() => {
+  const cancelCurrent = useCallback7(() => {
     if (abortRef.current) {
       abortRef.current.abort();
       abortRef.current = null;
@@ -42251,8 +42229,8 @@ var init_use_agent = __esm({
 
 // src/core/tui/app.tsx
 import "react";
-import { Box as Box9, Text as Text9, useInput as useInput4, useApp as useApp2 } from "ink";
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Box as Box8, Text as Text8, useInput as useInput3, useApp as useApp2 } from "ink";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 function App() {
   const { colors } = useTheme();
   const { messages } = useSession();
@@ -42260,7 +42238,7 @@ function App() {
   const { isOpen, openDialog, closeDialog, dialog } = useDialog();
   const { sendMessage, cancelCurrent } = useAgent2();
   const { exit } = useApp2();
-  useInput4((input, key) => {
+  useInput3((input, key) => {
     if (key.ctrl && input === "p") {
       openDialog("model");
       return;
@@ -42300,10 +42278,6 @@ function App() {
         case "agent":
           openDialog("agent");
           return;
-        case "sessions":
-        case "session":
-          openDialog("sessions");
-          return;
         case "clear":
           process.stdout.write("\x1B[2J\x1B[H");
           return;
@@ -42318,53 +42292,81 @@ function App() {
     await sendMessage(value);
   };
   const hasMessages = messages.length > 0;
-  return /* @__PURE__ */ jsxs8(
-    Box9,
-    {
-      flexDirection: "column",
-      width: "100%",
-      height: "100%",
-      backgroundColor: colors.background,
-      children: [
-        /* @__PURE__ */ jsx14(Box9, { flexDirection: "column", flexGrow: 1, justifyContent: hasMessages ? "flex-start" : "center", children: hasMessages ? /* @__PURE__ */ jsx14(MessageContainer, {}) : (
-          /* Welcome screen - centered layout like OpenCode */
-          /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", alignItems: "center", gap: 1, children: [
-            /* @__PURE__ */ jsx14(Logo, { width: 80 }),
-            /* @__PURE__ */ jsx14(
-              Box9,
-              {
-                flexDirection: "column",
-                width: 60,
-                borderStyle: "round",
-                borderColor: colors.border,
-                paddingX: 2,
-                paddingY: 1,
-                children: /* @__PURE__ */ jsx14(
-                  InputEditor,
-                  {
-                    onSubmit: handleSubmit,
-                    placeholder: 'Ask anything... "What is the tech stack of this project?"'
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxs8(Box9, { gap: 1, children: [
-              /* @__PURE__ */ jsx14(Text9, { bold: true, color: colors.primary, children: currentAgent.name }),
-              /* @__PURE__ */ jsx14(Text9, { color: colors.textMuted, children: "\xB7" }),
-              /* @__PURE__ */ jsx14(Text9, { color: colors.textSecondary, children: currentModel })
-            ] }),
-            /* @__PURE__ */ jsxs8(Box9, { gap: 2, children: [
-              /* @__PURE__ */ jsx14(Text9, { color: colors.textMuted, children: "tab agents" }),
-              /* @__PURE__ */ jsx14(Text9, { color: colors.textMuted, children: "ctrl+p commands" })
+  const cwd = process.cwd().replace(process.env.HOME || "", "~");
+  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", width: "100%", height: "100%", children: [
+    /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", flexGrow: 1, backgroundColor: colors.background, children: [
+      /* @__PURE__ */ jsx13(Box8, { flexDirection: "column", flexGrow: 1, justifyContent: hasMessages ? "flex-start" : "center", children: hasMessages ? /* @__PURE__ */ jsx13(MessageContainer, {}) : (
+        /* Welcome screen - centered vertically */
+        /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", alignItems: "center", gap: 1, children: [
+          /* @__PURE__ */ jsx13(Logo, {}),
+          /* @__PURE__ */ jsx13(
+            Box8,
+            {
+              flexDirection: "column",
+              width: 60,
+              borderStyle: "round",
+              borderColor: colors.border,
+              paddingX: 2,
+              paddingY: 1,
+              children: /* @__PURE__ */ jsx13(
+                InputEditor,
+                {
+                  onSubmit: handleSubmit,
+                  placeholder: 'Ask anything... "What is the tech stack of this project?"'
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs7(Box8, { gap: 1, children: [
+            /* @__PURE__ */ jsx13(Text8, { bold: true, color: colors.primary, children: currentAgent.name }),
+            /* @__PURE__ */ jsx13(Text8, { color: colors.textMuted, children: "\xB7" }),
+            /* @__PURE__ */ jsx13(Text8, { color: colors.textSecondary, children: currentModel })
+          ] }),
+          /* @__PURE__ */ jsxs7(Box8, { gap: 2, children: [
+            /* @__PURE__ */ jsx13(Text8, { color: colors.textMuted, children: "tab agents" }),
+            /* @__PURE__ */ jsx13(Text8, { color: colors.textMuted, children: "ctrl+p commands" })
+          ] })
+        ] })
+      ) }),
+      /* @__PURE__ */ jsx13(StatusBar, {})
+    ] }),
+    /* @__PURE__ */ jsxs7(
+      Box8,
+      {
+        flexDirection: "column",
+        width: 35,
+        borderStyle: "single",
+        borderColor: colors.border,
+        paddingLeft: 1,
+        children: [
+          /* @__PURE__ */ jsx13(Text8, { bold: true, color: colors.textSecondary, children: "New session" }),
+          /* @__PURE__ */ jsxs7(Text8, { color: colors.textMuted, children: [
+            (/* @__PURE__ */ new Date()).toISOString().split(".")[0],
+            "Z"
+          ] }),
+          /* @__PURE__ */ jsx13(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text8, { bold: true, color: colors.textSecondary, children: "Context" }) }),
+          /* @__PURE__ */ jsx13(Text8, { color: colors.textMuted, children: "0 tokens" }),
+          /* @__PURE__ */ jsx13(Text8, { color: colors.textMuted, children: "0% used" }),
+          /* @__PURE__ */ jsx13(Text8, { color: colors.textMuted, children: "$0.00 spent" }),
+          /* @__PURE__ */ jsx13(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text8, { bold: true, color: colors.textSecondary, children: "MCP" }) }),
+          /* @__PURE__ */ jsx13(Text8, { color: colors.textMuted, children: "\u25CF railway Connected" }),
+          /* @__PURE__ */ jsx13(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text8, { bold: true, color: colors.textSecondary, children: "LSP" }) }),
+          /* @__PURE__ */ jsx13(Text8, { color: colors.textMuted, children: "LSPs are disabled" }),
+          /* @__PURE__ */ jsx13(Box8, { flexGrow: 1 }),
+          /* @__PURE__ */ jsx13(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text8, { color: colors.textMuted, children: cwd }) }),
+          /* @__PURE__ */ jsxs7(Box8, { children: [
+            /* @__PURE__ */ jsx13(Text8, { color: colors.success, children: "\u25CF" }),
+            /* @__PURE__ */ jsxs7(Text8, { color: colors.textMuted, children: [
+              " ",
+              APP_VERSION
             ] })
           ] })
-        ) }),
-        /* @__PURE__ */ jsx14(StatusBar, {}),
-        isOpen && dialog.type === "model" && /* @__PURE__ */ jsx14(ModelSelector, {}),
-        /* @__PURE__ */ jsx14(ToastContainer, {})
-      ]
-    }
-  );
+        ]
+      }
+    ),
+    isOpen && dialog.type === "model" && /* @__PURE__ */ jsx13(ModelSelector, {}),
+    /* @__PURE__ */ jsx13(ToastContainer, {})
+  ] });
 }
 var init_app = __esm({
   "src/core/tui/app.tsx"() {
@@ -42378,9 +42380,9 @@ var init_app = __esm({
     init_input_editor();
     init_status_bar();
     init_toast2();
-    init_command_palette();
     init_model_selector();
     init_use_agent();
+    init_version();
   }
 });
 
@@ -42391,7 +42393,7 @@ __export(tui_exports, {
 });
 import "react";
 import { render } from "ink";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var TUILauncher;
 var init_tui = __esm({
   "src/core/tui/index.tsx"() {
@@ -42408,15 +42410,20 @@ var init_tui = __esm({
         this.options = options;
       }
       async start() {
+        process.stdout.write("\x1B[2J\x1B[H");
         const { waitUntilExit } = render(
-          /* @__PURE__ */ jsx15(ThemeProvider, { children: /* @__PURE__ */ jsx15(SessionProvider, { children: /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx14(ThemeProvider, { children: /* @__PURE__ */ jsx14(SessionProvider, { children: /* @__PURE__ */ jsx14(
             AgentProvider,
             {
               initialAgent: this.options.agent || "build",
               initialModel: this.options.model,
-              children: /* @__PURE__ */ jsx15(DialogProvider, { children: /* @__PURE__ */ jsx15(ToastProvider, { children: /* @__PURE__ */ jsx15(App, {}) }) })
+              children: /* @__PURE__ */ jsx14(DialogProvider, { children: /* @__PURE__ */ jsx14(ToastProvider, { children: /* @__PURE__ */ jsx14(App, {}) }) })
             }
-          ) }) })
+          ) }) }),
+          {
+            // Ensure Ink takes over the terminal
+            exitOnCtrlC: true
+          }
         );
         await waitUntilExit();
       }