@nomad-e/bluma-cli 0.0.11 → 0.0.13

package/dist/config/bluma-mcp.json

@@ -10,19 +10,6 @@
         "@sousaalex1605/bluma-nootebook"
       ]
     },
-    "githubApi": {
-      "type": "stdio", 
-      "command": "cmd",
-      "args": [
-        "/c",
-        "npx",
-        "-y",
-        "@modelcontextprotocol/server-github"
-      ],
-      "env": {
-        "GITHUB_PERSONAL_ACCESS_TOKEN": "${GITHUB_PERSONAL_ACCESS_TOKEN}"
-      }
-    },
     "notionApi": {
       "type": "stdio", 
       "command": "cmd",

package/dist/main.js

@@ -7,8 +7,7 @@ import { v4 as uuidv42 } from "uuid";
 
 // src/app/ui/App.tsx
 import { useState as useState4, useEffect as useEffect3, useRef, useCallback, memo as memo4 } from "react";
-import { Box as Box11, Text as Text10, Static } from "ink";
-import Spinner from "ink-spinner";
+import { Box as Box13, Text as Text12, Static } from "ink";
 
 // src/app/ui/layout.tsx
 import { Box, Text } from "ink";
@@ -21,14 +20,34 @@ var BRAND_COLORS = {
   greydark: "#444"
 };
 var Header = () => {
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", height: 8, children: /* @__PURE__ */ jsx(
-    BigText,
-    {
-      text: "BluMa CLI",
-      font: "block",
-      colors: [BRAND_COLORS.main, BRAND_COLORS.accent, BRAND_COLORS.shadow]
-    }
-  ) });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        flexDirection: "column",
+        height: 8,
+        marginBottom: 1,
+        children: /* @__PURE__ */ jsx(
+          BigText,
+          {
+            text: "BluMa CLI",
+            font: "block",
+            colors: [BRAND_COLORS.main, BRAND_COLORS.accent, BRAND_COLORS.shadow]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+      /* @__PURE__ */ jsx(Text, { children: "How to get started with BluMa:" }),
+      /* @__PURE__ */ jsx(Text, { children: "1. You can ask questions, modify files, or execute commands directly." }),
+      /* @__PURE__ */ jsx(Text, { children: "2. Be as clear and specific as possible to get accurate responses." }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        "3. Type ",
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "/help" }),
+        " to explore available commands and features."
+      ] })
+    ] })
+  ] });
 };
 var SessionInfo = ({
   sessionId: sessionId2,
@@ -44,7 +63,6 @@ var SessionInfo = ({
   {
     borderStyle: "round",
     borderColor: "gray",
-    paddingX: 1,
     flexDirection: "column",
     marginBottom: 1,
     children: [
@@ -64,26 +82,18 @@ var SessionInfo = ({
       ] }),
       /* @__PURE__ */ jsxs(Text, { children: [
         /* @__PURE__ */ jsx(Text, { color: "magenta", children: "\u21B3" }),
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: "agent: BluMa" })
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx(Text, { color: "magenta", children: "\u21B3" }),
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: "MCP: " }),
+        " ",
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: "mcp: " }),
         /* @__PURE__ */ jsx(Text, { color: mcpStatus === "connected" ? "green" : "yellow", children: mcpStatus })
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx(Text, { color: "magenta", children: "\u21B3" }),
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: "Tools: " }),
-        /* @__PURE__ */ jsx(Text, { color: "cyan", children: toolsCount !== null ? toolsCount : "loading..." })
       ] })
     ]
   }
 );
 
-// src/app/ui/input/InputPrompt.tsx
-import { Box as Box2, Text as Text2, useStdout } from "ink";
+// src/app/ui/components/InputPrompt.tsx
+import { Box as Box2, Text as Text2, useStdout, useInput as useInput2 } from "ink";
 
-// src/app/ui/input/utils/useSimpleInputBuffer.ts
+// src/app/ui/utils/useSimpleInputBuffer.ts
 import { useReducer } from "react";
 import { useInput } from "ink";
 function inputReducer(state, action, viewWidth) {
@@ -175,9 +185,24 @@ var useCustomInput = ({ onSubmit, viewWidth, isReadOnly, onInterrupt }) => {
   };
 };
 
-// src/app/ui/input/InputPrompt.tsx
-import { useEffect, useState } from "react";
+// src/app/ui/components/InputPrompt.tsx
+import { useEffect, useMemo, useState } from "react";
 import { EventEmitter } from "events";
+
+// src/app/ui/utils/slashRegistry.ts
+var getSlashCommands = () => [
+  { name: "/help", description: "list commands" },
+  { name: "/mcp", description: "list tools connected via MCP" },
+  { name: "/tools", description: "list native tools" },
+  { name: "/clear", description: "clear history" }
+];
+var filterSlashCommands = (query) => {
+  const list = getSlashCommands();
+  const q = query.toLowerCase();
+  return list.filter((c) => c.name.toLowerCase().startsWith(q));
+};
+
+// src/app/ui/components/InputPrompt.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var uiEventBus = global.__bluma_ui_eventbus__ || new EventEmitter();
 global.__bluma_ui_eventbus__ = uiEventBus;
@@ -209,6 +234,8 @@ var InputPrompt = ({ onSubmit, isReadOnly, onInterrupt }) => {
     isReadOnly,
     onInterrupt
   });
+  const [slashOpen, setSlashOpen] = useState(false);
+  const [slashIndex, setSlashIndex] = useState(0);
   const visibleText = text.slice(viewStart, viewStart + viewWidth);
   const visibleCursorPosition = cursorPosition - viewStart;
   const textBeforeCursor = visibleText.slice(0, visibleCursorPosition);
@@ -221,8 +248,42 @@ var InputPrompt = ({ onSubmit, isReadOnly, onInterrupt }) => {
   const borderColor = isReadOnly ? "gray" : "gray";
   const placeholder = isReadOnly ? " press esc to cancel | type a message while agent processes" : "";
   const showPlaceholder = text.length === 0 && isReadOnly;
+  const slashQuery = useMemo(() => text.startsWith("/") ? text : "", [text]);
+  const slashSuggestions = useMemo(() => {
+    if (!slashQuery) return [];
+    return filterSlashCommands(slashQuery);
+  }, [slashQuery]);
+  useEffect(() => {
+    if (isReadOnly) {
+      setSlashOpen(false);
+      return;
+    }
+    if (text.startsWith("/")) {
+      setSlashOpen(true);
+      setSlashIndex(0);
+    } else {
+      setSlashOpen(false);
+    }
+  }, [text, isReadOnly]);
+  useInput2((input, key) => {
+    if (!slashOpen) return;
+    if (key.downArrow) {
+      setSlashIndex((i) => Math.min(i + 1, Math.max(0, slashSuggestions.length - 1)));
+    } else if (key.upArrow) {
+      setSlashIndex((i) => Math.max(i - 1, 0));
+    } else if (key.return) {
+      const choice = slashSuggestions[slashIndex];
+      if (choice) {
+        const cmd = choice.name;
+        setSlashOpen(false);
+        permissiveOnSubmit(cmd);
+      }
+    } else if (key.escape) {
+      setSlashOpen(false);
+    }
+  }, { isActive: slashOpen });
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx2(Box2, { borderStyle: "single", borderColor, borderDimColor: !isReadOnly, children: /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", paddingX: 1, flexWrap: "nowrap", children: [
+    /* @__PURE__ */ jsx2(Box2, { borderStyle: "round", borderColor, borderDimColor: !isReadOnly, width: viewWidth - 7, paddingY: 0, children: /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", paddingX: 1, flexWrap: "nowrap", children: [
       /* @__PURE__ */ jsxs2(Text2, { color: "white", dimColor: true, children: [
         ">",
         " "
@@ -231,8 +292,22 @@ var InputPrompt = ({ onSubmit, isReadOnly, onInterrupt }) => {
       /* @__PURE__ */ jsx2(Text2, { inverse: true, children: cursorGlyph }),
       showPlaceholder ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: placeholder }) : /* @__PURE__ */ jsx2(Text2, { children: textAfterCursor })
     ] }) }),
+    slashOpen && slashSuggestions.length > 0 && /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", marginTop: 1, children: slashSuggestions.map((s, idx) => {
+      const isSelected = idx === slashIndex;
+      return /* @__PURE__ */ jsxs2(Box2, { paddingLeft: 1, paddingY: 0, children: [
+        /* @__PURE__ */ jsx2(Text2, { color: isSelected ? "blue" : "gray", children: isSelected ? "\u276F " : "  " }),
+        /* @__PURE__ */ jsxs2(Text2, { color: isSelected ? "blue" : "white", bold: isSelected, dimColor: !isSelected, children: [
+          s.name,
+          " ",
+          /* @__PURE__ */ jsxs2(Text2, { color: "gray", children: [
+            "- ",
+            s.description
+          ] })
+        ] })
+      ] }, s.name);
+    }) }),
     /* @__PURE__ */ jsx2(Box2, { paddingX: 1, justifyContent: "center", children: /* @__PURE__ */ jsxs2(Text2, { color: "gray", dimColor: true, children: [
-      "ctrl+c to exit | esc to interrupt | ",
+      "ctrl+c to exit | /help to explore commands | esc to interrupt | ",
       isReadOnly ? "Read-only mode (message passthrough)" : "Editable mode"
     ] }) })
   ] });
@@ -243,7 +318,7 @@ import { Box as Box6, Text as Text6 } from "ink";
 
 // src/app/ui/InteractiveMenu.tsx
 import { useState as useState2, memo } from "react";
-import { Box as Box3, Text as Text3, useInput as useInput2 } from "ink";
+import { Box as Box3, Text as Text3, useInput as useInput3 } from "ink";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var InteractiveMenuComponent = ({ onDecision }) => {
   const options = [
@@ -252,7 +327,7 @@ var InteractiveMenuComponent = ({ onDecision }) => {
     { label: "3. Always allow this type of command", value: "accept_always" }
   ];
   const [selectedOption, setSelectedOption] = useState2(0);
-  useInput2((input, key) => {
+  useInput3((input, key) => {
     if (key.upArrow) {
       setSelectedOption((prev) => prev > 0 ? prev - 1 : options.length - 1);
     }
@@ -1581,7 +1656,7 @@ var MCPClient = class {
       try {
         this.eventBus.emit("backend_message", {
           type: "connection_status",
-          message: `Connecting to MCP server: ${serverName}...`
+          message: `${serverName} server is being connected...`
         });
         if (serverConf.type === "stdio") {
           await this.connectToStdioServer(serverName, serverConf);
@@ -1673,6 +1748,19 @@ var MCPClient = class {
   getAvailableTools() {
     return this.globalToolsForLlm;
   }
+  // New: detailed list for UI with origin metadata
+  getAvailableToolsDetailed() {
+    const detailed = [];
+    for (const tool of this.globalToolsForLlm) {
+      const name = tool.function?.name;
+      if (!name) continue;
+      const route = this.toolToServerMap.get(name);
+      if (!route) continue;
+      const source = route.server === "native" ? "native" : "mcp";
+      detailed.push({ ...tool, source, server: route.server, originalName: route.originalName });
+    }
+    return detailed;
+  }
   async close() {
     for (const [name, session] of this.sessions.entries()) {
       try {
@@ -1891,6 +1979,10 @@ var Agent = class {
   getAvailableTools() {
     return this.mcpClient.getAvailableTools();
   }
+  // UI helper: detailed tools with origin metadata
+  getUiToolsDetailed() {
+    return this.mcpClient.getAvailableToolsDetailed();
+  }
   async processTurn(userInput) {
     this.isInterrupted = false;
     this.history.push({ role: "user", content: userInput.content });
@@ -2077,7 +2169,7 @@ var WorkingTimer = () => {
     return () => clearInterval(dotsTimer);
   }, []);
   const dots = ".".repeat(dotIndex).padEnd(3, " ");
-  return /* @__PURE__ */ jsx7(Box7, { marginBottom: 1, marginTop: 1, paddingX: 1, children: /* @__PURE__ */ jsxs7(Text7, { color: "magenta", children: [
+  return /* @__PURE__ */ jsx7(Box7, { marginBottom: 0.5, paddingX: 1, children: /* @__PURE__ */ jsxs7(Text7, { color: "magenta", children: [
     `working${dots}`,
     ` ${seconds}s`
   ] }) });
@@ -2306,8 +2398,191 @@ var ToolResultDisplayComponent = ({ toolName, result }) => {
 };
 var ToolResultDisplay = memo3(ToolResultDisplayComponent);
 
-// src/app/ui/App.tsx
+// src/app/ui/SessionInfoConnectingMCP.tsx
+import { Box as Box11, Text as Text10 } from "ink";
+import Spinner from "ink-spinner";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var SessionInfoConnectingMCP = ({ sessionId: sessionId2, workdir, statusMessage }) => {
+  return /* @__PURE__ */ jsxs9(
+    Box11,
+    {
+      borderStyle: "round",
+      borderColor: "gray",
+      flexDirection: "column",
+      marginBottom: 1,
+      children: [
+        /* @__PURE__ */ jsxs9(Text10, { children: [
+          /* @__PURE__ */ jsx11(Text10, { bold: true, color: "white", children: "localhost" }),
+          " ",
+          /* @__PURE__ */ jsx11(Text10, { color: "gray", children: " session:" }),
+          " ",
+          /* @__PURE__ */ jsx11(Text10, { color: "magenta", children: sessionId2 })
+        ] }),
+        /* @__PURE__ */ jsxs9(Text10, { children: [
+          /* @__PURE__ */ jsx11(Text10, { color: "magenta", children: "\u21B3" }),
+          " ",
+          /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
+            "workdir: ",
+            workdir
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs9(Text10, { children: [
+          /* @__PURE__ */ jsx11(Text10, { color: "magenta", children: "\u21B3" }),
+          " ",
+          /* @__PURE__ */ jsx11(Text10, { color: "gray", children: "MCP: " }),
+          /* @__PURE__ */ jsxs9(Text10, { color: "yellow", children: [
+            /* @__PURE__ */ jsx11(Spinner, { type: "dots" }),
+            " connecting"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs9(Text10, { children: [
+          /* @__PURE__ */ jsx11(Text10, { color: "magenta", children: "\u21B3" }),
+          " ",
+          /* @__PURE__ */ jsx11(Text10, { color: "gray", children: "status: " }),
+          /* @__PURE__ */ jsx11(Text10, { color: "white", children: statusMessage || "Please wait while we establish connections." })
+        ] })
+      ]
+    }
+  );
+};
+var SessionInfoConnectingMCP_default = SessionInfoConnectingMCP;
+
+// src/app/ui/components/SlashCommands.tsx
+import { Box as Box12, Text as Text11 } from "ink";
+import { Fragment, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+var SlashCommands = ({ input, setHistory, agentRef }) => {
+  const [cmd, ...args] = input.slice(1).trim().split(/\s+/);
+  const outBox = (children) => /* @__PURE__ */ jsx12(Box12, { borderStyle: "round", borderColor: "gray", paddingX: 1, marginBottom: 1, flexDirection: "column", children });
+  const render2 = () => {
+    if (!cmd) {
+      return null;
+    }
+    if (cmd === "help") {
+      const cmds = getSlashCommands();
+      return outBox(
+        /* @__PURE__ */ jsxs10(Fragment, { children: [
+          /* @__PURE__ */ jsx12(Text11, { color: "cyan", bold: true, children: "Available commands" }),
+          cmds.map((c, i) => /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
+            c.name,
+            " - ",
+            c.description
+          ] }, i))
+        ] })
+      );
+    }
+    if (cmd === "clear") {
+      setHistory((prev) => prev.filter((item) => item.id === 0 || item.id === 1));
+      return outBox(/* @__PURE__ */ jsx12(Text11, { color: "green", children: "History cleared." }));
+    }
+    if (cmd === "mcp") {
+      const all = agentRef.current?.getUiToolsDetailed?.() || agentRef.current?.getAvailableTools?.() || [];
+      const isMcp = (t) => t.source?.toLowerCase?.() === "mcp" || !!t.server && t.server !== "native";
+      const tools = all.filter(isMcp);
+      const term = (args?.[0] || "").toLowerCase();
+      const filtered = term ? tools.filter((t) => (t.function?.name || t.name || "tool").toLowerCase().includes(term)) : tools;
+      const pad = (s, n) => s.length >= n ? s.slice(0, n - 1) + "\u2026" : s.padEnd(n, " ");
+      const colName = 34;
+      const colType = 10;
+      const colSource = 18;
+      return outBox(
+        /* @__PURE__ */ jsxs10(Fragment, { children: [
+          /* @__PURE__ */ jsx12(Text11, { color: "cyan", bold: true, children: "MCP Tools" }),
+          /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
+            "Total MCP: ",
+            tools.length,
+            term ? `  |  Filter: "${term}"  |  Showing: ${filtered.length}` : ""
+          ] }),
+          filtered.length === 0 ? /* @__PURE__ */ jsx12(Text11, { color: "yellow", children: "No MCP tools to display." }) : /* @__PURE__ */ jsxs10(Box12, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
+              pad("Name", colName),
+              " | ",
+              pad("Type", colType),
+              " | ",
+              pad("Source", colSource)
+            ] }),
+            /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
+              "".padEnd(colName, "-"),
+              "---",
+              "".padEnd(colType, "-"),
+              "---",
+              "".padEnd(colSource, "-")
+            ] }),
+            filtered.map((t, i) => {
+              const name = t.function?.name || t.name || "tool";
+              const type = t.function?.name ? "fn" : t.type || "tool";
+              const source = t.source || t.provider || "mcp";
+              return /* @__PURE__ */ jsxs10(Text11, { color: "white", children: [
+                pad(name, colName),
+                " | ",
+                pad(String(type), colType),
+                " | ",
+                pad(String(source), colSource)
+              ] }, i);
+            })
+          ] })
+        ] })
+      );
+    }
+    if (cmd === "tools") {
+      const all = agentRef.current?.getUiToolsDetailed?.() || agentRef.current?.getAvailableTools?.() || [];
+      const isMcp = (t) => t.source?.toLowerCase?.() === "mcp" || !!t.server && t.server !== "native";
+      const tools = all.filter((t) => !isMcp(t));
+      const term = (args?.[0] || "").toLowerCase();
+      const filtered = term ? tools.filter((t) => (t.function?.name || t.name || "tool").toLowerCase().includes(term)) : tools;
+      const pad = (s, n) => s.length >= n ? s.slice(0, n - 1) + "\u2026" : s.padEnd(n, " ");
+      const colName = 34;
+      const colType = 10;
+      const colSource = 18;
+      return outBox(
+        /* @__PURE__ */ jsxs10(Fragment, { children: [
+          /* @__PURE__ */ jsx12(Text11, { color: "cyan", bold: true, children: "Native Tools" }),
+          /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
+            "Total Native: ",
+            tools.length,
+            term ? `  |  Filter: "${term}"  |  Showing: ${filtered.length}` : ""
+          ] }),
+          filtered.length === 0 ? /* @__PURE__ */ jsx12(Text11, { color: "yellow", children: "No native tools to display." }) : /* @__PURE__ */ jsxs10(Box12, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
+              pad("Name", colName),
+              " | ",
+              pad("Type", colType),
+              " | ",
+              pad("Source", colSource)
+            ] }),
+            /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
+              "".padEnd(colName, "-"),
+              "---",
+              "".padEnd(colType, "-"),
+              "---",
+              "".padEnd(colSource, "-")
+            ] }),
+            filtered.map((t, i) => {
+              const name = t.function?.name || t.name || "tool";
+              const type = t.function?.name ? "fn" : t.type || "tool";
+              const source = t.source || "native";
+              return /* @__PURE__ */ jsxs10(Text11, { color: "white", children: [
+                pad(name, colName),
+                " | ",
+                pad(String(type), colType),
+                " | ",
+                pad(String(source), colSource)
+              ] }, i);
+            })
+          ] })
+        ] })
+      );
+    }
+    return outBox(/* @__PURE__ */ jsxs10(Text11, { color: "red", children: [
+      "Command not recognized: /",
+      cmd
+    ] }));
+  };
+  return /* @__PURE__ */ jsx12(Fragment, { children: render2() });
+};
+var SlashCommands_default = SlashCommands;
+
+// src/app/ui/App.tsx
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
   const agentInstance = useRef(null);
   const [history, setHistory] = useState4([]);
@@ -2322,7 +2597,9 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
   const [pendingConfirmation, setPendingConfirmation] = useState4(
     null
   );
-  const [confirmationPreview, setConfirmationPreview] = useState4(null);
+  const [confirmationPreview, setConfirmationPreview] = useState4(
+    null
+  );
   const alwaysAcceptList = useRef([]);
   const workdir = process.cwd();
   const handleInterrupt = useCallback(() => {
@@ -2333,13 +2610,33 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
       ...prev,
       {
         id: prev.length,
-        component: /* @__PURE__ */ jsx11(Text10, { color: "yellow", children: "-- Task cancelled by dev. --" })
+        component: /* @__PURE__ */ jsx13(Text12, { color: "yellow", children: "-- Task cancelled by dev. --" })
       }
     ]);
   }, [isProcessing, eventBus2]);
   const handleSubmit = useCallback(
     (text) => {
       if (!text || isProcessing || !agentInstance.current) return;
+      if (text.startsWith("/")) {
+        const [cmd] = text.slice(1).trim().split(/\s+/);
+        if (!cmd) {
+          setIsProcessing(false);
+          return;
+        }
+        setHistory((prev) => [
+          ...prev,
+          {
+            id: prev.length,
+            component: /* @__PURE__ */ jsx13(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsx13(Text12, { color: "white", dimColor: true, children: text }) })
+          },
+          {
+            id: prev.length + 1,
+            component: /* @__PURE__ */ jsx13(SlashCommands_default, { input: text, setHistory, agentRef: agentInstance })
+          }
+        ]);
+        setIsProcessing(false);
+        return;
+      }
       setIsProcessing(true);
       const displayText = text.length > 1e4 ? text.substring(0, 1e4) + "..." : text;
       setHistory((prev) => [
@@ -2348,8 +2645,8 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
           id: prev.length,
           component: (
             // Uma única Box para o espaçamento
-            /* @__PURE__ */ jsx11(Box11, { marginBottom: 1, children: /* @__PURE__ */ jsxs9(Text10, { color: "white", dimColor: true, children: [
-              /* @__PURE__ */ jsxs9(Text10, { color: "white", children: [
+            /* @__PURE__ */ jsx13(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsxs11(Text12, { color: "white", dimColor: true, children: [
+              /* @__PURE__ */ jsxs11(Text12, { color: "white", children: [
                 ">",
                 " "
               ] }),
@@ -2384,7 +2681,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
     []
   );
   useEffect3(() => {
-    setHistory([{ id: 0, component: /* @__PURE__ */ jsx11(Header, {}) }]);
+    setHistory([{ id: 0, component: /* @__PURE__ */ jsx13(Header, {}) }]);
     const initializeAgent = async () => {
       try {
         agentInstance.current = new Agent(sessionId2, eventBus2);
@@ -2436,7 +2733,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
             if (prev.length < 2) {
               newHistory.push({
                 id: 1,
-                component: /* @__PURE__ */ jsx11(
+                component: /* @__PURE__ */ jsx13(
                   SessionInfo,
                   {
                     sessionId: sessionId2,
@@ -2457,10 +2754,10 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
         }
         let newComponent = null;
         if (parsed.type === "debug") {
-          newComponent = /* @__PURE__ */ jsx11(Text10, { color: "gray", children: parsed.message });
+          newComponent = /* @__PURE__ */ jsx13(Text12, { color: "gray", children: parsed.message });
         } else if (parsed.type === "protocol_violation") {
-          newComponent = /* @__PURE__ */ jsxs9(
-            Box11,
+          newComponent = /* @__PURE__ */ jsxs11(
+            Box13,
             {
               borderStyle: "round",
               borderColor: "yellow",
@@ -2468,19 +2765,19 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
               marginBottom: 1,
               paddingX: 1,
               children: [
-                /* @__PURE__ */ jsx11(Text10, { color: "yellow", bold: true, children: "Protocol Violation" }),
-                /* @__PURE__ */ jsx11(Text10, { color: "gray", children: parsed.content }),
-                /* @__PURE__ */ jsx11(Text10, { color: "yellow", children: parsed.message })
+                /* @__PURE__ */ jsx13(Text12, { color: "yellow", bold: true, children: "Protocol Violation" }),
+                /* @__PURE__ */ jsx13(Text12, { color: "gray", children: parsed.content }),
+                /* @__PURE__ */ jsx13(Text12, { color: "yellow", children: parsed.message })
               ]
             }
           );
         } else if (parsed.type === "error") {
-          newComponent = /* @__PURE__ */ jsxs9(Text10, { color: "red", children: [
+          newComponent = /* @__PURE__ */ jsxs11(Text12, { color: "red", children: [
             "\u274C ",
             parsed.message
           ] });
         } else if (parsed.type === "tool_call") {
-          newComponent = /* @__PURE__ */ jsx11(
+          newComponent = /* @__PURE__ */ jsx13(
             ToolCallDisplay,
             {
               toolName: parsed.tool_name,
@@ -2489,7 +2786,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
             }
           );
         } else if (parsed.type === "tool_result") {
-          newComponent = /* @__PURE__ */ jsx11(
+          newComponent = /* @__PURE__ */ jsx13(
             ToolResultDisplay,
             {
               toolName: parsed.tool_name,
@@ -2497,9 +2794,15 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
             }
           );
         } else if (parsed.type === "dev_overlay") {
-          newComponent = /* @__PURE__ */ jsx11(Box11, { borderStyle: "classic", borderColor: "blue", paddingX: 1, marginBottom: 1, children: /* @__PURE__ */ jsx11(Text10, { color: "white", children: parsed.payload }) });
+          newComponent = /* @__PURE__ */ jsx13(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsxs11(Text12, { color: "gray", children: [
+            /* @__PURE__ */ jsxs11(Text12, { color: "blue", children: [
+              ">",
+              " "
+            ] }),
+            parsed.payload
+          ] }) });
         } else if (parsed.type === "log") {
-          newComponent = /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
+          newComponent = /* @__PURE__ */ jsxs11(Text12, { color: "gray", children: [
             "\u2139\uFE0F ",
             parsed.message,
             parsed.payload ? `: ${parsed.payload}` : ""
@@ -2529,14 +2832,24 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
   }, [eventBus2, sessionId2, handleConfirmation]);
   const renderInteractiveComponent = () => {
     if (mcpStatus !== "connected") {
-      return /* @__PURE__ */ jsx11(Box11, { borderStyle: "round", borderColor: "black", children: /* @__PURE__ */ jsxs9(Text10, { color: "yellow", children: [
-        /* @__PURE__ */ jsx11(Spinner, { type: "dots" }),
-        " ",
-        statusMessage || "Connecting..."
-      ] }) });
+      return /* @__PURE__ */ jsx13(
+        Box13,
+        {
+          borderStyle: "round",
+          borderColor: "black",
+          children: /* @__PURE__ */ jsx13(
+            SessionInfoConnectingMCP_default,
+            {
+              sessionId: sessionId2,
+              workdir,
+              statusMessage
+            }
+          )
+        }
+      );
     }
     if (pendingConfirmation) {
-      return /* @__PURE__ */ jsx11(
+      return /* @__PURE__ */ jsx13(
         ConfirmationPrompt,
         {
           toolCalls: pendingConfirmation,
@@ -2548,9 +2861,9 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
         }
       );
     }
-    return /* @__PURE__ */ jsxs9(Box11, { flexDirection: "column", children: [
-      isProcessing && !pendingConfirmation && /* @__PURE__ */ jsx11(WorkingTimer, {}),
-      /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", children: [
+      isProcessing && !pendingConfirmation && /* @__PURE__ */ jsx13(WorkingTimer, {}),
+      /* @__PURE__ */ jsx13(
         InputPrompt,
         {
           onSubmit: handleSubmit,
@@ -2560,8 +2873,8 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
       )
     ] });
   };
-  return /* @__PURE__ */ jsxs9(Box11, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx11(Static, { items: history, children: (item) => /* @__PURE__ */ jsx11(Box11, { children: item.component }, item.id) }),
+  return /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx13(Static, { items: history, children: (item) => /* @__PURE__ */ jsx13(Box13, { children: item.component }, item.id) }),
     renderInteractiveComponent()
   ] });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nomad-e/bluma-cli",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "BluMa independent agent for automation and advanced software engineering.",
   "author": "Alex Fonseca",
   "license": "MIT",