centaurus-cli 3.0.1 → 3.1.0

package/dist/ui/components/MessageDisplay.js

@@ -1,153 +1,161 @@
-import React from 'react';
-import { Box, Text, useInput } from 'ink';
-import { ToolExecutionMessage } from './ToolExecutionMessage.js';
-import { MarkdownRenderer } from './MarkdownRenderer.js';
-import { ConnectionStatusMessage } from './ConnectionStatusMessage.js';
-/**
- * Parse [IMAGE: ...] and [FILE: ...] markers from content
- * Also handles uploading state (gs://uploading) and failed uploads (upload failed)
- * Returns { textContent: string without markers, files: array of { type, format } }
- */
+import React from "react";
+import { Box, Text, useInput } from "ink";
+import { ToolExecutionMessage } from "./ToolExecutionMessage.js";
+import { MarkdownRenderer } from "./MarkdownRenderer.js";
+import { ConnectionStatusMessage } from "./ConnectionStatusMessage.js";
 function parseFileMarkers(content) {
-    // Pattern to match [IMAGE: filename (gs://...)] or [FILE: filename (upload failed...)] or [FILE: ... (gs://uploading)]
-    const fileMarkerRegex = /\[(IMAGE|FILE):\s*([^\]]+?)\s*\((gs:\/\/[^\)]+|upload failed[^\)]*|uploading[^\)]*)\)\]/g;
-    const files = [];
-    let match;
-    while ((match = fileMarkerRegex.exec(content)) !== null) {
-        const type = match[1]; // IMAGE or FILE
-        const filename = match[2].trim();
-        // Extract extension from filename
-        const ext = filename.split('.').pop()?.toLowerCase() || 'file';
-        files.push({ type, format: ext });
-    }
-    // Remove markers from content
-    let textContent = content
-        .replace(/\[(IMAGE|FILE):\s*([^\]]+?)\s*\((gs:\/\/[^\)]+|upload failed[^\)]*|uploading[^\)]*)\)\]/g, '')
-        .trim();
-    return {
-        textContent,
-        files
-    };
+  const fileMarkerRegex = /\[(IMAGE|FILE):\s*([^\]]+?)\s*\((gs:\/\/[^\)]+|upload failed[^\)]*|uploading[^\)]*)\)\]/g;
+  const files = [];
+  let match;
+  while ((match = fileMarkerRegex.exec(content)) !== null) {
+    const type = match[1];
+    const filename = match[2].trim();
+    const ext = filename.split(".").pop()?.toLowerCase() || "file";
+    files.push({ type, format: ext });
+  }
+  let textContent = content.replace(/\[(IMAGE|FILE):\s*([^\]]+?)\s*\((gs:\/\/[^\)]+|upload failed[^\)]*|uploading[^\)]*)\)\]/g, "").trim();
+  return {
+    textContent,
+    files
+  };
 }
-/**
- * Count files in a message content
- */
-export function countFilesInMessage(content) {
-    const fileMarkerMatches = content.match(/\[(IMAGE|FILE):\s*[^\]]+?\s*\((gs:\/\/[^\)]+|upload failed[^\)]*|uploading[^\)]*)\)\]/g) || [];
-    return fileMarkerMatches.length;
+function countFilesInMessage(content) {
+  const fileMarkerMatches = content.match(/\[(IMAGE|FILE):\s*[^\]]+?\s*\((gs:\/\/[^\)]+|upload failed[^\)]*|uploading[^\)]*)\)\]/g) || [];
+  return fileMarkerMatches.length;
 }
-/**
- * File attachment badge component
- * Shows a styled box with file number and format
- */
 const FileAttachmentBadge = ({ fileNumber, type, format }) => {
-    const label = type === 'IMAGE' ? 'Image' : 'File';
-    return (React.createElement(Box, { borderStyle: "round", borderColor: "#555555", paddingX: 1, marginRight: 1, marginTop: 1 },
-        React.createElement(Text, { color: "#aaaaaa" },
-            label,
-            " ",
-            fileNumber,
-            " "),
-        React.createElement(Text, { color: "#666666" },
-            "[",
-            format,
-            "]")));
+  const label = type === "IMAGE" ? "Image" : "File";
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      borderStyle: "round",
+      borderColor: "#555555",
+      paddingX: 1,
+      marginRight: 1,
+      marginTop: 1
+    },
+    /* @__PURE__ */ React.createElement(Text, { color: "#aaaaaa" }, label, " ", fileNumber, " "),
+    /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "[", format, "]")
+  );
 };
-export const MessageDisplay = React.memo(({ message, fileCountBefore = 0 }) => {
-    const [selectedOption, setSelectedOption] = React.useState(0);
-    const [isApproved, setIsApproved] = React.useState(null);
-    const getRoleColor = (role) => {
-        switch (role) {
-            case 'user': return '#00ccff';
-            case 'assistant': return '#00cc66';
-            case 'system': return '#ffaa00';
-            case 'tool': return '#00ccff';
-            default: return '#ffffff';
-        }
-    };
-    const getRoleLabel = (role) => {
-        switch (role) {
-            case 'user': return 'You';
-            case 'assistant': return 'Centaurus';
-            case 'system': return 'System';
-            case 'tool': return 'Tool';
-            default: return role;
-        }
-    };
-    const timestamp = message.timestamp
-        ? new Date(message.timestamp).toLocaleTimeString()
-        : '';
-    // Handle approval input
-    useInput((input, key) => {
-        if (!message.approval || isApproved !== null)
-            return;
-        if (key.upArrow) {
-            setSelectedOption(0);
-        }
-        else if (key.downArrow) {
-            setSelectedOption(1);
-        }
-        else if (key.return) {
-            const approved = selectedOption === 0;
-            setIsApproved(approved);
-            message.approval.resolve(approved);
-        }
-    }, { isActive: message.approval !== undefined && isApproved === null });
-    // Render tool execution message using specialized component
-    if (message.toolExecution) {
-        return React.createElement(ToolExecutionMessage, { message: message });
+function renderTextWithFileTags(text) {
+  const tagRegex = /(@[^\s@]+)/g;
+  const parts = [];
+  let lastIndex = 0;
+  let match;
+  let key = 0;
+  while ((match = tagRegex.exec(text)) !== null) {
+    if (match.index > lastIndex) {
+      parts.push(
+        /* @__PURE__ */ React.createElement(Text, { key: key++, color: "#ffffff" }, text.slice(lastIndex, match.index))
+      );
+    }
+    parts.push(
+      /* @__PURE__ */ React.createElement(Text, { key: key++, color: "#00ccff", bold: true }, match[1])
+    );
+    lastIndex = match.index + match[1].length;
+  }
+  if (lastIndex < text.length) {
+    parts.push(
+      /* @__PURE__ */ React.createElement(Text, { key: key++, color: "#ffffff" }, text.slice(lastIndex))
+    );
+  }
+  return parts;
+}
+const MessageDisplay = React.memo(({
+  message,
+  fileCountBefore = 0
+}) => {
+  const [selectedOption, setSelectedOption] = React.useState(0);
+  const [isApproved, setIsApproved] = React.useState(null);
+  const getRoleColor = (role) => {
+    switch (role) {
+      case "user":
+        return "#00ccff";
+      case "assistant":
+        return "#00cc66";
+      case "system":
+        return "#ffaa00";
+      case "tool":
+        return "#00ccff";
+      default:
+        return "#ffffff";
     }
-    // Render connection status message using specialized component
-    if (message.connectionStatus) {
-        return React.createElement(ConnectionStatusMessage, { status: message.connectionStatus });
+  };
+  const getRoleLabel = (role) => {
+    switch (role) {
+      case "user":
+        return "You";
+      case "assistant":
+        return "Centaurus";
+      case "system":
+        return "System";
+      case "tool":
+        return "Tool";
+      default:
+        return role;
     }
-    // Approval requests should never be in message history
-    // They are handled by ApprovalSection component that replaces the input bar
-    if (message.approval) {
-        return null;
+  };
+  const timestamp = message.timestamp ? new Date(message.timestamp).toLocaleTimeString() : "";
+  useInput((input, key) => {
+    if (!message.approval || isApproved !== null) return;
+    if (key.upArrow) {
+      setSelectedOption(0);
+    } else if (key.downArrow) {
+      setSelectedOption(1);
+    } else if (key.return) {
+      const approved = selectedOption === 0;
+      setIsApproved(approved);
+      message.approval.resolve(approved);
     }
-    // Skip rendering empty assistant messages that have no meaningful content
-    // This prevents blank space from appearing above tool execution messages
-    // (especially in WSL mode where tools take longer and show 'executing' state)
-    if (message.role === 'assistant' &&
-        !message.content.trim() &&
-        message.thinkingDuration === undefined) {
-        return null;
+  }, { isActive: message.approval !== void 0 && isApproved === null });
+  if (message.toolExecution) {
+    return /* @__PURE__ */ React.createElement(ToolExecutionMessage, { message });
+  }
+  if (message.connectionStatus) {
+    return /* @__PURE__ */ React.createElement(ConnectionStatusMessage, { status: message.connectionStatus });
+  }
+  if (message.approval) {
+    return null;
+  }
+  if (message.role === "assistant" && !message.content.trim() && message.thinkingDuration === void 0) {
+    return null;
+  }
+  const getBorderColor = () => {
+    if (message.isCommandMode) {
+      return message.role === "assistant" ? "#00cc66" : "#00ccff";
     }
-    // Determine border color based on message type
-    const getBorderColor = () => {
-        if (message.isCommandMode) {
-            return message.role === 'assistant' ? '#00cc66' : '#00ccff';
-        }
-        return message.role === 'assistant' ? '#00ccff' : '#666666';
-    };
-    const borderColor = getBorderColor();
-    // Parse markers for user messages (only in AI mode, not command/shell mode)
-    const { textContent, files } = message.role === 'user' && !message.isCommandMode
-        ? parseFileMarkers(message.content)
-        : { textContent: message.content, files: [] };
-    // Generate file badges with global numbering (fileCountBefore + i + 1)
-    const fileBadges = files.map((file, i) => (React.createElement(FileAttachmentBadge, { key: `file-${message.id}-${i}`, fileNumber: fileCountBefore + i + 1, type: file.type, format: file.format })));
-    // Regular message rendering
-    return (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
-        !message.isSpacer && (React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { color: getRoleColor(message.role), bold: true },
-                getRoleLabel(message.role),
-                ":"),
-            timestamp && (React.createElement(Text, { color: "#666666", dimColor: true },
-                " ",
-                timestamp)))),
-        message.thinkingDuration !== undefined && message.thinkingDuration >= 0 && (React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { dimColor: true },
-                "Thought for ",
-                message.thinkingDuration,
-                " second",
-                message.thinkingDuration !== 1 ? 's' : '',
-                " \u203A"))),
-        message.role === 'assistant' ? (message.content.trim() ? (React.createElement(Box, { borderStyle: "single", borderColor: borderColor, borderLeft: true, borderRight: false, borderTop: false, borderBottom: false, paddingLeft: 1, flexDirection: "column", width: "100%" },
-            React.createElement(MarkdownRenderer, { content: message.content, maxWidth: (process.stdout.columns || 120) - 6 }))) : null) : (React.createElement(React.Fragment, null,
-            textContent.trim() ? (React.createElement(Box, { paddingLeft: 2 },
-                React.createElement(Text, { color: "#ffffff" }, textContent))) : null,
-            fileBadges.length > 0 && (React.createElement(Box, { paddingLeft: 2, flexDirection: "row", flexWrap: "wrap" }, fileBadges))))));
+    return message.role === "assistant" ? "#00ccff" : "#666666";
+  };
+  const borderColor = getBorderColor();
+  const { textContent, files } = message.role === "user" && !message.isCommandMode ? parseFileMarkers(message.content) : { textContent: message.content, files: [] };
+  const fileBadges = files.map((file, i) => /* @__PURE__ */ React.createElement(
+    FileAttachmentBadge,
+    {
+      key: `file-${message.id}-${i}`,
+      fileNumber: fileCountBefore + i + 1,
+      type: file.type,
+      format: file.format
+    }
+  ));
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, !message.isSpacer && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: getRoleColor(message.role), bold: true }, getRoleLabel(message.role), ":"), timestamp && /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, " ", timestamp)), message.thinkingDuration !== void 0 && message.thinkingDuration >= 0 && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Thought for ", message.thinkingDuration, " second", message.thinkingDuration !== 1 ? "s" : "", " \u203A")), message.role === "assistant" ? message.content.trim() ? /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      borderStyle: "single",
+      borderColor,
+      borderLeft: true,
+      borderRight: false,
+      borderTop: false,
+      borderBottom: false,
+      paddingLeft: 1,
+      flexDirection: "column",
+      width: "100%"
+    },
+    /* @__PURE__ */ React.createElement(MarkdownRenderer, { content: message.content, maxWidth: (process.stdout.columns || 120) - 6 })
+  ) : null : /* @__PURE__ */ React.createElement(React.Fragment, null, textContent.trim() ? /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2 }, /* @__PURE__ */ React.createElement(Text, null, renderTextWithFileTags(textContent))) : null, fileBadges.length > 0 && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, flexDirection: "row", flexWrap: "wrap" }, fileBadges)));
 });
+export {
+  MessageDisplay,
+  countFilesInMessage
+};
 //# sourceMappingURL=MessageDisplay.js.map

package/dist/ui/components/MessageDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageDisplay.js","sourceRoot":"","sources":["../../../src/ui/components/MessageDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAQvE;;;;GAIG;AACH,SAAS,gBAAgB,CAAC,OAAe;IACvC,uHAAuH;IACvH,MAAM,eAAe,GAAG,0FAA0F,CAAC;IACnH,MAAM,KAAK,GAA4C,EAAE,CAAC;IAE1D,IAAI,KAAK,CAAC;IACV,OAAO,CAAC,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;QACxD,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB;QACvC,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACjC,kCAAkC;QAClC,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,IAAI,MAAM,CAAC;QAC/D,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IACpC,CAAC;IAED,8BAA8B;IAC9B,IAAI,WAAW,GAAG,OAAO;SACtB,OAAO,CAAC,0FAA0F,EAAE,EAAE,CAAC;SACvG,IAAI,EAAE,CAAC;IAEV,OAAO;QACL,WAAW;QACX,KAAK;KACN,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,OAAe;IACjD,MAAM,iBAAiB,GAAG,OAAO,CAAC,KAAK,CAAC,wFAAwF,CAAC,IAAI,EAAE,CAAC;IACxI,OAAO,iBAAiB,CAAC,MAAM,CAAC;AAClC,CAAC;AAED;;;GAGG;AACH,MAAM,mBAAmB,GAAmE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3H,MAAM,KAAK,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAClD,OAAO,CACL,oBAAC,GAAG,IACF,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,SAAS,EACrB,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,CAAC,EACd,SAAS,EAAE,CAAC;QAEZ,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS;YAAE,KAAK;;YAAG,UAAU;gBAAS;QAClD,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS;;YAAG,MAAM;gBAAS,CACnC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,KAAK,CAAC,IAAI,CAAC,CAAC,EACvE,OAAO,EACP,eAAe,GAAG,CAAC,EACpB,EAAE,EAAE;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IACtE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAEzE,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAE;QACpC,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,MAAM,CAAC,CAAC,OAAO,SAAS,CAAC;YAC9B,KAAK,WAAW,CAAC,CAAC,OAAO,SAAS,CAAC;YACnC,KAAK,QAAQ,CAAC,CAAC,OAAO,SAAS,CAAC;YAChC,KAAK,MAAM,CAAC,CAAC,OAAO,SAAS,CAAC;YAC9B,OAAO,CAAC,CAAC,OAAO,SAAS,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAE;QACpC,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC;YAC1B,KAAK,WAAW,CAAC,CAAC,OAAO,WAAW,CAAC;YACrC,KAAK,QAAQ,CAAC,CAAC,OAAO,QAAQ,CAAC;YAC/B,KAAK,MAAM,CAAC,CAAC,OAAO,MAAM,CAAC;YAC3B,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS;QACjC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,kBAAkB,EAAE;QAClD,CAAC,CAAC,EAAE,CAAC;IAEP,wBAAwB;IACxB,QAAQ,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACtB,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,UAAU,KAAK,IAAI;YAAE,OAAO;QAErD,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC;aAAM,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;YACzB,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC;aAAM,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YACtB,MAAM,QAAQ,GAAG,cAAc,KAAK,CAAC,CAAC;YACtC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACxB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC,CAAC;IAExE,4DAA4D;IAC5D,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;QAC1B,OAAO,oBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;IACpD,CAAC;IAED,+DAA+D;IAC/D,IAAI,OAAO,CAAC,gBAAgB,EAAE,CAAC;QAC7B,OAAO,oBAAC,uBAAuB,IAAC,MAAM,EAAE,OAAO,CAAC,gBAAgB,GAAI,CAAC;IACvE,CAAC;IAED,uDAAuD;IACvD,4EAA4E;IAC5E,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,0EAA0E;IAC1E,yEAAyE;IACzE,8EAA8E;IAC9E,IAAI,OAAO,CAAC,IAAI,KAAK,WAAW;QAC9B,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE;QACvB,OAAO,CAAC,gBAAgB,KAAK,SAAS,EAAE,CAAC;QACzC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,+CAA+C;IAC/C,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;YAC1B,OAAO,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QAC9D,CAAC;QACD,OAAO,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9D,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,4EAA4E;IAC5E,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,OAAO,CAAC,aAAa;QAC9E,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC;QACnC,CAAC,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IAEhD,uEAAuE;IACvE,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,oBAAC,mBAAmB,IAClB,GAAG,EAAE,QAAQ,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,EAC9B,UAAU,EAAE,eAAe,GAAG,CAAC,GAAG,CAAC,EACnC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,GACnB,CACH,CAAC,CAAC;IAEH,4BAA4B;IAC5B,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,YAAY,EAAE,CAAC;QACxC,CAAC,OAAO,CAAC,QAAQ,IAAI,CACpB,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;YAClB,oBAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI;gBAC1C,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC;oBACtB;YACN,SAAS,IAAI,CACZ,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ;;gBAAG,SAAS,CAAQ,CACnD,CACG,CACP;QAGA,OAAO,CAAC,gBAAgB,KAAK,SAAS,IAAI,OAAO,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAC1E,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;YAClB,oBAAC,IAAI,IAAC,QAAQ;;gBAAc,OAAO,CAAC,gBAAgB;;gBAAS,OAAO,CAAC,gBAAgB,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;0BAAU,CAC5G,CACP;QAGA,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,CAC9B,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CACvB,oBAAC,GAAG,IACF,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAC,MAAM;YAEZ,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,IAAI,GAAG,CAAC,GAAG,CAAC,GAAI,CACzF,CACP,CAAC,CAAC,CAAC,IAAI,CACT,CAAC,CAAC,CAAC,CACF;YAEG,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CACpB,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC;gBACjB,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,IAAE,WAAW,CAAQ,CACtC,CACP,CAAC,CAAC,CAAC,IAAI;YAGP,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC,EAAE,aAAa,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,IACrD,UAAU,CACP,CACP,CACA,CACJ,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/ui/components/MessageDisplay.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Text, useInput } from 'ink';\r\nimport { Message } from '../../types/index.js';\r\nimport { ToolExecutionMessage } from './ToolExecutionMessage.js';\r\nimport { MarkdownRenderer } from './MarkdownRenderer.js';\r\nimport { ConnectionStatusMessage } from './ConnectionStatusMessage.js';\r\n\r\ninterface MessageDisplayProps {\r\n  message: Message;\r\n  /** Total files in messages before this one (for global numbering) */\r\n  fileCountBefore?: number;\r\n}\r\n\r\n/**\r\n * Parse [IMAGE: ...] and [FILE: ...] markers from content\r\n * Also handles uploading state (gs://uploading) and failed uploads (upload failed)\r\n * Returns { textContent: string without markers, files: array of { type, format } }\r\n */\r\nfunction parseFileMarkers(content: string): { textContent: string; files: Array<{ type: string; format: string }> } {\r\n  // Pattern to match [IMAGE: filename (gs://...)] or [FILE: filename (upload failed...)] or [FILE: ... (gs://uploading)]\r\n  const fileMarkerRegex = /\\[(IMAGE|FILE):\\s*([^\\]]+?)\\s*\\((gs:\\/\\/[^\\)]+|upload failed[^\\)]*|uploading[^\\)]*)\\)\\]/g;\r\n  const files: Array<{ type: string; format: string }> = [];\r\n\r\n  let match;\r\n  while ((match = fileMarkerRegex.exec(content)) !== null) {\r\n    const type = match[1]; // IMAGE or FILE\r\n    const filename = match[2].trim();\r\n    // Extract extension from filename\r\n    const ext = filename.split('.').pop()?.toLowerCase() || 'file';\r\n    files.push({ type, format: ext });\r\n  }\r\n\r\n  // Remove markers from content\r\n  let textContent = content\r\n    .replace(/\\[(IMAGE|FILE):\\s*([^\\]]+?)\\s*\\((gs:\\/\\/[^\\)]+|upload failed[^\\)]*|uploading[^\\)]*)\\)\\]/g, '')\r\n    .trim();\r\n\r\n  return {\r\n    textContent,\r\n    files\r\n  };\r\n}\r\n\r\n/**\r\n * Count files in a message content\r\n */\r\nexport function countFilesInMessage(content: string): number {\r\n  const fileMarkerMatches = content.match(/\\[(IMAGE|FILE):\\s*[^\\]]+?\\s*\\((gs:\\/\\/[^\\)]+|upload failed[^\\)]*|uploading[^\\)]*)\\)\\]/g) || [];\r\n  return fileMarkerMatches.length;\r\n}\r\n\r\n/**\r\n * File attachment badge component\r\n * Shows a styled box with file number and format\r\n */\r\nconst FileAttachmentBadge: React.FC<{ fileNumber: number; type: string; format: string }> = ({ fileNumber, type, format }) => {\r\n  const label = type === 'IMAGE' ? 'Image' : 'File';\r\n  return (\r\n    <Box\r\n      borderStyle=\"round\"\r\n      borderColor=\"#555555\"\r\n      paddingX={1}\r\n      marginRight={1}\r\n      marginTop={1}\r\n    >\r\n      <Text color=\"#aaaaaa\">{label} {fileNumber} </Text>\r\n      <Text color=\"#666666\">[{format}]</Text>\r\n    </Box>\r\n  );\r\n};\r\n\r\n/**\r\n * Render text content, highlighting @file-tag tokens in cyan so they stand\r\n * out the same way they do in the input bar.\r\n */\r\nfunction renderTextWithFileTags(text: string): React.ReactNode[] {\r\n  const tagRegex = /(@[^\\s@]+)/g;\r\n  const parts: React.ReactNode[] = [];\r\n  let lastIndex = 0;\r\n  let match: RegExpExecArray | null;\r\n  let key = 0;\r\n\r\n  while ((match = tagRegex.exec(text)) !== null) {\r\n    if (match.index > lastIndex) {\r\n      parts.push(\r\n        <Text key={key++} color=\"#ffffff\">{text.slice(lastIndex, match.index)}</Text>\r\n      );\r\n    }\r\n    parts.push(\r\n      <Text key={key++} color=\"#00ccff\" bold>{match[1]}</Text>\r\n    );\r\n    lastIndex = match.index + match[1].length;\r\n  }\r\n\r\n  if (lastIndex < text.length) {\r\n    parts.push(\r\n      <Text key={key++} color=\"#ffffff\">{text.slice(lastIndex)}</Text>\r\n    );\r\n  }\r\n\r\n  return parts;\r\n}\r\n\r\nexport const MessageDisplay: React.FC<MessageDisplayProps> = React.memo(({\r\n  message,\r\n  fileCountBefore = 0\r\n}) => {\r\n  const [selectedOption, setSelectedOption] = React.useState<number>(0);\r\n  const [isApproved, setIsApproved] = React.useState<boolean | null>(null);\r\n\r\n  const getRoleColor = (role: string) => {\r\n    switch (role) {\r\n      case 'user': return '#00ccff';\r\n      case 'assistant': return '#00cc66';\r\n      case 'system': return '#ffaa00';\r\n      case 'tool': return '#00ccff';\r\n      default: return '#ffffff';\r\n    }\r\n  };\r\n\r\n  const getRoleLabel = (role: string) => {\r\n    switch (role) {\r\n      case 'user': return 'You';\r\n      case 'assistant': return 'Centaurus';\r\n      case 'system': return 'System';\r\n      case 'tool': return 'Tool';\r\n      default: return role;\r\n    }\r\n  };\r\n\r\n  const timestamp = message.timestamp\r\n    ? new Date(message.timestamp).toLocaleTimeString()\r\n    : '';\r\n\r\n  // Handle approval input\r\n  useInput((input, key) => {\r\n    if (!message.approval || isApproved !== null) return;\r\n\r\n    if (key.upArrow) {\r\n      setSelectedOption(0);\r\n    } else if (key.downArrow) {\r\n      setSelectedOption(1);\r\n    } else if (key.return) {\r\n      const approved = selectedOption === 0;\r\n      setIsApproved(approved);\r\n      message.approval.resolve(approved);\r\n    }\r\n  }, { isActive: message.approval !== undefined && isApproved === null });\r\n\r\n  // Render tool execution message using specialized component\r\n  if (message.toolExecution) {\r\n    return <ToolExecutionMessage message={message} />;\r\n  }\r\n\r\n  // Render connection status message using specialized component\r\n  if (message.connectionStatus) {\r\n    return <ConnectionStatusMessage status={message.connectionStatus} />;\r\n  }\r\n\r\n  // Approval requests should never be in message history\r\n  // They are handled by ApprovalSection component that replaces the input bar\r\n  if (message.approval) {\r\n    return null;\r\n  }\r\n\r\n  // Skip rendering empty assistant messages that have no meaningful content\r\n  // This prevents blank space from appearing above tool execution messages\r\n  // (especially in WSL mode where tools take longer and show 'executing' state)\r\n  if (message.role === 'assistant' &&\r\n    !message.content.trim() &&\r\n    message.thinkingDuration === undefined) {\r\n    return null;\r\n  }\r\n\r\n  // Determine border color based on message type\r\n  const getBorderColor = () => {\r\n    if (message.isCommandMode) {\r\n      return message.role === 'assistant' ? '#00cc66' : '#00ccff';\r\n    }\r\n    return message.role === 'assistant' ? '#00ccff' : '#666666';\r\n  };\r\n\r\n  const borderColor = getBorderColor();\r\n\r\n  // Parse markers for user messages (only in AI mode, not command/shell mode)\r\n  const { textContent, files } = message.role === 'user' && !message.isCommandMode\r\n    ? parseFileMarkers(message.content)\r\n    : { textContent: message.content, files: [] };\r\n\r\n  // Generate file badges with global numbering (fileCountBefore + i + 1)\r\n  const fileBadges = files.map((file, i) => (\r\n    <FileAttachmentBadge\r\n      key={`file-${message.id}-${i}`}\r\n      fileNumber={fileCountBefore + i + 1}\r\n      type={file.type}\r\n      format={file.format}\r\n    />\r\n  ));\r\n\r\n  // Regular message rendering\r\n  return (\r\n    <Box flexDirection=\"column\" marginBottom={1}>\r\n      {!message.isSpacer && (\r\n        <Box marginBottom={1}>\r\n          <Text color={getRoleColor(message.role)} bold>\r\n            {getRoleLabel(message.role)}:\r\n          </Text>\r\n          {timestamp && (\r\n            <Text color=\"#666666\" dimColor> {timestamp}</Text>\r\n          )}\r\n        </Box>\r\n      )}\r\n\r\n      {/* Display thinking duration at the TOP for completed messages */}\r\n      {message.thinkingDuration !== undefined && message.thinkingDuration >= 0 && (\r\n        <Box marginBottom={1}>\r\n          <Text dimColor>Thought for {message.thinkingDuration} second{message.thinkingDuration !== 1 ? 's' : ''} ›</Text>\r\n        </Box>\r\n      )}\r\n\r\n      {/* Render content with left border for AI responses - only if there's content */}\r\n      {message.role === 'assistant' ? (\r\n        message.content.trim() ? (\r\n          <Box\r\n            borderStyle=\"single\"\r\n            borderColor={borderColor}\r\n            borderLeft={true}\r\n            borderRight={false}\r\n            borderTop={false}\r\n            borderBottom={false}\r\n            paddingLeft={1}\r\n            flexDirection=\"column\"\r\n            width=\"100%\"\r\n          >\r\n            <MarkdownRenderer content={message.content} maxWidth={(process.stdout.columns || 120) - 6} />\r\n          </Box>\r\n        ) : null\r\n      ) : (\r\n        <>\r\n          {/* User message text (without file markers) */}\r\n          {textContent.trim() ? (\r\n            <Box paddingLeft={2}>\r\n              <Text>{renderTextWithFileTags(textContent)}</Text>\r\n            </Box>\r\n          ) : null}\r\n\r\n          {/* File attachment badges */}\r\n          {fileBadges.length > 0 && (\r\n            <Box paddingLeft={2} flexDirection=\"row\" flexWrap=\"wrap\">\r\n              {fileBadges}\r\n            </Box>\r\n          )}\r\n        </>\r\n      )}\r\n    </Box>\r\n  );\r\n});\r\n"],"mappings":"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","names":[]}

package/dist/ui/components/MonitorModeAIPanel.js

@@ -1,69 +1,50 @@
-/**
- * Monitor Mode AI Panel Component
- *
- * Displays AI monitoring messages in the lower half of the screen during
- * agent-controlled shell mode. Shows thinking indicators, tool calls,
- * and text outputs.
- */
-import React from 'react';
-import { Box, Text } from 'ink';
-import Spinner from 'ink-spinner';
-/**
- * Render a single monitoring message
- */
+import React from "react";
+import { Box, Text } from "ink";
+import Spinner from "ink-spinner";
 const MonitorMessageItem = ({ message }) => {
-    switch (message.type) {
-        case 'thinking':
-            // Show tick if answered, spinner if still waiting
-            if (message.isAnswered) {
-                return (React.createElement(Box, { marginY: 0 },
-                    React.createElement(Text, { color: "#00cc66" }, "\u2713 "),
-                    React.createElement(Text, { color: "#00cc66" }, message.content)));
-            }
-            return (React.createElement(Box, { marginY: 0 },
-                React.createElement(Text, { color: "#ffaa00" },
-                    React.createElement(Spinner, { type: "dots" })),
-                React.createElement(Text, { color: "#ffaa00", dimColor: true },
-                    " ",
-                    message.content)));
-        case 'tool_call':
-            return (React.createElement(Box, { marginY: 0 },
-                React.createElement(Text, { color: "#00ccff" }, "\u26A1 "),
-                React.createElement(Text, { color: "#00ccff" }, message.content)));
-        case 'input_sent':
-            return (React.createElement(Box, { marginY: 0 },
-                React.createElement(Text, { color: "#00cc66" }, "\u2192 "),
-                React.createElement(Text, { color: "#00cc66" }, message.content)));
-        case 'text':
-        default:
-            return (React.createElement(Box, { marginY: 0 },
-                React.createElement(Text, null, message.content)));
-    }
+  switch (message.type) {
+    case "thinking":
+      if (message.isAnswered) {
+        return /* @__PURE__ */ React.createElement(Box, { marginY: 0 }, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66" }, "\u2713 "), /* @__PURE__ */ React.createElement(Text, { color: "#00cc66" }, message.content));
+      }
+      return /* @__PURE__ */ React.createElement(Box, { marginY: 0 }, /* @__PURE__ */ React.createElement(Text, { color: "#ffaa00" }, /* @__PURE__ */ React.createElement(Spinner, { type: "dots" })), /* @__PURE__ */ React.createElement(Text, { color: "#ffaa00", dimColor: true }, " ", message.content));
+    case "tool_call":
+      return /* @__PURE__ */ React.createElement(Box, { marginY: 0 }, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, "\u26A1 "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, message.content));
+    case "input_sent":
+      return /* @__PURE__ */ React.createElement(Box, { marginY: 0 }, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66" }, "\u2192 "), /* @__PURE__ */ React.createElement(Text, { color: "#00cc66" }, message.content));
+    case "text":
+    default:
+      return /* @__PURE__ */ React.createElement(Box, { marginY: 0 }, /* @__PURE__ */ React.createElement(Text, null, message.content));
+  }
 };
-/**
- * Monitor Mode AI Panel
- *
- * Displays in the lower half of focus mode when agent control is enabled.
- * Shows only the messages that fit within the available height.
- */
-export const MonitorModeAIPanel = ({ messages, maxHeight, isActive }) => {
-    if (!isActive) {
-        return null;
-    }
-    // Calculate how many messages to show (estimate 1-2 lines per message)
-    // Keep only the most recent messages that fit
-    const linesPerMessage = 2;
-    const maxMessages = Math.floor(maxHeight / linesPerMessage);
-    const visibleMessages = messages.slice(-maxMessages);
-    return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#9945FF", paddingX: 1, height: maxHeight },
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { color: "#9945FF", bold: true },
-                React.createElement(Spinner, { type: "dots" }),
-                " Agent Monitor"),
-            React.createElement(Text, { color: "#666666", dimColor: true }, " - AI is controlling shell input")),
-        React.createElement(Box, { flexDirection: "column", flexGrow: 1 }, visibleMessages.length === 0 ? (React.createElement(Text, { color: "#666666", dimColor: true }, "Monitoring for input prompts...")) : (visibleMessages.map((msg) => (React.createElement(MonitorMessageItem, { key: msg.id, message: msg }))))),
-        React.createElement(Box, { marginTop: 1 },
-            React.createElement(Text, { color: "#666666", dimColor: true }, "Alt+I to disable agent control"))));
+const MonitorModeAIPanel = ({
+  messages,
+  maxHeight,
+  isActive
+}) => {
+  if (!isActive) {
+    return null;
+  }
+  const linesPerMessage = 2;
+  const maxMessages = Math.floor(maxHeight / linesPerMessage);
+  const visibleMessages = messages.slice(-maxMessages);
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "#9945FF",
+      paddingX: 1,
+      height: maxHeight
+    },
+    /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#9945FF", bold: true }, /* @__PURE__ */ React.createElement(Spinner, { type: "dots" }), " Agent Monitor"), /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, " - AI is controlling shell input")),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", flexGrow: 1 }, visibleMessages.length === 0 ? /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "Monitoring for input prompts...") : visibleMessages.map((msg) => /* @__PURE__ */ React.createElement(MonitorMessageItem, { key: msg.id, message: msg }))),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "Alt+I to disable agent control"))
+  );
+};
+var MonitorModeAIPanel_default = MonitorModeAIPanel;
+export {
+  MonitorModeAIPanel,
+  MonitorModeAIPanel_default as default
 };
-export default MonitorModeAIPanel;
 //# sourceMappingURL=MonitorModeAIPanel.js.map

package/dist/ui/components/MonitorModeAIPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonitorModeAIPanel.js","sourceRoot":"","sources":["../../../src/ui/components/MonitorModeAIPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/ui/components/MonitorModeAIPanel.tsx"],"sourcesContent":["/**\r\n * Monitor Mode AI Panel Component\r\n * \r\n * Displays AI monitoring messages in the lower half of the screen during\r\n * agent-controlled shell mode. Shows thinking indicators, tool calls,\r\n * and text outputs.\r\n */\r\n\r\nimport React from 'react';\r\nimport { Box, Text } from 'ink';\r\nimport Spinner from 'ink-spinner';\r\nimport { MonitorMessage } from '../../services/monitored-shell-manager.js';\r\n\r\nexport interface MonitorModeAIPanelProps {\r\n    messages: MonitorMessage[];\r\n    maxHeight: number; // Maximum height in lines\r\n    isActive: boolean;\r\n}\r\n\r\n/**\r\n * Render a single monitoring message\r\n */\r\nconst MonitorMessageItem: React.FC<{ message: MonitorMessage }> = ({ message }) => {\r\n    switch (message.type) {\r\n        case 'thinking':\r\n            // Show tick if answered, spinner if still waiting\r\n            if (message.isAnswered) {\r\n                return (\r\n                    <Box marginY={0}>\r\n                        <Text color=\"#00cc66\">✓ </Text>\r\n                        <Text color=\"#00cc66\">{message.content}</Text>\r\n                    </Box>\r\n                );\r\n            }\r\n            return (\r\n                <Box marginY={0}>\r\n                    <Text color=\"#ffaa00\">\r\n                        <Spinner type=\"dots\" />\r\n                    </Text>\r\n                    <Text color=\"#ffaa00\" dimColor> {message.content}</Text>\r\n                </Box>\r\n            );\r\n\r\n        case 'tool_call':\r\n            return (\r\n                <Box marginY={0}>\r\n                    <Text color=\"#00ccff\">⚡ </Text>\r\n                    <Text color=\"#00ccff\">{message.content}</Text>\r\n                </Box>\r\n            );\r\n\r\n        case 'input_sent':\r\n            return (\r\n                <Box marginY={0}>\r\n                    <Text color=\"#00cc66\">→ </Text>\r\n                    <Text color=\"#00cc66\">{message.content}</Text>\r\n                </Box>\r\n            );\r\n\r\n        case 'text':\r\n        default:\r\n            return (\r\n                <Box marginY={0}>\r\n                    <Text>{message.content}</Text>\r\n                </Box>\r\n            );\r\n    }\r\n};\r\n\r\n/**\r\n * Monitor Mode AI Panel\r\n * \r\n * Displays in the lower half of focus mode when agent control is enabled.\r\n * Shows only the messages that fit within the available height.\r\n */\r\nexport const MonitorModeAIPanel: React.FC<MonitorModeAIPanelProps> = ({\r\n    messages,\r\n    maxHeight,\r\n    isActive\r\n}) => {\r\n    if (!isActive) {\r\n        return null;\r\n    }\r\n\r\n    // Calculate how many messages to show (estimate 1-2 lines per message)\r\n    // Keep only the most recent messages that fit\r\n    const linesPerMessage = 2;\r\n    const maxMessages = Math.floor(maxHeight / linesPerMessage);\r\n    const visibleMessages = messages.slice(-maxMessages);\r\n\r\n    return (\r\n        <Box\r\n            flexDirection=\"column\"\r\n            borderStyle=\"round\"\r\n            borderColor=\"#9945FF\"\r\n            paddingX={1}\r\n            height={maxHeight}\r\n        >\r\n            {/* Header */}\r\n            <Box marginBottom={1}>\r\n                <Text color=\"#9945FF\" bold>\r\n                    <Spinner type=\"dots\" /> Agent Monitor\r\n                </Text>\r\n                <Text color=\"#666666\" dimColor> - AI is controlling shell input</Text>\r\n            </Box>\r\n\r\n            {/* Messages */}\r\n            <Box flexDirection=\"column\" flexGrow={1}>\r\n                {visibleMessages.length === 0 ? (\r\n                    <Text color=\"#666666\" dimColor>Monitoring for input prompts...</Text>\r\n                ) : (\r\n                    visibleMessages.map((msg) => (\r\n                        <MonitorMessageItem key={msg.id} message={msg} />\r\n                    ))\r\n                )}\r\n            </Box>\r\n\r\n            {/* Footer hint */}\r\n            <Box marginTop={1}>\r\n                <Text color=\"#666666\" dimColor>\r\n                    Alt+I to disable agent control\r\n                </Text>\r\n            </Box>\r\n        </Box>\r\n    );\r\n};\r\n\r\nexport default MonitorModeAIPanel;\r\n"],"mappings":"AAQA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,OAAO,aAAa;AAYpB,MAAM,qBAA4D,CAAC,EAAE,QAAQ,MAAM;AAC/E,UAAQ,QAAQ,MAAM;AAAA,IAClB,KAAK;AAED,UAAI,QAAQ,YAAY;AACpB,eACI,oCAAC,OAAI,SAAS,KACV,oCAAC,QAAK,OAAM,aAAU,SAAE,GACxB,oCAAC,QAAK,OAAM,aAAW,QAAQ,OAAQ,CAC3C;AAAA,MAER;AACA,aACI,oCAAC,OAAI,SAAS,KACV,oCAAC,QAAK,OAAM,aACR,oCAAC,WAAQ,MAAK,QAAO,CACzB,GACA,oCAAC,QAAK,OAAM,WAAU,UAAQ,QAAC,KAAE,QAAQ,OAAQ,CACrD;AAAA,IAGR,KAAK;AACD,aACI,oCAAC,OAAI,SAAS,KACV,oCAAC,QAAK,OAAM,aAAU,SAAE,GACxB,oCAAC,QAAK,OAAM,aAAW,QAAQ,OAAQ,CAC3C;AAAA,IAGR,KAAK;AACD,aACI,oCAAC,OAAI,SAAS,KACV,oCAAC,QAAK,OAAM,aAAU,SAAE,GACxB,oCAAC,QAAK,OAAM,aAAW,QAAQ,OAAQ,CAC3C;AAAA,IAGR,KAAK;AAAA,IACL;AACI,aACI,oCAAC,OAAI,SAAS,KACV,oCAAC,YAAM,QAAQ,OAAQ,CAC3B;AAAA,EAEZ;AACJ;AAQO,MAAM,qBAAwD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,MAAI,CAAC,UAAU;AACX,WAAO;AAAA,EACX;AAIA,QAAM,kBAAkB;AACxB,QAAM,cAAc,KAAK,MAAM,YAAY,eAAe;AAC1D,QAAM,kBAAkB,SAAS,MAAM,CAAC,WAAW;AAEnD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQ;AAAA;AAAA,IAGR,oCAAC,OAAI,cAAc,KACf,oCAAC,QAAK,OAAM,WAAU,MAAI,QACtB,oCAAC,WAAQ,MAAK,QAAO,GAAE,gBAC3B,GACA,oCAAC,QAAK,OAAM,WAAU,UAAQ,QAAC,kCAAgC,CACnE;AAAA,IAGA,oCAAC,OAAI,eAAc,UAAS,UAAU,KACjC,gBAAgB,WAAW,IACxB,oCAAC,QAAK,OAAM,WAAU,UAAQ,QAAC,iCAA+B,IAE9D,gBAAgB,IAAI,CAAC,QACjB,oCAAC,sBAAmB,KAAK,IAAI,IAAI,SAAS,KAAK,CAClD,CAET;AAAA,IAGA,oCAAC,OAAI,WAAW,KACZ,oCAAC,QAAK,OAAM,WAAU,UAAQ,QAAC,gCAE/B,CACJ;AAAA,EACJ;AAER;AAEA,IAAO,6BAAQ;","names":[]}