@nomad-e/bluma-cli 0.0.46 → 0.0.48

package/dist/main.js

@@ -7,7 +7,7 @@ import { v4 as uuidv42 } from "uuid";
 
 // src/app/ui/App.tsx
 import { useState as useState5, useEffect as useEffect4, useRef as useRef2, useCallback, memo as memo4 } from "react";
-import { Box as Box15, Text as Text14, Static } from "ink";
+import { Box as Box16, Text as Text15, Static } from "ink";
 
 // src/app/ui/layout.tsx
 import { Box, Text } from "ink";
@@ -1705,22 +1705,25 @@ When asked to perform tasks such as fixing bugs, adding features, refactoring, o
 - Organize your entire reasoning and planning there.
 
 3. USE THE DYNAMIC AND REFLECTIVE PROBLEM-SOLVING TOOL  
-- Break down the task into **remaining_tasks** following this tool's guidelines.  
+- Break down the task into **task_checklist** following this tool's guidelines.  
 - Use the **thought** field for detailed analysis, revisions, and reasoning.  
-- Keep the **remaining_tasks** checklist updated with the mandatory format (\u{1F5F9} done, \u2610 pending).  
+- Keep the **task_checklist** checklist updated with the mandatory format (\u{1F5F9} done, \u2610 pending).  
 - Adjust total thoughts count as needed.  
 - Explore hypotheses, verify them via chain-of-thought, and recommend appropriate tools for each step.  
-- Never put future steps or to-do items inside **thought**, only in **remaining_tasks**.
+- Never put future steps or to-do items inside **thought**, only in **task_checklist**.
 
-4. PROCESS REMAINING TASKS  
-- Execute the pending tasks from the **remaining_tasks** checklist one by one, updating the list and reasoning.  
+4. PROCESS TASKS IN CHECKLIST 
+- Execute the pending tasks from the **task_checklist** checklist one by one, updating the list and reasoning.  
 - Use recommended tools as per the reflective analysis.  
 - Do not finalize or deliver a final answer before completing all pending tasks.
 
 5. CLOSE THE TASK AND THE TURN  
-- When all **remaining_tasks** are done, notify the user clearly:  
+- Only close the turn when **all** originally planned tasks and any subtasks discovered during execution are fully completed.  
+- Never treat the completion of a single subtask as completion of the entire objective.  
+- When all **task_checklist** are done (all marked with \u{1F5F9}), notify the user clearly:  
   "Task completed. There are no further pending actions."  
-- You MUST call the \`<agent_end_task_rules>\` tool to close the turn.  
+- You MUST call the \`<agent_end_task_rules>\` tool **only at this stage** to close the turn.  
+- Closing the turn ends the current autonomous workflow; ensure no further actions are pending or reasonably expected.
 - Do not perform any action after calling this tool in the same turn.
 
 6. WAIT FOR NEW TASK  
@@ -1732,8 +1735,8 @@ When asked to perform tasks such as fixing bugs, adding features, refactoring, o
 ### IMPORTANT RULES  
 - Sending the initial message is mandatory and marks the turn start.  
 - Using the reasoning notebook is mandatory.  
-- Breaking the task into **remaining_tasks** with the reflective problem-solving tool is mandatory.  
-- Never include future steps in the **thought** field, only in the **remaining_tasks** checklist.  
+- Breaking the task into **task_checklist** with the reflective problem-solving tool is mandatory.  
+- Never include future steps in the **thought** field, only in the **task_checklist** checklist.  
 - Calling \`<agent_end_task_rules>\` is mandatory to close the turn.  
 - Decline out-of-scope tasks professionally before calling \`<agent_end_task_rules>\`.  
 - Process only one task per turn, never multiple concurrently.
@@ -1801,7 +1804,10 @@ CRITICAL: Your laptop (**reasoning_nootebook**) is your ORGANIZED MIND
 
 
 <agent_end_task_rules>
-This tool is mandatory.
+This tool is mandatory but **MUST ONLY** be used once **all** planned and pending tasks in the \`task_checklist\` checklist are fully completed.
+- Never call this tool after completing only part of a multi-step or multi-subtask request.
+- It is strictly forbidden to call \`agent_end_task\` if there are still unchecked items in \`task_checklist\`.
+- Before calling, verify that **task_checklist is empty** or **contains only completed (\u{1F5F9})** entries.
 You must use it to inform developer {username} that the task has been completed and that there are no further pending actions, in accordance with the objectives defined for the task.
 </agent_end_task_rules>
 
@@ -2257,9 +2263,9 @@ CRITICAL: Your laptop (reasoning_nootebook) is your ORGANIZED MIND
 - Jumping between unrelated subtasks
 
 Important rule:
-Do not include future steps/to-dos in thought; put them strictly in remaining_tasks, using the mandated checklist markers.
+Do not include future steps/to-dos in thought; put them strictly in task_checklist, using the mandated checklist markers.
 
-- remaining_tasks: Checklist list of high-level upcoming tasks.
+- task_checklist: Checklist list of high-level upcoming tasks.
   Format is mandatory:
   - "\u{1F5F8}" \u2192 for tasks not yet done (pending)
   - "[ ]" \u2192 for tasks already completed
@@ -2308,7 +2314,7 @@ Rule Summary:
 - Always use tools (ls, readLines, count_lines, shell_command, edit_tool) to gather evidence before writing.
 - Never invent file content. Read files via tools to confirm.
 
-## OUTPUT & PROTOCOLS
+## OUTPUT
 - Emit 'backend_message' events through tools only (message_notify_user) for progress updates.
 - Before writing BluMa.md, propose structure via message_notify_user and proceed using edit_tool.
 - If an irreversible operation is needed (e.g., overwriting an existing BluMa.md), issue 'confirmation_request' unless user policy indicates auto-approval.
@@ -2880,15 +2886,15 @@ var renderBlumaNotebook = ({
           paddingX: 1,
           children: [
             /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-              /* @__PURE__ */ jsx8(Text8, { bold: true, children: "Thought:" }),
+              /* @__PURE__ */ jsx8(Text8, { color: "white", bold: true, children: "Reasoning:" }),
               /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, children: /* @__PURE__ */ jsx8(Text8, { color: "gray", children: thinkingData.thought }) })
             ] }),
-            thinkingData.remaining_tasks && thinkingData.remaining_tasks.length > 0 && /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
-              /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Remaining Tasks:" }),
-              thinkingData.remaining_tasks.map((task, index) => /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, children: /* @__PURE__ */ jsx8(Text8, { children: /* @__PURE__ */ jsx8(
+            thinkingData.task_checklist && thinkingData.task_checklist.length > 0 && /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
+              /* @__PURE__ */ jsx8(Text8, { color: "white", bold: true, children: "Todos:" }),
+              thinkingData.task_checklist.map((task, index) => /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, children: /* @__PURE__ */ jsx8(Text8, { children: /* @__PURE__ */ jsx8(
                 Text8,
                 {
-                  color: task.startsWith("\u{1F5F9}") ? "green" : "yellow",
+                  color: task.startsWith("\u{1F5F9}") ? "gray" : "white",
                   strikethrough: task.startsWith("\u{1F5F9}"),
                   children: task
                 }
@@ -2917,7 +2923,7 @@ var renderEditToolCall = ({
     filepath = "Error parsing arguments";
   }
   const finalFileName = filepath;
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 1, borderStyle: "round", borderColor: "gray", borderDimColor: true, children: [
     /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsxs8(Text8, { bold: true, children: [
       /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u25CF " }),
       "Edit File"
@@ -2970,8 +2976,167 @@ var ToolCallDisplay = memo2(ToolCallDisplayComponent);
 
 // src/app/ui/components/ToolResultDisplay.tsx
 import { memo as memo3 } from "react";
+import { Box as Box11 } from "ink";
+
+// src/app/ui/components/MarkdownRenderer.tsx
 import { Box as Box10, Text as Text9 } from "ink";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { marked } from "marked";
+import { highlight } from "cli-highlight";
+import chalk from "chalk";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function renderTokens(tokens) {
+  const out = [];
+  for (const token of tokens) {
+    switch (token.type) {
+      case "heading": {
+        const t = token;
+        const colors = {
+          1: chalk.bold.hex("#0969da"),
+          // Azul GitHub
+          2: chalk.bold.hex("#1a7f37"),
+          // Verde suave
+          3: chalk.bold.hex("#8250df"),
+          // Roxo
+          4: chalk.bold.hex("#cf222e"),
+          // Vermelho
+          5: chalk.bold.hex("#9a6700"),
+          // Amarelo escuro
+          6: chalk.bold.hex("#57606a")
+          // Cinza
+        };
+        out.push(
+          /* @__PURE__ */ jsx10(Box10, { marginBottom: 1, children: /* @__PURE__ */ jsx10(Text9, { children: colors[t.depth](`# ${t.text}`) }) }, out.length)
+        );
+        break;
+      }
+      case "paragraph": {
+        const p = token;
+        out.push(
+          /* @__PURE__ */ jsx10(Box10, { marginBottom: 1, flexDirection: "row", children: renderInline(p.text) }, out.length)
+        );
+        break;
+      }
+      case "list": {
+        const l = token;
+        l.items.forEach((item, idx) => {
+          const text = item.tokens ? item.tokens.map((t) => t.type === "text" ? t.text : "").join("") : item.text;
+          out.push(
+            /* @__PURE__ */ jsxs9(Box10, { paddingLeft: 2, children: [
+              /* @__PURE__ */ jsx10(Text9, { color: "white", children: l.ordered ? `${idx + 1}.` : "\u2022" }),
+              /* @__PURE__ */ jsxs9(Text9, { children: [
+                " ",
+                renderInline(text)
+              ] })
+            ] }, out.length)
+          );
+        });
+        out.push(/* @__PURE__ */ jsx10(Box10, { marginBottom: 1 }, out.length));
+        break;
+      }
+      case "code": {
+        const c = token;
+        const highlighted = highlight(c.text, {
+          language: c.lang ?? "text",
+          ignoreIllegals: true
+        });
+        out.push(
+          /* @__PURE__ */ jsxs9(
+            Box10,
+            {
+              flexDirection: "column",
+              borderStyle: "round",
+              borderColor: "gray",
+              children: [
+                /* @__PURE__ */ jsx10(Box10, { marginBottom: 1, children: /* @__PURE__ */ jsx10(Text9, { bold: true, color: "cyan", children: c.lang ?? "code" }) }),
+                /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsx10(Text9, { children: highlighted }) })
+              ]
+            },
+            out.length
+          )
+        );
+        break;
+      }
+      case "blockquote": {
+        const b = token;
+        out.push(
+          /* @__PURE__ */ jsxs9(Box10, { flexDirection: "row", children: [
+            /* @__PURE__ */ jsx10(Text9, { color: "#0969da", children: "\u2502 " }),
+            /* @__PURE__ */ jsx10(Text9, { dimColor: true, italic: true, children: b.text })
+          ] }, out.length)
+        );
+        break;
+      }
+      case "table": {
+        const table = token;
+        const headerCells = table.header.map(
+          (cell) => chalk.bold(cell.text)
+        );
+        out.push(
+          /* @__PURE__ */ jsx10(Box10, { flexDirection: "row", children: headerCells.map((h, i) => /* @__PURE__ */ jsx10(Box10, { paddingRight: 2, children: /* @__PURE__ */ jsx10(Text9, { children: h }) }, i)) }, out.length)
+        );
+        table.rows.forEach((row) => {
+          out.push(
+            /* @__PURE__ */ jsx10(Box10, { flexDirection: "row", children: row.map((cell, i) => /* @__PURE__ */ jsx10(Box10, { paddingRight: 2, children: /* @__PURE__ */ jsx10(Text9, { children: cell.text }) }, i)) }, out.length)
+          );
+        });
+        out.push(/* @__PURE__ */ jsx10(Box10, { marginBottom: 1 }, out.length));
+        break;
+      }
+      default:
+        if (token.text) {
+          out.push(/* @__PURE__ */ jsx10(Text9, { children: token.text }, out.length));
+        }
+    }
+  }
+  return out;
+}
+function renderInline(text) {
+  const parts = [];
+  let rest = text;
+  const regex = /(\*\*(.+?)\*\*|\*(.+?)\*|`(.+?)`|\[(.+?)\]\((.+?)\))/;
+  while (rest.length) {
+    const m = rest.match(regex);
+    if (!m) {
+      parts.push(/* @__PURE__ */ jsx10(Text9, { children: rest }, parts.length));
+      break;
+    }
+    const index = m.index ?? 0;
+    if (index > 0)
+      parts.push(/* @__PURE__ */ jsx10(Text9, { children: rest.slice(0, index) }, parts.length));
+    const token = m[0];
+    if (token.startsWith("**")) {
+      parts.push(
+        /* @__PURE__ */ jsx10(Text9, { bold: true, children: m[2] }, parts.length)
+      );
+    } else if (token.startsWith("*")) {
+      parts.push(
+        /* @__PURE__ */ jsx10(Text9, { italic: true, children: m[3] }, parts.length)
+      );
+    } else if (token.startsWith("`")) {
+      parts.push(
+        /* @__PURE__ */ jsx10(Text9, { children: /* @__PURE__ */ jsx10(Text9, { backgroundColor: "#eaeef2", color: "black", children: ` ${m[4]} ` }) }, parts.length)
+      );
+    } else if (token.startsWith("[")) {
+      parts.push(
+        /* @__PURE__ */ jsxs9(Text9, { underline: true, color: "#0969da", children: [
+          m[5],
+          " (",
+          m[6],
+          ")"
+        ] }, parts.length)
+      );
+    }
+    rest = rest.slice(index + token.length);
+  }
+  return parts;
+}
+var MarkdownRenderer = ({ markdown }) => {
+  const tokens = marked.lexer(markdown);
+  return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", children: renderTokens(tokens) });
+};
+
+// src/app/ui/components/ToolResultDisplay.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
 var ToolResultDisplayComponent = ({ toolName, result }) => {
   if (!toolName.includes("message_notify_user")) {
     return null;
@@ -2980,7 +3145,7 @@ var ToolResultDisplayComponent = ({ toolName, result }) => {
     const parsed = JSON.parse(result);
     if (parsed.content && parsed.content.body) {
       const bodyText = parsed.content.body.trim();
-      return /* @__PURE__ */ jsx10(Box10, { marginBottom: 1, paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: bodyText }) });
+      return /* @__PURE__ */ jsx11(Box11, { marginBottom: 1, paddingX: 1, flexDirection: "column", children: /* @__PURE__ */ jsx11(MarkdownRenderer, { markdown: bodyText }) });
     }
   } catch (e) {
     return null;
@@ -2990,50 +3155,50 @@ var ToolResultDisplayComponent = ({ toolName, result }) => {
 var ToolResultDisplay = memo3(ToolResultDisplayComponent);
 
 // src/app/ui/SessionInfoConnectingMCP.tsx
-import { Box as Box11, Text as Text10 } from "ink";
+import { Box as Box12, Text as Text11 } from "ink";
 import Spinner from "ink-spinner";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var SessionInfoConnectingMCP = ({
   sessionId: sessionId2,
   workdir,
   statusMessage
 }) => {
-  return /* @__PURE__ */ jsx11(
-    Box11,
+  return /* @__PURE__ */ jsx12(
+    Box12,
     {
       borderStyle: "round",
       borderColor: "gray",
       marginBottom: 1,
-      children: /* @__PURE__ */ jsxs9(
-        Box11,
+      children: /* @__PURE__ */ jsxs10(
+        Box12,
         {
           marginLeft: 1,
           flexDirection: "column",
           children: [
-            /* @__PURE__ */ jsxs9(Text10, { children: [
-              /* @__PURE__ */ jsx11(Text10, { bold: true, color: "white", children: "localhost" }),
+            /* @__PURE__ */ jsxs10(Text11, { children: [
+              /* @__PURE__ */ jsx12(Text11, { bold: true, color: "white", children: "localhost" }),
               " ",
-              /* @__PURE__ */ jsx11(Text10, { color: "gray", children: " session:" }),
+              /* @__PURE__ */ jsx12(Text11, { color: "gray", children: " session:" }),
               " ",
-              /* @__PURE__ */ jsx11(Text10, { color: "magenta", children: sessionId2 })
+              /* @__PURE__ */ jsx12(Text11, { color: "magenta", children: sessionId2 })
             ] }),
-            /* @__PURE__ */ jsxs9(Text10, { children: [
-              /* @__PURE__ */ jsx11(Text10, { color: "magenta", children: "\u21B3" }),
+            /* @__PURE__ */ jsxs10(Text11, { children: [
+              /* @__PURE__ */ jsx12(Text11, { color: "magenta", children: "\u21B3" }),
               " ",
-              /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
+              /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
                 "workdir: ",
                 workdir
               ] })
             ] }),
-            /* @__PURE__ */ jsxs9(Text10, { children: [
-              /* @__PURE__ */ jsx11(Text10, { color: "magenta", children: "\u21B3" }),
+            /* @__PURE__ */ jsxs10(Text11, { children: [
+              /* @__PURE__ */ jsx12(Text11, { color: "magenta", children: "\u21B3" }),
               " ",
-              /* @__PURE__ */ jsx11(Text10, { color: "gray", children: "mcp: " }),
-              /* @__PURE__ */ jsxs9(Text10, { color: "yellow", children: [
-                /* @__PURE__ */ jsx11(Spinner, { type: "dots" }),
+              /* @__PURE__ */ jsx12(Text11, { color: "gray", children: "mcp: " }),
+              /* @__PURE__ */ jsxs10(Text11, { color: "yellow", children: [
+                /* @__PURE__ */ jsx12(Spinner, { type: "dots" }),
                 " "
               ] }),
-              /* @__PURE__ */ jsx11(Text10, { color: "white", children: statusMessage || "Please wait while we establish connections." })
+              /* @__PURE__ */ jsx12(Text11, { color: "white", children: statusMessage || "Please wait while we establish connections." })
             ] })
           ]
         }
@@ -3044,11 +3209,11 @@ var SessionInfoConnectingMCP = ({
 var SessionInfoConnectingMCP_default = SessionInfoConnectingMCP;
 
 // src/app/ui/components/SlashCommands.tsx
-import { Box as Box12, Text as Text11 } from "ink";
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Box as Box13, Text as Text12 } from "ink";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs11 } 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 outBox = (children) => /* @__PURE__ */ jsx13(Box13, { borderStyle: "round", borderColor: "gray", paddingX: 1, marginBottom: 1, flexDirection: "column", children });
   const render2 = () => {
     if (!cmd) {
       return null;
@@ -3056,9 +3221,9 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
     if (cmd === "help") {
       const cmds = getSlashCommands();
       return outBox(
-        /* @__PURE__ */ jsxs10(Fragment2, { children: [
-          /* @__PURE__ */ jsx12(Text11, { color: "magenta", bold: true, children: "Available commands" }),
-          cmds.map((c, i) => /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
+        /* @__PURE__ */ jsxs11(Fragment2, { children: [
+          /* @__PURE__ */ jsx13(Text12, { color: "magenta", bold: true, children: "Available commands" }),
+          cmds.map((c, i) => /* @__PURE__ */ jsxs11(Text12, { color: "gray", children: [
             c.name,
             " - ",
             c.description
@@ -3068,7 +3233,7 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
     }
     if (cmd === "clear") {
       setHistory((prev) => prev.filter((item) => item.id === 0 || item.id === 1));
-      return outBox(/* @__PURE__ */ jsx12(Text11, { color: "green", children: "History cleared." }));
+      return outBox(/* @__PURE__ */ jsx13(Text12, { color: "green", children: "History cleared." }));
     }
     if (cmd === "init") {
       (async () => {
@@ -3077,7 +3242,7 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
         } catch (e) {
           setHistory((prev) => prev.concat({
             id: Date.now(),
-            component: outBox(/* @__PURE__ */ jsxs10(Text11, { color: "red", children: [
+            component: outBox(/* @__PURE__ */ jsxs11(Text12, { color: "red", children: [
               "Failed to execute /init: ",
               e?.message || String(e)
             ] }))
@@ -3097,22 +3262,22 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
       const colType = 10;
       const colSource = 18;
       return outBox(
-        /* @__PURE__ */ jsxs10(Fragment2, { children: [
-          /* @__PURE__ */ jsx12(Text11, { color: "magenta", bold: true, children: "MCP Tools" }),
-          /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
+        /* @__PURE__ */ jsxs11(Fragment2, { children: [
+          /* @__PURE__ */ jsx13(Text12, { color: "magenta", bold: true, children: "MCP Tools" }),
+          /* @__PURE__ */ jsxs11(Text12, { 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: [
+          filtered.length === 0 ? /* @__PURE__ */ jsx13(Text12, { color: "yellow", children: "No MCP tools to display." }) : /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs11(Text12, { color: "gray", children: [
               pad("Name", colName),
               " | ",
               pad("Type", colType),
               " | ",
               pad("Source", colSource)
             ] }),
-            /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
+            /* @__PURE__ */ jsxs11(Text12, { color: "gray", children: [
               "".padEnd(colName, "-"),
               "---",
               "".padEnd(colType, "-"),
@@ -3123,7 +3288,7 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
               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: [
+              return /* @__PURE__ */ jsxs11(Text12, { color: "white", children: [
                 pad(name, colName),
                 " | ",
                 pad(String(type), colType),
@@ -3146,22 +3311,22 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
       const colType = 10;
       const colSource = 18;
       return outBox(
-        /* @__PURE__ */ jsxs10(Fragment2, { children: [
-          /* @__PURE__ */ jsx12(Text11, { color: "magenta", bold: true, children: "Native Tools" }),
-          /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
+        /* @__PURE__ */ jsxs11(Fragment2, { children: [
+          /* @__PURE__ */ jsx13(Text12, { color: "magenta", bold: true, children: "Native Tools" }),
+          /* @__PURE__ */ jsxs11(Text12, { 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: [
+          filtered.length === 0 ? /* @__PURE__ */ jsx13(Text12, { color: "yellow", children: "No native tools to display." }) : /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs11(Text12, { color: "gray", children: [
               pad("Name", colName),
               " | ",
               pad("Type", colType),
               " | ",
               pad("Source", colSource)
             ] }),
-            /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
+            /* @__PURE__ */ jsxs11(Text12, { color: "gray", children: [
               "".padEnd(colName, "-"),
               "---",
               "".padEnd(colType, "-"),
@@ -3172,7 +3337,7 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
               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: [
+              return /* @__PURE__ */ jsxs11(Text12, { color: "white", children: [
                 pad(name, colName),
                 " | ",
                 pad(String(type), colType),
@@ -3184,12 +3349,12 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
         ] })
       );
     }
-    return outBox(/* @__PURE__ */ jsxs10(Text11, { color: "red", children: [
+    return outBox(/* @__PURE__ */ jsxs11(Text12, { color: "red", children: [
       "Command not recognized: /",
       cmd
     ] }));
   };
-  return /* @__PURE__ */ jsx12(Fragment2, { children: render2() });
+  return /* @__PURE__ */ jsx13(Fragment2, { children: render2() });
 };
 var SlashCommands_default = SlashCommands;
 
@@ -3260,8 +3425,8 @@ async function checkForUpdates() {
 }
 
 // src/app/ui/components/UpdateNotice.tsx
-import { Box as Box13, Text as Text12 } from "ink";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box14, Text as Text13 } from "ink";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function parseUpdateMessage(msg) {
   const lines = msg.split(/\r?\n/).map((l) => l.trim());
   const first = lines[0] || "";
@@ -3280,20 +3445,20 @@ function parseUpdateMessage(msg) {
 }
 var UpdateNotice = ({ message }) => {
   const { name, current, latest, hint } = parseUpdateMessage(message);
-  return /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx13(Text12, { color: "yellow", bold: true, children: "Update Available" }),
-    name && current && latest ? /* @__PURE__ */ jsx13(Text12, { color: "gray", children: `${name}: ${current} \u2192 ${latest}` }) : /* @__PURE__ */ jsx13(Text12, { color: "gray", children: message }),
-    hint ? /* @__PURE__ */ jsx13(Text12, { color: "gray", children: hint }) : null
+  return /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsx14(Text13, { color: "yellow", bold: true, children: "Update Available" }),
+    name && current && latest ? /* @__PURE__ */ jsx14(Text13, { color: "gray", children: `${name}: ${current} \u2192 ${latest}` }) : /* @__PURE__ */ jsx14(Text13, { color: "gray", children: message }),
+    hint ? /* @__PURE__ */ jsx14(Text13, { color: "gray", children: hint }) : null
   ] });
 };
 var UpdateNotice_default = UpdateNotice;
 
 // src/app/ui/components/ErrorMessage.tsx
-import { Box as Box14, Text as Text13 } from "ink";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Box as Box15, Text as Text14 } from "ink";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var ErrorMessage = ({ message, details, hint }) => {
-  return /* @__PURE__ */ jsxs12(
-    Box14,
+  return /* @__PURE__ */ jsxs13(
+    Box15,
     {
       borderStyle: "round",
       borderColor: "red",
@@ -3302,10 +3467,10 @@ var ErrorMessage = ({ message, details, hint }) => {
       flexDirection: "column",
       marginBottom: 1,
       children: [
-        /* @__PURE__ */ jsx14(Text13, { color: "red", bold: true, children: "Error" }),
-        /* @__PURE__ */ jsx14(Text13, { color: "red", children: message }),
-        details ? /* @__PURE__ */ jsx14(Text13, { color: "red", dimColor: true, children: details }) : null,
-        hint ? /* @__PURE__ */ jsxs12(Text13, { color: "gray", children: [
+        /* @__PURE__ */ jsx15(Text14, { color: "red", bold: true, children: "Error" }),
+        /* @__PURE__ */ jsx15(Text14, { color: "red", children: message }),
+        details ? /* @__PURE__ */ jsx15(Text14, { color: "red", dimColor: true, children: details }) : null,
+        hint ? /* @__PURE__ */ jsxs13(Text14, { color: "gray", children: [
           "Hint: ",
           hint
         ] }) : null
@@ -3316,7 +3481,7 @@ var ErrorMessage = ({ message, details, hint }) => {
 var ErrorMessage_default = ErrorMessage;
 
 // src/app/ui/App.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
   const agentInstance = useRef2(null);
   const [history, setHistory] = useState5([]);
@@ -3346,7 +3511,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
       ...prev,
       {
         id: prev.length,
-        component: /* @__PURE__ */ jsx15(Text14, { color: "yellow", children: "-- Task cancelled by dev. --" })
+        component: /* @__PURE__ */ jsx16(Text15, { color: "yellow", children: "-- Task cancelled by dev. --" })
       }
     ]);
   }, [isProcessing, eventBus2]);
@@ -3370,11 +3535,11 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
           ...prev,
           {
             id: prev.length,
-            component: /* @__PURE__ */ jsx15(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsx15(Text14, { color: "white", dimColor: true, children: text }) })
+            component: /* @__PURE__ */ jsx16(Box16, { marginBottom: 1, children: /* @__PURE__ */ jsx16(Text15, { color: "white", dimColor: true, children: text }) })
           },
           {
             id: prev.length + 1,
-            component: /* @__PURE__ */ jsx15(
+            component: /* @__PURE__ */ jsx16(
               SlashCommands_default,
               {
                 input: text,
@@ -3394,8 +3559,8 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
           id: prev.length,
           component: (
             // Uma única Box para o espaçamento
-            /* @__PURE__ */ jsx15(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsxs13(Text14, { color: "white", dimColor: true, children: [
-              /* @__PURE__ */ jsxs13(Text14, { color: "white", children: [
+            /* @__PURE__ */ jsx16(Box16, { marginBottom: 1, children: /* @__PURE__ */ jsxs14(Text15, { color: "white", dimColor: true, children: [
+              /* @__PURE__ */ jsxs14(Text15, { color: "white", children: [
                 "\u276F",
                 " "
               ] }),
@@ -3430,7 +3595,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
     []
   );
   useEffect4(() => {
-    setHistory([{ id: 0, component: /* @__PURE__ */ jsx15(Header, {}) }]);
+    setHistory([{ id: 0, component: /* @__PURE__ */ jsx16(Header, {}) }]);
     const initializeAgent = async () => {
       try {
         agentInstance.current = new Agent(sessionId2, eventBus2);
@@ -3485,7 +3650,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
             if (prev.length < 2) {
               newHistory.push({
                 id: 1,
-                component: /* @__PURE__ */ jsx15(
+                component: /* @__PURE__ */ jsx16(
                   SessionInfo,
                   {
                     sessionId: sessionId2,
@@ -3506,7 +3671,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
                   ...prev,
                   {
                     id: prev.length,
-                    component: /* @__PURE__ */ jsx15(UpdateNotice_default, { message: msg })
+                    component: /* @__PURE__ */ jsx16(UpdateNotice_default, { message: msg })
                   }
                 ]);
               }
@@ -3520,10 +3685,10 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
         }
         let newComponent = null;
         if (parsed.type === "debug") {
-          newComponent = /* @__PURE__ */ jsx15(Text14, { color: "gray", children: parsed.message });
+          newComponent = /* @__PURE__ */ jsx16(Text15, { color: "gray", children: parsed.message });
         } else if (parsed.type === "protocol_violation") {
-          newComponent = /* @__PURE__ */ jsxs13(
-            Box15,
+          newComponent = /* @__PURE__ */ jsxs14(
+            Box16,
             {
               borderStyle: "round",
               borderColor: "yellow",
@@ -3531,14 +3696,14 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
               marginBottom: 1,
               paddingX: 1,
               children: [
-                /* @__PURE__ */ jsx15(Text14, { color: "yellow", bold: true, children: "Protocol Violation" }),
-                /* @__PURE__ */ jsx15(Text14, { color: "gray", children: parsed.content }),
-                /* @__PURE__ */ jsx15(Text14, { color: "yellow", children: parsed.message })
+                /* @__PURE__ */ jsx16(Text15, { color: "yellow", bold: true, children: "Protocol Violation" }),
+                /* @__PURE__ */ jsx16(Text15, { color: "gray", children: parsed.content }),
+                /* @__PURE__ */ jsx16(Text15, { color: "yellow", children: parsed.message })
               ]
             }
           );
         } else if (parsed.type === "error") {
-          newComponent = /* @__PURE__ */ jsx15(
+          newComponent = /* @__PURE__ */ jsx16(
             ErrorMessage_default,
             {
               message: parsed.message,
@@ -3547,7 +3712,8 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
             }
           );
         } else if (parsed.type === "tool_call") {
-          newComponent = /* @__PURE__ */ jsx15(
+          const nextId = history.length;
+          newComponent = /* @__PURE__ */ jsx16(
             ToolCallDisplay,
             {
               toolName: parsed.tool_name,
@@ -3556,7 +3722,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
             }
           );
         } else if (parsed.type === "tool_result") {
-          newComponent = /* @__PURE__ */ jsx15(
+          newComponent = /* @__PURE__ */ jsx16(
             ToolResultDisplay,
             {
               toolName: parsed.tool_name,
@@ -3564,15 +3730,15 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
             }
           );
         } else if (parsed.type === "user_overlay") {
-          newComponent = /* @__PURE__ */ jsx15(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsxs13(Text14, { color: "gray", children: [
-            /* @__PURE__ */ jsxs13(Text14, { color: "magenta", children: [
+          newComponent = /* @__PURE__ */ jsx16(Box16, { marginBottom: 1, children: /* @__PURE__ */ jsxs14(Text15, { color: "gray", children: [
+            /* @__PURE__ */ jsxs14(Text15, { color: "magenta", children: [
               "\u276F",
               " "
             ] }),
             parsed.payload
           ] }) });
         } else if (parsed.type === "log") {
-          newComponent = /* @__PURE__ */ jsxs13(Text14, { color: "gray", children: [
+          newComponent = /* @__PURE__ */ jsxs14(Text15, { color: "gray", children: [
             "\u2139\uFE0F ",
             parsed.message,
             parsed.payload ? `: ${parsed.payload}` : ""
@@ -3602,7 +3768,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
   }, [eventBus2, sessionId2, handleConfirmation]);
   const renderInteractiveComponent = () => {
     if (mcpStatus !== "connected") {
-      return /* @__PURE__ */ jsx15(Box15, { borderStyle: "round", borderColor: "black", children: /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(Box16, { borderStyle: "round", borderColor: "black", children: /* @__PURE__ */ jsx16(
         SessionInfoConnectingMCP_default,
         {
           sessionId: sessionId2,
@@ -3612,7 +3778,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
       ) });
     }
     if (pendingConfirmation) {
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         ConfirmationPrompt,
         {
           toolCalls: pendingConfirmation,
@@ -3624,9 +3790,9 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
         }
       );
     }
-    return /* @__PURE__ */ jsxs13(Box15, { flexDirection: "column", children: [
-      isProcessing && !pendingConfirmation && /* @__PURE__ */ jsx15(WorkingTimer, {}),
-      /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsxs14(Box16, { flexDirection: "column", children: [
+      isProcessing && !pendingConfirmation && /* @__PURE__ */ jsx16(WorkingTimer, {}),
+      /* @__PURE__ */ jsx16(
         InputPrompt,
         {
           onSubmit: handleSubmit,
@@ -3637,8 +3803,8 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
       )
     ] });
   };
-  return /* @__PURE__ */ jsxs13(Box15, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx15(Static, { items: history, children: (item) => /* @__PURE__ */ jsx15(Box15, { children: item.component }, item.id) }),
+  return /* @__PURE__ */ jsxs14(Box16, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx16(Static, { items: history, children: (item) => /* @__PURE__ */ jsx16(Box16, { children: item.component }, item.id) }),
     renderInteractiveComponent()
   ] });
 };