@nomad-e/bluma-cli 0.0.96 → 0.0.97

package/dist/main.js

@@ -6,103 +6,76 @@ import { EventEmitter as EventEmitter2 } from "events";
 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 Box16, Text as Text15, Static } from "ink";
+import { useState as useState5, useEffect as useEffect5, useRef as useRef4, useCallback as useCallback2, memo as memo5 } from "react";
+import { Box as Box15, Text as Text14, Static } from "ink";
 
 // src/app/ui/layout.tsx
 import { Box, Text } from "ink";
-import BigText from "ink-big-text";
-import { jsx, jsxs } from "react/jsx-runtime";
-var BRAND_COLORS = {
-  main: "magenta",
-  accent: "blue",
-  shadow: "magenta",
-  greydark: "#444"
-};
-var Header = () => {
-  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. Run ",
-        /* @__PURE__ */ jsx(Text, { color: "magenta", children: "/init" }),
-        " to create a",
-        " ",
-        /* @__PURE__ */ jsx(Text, { color: "magenta", children: "BluMa.md" }),
-        ", file with instructions for BluMa."
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Header = ({
+  sessionId: sessionId2,
+  workdir
+}) => {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "magenta", children: "BluMa" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \u2022 AI Coding Assistant" })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "workspace " }),
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: workdir })
       ] }),
-      /* @__PURE__ */ jsxs(Text, { children: [
-        "4. Type ",
-        /* @__PURE__ */ jsx(Text, { color: "magenta", children: "/help" }),
-        " to explore available commands and features."
+      /* @__PURE__ */ jsxs(Box, { marginTop: 0, children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "session " }),
+        /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+          sessionId2.slice(0, 8),
+          "..."
+        ] })
       ] })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "/init  /tools  /mcp  /clear  /help" }) })
   ] });
 };
-var SessionInfo = ({
-  sessionId: sessionId2,
-  // ID único da sessão atual, para segregação ou rastreio
-  workdir,
-  // Diretório de trabalho atual do BluMa, útil para saber contexto da execução
-  toolsCount,
-  // Número de ferramentas ativas carregadas pelo MCP
-  mcpStatus
-  // Estado da conexão central MCP (connecting/connected)
-}) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    borderStyle: "round",
-    borderColor: "gray",
-    flexDirection: "column",
-    marginBottom: 1,
-    children: /* @__PURE__ */ jsxs(
-      Box,
-      {
-        marginLeft: 1,
-        flexDirection: "column",
-        children: [
-          /* @__PURE__ */ jsxs(Text, { children: [
-            /* @__PURE__ */ jsx(Text, { bold: true, color: "white", children: "localhost" }),
-            /* @__PURE__ */ jsx(Text, { color: "gray", children: " session:" }),
-            " ",
-            /* @__PURE__ */ jsx(Text, { color: "magenta", children: sessionId2 })
-          ] }),
-          /* @__PURE__ */ jsxs(Text, { children: [
-            /* @__PURE__ */ jsx(Text, { color: "magenta", children: "\u21B3" }),
-            " ",
-            /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-              "workdir: ",
-              workdir
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs(Text, { children: [
-            /* @__PURE__ */ jsx(Text, { color: "magenta", children: "\u21B3" }),
-            " ",
-            /* @__PURE__ */ jsx(Text, { color: "gray", children: "mcp: " }),
-            /* @__PURE__ */ jsx(Text, { color: mcpStatus === "connected" ? "green" : "yellow", children: mcpStatus })
-          ] })
-        ]
-      }
-    )
-  }
-);
 
 // src/app/ui/components/InputPrompt.tsx
 import { Box as Box2, Text as Text2, useStdout, useInput as useInput2 } from "ink";
 
 // src/app/ui/utils/useSimpleInputBuffer.ts
-import { useReducer } from "react";
+import { useReducer, useRef, useCallback, useEffect } from "react";
 import { useInput } from "ink";
+function getLineStart(text, cursorPos) {
+  let pos = cursorPos - 1;
+  while (pos >= 0 && text[pos] !== "\n") {
+    pos--;
+  }
+  return pos + 1;
+}
+function getLineEnd(text, cursorPos) {
+  let pos = cursorPos;
+  while (pos < text.length && text[pos] !== "\n") {
+    pos++;
+  }
+  return pos;
+}
+function moveToAdjacentLine(text, cursorPos, direction) {
+  const currentLineStart = getLineStart(text, cursorPos);
+  const currentLineEnd = getLineEnd(text, cursorPos);
+  const column = cursorPos - currentLineStart;
+  if (direction === "up") {
+    if (currentLineStart === 0) return cursorPos;
+    const prevLineEnd = currentLineStart - 1;
+    const prevLineStart = getLineStart(text, prevLineEnd);
+    const prevLineLength = prevLineEnd - prevLineStart;
+    return prevLineStart + Math.min(column, prevLineLength);
+  } else {
+    if (currentLineEnd === text.length) return cursorPos;
+    const nextLineStart = currentLineEnd + 1;
+    const nextLineEnd = getLineEnd(text, nextLineStart);
+    const nextLineLength = nextLineEnd - nextLineStart;
+    return nextLineStart + Math.min(column, nextLineLength);
+  }
+}
 function inputReducer(state, action, viewWidth) {
   const adjustView = (newCursorPos, currentViewStart) => {
     if (newCursorPos < currentViewStart) {
@@ -115,16 +88,51 @@ function inputReducer(state, action, viewWidth) {
   };
   switch (action.type) {
     case "INPUT": {
-      const cleanInput = action.payload.replace(/(||)/gm, "");
+      const cleanInput = action.payload.replace(/(\r\n|\r)/gm, "\n");
       const newText = state.text.slice(0, state.cursorPosition) + cleanInput + state.text.slice(state.cursorPosition);
       const newCursorPosition = state.cursorPosition + cleanInput.length;
       const newViewStart = adjustView(newCursorPosition, state.viewStart);
+      if (newText === state.text && newCursorPosition === state.cursorPosition) {
+        return state;
+      }
+      return { text: newText, cursorPosition: newCursorPosition, viewStart: newViewStart };
+    }
+    case "NEWLINE": {
+      const newText = state.text.slice(0, state.cursorPosition) + "\n" + state.text.slice(state.cursorPosition);
+      const newCursorPosition = state.cursorPosition + 1;
+      const newViewStart = adjustView(newCursorPosition, state.viewStart);
       return { text: newText, cursorPosition: newCursorPosition, viewStart: newViewStart };
     }
     case "MOVE_CURSOR": {
       let newCursorPosition = state.cursorPosition;
-      if (action.direction === "left" && state.cursorPosition > 0) newCursorPosition--;
-      if (action.direction === "right" && state.cursorPosition < state.text.length) newCursorPosition++;
+      if (action.direction === "left" && state.cursorPosition > 0) {
+        newCursorPosition--;
+      } else if (action.direction === "right" && state.cursorPosition < state.text.length) {
+        newCursorPosition++;
+      } else if (action.direction === "up") {
+        newCursorPosition = moveToAdjacentLine(state.text, state.cursorPosition, "up");
+      } else if (action.direction === "down") {
+        newCursorPosition = moveToAdjacentLine(state.text, state.cursorPosition, "down");
+      }
+      if (newCursorPosition === state.cursorPosition) {
+        return state;
+      }
+      const newViewStart = adjustView(newCursorPosition, state.viewStart);
+      return { ...state, cursorPosition: newCursorPosition, viewStart: newViewStart };
+    }
+    case "MOVE_LINE_START": {
+      const newCursorPosition = getLineStart(state.text, state.cursorPosition);
+      if (newCursorPosition === state.cursorPosition) {
+        return state;
+      }
+      const newViewStart = adjustView(newCursorPosition, state.viewStart);
+      return { ...state, cursorPosition: newCursorPosition, viewStart: newViewStart };
+    }
+    case "MOVE_LINE_END": {
+      const newCursorPosition = getLineEnd(state.text, state.cursorPosition);
+      if (newCursorPosition === state.cursorPosition) {
+        return state;
+      }
       const newViewStart = adjustView(newCursorPosition, state.viewStart);
       return { ...state, cursorPosition: newCursorPosition, viewStart: newViewStart };
     }
@@ -137,11 +145,18 @@ function inputReducer(state, action, viewWidth) {
       }
       return state;
     }
+    case "DELETE": {
+      if (state.cursorPosition < state.text.length) {
+        const newText = state.text.slice(0, state.cursorPosition) + state.text.slice(state.cursorPosition + 1);
+        return { ...state, text: newText };
+      }
+      return state;
+    }
     case "SUBMIT": {
       return { text: "", cursorPosition: 0, viewStart: 0 };
     }
     case "SET": {
-      const t = action.payload.text.replace(/(||)/gm, "");
+      const t = action.payload.text.replace(/(\r\n|\r)/gm, "\n");
       let newCursorPosition;
       if (typeof action.payload.cursorPosition === "number") {
         newCursorPosition = Math.min(action.payload.cursorPosition, t.length);
@@ -154,6 +169,14 @@ function inputReducer(state, action, viewWidth) {
       const newViewStart = adjustView(newCursorPosition, 0);
       return { text: newText, cursorPosition: newCursorPosition, viewStart: newViewStart };
     }
+    case "SET_CURSOR": {
+      const newCursorPosition = Math.max(0, Math.min(action.payload, state.text.length));
+      if (newCursorPosition === state.cursorPosition) {
+        return state;
+      }
+      const newViewStart = adjustView(newCursorPosition, state.viewStart);
+      return { ...state, cursorPosition: newCursorPosition, viewStart: newViewStart };
+    }
     default:
       return state;
   }
@@ -163,30 +186,76 @@ var useCustomInput = ({ onSubmit, viewWidth, isReadOnly, onInterrupt }) => {
     (s, a) => inputReducer(s, a, viewWidth),
     { text: "", cursorPosition: 0, viewStart: 0 }
   );
+  const inputBuffer = useRef("");
+  const flushScheduled = useRef(false);
+  const flushInputBuffer = useCallback(() => {
+    if (inputBuffer.current.length > 0) {
+      const buffered = inputBuffer.current;
+      inputBuffer.current = "";
+      dispatch({ type: "INPUT", payload: buffered });
+    }
+    flushScheduled.current = false;
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (flushScheduled.current) {
+        flushInputBuffer();
+      }
+    };
+  }, [flushInputBuffer]);
   useInput(
     (input, key) => {
+      if (inputBuffer.current.length > 0 && (key.ctrl || key.meta || key.escape || key.return || key.backspace || key.delete || key.leftArrow || key.rightArrow || key.upArrow || key.downArrow || key.tab)) {
+        flushInputBuffer();
+      }
       if (key.escape) {
         onInterrupt();
         return;
       }
       if (isReadOnly) {
-        if (key.return) {
+        if (key.ctrl && key.return) {
           if (state.text.trim().length > 0) {
             onSubmit(state.text);
             dispatch({ type: "SUBMIT" });
           }
           return;
         }
-        if (key.backspace || key.delete) return dispatch({ type: "BACKSPACE" });
+        if (key.return) {
+          dispatch({ type: "NEWLINE" });
+          return;
+        }
+        if (key.backspace) return dispatch({ type: "BACKSPACE" });
+        if (key.delete) return dispatch({ type: "DELETE" });
         if (key.leftArrow) return dispatch({ type: "MOVE_CURSOR", direction: "left" });
         if (key.rightArrow) return dispatch({ type: "MOVE_CURSOR", direction: "right" });
+        if (key.upArrow) return dispatch({ type: "MOVE_CURSOR", direction: "up" });
+        if (key.downArrow) return dispatch({ type: "MOVE_CURSOR", direction: "down" });
         if (key.ctrl || key.meta || key.tab) return;
-        return dispatch({ type: "INPUT", payload: input });
+        inputBuffer.current += input;
+        if (!flushScheduled.current) {
+          flushScheduled.current = true;
+          queueMicrotask(flushInputBuffer);
+        }
+        return;
       }
-      if (key.return) {
-        if (globalThis.__BLUMA_AT_OPEN__) {
+      if (key.ctrl && key.return) {
+        if (globalThis.__BLUMA_AT_OPEN__) return;
+        if (globalThis.__BLUMA_SUPPRESS_SUBMIT__) {
+          globalThis.__BLUMA_SUPPRESS_SUBMIT__ = false;
           return;
         }
+        if (state.text.trim().length > 0) {
+          onSubmit(state.text);
+          dispatch({ type: "SUBMIT" });
+        }
+        return;
+      }
+      if (key.shift && key.return) {
+        dispatch({ type: "NEWLINE" });
+        return;
+      }
+      if (key.return) {
+        if (globalThis.__BLUMA_AT_OPEN__) return;
         if (globalThis.__BLUMA_SUPPRESS_SUBMIT__) {
           globalThis.__BLUMA_SUPPRESS_SUBMIT__ = false;
           return;
@@ -197,32 +266,52 @@ var useCustomInput = ({ onSubmit, viewWidth, isReadOnly, onInterrupt }) => {
         }
         return;
       }
-      if (key.backspace || key.delete) return dispatch({ type: "BACKSPACE" });
+      if (key.backspace) return dispatch({ type: "BACKSPACE" });
+      if (key.delete) return dispatch({ type: "DELETE" });
       if (key.leftArrow) return dispatch({ type: "MOVE_CURSOR", direction: "left" });
       if (key.rightArrow) return dispatch({ type: "MOVE_CURSOR", direction: "right" });
+      if (key.upArrow) return dispatch({ type: "MOVE_CURSOR", direction: "up" });
+      if (key.downArrow) return dispatch({ type: "MOVE_CURSOR", direction: "down" });
+      if (key.ctrl && input === "a") {
+        return dispatch({ type: "MOVE_LINE_START" });
+      }
+      if (key.ctrl && input === "e") {
+        return dispatch({ type: "MOVE_LINE_END" });
+      }
       if (key.ctrl || key.meta || key.tab) return;
-      dispatch({ type: "INPUT", payload: input });
+      inputBuffer.current += input;
+      if (!flushScheduled.current) {
+        flushScheduled.current = true;
+        queueMicrotask(flushInputBuffer);
+      }
     },
-    // useInput está SEMPRE ativo para capturar todas as teclas
     { isActive: true }
   );
   return {
     text: state.text,
     cursorPosition: state.cursorPosition,
     viewStart: state.viewStart,
-    setText: (t, pos) => {
+    setText: useCallback((t, pos) => {
+      if (inputBuffer.current.length > 0) {
+        flushInputBuffer();
+      }
       if (typeof pos === "number") {
         dispatch({ type: "SET", payload: { text: t, moveCursorToEnd: false, cursorPosition: pos } });
       } else {
         dispatch({ type: "SET", payload: { text: t, moveCursorToEnd: true } });
       }
-    },
-    setCursor: (pos) => dispatch({ type: "SET_CURSOR", payload: pos })
+    }, [flushInputBuffer]),
+    setCursor: useCallback((pos) => {
+      if (inputBuffer.current.length > 0) {
+        flushInputBuffer();
+      }
+      dispatch({ type: "SET_CURSOR", payload: pos });
+    }, [flushInputBuffer])
   };
 };
 
 // src/app/ui/components/InputPrompt.tsx
-import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import { useEffect as useEffect3, useMemo, useState as useState2, memo } from "react";
 import { EventEmitter } from "events";
 
 // src/app/ui/utils/slashRegistry.ts
@@ -272,7 +361,7 @@ var filterSlashCommands = (query) => {
 };
 
 // src/app/ui/hooks/useAtCompletion.ts
-import { useEffect, useRef, useState } from "react";
+import { useEffect as useEffect2, useRef as useRef2, useState } from "react";
 import fs from "fs";
 import path from "path";
 var MAX_RESULTS = 50;
@@ -349,7 +438,7 @@ function useAtCompletion({
   const [open, setOpen] = useState(false);
   const [selected, setSelected] = useState(0);
   const [suggestions, setSuggestions] = useState([]);
-  const lastQuery = useRef("");
+  const lastQuery = useRef2("");
   function scanForAt(text2, pos) {
     const before = text2.slice(0, pos);
     const m = before.match(/@([\w\/.\-_]*)$/);
@@ -371,7 +460,7 @@ function useAtCompletion({
       setSuggestions([]);
     }
   }
-  useEffect(() => {
+  useEffect2(() => {
     update(text, cursorPosition);
   }, [text, cursorPosition, cwd]);
   function insertAtSelection() {
@@ -423,36 +512,133 @@ function useAtCompletion({
 }
 
 // src/app/ui/components/InputPrompt.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var uiEventBus = global.__bluma_ui_eventbus__ || new EventEmitter();
 global.__bluma_ui_eventbus__ = uiEventBus;
-var InputPrompt = ({ onSubmit, isReadOnly, onInterrupt, disableWhileProcessing = false }) => {
+var TextLine = memo(({
+  line,
+  lineIndex,
+  cursorLine,
+  cursorCol,
+  showCursor
+}) => {
+  const isCursorLine = lineIndex === cursorLine;
+  if (!isCursorLine || !showCursor) {
+    return /* @__PURE__ */ jsx2(Text2, { children: line });
+  }
+  const before = line.slice(0, cursorCol);
+  const char = line[cursorCol] || " ";
+  const after = line.slice(cursorCol + 1);
+  return /* @__PURE__ */ jsxs2(Text2, { children: [
+    before,
+    /* @__PURE__ */ jsx2(Text2, { inverse: true, color: "magenta", children: char }),
+    after
+  ] });
+}, (prev, next) => {
+  if (prev.line !== next.line) return false;
+  if (prev.showCursor !== next.showCursor) return false;
+  const prevIsCursorLine = prev.lineIndex === prev.cursorLine;
+  const nextIsCursorLine = next.lineIndex === next.cursorLine;
+  if (prevIsCursorLine !== nextIsCursorLine) return false;
+  if (nextIsCursorLine && prev.cursorCol !== next.cursorCol) return false;
+  return true;
+});
+TextLine.displayName = "TextLine";
+var PathSuggestions = memo(({
+  suggestions,
+  selected
+}) => {
+  const VISIBLE = 7;
+  const total = suggestions.length;
+  const sel = Math.max(0, Math.min(selected, total - 1));
+  let start = Math.max(0, sel - Math.floor(VISIBLE / 2));
+  if (start + VISIBLE > total) start = Math.max(0, total - VISIBLE);
+  const windowItems = suggestions.slice(start, start + VISIBLE);
+  return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", marginTop: 1, height: Math.min(VISIBLE, total), children: windowItems.map((s, idx) => {
+    const realIdx = start + idx;
+    const isSelected = realIdx === selected;
+    return /* @__PURE__ */ jsxs2(Box2, { paddingLeft: 1, paddingY: 0, children: [
+      /* @__PURE__ */ jsx2(Text2, { color: isSelected ? "magenta" : "gray", children: isSelected ? "\u276F " : "  " }),
+      /* @__PURE__ */ jsx2(Text2, { color: isSelected ? "magenta" : "white", bold: isSelected, dimColor: !isSelected, children: s.label })
+    ] }, s.fullPath);
+  }) });
+});
+PathSuggestions.displayName = "PathSuggestions";
+var SlashSuggestions = memo(({
+  suggestions,
+  selectedIndex
+}) => /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", marginTop: 1, children: suggestions.map((s, idx) => {
+  const isSelected = idx === selectedIndex;
+  return /* @__PURE__ */ jsxs2(Box2, { paddingLeft: 1, paddingY: 0, children: [
+    /* @__PURE__ */ jsx2(Text2, { color: isSelected ? "magenta" : "gray", children: isSelected ? "\u276F " : "  " }),
+    /* @__PURE__ */ jsxs2(Text2, { color: isSelected ? "magenta" : "white", bold: isSelected, dimColor: !isSelected, children: [
+      s.name,
+      " ",
+      /* @__PURE__ */ jsxs2(Text2, { color: "gray", children: [
+        "- ",
+        s.description
+      ] })
+    ] })
+  ] }, s.name);
+}) }));
+SlashSuggestions.displayName = "SlashSuggestions";
+var Footer = memo(({ isReadOnly }) => /* @__PURE__ */ jsx2(Box2, { paddingX: 1, justifyContent: "center", children: /* @__PURE__ */ jsx2(Text2, { color: "gray", dimColor: true, children: "ctrl+c to exit | Enter to submit | Shift+Enter for new line | /help commands | esc interrupt" }) }));
+Footer.displayName = "Footer";
+var TextLinesRenderer = memo(({
+  lines,
+  cursorLine,
+  cursorCol,
+  showCursor,
+  showPlaceholder,
+  placeholder
+}) => {
+  return /* @__PURE__ */ jsx2(Fragment2, { children: lines.map((line, idx) => {
+    const isFirstLine = idx === 0;
+    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", paddingX: 1, children: [
+      isFirstLine && /* @__PURE__ */ jsxs2(Text2, { color: "white", children: [
+        ">",
+        " "
+      ] }),
+      !isFirstLine && /* @__PURE__ */ jsxs2(Text2, { color: "gray", children: [
+        "\u2502",
+        " "
+      ] }),
+      showPlaceholder && isFirstLine && line.length === 0 ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: placeholder }) : /* @__PURE__ */ jsx2(
+        TextLine,
+        {
+          line,
+          lineIndex: idx,
+          cursorLine,
+          cursorCol,
+          showCursor
+        }
+      )
+    ] }, idx);
+  }) });
+});
+TextLinesRenderer.displayName = "TextLinesRenderer";
+var InputPrompt = memo(({
+  onSubmit,
+  isReadOnly,
+  onInterrupt,
+  disableWhileProcessing = false
+}) => {
   const { stdout } = useStdout();
-  const [viewWidth, setViewWidth] = useState2(() => stdout.columns - 6);
+  const [viewWidth] = useState2(() => stdout.columns - 6);
   const [slashOpen, setSlashOpen] = useState2(false);
   const [slashIndex, setSlashIndex] = useState2(0);
-  useEffect2(() => {
-    const onResize = () => setViewWidth(stdout.columns - 6);
-    stdout.on("resize", onResize);
-    return () => {
-      stdout.off("resize", onResize);
-    };
-  }, [stdout]);
   const permissiveOnSubmit = (value) => {
     const trimmed = (value || "").trim();
     if (isReadOnly) {
       if (trimmed.length > 0) {
-        const payload = trimmed;
-        uiEventBus.emit("user_overlay", { kind: "message", payload, ts: Date.now() });
-        return;
+        uiEventBus.emit("user_overlay", { kind: "message", payload: trimmed, ts: Date.now() });
       }
       return;
     }
     onSubmit(value);
   };
   const effectiveReadOnly = isReadOnly;
-  const { text, cursorPosition, viewStart, setText } = useCustomInput({
-    // Sobrepõe a lógica padrão: nunca submete se autocomplete aberto
+  const { text, cursorPosition, setText } = useCustomInput({
     onSubmit: (value) => {
       if (disableWhileProcessing && isReadOnly) return;
       if (pathAutocomplete.open) return;
@@ -462,13 +648,32 @@ var InputPrompt = ({ onSubmit, isReadOnly, onInterrupt, disableWhileProcessing =
     isReadOnly: effectiveReadOnly,
     onInterrupt
   });
-  const visibleText = text.slice(viewStart, viewStart + viewWidth);
-  const visibleCursorPosition = cursorPosition - viewStart;
-  const textBeforeCursor = visibleText.slice(0, visibleCursorPosition);
-  const charAtCursor = visibleText.slice(visibleCursorPosition, visibleCursorPosition + 1);
-  const textAfterCursor = visibleText.slice(visibleCursorPosition + 1);
-  const cursorGlyph = charAtCursor && charAtCursor.length > 0 ? charAtCursor : " ";
-  const borderColor = isReadOnly ? "gray" : "gray";
+  const linesData = useMemo(() => {
+    const lines = text.split("\n");
+    let remainingChars = cursorPosition;
+    let cursorLine = 0;
+    let cursorCol = 0;
+    for (let i = 0; i < lines.length; i++) {
+      const lineLength = lines[i].length;
+      if (remainingChars <= lineLength) {
+        cursorLine = i;
+        cursorCol = remainingChars;
+        break;
+      }
+      remainingChars -= lineLength + 1;
+      if (i === lines.length - 1) {
+        cursorLine = i;
+        cursorCol = lineLength;
+      }
+    }
+    return {
+      lines,
+      cursorLine,
+      cursorCol,
+      totalLines: lines.length
+    };
+  }, [text, cursorPosition]);
+  const displayData = linesData;
   const placeholder = isReadOnly ? " Press Esc to cancel | Enter message while agent runs" : "";
   const showPlaceholder = text.length === 0 && isReadOnly;
   const slashQuery = useMemo(() => text.startsWith("/") ? text : "", [text]);
@@ -476,7 +681,7 @@ var InputPrompt = ({ onSubmit, isReadOnly, onInterrupt, disableWhileProcessing =
     if (!slashQuery) return [];
     return filterSlashCommands(slashQuery);
   }, [slashQuery]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (isReadOnly) {
       setSlashOpen(false);
       return;
@@ -497,19 +702,18 @@ var InputPrompt = ({ onSubmit, isReadOnly, onInterrupt, disableWhileProcessing =
     } else if (key.return) {
       const choice = slashSuggestions[slashIndex];
       if (choice) {
-        const cmd = choice.name;
         setSlashOpen(false);
         try {
-          setText(`${cmd} `);
+          setText(`${choice.name} `);
         } catch (e) {
-          permissiveOnSubmit(`${cmd} `);
+          permissiveOnSubmit(`${choice.name} `);
         }
       }
     } else if (key.escape) {
       setSlashOpen(false);
     }
   }, { isActive: slashOpen });
-  useEffect2(() => {
+  useEffect3(() => {
     if (globalThis.__BLUMA_FORCE_CURSOR_END__) {
       setText(text, text.length);
       delete globalThis.__BLUMA_FORCE_CURSOR_END__;
@@ -544,83 +748,72 @@ var InputPrompt = ({ onSubmit, isReadOnly, onInterrupt, disableWhileProcessing =
       return;
     }
   }, { isActive: true });
-  function canSubmitGivenCursor() {
-    if (visibleCursorPosition < visibleText.length) {
-      return visibleText[visibleCursorPosition] === " ";
-    } else {
-      return false;
-    }
-  }
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
-    disableWhileProcessing ? (
-      // Modo bloqueado visualmente, mantendo hooks estáveis
-      /* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2(Box2, { borderStyle: "round", borderColor: "gray", borderDimColor: true, children: /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", paddingX: 1, flexWrap: "nowrap", children: [
-        /* @__PURE__ */ jsxs2(Text2, { color: "white", children: [
-          ">",
-          " "
-        ] }),
-        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "ctrl+c to exit" })
-      ] }) }) })
-    ) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2(Box2, { borderStyle: "round", borderColor, borderDimColor: !isReadOnly, children: /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", paddingX: 1, flexWrap: "nowrap", children: [
-        /* @__PURE__ */ jsxs2(Text2, { color: "white", children: [
-          ">",
-          " "
-        ] }),
-        /* @__PURE__ */ jsx2(Text2, { children: textBeforeCursor }),
-        /* @__PURE__ */ jsx2(Text2, { inverse: true, children: cursorGlyph }),
-        showPlaceholder ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: placeholder }) : /* @__PURE__ */ jsx2(Text2, { children: textAfterCursor })
-      ] }) }),
-      pathAutocomplete.open && pathAutocomplete.suggestions.length > 0 && (() => {
-        const VISIBLE = 7;
-        const total = pathAutocomplete.suggestions.length;
-        const sel = Math.max(0, Math.min(pathAutocomplete.selected, total - 1));
-        let start = Math.max(0, sel - Math.floor(VISIBLE / 2));
-        if (start + VISIBLE > total) start = Math.max(0, total - VISIBLE);
-        const windowItems = pathAutocomplete.suggestions.slice(start, start + VISIBLE);
-        return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", marginTop: 1, height: Math.min(VISIBLE, total), children: windowItems.map((s, idx) => {
-          const realIdx = start + idx;
-          const isSelected = realIdx === pathAutocomplete.selected;
-          return /* @__PURE__ */ jsxs2(Box2, { paddingLeft: 1, paddingY: 0, children: [
-            /* @__PURE__ */ jsx2(Text2, { color: isSelected ? "magenta" : "gray", children: isSelected ? "\u276F " : "  " }),
-            /* @__PURE__ */ jsx2(Text2, { color: isSelected ? "magenta" : "white", bold: isSelected, dimColor: !isSelected, children: s.label })
-          ] }, s.fullPath);
-        }) });
-      })(),
-      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 ? "magenta" : "gray", children: isSelected ? "\u276F " : "  " }),
-          /* @__PURE__ */ jsxs2(Text2, { color: isSelected ? "magenta" : "white", bold: isSelected, dimColor: !isSelected, children: [
-            s.name,
-            " ",
-            /* @__PURE__ */ jsxs2(Text2, { color: "gray", children: [
-              "- ",
-              s.description
-            ] })
-          ] })
-        ] }, s.name);
-      }) })
+    disableWhileProcessing ? /* @__PURE__ */ jsx2(Box2, { children: /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", paddingX: 1, flexWrap: "nowrap", children: [
+      /* @__PURE__ */ jsxs2(Text2, { color: "white", children: [
+        ">",
+        " "
+      ] }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "ctrl+c to exit" })
+    ] }) }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: /* @__PURE__ */ jsx2(
+        TextLinesRenderer,
+        {
+          lines: displayData.lines,
+          cursorLine: displayData.cursorLine,
+          cursorCol: displayData.cursorCol,
+          showCursor: !isReadOnly,
+          showPlaceholder,
+          placeholder
+        }
+      ) }),
+      pathAutocomplete.open && pathAutocomplete.suggestions.length > 0 && /* @__PURE__ */ jsx2(
+        PathSuggestions,
+        {
+          suggestions: pathAutocomplete.suggestions,
+          selected: pathAutocomplete.selected
+        }
+      ),
+      slashOpen && slashSuggestions.length > 0 && /* @__PURE__ */ jsx2(
+        SlashSuggestions,
+        {
+          suggestions: slashSuggestions,
+          selectedIndex: slashIndex
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsx2(Box2, { paddingX: 1, justifyContent: "center", children: /* @__PURE__ */ jsxs2(Text2, { color: "gray", dimColor: true, children: [
-      "ctrl+c to exit | /help to explore commands | esc to interrupt | ",
-      isReadOnly ? "Read-only mode (message passthrough)" : "Editable mode"
-    ] }) })
+    /* @__PURE__ */ jsx2(Footer, { isReadOnly })
   ] });
-};
+});
+InputPrompt.displayName = "InputPrompt";
 
 // src/app/ui/ConfirmationPrompt.tsx
 import { Box as Box6, Text as Text6 } from "ink";
 
 // src/app/ui/InteractiveMenu.tsx
-import { useState as useState3, memo } from "react";
+import { useState as useState3, memo as memo2 } from "react";
 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 = [
-    { label: "1. Yes, allow this command to run once", value: "accept" },
-    { label: "2. No, cancel this command", value: "decline" },
-    { label: "3. Always allow this type of command", value: "accept_always" }
+    {
+      key: "y",
+      label: "Accept",
+      value: "accept",
+      color: "green"
+    },
+    {
+      key: "n",
+      label: "Decline",
+      value: "decline",
+      color: "red"
+    },
+    {
+      key: "a",
+      label: "Always Accept",
+      value: "accept_always",
+      color: "yellow"
+    }
   ];
   const [selectedOption, setSelectedOption] = useState3(0);
   useInput3((input, key) => {
@@ -636,30 +829,36 @@ var InteractiveMenuComponent = ({ onDecision }) => {
     if (key.return) {
       onDecision(options[selectedOption].value);
     }
+    const option = options.find((opt) => opt.key === input.toLowerCase());
+    if (option) {
+      onDecision(option.value);
+    }
   });
-  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { bold: true, children: "Do you want to authorize the proposed command?" }) }),
-    /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", children: options.map((option, index) => {
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx3(Box3, { marginBottom: 1, children: /* @__PURE__ */ jsx3(Text3, { bold: true, children: "Authorize this action?" }) }),
+    /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", paddingLeft: 1, children: options.map((option, index) => {
       const isSelected = selectedOption === index;
-      return (
-        // Adicionando um pequeno espaçamento vertical entre cada opção também
-        /* @__PURE__ */ jsxs3(Box3, { paddingLeft: 1, paddingY: 0, children: [
-          /* @__PURE__ */ jsx3(Text3, { color: isSelected ? "magenta" : "gray", children: isSelected ? "\u276F " : "  " }),
-          /* @__PURE__ */ jsx3(
-            Text3,
-            {
-              color: isSelected ? "magenta" : "white",
-              bold: isSelected,
-              dimColor: !isSelected,
-              children: option.label
-            }
-          )
-        ] }, option.value)
-      );
-    }) })
+      return /* @__PURE__ */ jsxs3(Box3, { marginBottom: 0, children: [
+        /* @__PURE__ */ jsx3(Text3, { color: isSelected ? "magenta" : "gray", children: isSelected ? "\u25B8 " : "  " }),
+        /* @__PURE__ */ jsxs3(
+          Text3,
+          {
+            color: isSelected ? option.color : "gray",
+            bold: isSelected,
+            children: [
+              "[",
+              option.key,
+              "] ",
+              option.label
+            ]
+          }
+        )
+      ] }, option.value);
+    }) }),
+    /* @__PURE__ */ jsx3(Box3, { marginTop: 1, paddingLeft: 1, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u2191\u2193 to select \u2022 Enter to confirm \u2022 Esc to cancel" }) })
   ] });
 };
-var InteractiveMenu = memo(InteractiveMenuComponent);
+var InteractiveMenu = memo2(InteractiveMenuComponent);
 
 // src/app/ui/components/promptRenderers.tsx
 import { Box as Box5, Text as Text5 } from "ink";
@@ -669,32 +868,39 @@ import path2 from "path";
 import { Box as Box4, Text as Text4 } from "ink";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var SimpleDiff = ({ text, maxHeight }) => {
-  const allLines = (text || "").split("\n");
-  if (allLines.length > 0 && allLines[allLines.length - 1] === "") {
-    allLines.pop();
-  }
+  const allLines = (text || "").split("\n").filter((line) => line !== "");
   const isTruncated = maxHeight > 0 && allLines.length > maxHeight;
   const linesToRender = isTruncated ? allLines.slice(-maxHeight) : allLines;
   const hiddenCount = allLines.length - linesToRender.length;
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
-    isTruncated && /* @__PURE__ */ jsx4(Box4, { marginLeft: 2, children: /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
-      "... ",
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingX: 2, children: [
+    isTruncated && /* @__PURE__ */ jsx4(Box4, { marginBottom: 0, children: /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+      "\u22EF ",
       hiddenCount,
-      " lines hidden ..."
+      " lines hidden"
     ] }) }),
     linesToRender.map((line, index) => {
       if (line.startsWith("---") || line.startsWith("+++")) {
         return null;
       }
       let color = "white";
+      let prefix = "";
       if (line.startsWith("+")) {
         color = "green";
+        prefix = "+ ";
       } else if (line.startsWith("-")) {
         color = "red";
+        prefix = "- ";
       } else if (line.startsWith("@@")) {
-        color = "magenta";
+        color = "cyan";
+        prefix = "";
+      } else {
+        color = "gray";
+        prefix = "  ";
       }
-      return /* @__PURE__ */ jsx4(Text4, { color, children: line === "" ? " " : line }, index);
+      return /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsxs4(Text4, { color, children: [
+        prefix,
+        line.replace(/^[+\-]/, "")
+      ] }) }, index);
     })
   ] });
 };
@@ -704,19 +910,20 @@ import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var getBasePath = (filePath) => {
   return path2.basename(filePath);
 };
-var renderShellCommand = ({
-  toolCall
-}) => {
+var renderShellCommand = ({ toolCall }) => {
   let command = "";
   try {
     const args = typeof toolCall.function.arguments === "string" ? JSON.parse(toolCall.function.arguments) : toolCall.function.arguments;
     command = args.command || "[command not found]";
   } catch (e) {
-    command = "Error parsing command arguments";
+    command = "Error parsing command";
   }
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Shell Command" }) }),
-    /* @__PURE__ */ jsx5(Box5, { paddingX: 2, children: /* @__PURE__ */ jsx5(Text5, { children: /* @__PURE__ */ jsx5(Text5, { color: "magenta", children: command }) }) })
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "blue", children: "\u25B8" }),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " shell" })
+    ] }),
+    /* @__PURE__ */ jsx5(Box5, { paddingLeft: 2, children: /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: command }) })
   ] });
 };
 var renderLsTool = ({ toolCall }) => {
@@ -727,27 +934,28 @@ var renderLsTool = ({ toolCall }) => {
   } catch (e) {
     directoryPath = "Error parsing arguments";
   }
-  const finalDirectoryName = directoryPath;
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { bold: true, children: "ls" }) }),
-    /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: /* @__PURE__ */ jsx5(Box5, { paddingX: 2, children: /* @__PURE__ */ jsx5(Text5, { children: /* @__PURE__ */ jsx5(Text5, { color: "magenta", dimColor: true, children: finalDirectoryName }) }) }) })
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "blue", children: "\u25B8" }),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " ls" })
+    ] }),
+    /* @__PURE__ */ jsx5(Box5, { paddingLeft: 2, children: /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: directoryPath }) })
   ] });
 };
 var renderCountFilesLinesTool = ({ toolCall }) => {
-  let directoryPath = "[path not specified]";
+  let filepath = "[path not specified]";
   try {
     const args = typeof toolCall.function.arguments === "string" ? JSON.parse(toolCall.function.arguments) : toolCall.function.arguments;
-    directoryPath = args.filepath || "[path not specified]";
+    filepath = args.filepath || "[path not specified]";
   } catch (e) {
-    directoryPath = "Error parsing arguments";
+    filepath = "Error parsing arguments";
   }
-  const finalDirectoryName = directoryPath;
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Count File Lines" }) }),
-    /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: /* @__PURE__ */ jsx5(Box5, { paddingX: 2, children: /* @__PURE__ */ jsxs5(Text5, { children: [
-      /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "\u21B3 " }),
-      /* @__PURE__ */ jsx5(Text5, { color: "magenta", dimColor: true, children: finalDirectoryName })
-    ] }) }) })
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "blue", children: "\u25B8" }),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " count lines" })
+    ] }),
+    /* @__PURE__ */ jsx5(Box5, { paddingLeft: 2, children: /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: filepath }) })
   ] });
 };
 var renderReadFileLines = ({ toolCall }) => {
@@ -762,18 +970,19 @@ var renderReadFileLines = ({ toolCall }) => {
   } catch (e) {
     filepath = "Error parsing arguments";
   }
-  const finalFileName = filepath;
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Read File" }) }),
-    /* @__PURE__ */ jsxs5(Box5, { paddingX: 2, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { children: /* @__PURE__ */ jsx5(Text5, { color: "magenta", children: finalFileName }) }) }),
-      /* @__PURE__ */ jsx5(Box5, { paddingX: 3, children: /* @__PURE__ */ jsxs5(Text5, { children: [
-        /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "\u21B3 " }),
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "blue", children: "\u25B8" }),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " read" })
+    ] }),
+    /* @__PURE__ */ jsxs5(Box5, { paddingLeft: 2, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: filepath }),
+      /* @__PURE__ */ jsxs5(Box5, { paddingLeft: 2, children: [
         /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "lines " }),
         /* @__PURE__ */ jsx5(Text5, { color: "magenta", children: startLine }),
         /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " to " }),
         /* @__PURE__ */ jsx5(Text5, { color: "magenta", children: endLine })
-      ] }) })
+      ] })
     ] })
   ] });
 };
@@ -787,15 +996,13 @@ var renderEditTool = ({ toolCall, preview }) => {
     filepath = "Error parsing arguments";
   }
   const finalFileName = getBasePath(filepath);
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsxs5(Text5, { bold: true, children: [
-      "Edit ",
-      /* @__PURE__ */ jsx5(Text5, { color: "magenta", children: finalFileName })
-    ] }) }),
-    preview ? (
-      // Não precisamos da borda externa, o SimpleDiff já é claro o suficiente.
-      /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(SimpleDiff, { text: preview, maxHeight: diffMaxHeight }) })
-    ) : /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "Generating preview..." })
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "blue", children: "\u25B8" }),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " edit " }),
+      /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: finalFileName })
+    ] }),
+    preview ? /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(SimpleDiff, { text: preview, maxHeight: diffMaxHeight }) }) : /* @__PURE__ */ jsx5(Box5, { paddingLeft: 2, children: /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "Generating preview..." }) })
   ] });
 };
 var renderGeneric = ({ toolCall }) => {
@@ -819,16 +1026,21 @@ var renderGeneric = ({ toolCall }) => {
   const isTruncated = lines.length > MAX_LINES;
   const visibleLines = isTruncated ? lines.slice(0, MAX_LINES) : lines;
   const remainingCount = lines.length - MAX_LINES;
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { bold: true, children: toolName }) }),
-    formattedArgsString && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Arguments:" }),
-      /* @__PURE__ */ jsx5(Box5, { marginLeft: 2, flexDirection: "column", children: visibleLines.map((line, idx) => /* @__PURE__ */ jsx5(Text5, { color: "gray", children: line }, idx)) }),
-      isTruncated && /* @__PURE__ */ jsx5(Box5, { marginLeft: 2, children: /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
-        "...(",
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "blue", children: "\u25B8" }),
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        " ",
+        toolName
+      ] })
+    ] }),
+    formattedArgsString && /* @__PURE__ */ jsxs5(Box5, { paddingLeft: 2, flexDirection: "column", children: [
+      visibleLines.map((line, idx) => /* @__PURE__ */ jsx5(Text5, { color: "gray", children: line }, idx)),
+      isTruncated && /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        "\u22EF ",
         remainingCount,
-        " more lines hidden)"
-      ] }) })
+        " more lines"
+      ] })
     ] })
   ] });
 };
@@ -2846,33 +3058,39 @@ var Agent = class {
 };
 
 // src/app/ui/WorkingTimer.tsx
-import { useState as useState4, useEffect as useEffect3 } from "react";
+import { useState as useState4, useEffect as useEffect4 } from "react";
 import { Box as Box7, Text as Text7 } from "ink";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var WorkingTimer = () => {
   const [seconds, setSeconds] = useState4(0);
-  const [dotIndex, setDotIndex] = useState4(1);
-  useEffect3(() => {
-    const secondsTimer = setInterval(() => {
+  const [frame, setFrame] = useState4(0);
+  useEffect4(() => {
+    const timer = setInterval(() => {
       setSeconds((prev) => prev + 1);
     }, 1e3);
-    return () => clearInterval(secondsTimer);
+    return () => clearInterval(timer);
   }, []);
-  useEffect3(() => {
-    const dotsTimer = setInterval(() => {
-      setDotIndex((prev) => prev % 3 + 1);
-    }, 100);
-    return () => clearInterval(dotsTimer);
+  useEffect4(() => {
+    const animator = setInterval(() => {
+      setFrame((prev) => (prev + 1) % 10);
+    }, 80);
+    return () => clearInterval(animator);
   }, []);
-  const dots = ".".repeat(dotIndex).padEnd(3, " ");
-  return /* @__PURE__ */ jsx7(Box7, { marginBottom: 0.5, paddingX: 1, children: /* @__PURE__ */ jsxs7(Text7, { color: "magenta", children: [
-    `working${dots}`,
-    ` ${seconds}s`
-  ] }) });
+  const spinners = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+  const spinner = spinners[frame];
+  return /* @__PURE__ */ jsxs7(Box7, { paddingX: 1, marginBottom: 0, children: [
+    /* @__PURE__ */ jsx7(Text7, { color: "magenta", children: spinner }),
+    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: " thinking" }),
+    /* @__PURE__ */ jsxs7(Text7, { color: "gray", children: [
+      " ",
+      seconds,
+      "s"
+    ] })
+  ] });
 };
 
 // src/app/ui/components/ToolCallDisplay.tsx
-import { memo as memo2 } from "react";
+import { memo as memo3 } from "react";
 import { Box as Box9 } from "ink";
 
 // src/app/ui/components/toolCallRenderers.tsx
@@ -2888,19 +3106,14 @@ var formatArgumentsForDisplay = (args) => {
   }
   return JSON.stringify(args, null, 2);
 };
-var renderShellCommand2 = ({
-  args
-}) => {
+var renderShellCommand2 = ({ args }) => {
   const command = args.command || "[command not found]";
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsxs8(Text8, { bold: true, children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u25CF " }),
-      "Shell Command"
-    ] }) }),
-    /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, paddingX: 1, children: /* @__PURE__ */ jsxs8(Text8, { children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "gray", children: "\u21B3 " }),
-      /* @__PURE__ */ jsx8(Text8, { color: "magenta", children: command })
-    ] }) })
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs8(Box8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u2713" }),
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: " shell" })
+    ] }),
+    /* @__PURE__ */ jsx8(Box8, { paddingLeft: 2, children: /* @__PURE__ */ jsx8(Text8, { color: "gray", children: command }) })
   ] });
 };
 var renderLsTool2 = ({ args }) => {
@@ -2911,43 +3124,31 @@ var renderLsTool2 = ({ args }) => {
   } catch (e) {
     directoryPath = "Error parsing arguments";
   }
-  const finalDirectoryName = directoryPath;
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsxs8(Text8, { bold: true, children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u25CF " }),
-      "ls"
-    ] }) }),
-    /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, paddingX: 1, children: /* @__PURE__ */ jsxs8(Text8, { children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "gray", children: "\u21B3 " }),
-      /* @__PURE__ */ jsx8(Text8, { color: "magenta", children: finalDirectoryName })
-    ] }) })
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs8(Box8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u2713" }),
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: " ls" })
+    ] }),
+    /* @__PURE__ */ jsx8(Box8, { paddingLeft: 2, children: /* @__PURE__ */ jsx8(Text8, { color: "gray", children: directoryPath }) })
   ] });
 };
-var renderCountFilesLines = ({
-  args
-}) => {
-  let directoryPath = "[path not found]";
+var renderCountFilesLines = ({ args }) => {
+  let filepath = "[path not found]";
   try {
     const parsedArgs = typeof args === "string" ? JSON.parse(args) : args;
-    directoryPath = parsedArgs.filepath || "[path not specified]";
+    filepath = parsedArgs.filepath || "[path not specified]";
   } catch (e) {
-    directoryPath = "Error parsing arguments";
+    filepath = "Error parsing arguments";
   }
-  const finalDirectoryName = directoryPath;
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsxs8(Text8, { bold: true, children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u25CF " }),
-      "Count File Lines"
-    ] }) }),
-    /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, paddingX: 1, children: /* @__PURE__ */ jsxs8(Text8, { children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "gray", children: "\u21B3 " }),
-      /* @__PURE__ */ jsx8(Text8, { color: "magenta", children: finalDirectoryName })
-    ] }) })
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs8(Box8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u2713" }),
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: " count lines" })
+    ] }),
+    /* @__PURE__ */ jsx8(Box8, { paddingLeft: 2, children: /* @__PURE__ */ jsx8(Text8, { color: "gray", children: filepath }) })
   ] });
 };
-var renderReadFileLines2 = ({
-  args
-}) => {
+var renderReadFileLines2 = ({ args }) => {
   let filepath = "[path not found]";
   let startLine = 0;
   let endLine = 0;
@@ -2959,33 +3160,23 @@ var renderReadFileLines2 = ({
   } catch (e) {
     filepath = "Error parsing arguments";
   }
-  const finalFileName = filepath;
-  return (
-    // A caixa externa com a borda, seguindo o template
-    /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsxs8(Text8, { bold: true, children: [
-        /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u25CF " }),
-        "Read File"
-      ] }) }),
-      /* @__PURE__ */ jsxs8(Box8, { marginLeft: 2, flexDirection: "column", children: [
-        /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, paddingX: 1, children: /* @__PURE__ */ jsxs8(Text8, { children: [
-          /* @__PURE__ */ jsx8(Text8, { color: "gray", children: "\u21B3 " }),
-          /* @__PURE__ */ jsx8(Text8, { color: "magenta", children: finalFileName })
-        ] }) }),
-        /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, paddingX: 4, children: /* @__PURE__ */ jsxs8(Text8, { children: [
-          /* @__PURE__ */ jsx8(Text8, { color: "gray", children: "\u21B3 " }),
-          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "lines " }),
-          /* @__PURE__ */ jsx8(Text8, { color: "magenta", children: startLine }),
-          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: " to " }),
-          /* @__PURE__ */ jsx8(Text8, { color: "magenta", children: endLine })
-        ] }) })
-      ] })
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs8(Box8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u2713" }),
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: " read" })
+    ] }),
+    /* @__PURE__ */ jsxs8(Box8, { paddingLeft: 2, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { color: "gray", children: filepath }),
+      /* @__PURE__ */ jsx8(Box8, { paddingLeft: 2, children: /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+        "lines ",
+        startLine,
+        " to ",
+        endLine
+      ] }) })
     ] })
-  );
+  ] });
 };
-var renderBlumaNotebook = ({
-  args
-}) => {
+var renderBlumaNotebook = ({ args }) => {
   try {
     let dataToParse = args;
     if (args && typeof args === "object") {
@@ -2994,33 +3185,17 @@ var renderBlumaNotebook = ({
     }
     const thinkingData = typeof dataToParse === "string" ? JSON.parse(dataToParse) : dataToParse;
     if (!thinkingData || typeof thinkingData.thought !== "string") {
-      throw new Error("Invalid or missing 'thought' property.");
+      throw new Error("Invalid thought data");
     }
-    return (
-      // Usamos a mesma estrutura de caixa com borda
-      /* @__PURE__ */ jsx8(
-        Box8,
-        {
-          flexDirection: "column",
-          paddingX: 1,
-          children: /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx8(Text8, { color: "white", bold: true, children: "Reasoning:" }),
-            /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, children: /* @__PURE__ */ jsx8(Text8, { color: "gray", children: thinkingData.thought }) })
-          ] })
-        }
-      )
-    );
-  } catch (e) {
-    return /* @__PURE__ */ jsxs8(Box8, { borderStyle: "round", borderColor: "magenta", paddingX: 1, children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "magenta", bold: true, children: "Thinking (Error)" }),
-      /* @__PURE__ */ jsx8(Text8, { color: "gray", children: JSON.stringify(args, null, 2) })
+    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsx8(Text8, { bold: true, color: "cyan", children: "\u{1F4AD} Reasoning" }) }),
+      /* @__PURE__ */ jsx8(Box8, { paddingLeft: 2, children: /* @__PURE__ */ jsx8(Text8, { color: "gray", children: thinkingData.thought }) })
     ] });
+  } catch (e) {
+    return /* @__PURE__ */ jsx8(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx8(Text8, { color: "red", children: "Error parsing reasoning" }) });
   }
 };
-var renderEditToolCall = ({
-  args,
-  preview
-}) => {
+var renderEditToolCall = ({ args, preview }) => {
   let filepath = "[path not specified]";
   try {
     const parsedArgs = typeof args === "string" ? JSON.parse(args) : args;
@@ -3028,16 +3203,12 @@ var renderEditToolCall = ({
   } catch (e) {
     filepath = "Error parsing arguments";
   }
-  const finalFileName = filepath;
   return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsxs8(Text8, { bold: true, children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u25CF " }),
-      "Edit File"
-    ] }) }),
-    /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, paddingX: 1, children: /* @__PURE__ */ jsxs8(Text8, { children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "gray", children: "\u21B3 " }),
-      /* @__PURE__ */ jsx8(Text8, { color: "magenta", children: finalFileName })
-    ] }) }),
+    /* @__PURE__ */ jsxs8(Box8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u2713" }),
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: " edit " }),
+      /* @__PURE__ */ jsx8(Text8, { color: "cyan", children: filepath })
+    ] }),
     preview && /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(SimpleDiff, { text: preview, maxHeight: Infinity }) })
   ] });
 };
@@ -3049,54 +3220,44 @@ var renderTodoTool = ({ args }) => {
     switch (action) {
       case "add":
         const items = parsedArgs.items_to_add || [];
-        const itemCount = items.length;
-        detailText = `Adding ${itemCount} item${itemCount !== 1 ? "s" : ""}`;
+        detailText = `Added ${items.length} task${items.length !== 1 ? "s" : ""}`;
         break;
       case "complete":
-        detailText = `Completing item #${parsedArgs.index}`;
+        detailText = `Completed task #${parsedArgs.index}`;
         break;
       case "remove":
-        detailText = `Removing item #${parsedArgs.index}`;
+        detailText = `Removed task #${parsedArgs.index}`;
         break;
       case "list":
-        detailText = `Listing all tasks...`;
+        detailText = `Listed all tasks`;
         break;
       default:
-        detailText = `Executing action: ${action}`;
+        detailText = `Action: ${action}`;
         break;
     }
-    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsxs8(Text8, { bold: true, children: [
-        /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u25CF " }),
-        "To Do"
-      ] }) }),
-      /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, paddingX: 1, children: /* @__PURE__ */ jsxs8(Text8, { children: [
-        /* @__PURE__ */ jsx8(Text8, { color: "gray", children: "\u21B3 " }),
-        /* @__PURE__ */ jsx8(Text8, { color: "magenta", children: detailText })
-      ] }) })
+    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 1, children: [
+      /* @__PURE__ */ jsxs8(Box8, { children: [
+        /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u2713" }),
+        /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: " todo" })
+      ] }),
+      /* @__PURE__ */ jsx8(Box8, { paddingLeft: 2, children: /* @__PURE__ */ jsx8(Text8, { color: "gray", children: detailText }) })
     ] });
   } catch (error) {
-    return /* @__PURE__ */ jsx8(Box8, { borderStyle: "round", borderColor: "red", paddingX: 1, children: /* @__PURE__ */ jsx8(Text8, { color: "red", children: "Error parsing To-Do arguments" }) });
+    return /* @__PURE__ */ jsx8(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx8(Text8, { color: "red", children: "Error parsing todo" }) });
   }
 };
-var renderGenericToolCall = ({
-  toolName,
-  args
-}) => {
+var renderGenericToolCall = ({ toolName, args }) => {
   const formattedArgs = formatArgumentsForDisplay(args);
-  return (
-    // A "moldura" padrão de sucesso com a borda cinza
-    /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsxs8(Text8, { bold: true, children: [
-        /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u25CF " }),
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs8(Box8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u2713" }),
+      /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+        " ",
         toolName
-      ] }) }),
-      formattedArgs && formattedArgs !== "{}" && /* @__PURE__ */ jsxs8(Box8, { paddingX: 3, children: [
-        /* @__PURE__ */ jsx8(Text8, { color: "gray", children: "\u21B3 " }),
-        /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", children: formattedArgs.split("\n").map((line, index) => /* @__PURE__ */ jsx8(Text8, { color: "gray", children: line }, index)) })
       ] })
-    ] })
-  );
+    ] }),
+    formattedArgs && formattedArgs !== "{}" && /* @__PURE__ */ jsx8(Box8, { paddingLeft: 2, flexDirection: "column", children: formattedArgs.split("\n").slice(0, 3).map((line, index) => /* @__PURE__ */ jsx8(Text8, { color: "gray", children: line }, index)) })
+  ] });
 };
 var ToolRenderDisplay = {
   shell_command: renderShellCommand2,
@@ -3117,10 +3278,10 @@ var ToolCallDisplayComponent = ({ toolName, args, preview }) => {
   const Renderer = ToolRenderDisplay[toolName] || renderGenericToolCall;
   return /* @__PURE__ */ jsx9(Box9, { marginBottom: 1, children: /* @__PURE__ */ jsx9(Renderer, { toolName, args, preview }) });
 };
-var ToolCallDisplay = memo2(ToolCallDisplayComponent);
+var ToolCallDisplay = memo3(ToolCallDisplayComponent);
 
 // src/app/ui/components/ToolResultDisplay.tsx
-import { memo as memo3 } from "react";
+import { memo as memo4 } from "react";
 import { Box as Box11 } from "ink";
 
 // src/app/ui/components/MarkdownRenderer.tsx
@@ -3297,68 +3458,25 @@ var ToolResultDisplayComponent = ({ toolName, result }) => {
   }
   return null;
 };
-var ToolResultDisplay = memo3(ToolResultDisplayComponent);
+var ToolResultDisplay = memo4(ToolResultDisplayComponent);
 
-// src/app/ui/SessionInfoConnectingMCP.tsx
+// src/app/ui/components/SlashCommands.tsx
 import { Box as Box12, Text as Text11 } from "ink";
-import Spinner from "ink-spinner";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-var SessionInfoConnectingMCP = ({
-  sessionId: sessionId2,
-  workdir,
-  statusMessage
-}) => {
-  return /* @__PURE__ */ jsx12(
+import { Fragment as Fragment3, 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",
+      borderStyle: "single",
       borderColor: "gray",
+      paddingX: 2,
+      paddingY: 0,
       marginBottom: 1,
-      children: /* @__PURE__ */ jsxs10(
-        Box12,
-        {
-          marginLeft: 1,
-          flexDirection: "column",
-          children: [
-            /* @__PURE__ */ jsxs10(Text11, { children: [
-              /* @__PURE__ */ jsx12(Text11, { bold: true, color: "white", children: "localhost" }),
-              " ",
-              /* @__PURE__ */ jsx12(Text11, { color: "gray", children: " session:" }),
-              " ",
-              /* @__PURE__ */ jsx12(Text11, { color: "magenta", children: sessionId2 })
-            ] }),
-            /* @__PURE__ */ jsxs10(Text11, { children: [
-              /* @__PURE__ */ jsx12(Text11, { color: "magenta", children: "\u21B3" }),
-              " ",
-              /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
-                "workdir: ",
-                workdir
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs10(Text11, { children: [
-              /* @__PURE__ */ jsx12(Text11, { color: "magenta", children: "\u21B3" }),
-              " ",
-              /* @__PURE__ */ jsx12(Text11, { color: "gray", children: "mcp: " }),
-              /* @__PURE__ */ jsxs10(Text11, { color: "yellow", children: [
-                /* @__PURE__ */ jsx12(Spinner, { type: "dots" }),
-                " "
-              ] }),
-              /* @__PURE__ */ jsx12(Text11, { color: "white", children: statusMessage || "Please wait while we establish connections." })
-            ] })
-          ]
-        }
-      )
+      flexDirection: "column",
+      children
     }
   );
-};
-var SessionInfoConnectingMCP_default = SessionInfoConnectingMCP;
-
-// src/app/ui/components/SlashCommands.tsx
-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__ */ jsx13(Box13, { borderStyle: "round", borderColor: "gray", paddingX: 1, marginBottom: 1, flexDirection: "column", children });
   const render2 = () => {
     if (!cmd) {
       return null;
@@ -3366,19 +3484,23 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
     if (cmd === "help") {
       const cmds = getSlashCommands();
       return outBox(
-        /* @__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
-          ] }, i))
+        /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          /* @__PURE__ */ jsx12(Box12, { marginBottom: 1, children: /* @__PURE__ */ jsx12(Text11, { bold: true, color: "magenta", children: "Available Commands" }) }),
+          /* @__PURE__ */ jsx12(Box12, { flexDirection: "column", children: cmds.map((c, i) => /* @__PURE__ */ jsxs10(Box12, { children: [
+            /* @__PURE__ */ jsx12(Text11, { color: "cyan", children: c.name.padEnd(12) }),
+            /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: c.description })
+          ] }, i)) })
         ] })
       );
     }
     if (cmd === "clear") {
       setHistory((prev) => prev.filter((item) => item.id === 0 || item.id === 1));
-      return outBox(/* @__PURE__ */ jsx13(Text12, { color: "green", children: "History cleared." }));
+      return outBox(
+        /* @__PURE__ */ jsxs10(Box12, { children: [
+          /* @__PURE__ */ jsx12(Text11, { color: "green", children: "\u2713" }),
+          /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: " History cleared" })
+        ] })
+      );
     }
     if (cmd === "init") {
       (async () => {
@@ -3387,10 +3509,12 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
         } catch (e) {
           setHistory((prev) => prev.concat({
             id: Date.now(),
-            component: outBox(/* @__PURE__ */ jsxs11(Text12, { color: "red", children: [
-              "Failed to execute /init: ",
-              e?.message || String(e)
-            ] }))
+            component: outBox(
+              /* @__PURE__ */ jsx12(Box12, { children: /* @__PURE__ */ jsxs10(Text11, { color: "red", children: [
+                "\u2716 Failed to execute /init: ",
+                e?.message || String(e)
+              ] }) })
+            )
           }));
         }
       })();
@@ -3407,37 +3531,45 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
       const colType = 10;
       const colSource = 18;
       return outBox(
-        /* @__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}` : ""
+        /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          /* @__PURE__ */ jsxs10(Box12, { marginBottom: 1, children: [
+            /* @__PURE__ */ jsx12(Text11, { bold: true, color: "magenta", children: "MCP Tools" }),
+            /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: " \u2022 " }),
+            /* @__PURE__ */ jsxs10(Text11, { dimColor: true, children: [
+              tools.length,
+              " total"
+            ] }),
+            term && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+              /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: " \u2022 filter: " }),
+              /* @__PURE__ */ jsxs10(Text11, { color: "cyan", children: [
+                '"',
+                term,
+                '"'
+              ] }),
+              /* @__PURE__ */ jsxs10(Text11, { dimColor: true, children: [
+                " \u2022 showing: ",
+                filtered.length
+              ] })
+            ] })
           ] }),
-          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: [
+          filtered.length === 0 ? /* @__PURE__ */ jsx12(Text11, { color: "yellow", children: "No MCP tools found" }) : /* @__PURE__ */ jsxs10(Box12, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx12(Box12, { children: /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
               pad("Name", colName),
-              " | ",
+              " \u2502 ",
               pad("Type", colType),
-              " | ",
+              " \u2502 ",
               pad("Source", colSource)
-            ] }),
-            /* @__PURE__ */ jsxs11(Text12, { color: "gray", children: [
-              "".padEnd(colName, "-"),
-              "---",
-              "".padEnd(colType, "-"),
-              "---",
-              "".padEnd(colSource, "-")
-            ] }),
+            ] }) }),
+            /* @__PURE__ */ jsx12(Text11, { color: "gray", children: "\u2500".repeat(colName + colType + colSource + 6) }),
             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__ */ jsxs11(Text12, { color: "white", children: [
+              return /* @__PURE__ */ jsxs10(Text11, { color: "white", children: [
                 pad(name, colName),
-                " | ",
+                " \u2502 ",
                 pad(String(type), colType),
-                " | ",
+                " \u2502 ",
                 pad(String(source), colSource)
               ] }, i);
             })
@@ -3456,22 +3588,22 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
       const colType = 10;
       const colSource = 18;
       return outBox(
-        /* @__PURE__ */ jsxs11(Fragment2, { children: [
-          /* @__PURE__ */ jsx13(Text12, { color: "magenta", bold: true, children: "Native Tools" }),
-          /* @__PURE__ */ jsxs11(Text12, { color: "gray", children: [
+        /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          /* @__PURE__ */ jsx12(Text11, { color: "magenta", 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__ */ jsx13(Text12, { color: "yellow", children: "No native tools to display." }) : /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsxs11(Text12, { color: "gray", children: [
+          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__ */ jsxs11(Text12, { color: "gray", children: [
+            /* @__PURE__ */ jsxs10(Text11, { color: "gray", children: [
               "".padEnd(colName, "-"),
               "---",
               "".padEnd(colType, "-"),
@@ -3482,7 +3614,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__ */ jsxs11(Text12, { color: "white", children: [
+              return /* @__PURE__ */ jsxs10(Text11, { color: "white", children: [
                 pad(name, colName),
                 " | ",
                 pad(String(type), colType),
@@ -3494,12 +3626,12 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
         ] })
       );
     }
-    return outBox(/* @__PURE__ */ jsxs11(Text12, { color: "red", children: [
+    return outBox(/* @__PURE__ */ jsxs10(Text11, { color: "red", children: [
       "Command not recognized: /",
       cmd
     ] }));
   };
-  return /* @__PURE__ */ jsx13(Fragment2, { children: render2() });
+  return /* @__PURE__ */ jsx12(Fragment3, { children: render2() });
 };
 var SlashCommands_default = SlashCommands;
 
@@ -3570,8 +3702,8 @@ async function checkForUpdates() {
 }
 
 // src/app/ui/components/UpdateNotice.tsx
-import { Box as Box14, Text as Text13 } from "ink";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Box as Box13, Text as Text12 } from "ink";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function parseUpdateMessage(msg) {
   const lines = msg.split(/\r?\n/).map((l) => l.trim());
   const first = lines[0] || "";
@@ -3590,20 +3722,20 @@ function parseUpdateMessage(msg) {
 }
 var UpdateNotice = ({ message }) => {
   const { name, current, latest, hint } = parseUpdateMessage(message);
-  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
+  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
   ] });
 };
 var UpdateNotice_default = UpdateNotice;
 
 // src/app/ui/components/ErrorMessage.tsx
-import { Box as Box15, Text as Text14 } from "ink";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Box as Box14, Text as Text13 } from "ink";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var ErrorMessage = ({ message, details, hint }) => {
-  return /* @__PURE__ */ jsxs13(
-    Box15,
+  return /* @__PURE__ */ jsxs12(
+    Box14,
     {
       borderStyle: "round",
       borderColor: "red",
@@ -3612,10 +3744,10 @@ var ErrorMessage = ({ message, details, hint }) => {
       flexDirection: "column",
       marginBottom: 1,
       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: [
+        /* @__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: [
           "Hint: ",
           hint
         ] }) : null
@@ -3626,9 +3758,9 @@ var ErrorMessage = ({ message, details, hint }) => {
 var ErrorMessage_default = ErrorMessage;
 
 // src/app/ui/App.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
-  const agentInstance = useRef2(null);
+  const agentInstance = useRef4(null);
   const [history, setHistory] = useState5([]);
   const [statusMessage, setStatusMessage] = useState5(
     "Initializing agent..."
@@ -3645,10 +3777,10 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
     null
   );
   const [isInitAgentActive, setIsInitAgentActive] = useState5(false);
-  const alwaysAcceptList = useRef2([]);
+  const alwaysAcceptList = useRef4([]);
   const workdir = process.cwd();
-  const updateCheckRan = useRef2(false);
-  const handleInterrupt = useCallback(() => {
+  const updateCheckRan = useRef4(false);
+  const handleInterrupt = useCallback2(() => {
     if (!isProcessing) return;
     eventBus2.emit("user_interrupt");
     setIsProcessing(false);
@@ -3656,11 +3788,11 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
       ...prev,
       {
         id: prev.length,
-        component: /* @__PURE__ */ jsx16(Text15, { color: "yellow", children: "-- Task cancelled by dev. --" })
+        component: /* @__PURE__ */ jsx15(Text14, { color: "yellow", children: "-- Task cancelled by dev. --" })
       }
     ]);
   }, [isProcessing, eventBus2]);
-  const handleSubmit = useCallback(
+  const handleSubmit = useCallback2(
     (text) => {
       if (!text || isProcessing || !agentInstance.current) return;
       if (text.startsWith("/")) {
@@ -3680,11 +3812,11 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
           ...prev,
           {
             id: prev.length,
-            component: /* @__PURE__ */ jsx16(Box16, { marginBottom: 1, children: /* @__PURE__ */ jsx16(Text15, { color: "white", dimColor: true, children: text }) })
+            component: /* @__PURE__ */ jsx15(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsx15(Text14, { color: "white", dimColor: true, children: text }) })
           },
           {
             id: prev.length + 1,
-            component: /* @__PURE__ */ jsx16(
+            component: /* @__PURE__ */ jsx15(
               SlashCommands_default,
               {
                 input: text,
@@ -3704,8 +3836,8 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
           id: prev.length,
           component: (
             // Uma única Box para o espaçamento
-            /* @__PURE__ */ jsx16(Box16, { marginBottom: 1, children: /* @__PURE__ */ jsxs14(Text15, { color: "white", dimColor: true, children: [
-              /* @__PURE__ */ jsxs14(Text15, { color: "white", children: [
+            /* @__PURE__ */ jsx15(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsxs13(Text14, { color: "white", dimColor: true, children: [
+              /* @__PURE__ */ jsxs13(Text14, { color: "white", children: [
                 ">",
                 " "
               ] }),
@@ -3718,7 +3850,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
     },
     [isProcessing]
   );
-  const handleConfirmation = useCallback(
+  const handleConfirmation = useCallback2(
     (decision, toolCalls) => {
       if (!agentInstance.current) return;
       setPendingConfirmation(null);
@@ -3739,8 +3871,8 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
     },
     []
   );
-  useEffect4(() => {
-    setHistory([{ id: 0, component: /* @__PURE__ */ jsx16(Header, {}) }]);
+  useEffect5(() => {
+    setHistory([{ id: 0, component: /* @__PURE__ */ jsx15(Header, { sessionId: sessionId2, workdir }) }]);
     const initializeAgent = async () => {
       try {
         agentInstance.current = new Agent(sessionId2, eventBus2);
@@ -3792,20 +3924,6 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
           setIsProcessing(false);
           setHistory((prev) => {
             const newHistory = [...prev];
-            if (prev.length < 2) {
-              newHistory.push({
-                id: 1,
-                component: /* @__PURE__ */ jsx16(
-                  SessionInfo,
-                  {
-                    sessionId: sessionId2,
-                    toolsCount: parsed.tools,
-                    mcpStatus: "connected",
-                    workdir
-                  }
-                )
-              });
-            }
             return newHistory;
           });
           if (!updateCheckRan.current) {
@@ -3816,7 +3934,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
                   ...prev,
                   {
                     id: prev.length,
-                    component: /* @__PURE__ */ jsx16(UpdateNotice_default, { message: msg })
+                    component: /* @__PURE__ */ jsx15(UpdateNotice_default, { message: msg })
                   }
                 ]);
               }
@@ -3830,10 +3948,10 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
         }
         let newComponent = null;
         if (parsed.type === "debug") {
-          newComponent = /* @__PURE__ */ jsx16(Text15, { color: "gray", children: parsed.message });
+          newComponent = /* @__PURE__ */ jsx15(Text14, { color: "gray", children: parsed.message });
         } else if (parsed.type === "protocol_violation") {
-          newComponent = /* @__PURE__ */ jsxs14(
-            Box16,
+          newComponent = /* @__PURE__ */ jsxs13(
+            Box15,
             {
               borderStyle: "round",
               borderColor: "yellow",
@@ -3841,14 +3959,14 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
               marginBottom: 1,
               paddingX: 1,
               children: [
-                /* @__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 })
+                /* @__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 })
               ]
             }
           );
         } else if (parsed.type === "error") {
-          newComponent = /* @__PURE__ */ jsx16(
+          newComponent = /* @__PURE__ */ jsx15(
             ErrorMessage_default,
             {
               message: parsed.message,
@@ -3858,7 +3976,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
           );
         } else if (parsed.type === "tool_call") {
           const nextId = history.length;
-          newComponent = /* @__PURE__ */ jsx16(
+          newComponent = /* @__PURE__ */ jsx15(
             ToolCallDisplay,
             {
               toolName: parsed.tool_name,
@@ -3867,7 +3985,7 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
             }
           );
         } else if (parsed.type === "tool_result") {
-          newComponent = /* @__PURE__ */ jsx16(
+          newComponent = /* @__PURE__ */ jsx15(
             ToolResultDisplay,
             {
               toolName: parsed.tool_name,
@@ -3875,15 +3993,15 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
             }
           );
         } else if (parsed.type === "user_overlay") {
-          newComponent = /* @__PURE__ */ jsx16(Box16, { marginBottom: 1, children: /* @__PURE__ */ jsxs14(Text15, { color: "gray", children: [
-            /* @__PURE__ */ jsxs14(Text15, { color: "magenta", children: [
+          newComponent = /* @__PURE__ */ jsx15(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsxs13(Text14, { color: "gray", children: [
+            /* @__PURE__ */ jsxs13(Text14, { color: "magenta", children: [
               ">",
               " "
             ] }),
             parsed.payload
           ] }) });
         } else if (parsed.type === "log") {
-          newComponent = /* @__PURE__ */ jsxs14(Text15, { color: "gray", children: [
+          newComponent = /* @__PURE__ */ jsxs13(Text14, { color: "gray", children: [
             "\u2139\uFE0F ",
             parsed.message,
             parsed.payload ? `: ${parsed.payload}` : ""
@@ -3913,17 +4031,10 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
   }, [eventBus2, sessionId2, handleConfirmation]);
   const renderInteractiveComponent = () => {
     if (mcpStatus !== "connected") {
-      return /* @__PURE__ */ jsx16(Box16, { borderStyle: "round", borderColor: "black", children: /* @__PURE__ */ jsx16(
-        SessionInfoConnectingMCP_default,
-        {
-          sessionId: sessionId2,
-          workdir,
-          statusMessage
-        }
-      ) });
+      return;
     }
     if (pendingConfirmation) {
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx15(
         ConfirmationPrompt,
         {
           toolCalls: pendingConfirmation,
@@ -3935,9 +4046,9 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
         }
       );
     }
-    return /* @__PURE__ */ jsxs14(Box16, { flexDirection: "column", children: [
-      isProcessing && !pendingConfirmation && /* @__PURE__ */ jsx16(WorkingTimer, {}),
-      /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsxs13(Box15, { flexDirection: "column", children: [
+      isProcessing && !pendingConfirmation && /* @__PURE__ */ jsx15(WorkingTimer, {}),
+      /* @__PURE__ */ jsx15(
         InputPrompt,
         {
           onSubmit: handleSubmit,
@@ -3948,12 +4059,12 @@ var AppComponent = ({ eventBus: eventBus2, sessionId: sessionId2 }) => {
       )
     ] });
   };
-  return /* @__PURE__ */ jsxs14(Box16, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx16(Static, { items: history, children: (item) => /* @__PURE__ */ jsx16(Box16, { children: item.component }, item.id) }),
+  return /* @__PURE__ */ jsxs13(Box15, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx15(Static, { items: history, children: (item) => /* @__PURE__ */ jsx15(Box15, { children: item.component }, item.id) }),
     renderInteractiveComponent()
   ] });
 };
-var App = memo4(AppComponent);
+var App = memo5(AppComponent);
 var App_default = App;
 
 // src/app/ui/utils/terminalTitle.ts