centaurus-cli 3.0.1 → 3.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"SlashCommandAutocomplete.js","sourceRoot":"","sources":["../../../src/ui/components/SlashCommandAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAShC,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,EAC9E,QAAQ,EACR,aAAa,EACb,eAAe,EACf,YAAY,EACf,EAAE,EAAE;IACD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,eAAe,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEhE,2CAA2C;IAC3C,MAAM,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,YAAY,GAAG,eAAe,CAAC,CAAC;IAErF,yCAAyC;IACzC,MAAM,YAAY,GAAG,YAAY,GAAG,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG,YAAY,GAAG,eAAe,GAAG,QAAQ,CAAC,MAAM,CAAC;IAEtE,OAAO,CACH,oBAAC,GAAG,IACA,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,CAAC,EACb,SAAS,EAAE,CAAC;QAGX,YAAY,IAAI,CACb,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,wBAAc,CAC/C;QAEA,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAChC,MAAM,WAAW,GAAG,YAAY,GAAG,KAAK,CAAC;YACzC,MAAM,UAAU,GAAG,WAAW,KAAK,aAAa,CAAC;YAEjD,OAAO,CACH,oBAAC,GAAG,IACA,GAAG,EAAE,GAAG,CAAC,IAAI,EACb,QAAQ,EAAE,CAAC;gBAEX,oBAAC,IAAI,IACD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzC,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,UAAU,IAElB,GAAG,CAAC,IAAI,CACN;gBACP,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS;;oBAAI,GAAG,CAAC,WAAW,CAAQ,CAC9C,CACT,CAAC;QACN,CAAC,CAAC;QAGD,YAAY,IAAI,CACb,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,wBAAc,CAC/C,CACC,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/ui/components/SlashCommandAutocomplete.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Text } from 'ink';\r\n\r\ninterface SlashCommandAutocompleteProps {\r\n    commands: Array<{ name: string; description: string }>;\r\n    selectedIndex: number;\r\n    maxVisibleItems: number;\r\n    scrollOffset: number;\r\n}\r\n\r\nexport const SlashCommandAutocomplete: React.FC<SlashCommandAutocompleteProps> = ({\r\n    commands,\r\n    selectedIndex,\r\n    maxVisibleItems,\r\n    scrollOffset\r\n}) => {\r\n    if (commands.length === 0 || maxVisibleItems === 0) return null;\r\n\r\n    // Calculate the visible window of commands\r\n    const visibleCommands = commands.slice(scrollOffset, scrollOffset + maxVisibleItems);\r\n\r\n    // Determine if we need scroll indicators\r\n    const hasMoreAbove = scrollOffset > 0;\r\n    const hasMoreBelow = scrollOffset + maxVisibleItems < commands.length;\r\n\r\n    return (\r\n        <Box\r\n            flexDirection=\"column\"\r\n            borderStyle=\"round\"\r\n            borderColor=\"white\"\r\n            paddingX={1}\r\n            marginLeft={1}\r\n            marginTop={0}\r\n        >\r\n            {/* Scroll up indicator */}\r\n            {hasMoreAbove && (\r\n                <Text color=\"#666666\" dimColor>↑ more</Text>\r\n            )}\r\n\r\n            {visibleCommands.map((cmd, index) => {\r\n                const actualIndex = scrollOffset + index;\r\n                const isSelected = actualIndex === selectedIndex;\r\n\r\n                return (\r\n                    <Box\r\n                        key={cmd.name}\r\n                        paddingX={1}\r\n                    >\r\n                        <Text\r\n                            color={isSelected ? '#00ccff' : '#666666'}\r\n                            bold={isSelected}\r\n                            inverse={isSelected}\r\n                        >\r\n                            {cmd.name}\r\n                        </Text>\r\n                        <Text color=\"#666666\">  {cmd.description}</Text>\r\n                    </Box>\r\n                );\r\n            })}\r\n\r\n            {/* Scroll down indicator */}\r\n            {hasMoreBelow && (\r\n                <Text color=\"#666666\" dimColor>↓ more</Text>\r\n            )}\r\n        </Box>\r\n    );\r\n};\r\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AASnB,MAAM,2BAAoE,CAAC;AAAA,EAC9E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,MAAI,SAAS,WAAW,KAAK,oBAAoB,EAAG,QAAO;AAG3D,QAAM,kBAAkB,SAAS,MAAM,cAAc,eAAe,eAAe;AAGnF,QAAM,eAAe,eAAe;AACpC,QAAM,eAAe,eAAe,kBAAkB,SAAS;AAE/D,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA;AAAA,IAGV,gBACG,oCAAC,QAAK,OAAM,WAAU,UAAQ,QAAC,aAAM;AAAA,IAGxC,gBAAgB,IAAI,CAAC,KAAK,UAAU;AACjC,YAAM,cAAc,eAAe;AACnC,YAAM,aAAa,gBAAgB;AAEnC,aACI;AAAA,QAAC;AAAA;AAAA,UACG,KAAK,IAAI;AAAA,UACT,UAAU;AAAA;AAAA,QAEV;AAAA,UAAC;AAAA;AAAA,YACG,OAAO,aAAa,YAAY;AAAA,YAChC,MAAM;AAAA,YACN,SAAS;AAAA;AAAA,UAER,IAAI;AAAA,QACT;AAAA,QACA,oCAAC,QAAK,OAAM,aAAU,MAAG,IAAI,WAAY;AAAA,MAC7C;AAAA,IAER,CAAC;AAAA,IAGA,gBACG,oCAAC,QAAK,OAAM,WAAU,UAAQ,QAAC,aAAM;AAAA,EAE7C;AAER;","names":[]}

package/dist/ui/components/StatusBar.js

@@ -1,90 +1,59 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import Spinner from 'ink-spinner';
-import { useConnectivity } from '../../hooks/useConnectivity.js';
-export const StatusBar = ({ autoAcceptMode, isLoading, loadingMessage = 'Processing...', model, subshellContext, currentTokens, maxTokens }) => {
-    const isConnected = useConnectivity();
-    // Calculate token usage percentage
-    const tokenUsagePercent = currentTokens && maxTokens && maxTokens > 0
-        ? Math.round((currentTokens / maxTokens) * 100)
-        : 0;
-    // Determine color based on usage
-    const getTokenColor = () => {
-        if (tokenUsagePercent >= 90)
-            return 'red';
-        if (tokenUsagePercent >= 75)
-            return 'yellow';
-        return '#00ccff';
+import React from "react";
+import { Box, Text } from "ink";
+import Spinner from "ink-spinner";
+import { useConnectivity } from "../../hooks/useConnectivity.js";
+const StatusBar = ({
+  autoAcceptMode,
+  isLoading,
+  loadingMessage = "Processing...",
+  model,
+  subshellContext,
+  currentTokens,
+  maxTokens
+}) => {
+  const isConnected = useConnectivity();
+  const tokenUsagePercent = currentTokens && maxTokens && maxTokens > 0 ? Math.round(currentTokens / maxTokens * 100) : 0;
+  const getTokenColor = () => {
+    if (tokenUsagePercent >= 90) return "red";
+    if (tokenUsagePercent >= 75) return "yellow";
+    return "#00ccff";
+  };
+  const formatTokenCount = (count) => {
+    if (count >= 1e6) {
+      return `${(count / 1e6).toFixed(1)}M`;
+    }
+    if (count >= 1e3) {
+      return `${(count / 1e3).toFixed(1)}K`;
+    }
+    return count.toString();
+  };
+  const getSubshellPrefix = () => {
+    if (!subshellContext || subshellContext.type === "local") {
+      return null;
+    }
+    const typeColors = {
+      ssh: "cyan",
+      wsl: "yellow",
+      docker: "blue"
     };
-    // Format token count with K/M suffix
-    const formatTokenCount = (count) => {
-        if (count >= 1000000) {
-            return `${(count / 1000000).toFixed(1)}M`;
-        }
-        if (count >= 1000) {
-            return `${(count / 1000).toFixed(1)}K`;
-        }
-        return count.toString();
-    };
-    // Get subshell type prefix with appropriate color
-    const getSubshellPrefix = () => {
-        if (!subshellContext || subshellContext.type === 'local') {
-            return null;
-        }
-        const typeColors = {
-            ssh: 'cyan',
-            wsl: 'yellow',
-            docker: 'blue',
-        };
-        const color = typeColors[subshellContext.type] || 'cyan';
-        const prefix = subshellContext.type.toUpperCase();
-        return (React.createElement(Box, { marginRight: 1 },
-            React.createElement(Text, { color: color, bold: true },
-                "[",
-                prefix,
-                "]")));
-    };
-    // Get working directory from context if available
-    const getWorkingDirectory = () => {
-        if (subshellContext && subshellContext.type !== 'local') {
-            const cwd = subshellContext.metadata.workingDirectory;
-            // Truncate long paths
-            if (cwd.length > 40) {
-                return '...' + cwd.slice(-37);
-            }
-            return cwd;
-        }
-        return null;
-    };
-    const workingDir = getWorkingDirectory();
-    return (React.createElement(Box, { borderStyle: "single", borderColor: "#003b59", paddingX: 1 },
-        React.createElement(Box, { flexGrow: 1 },
-            getSubshellPrefix(),
-            workingDir && (React.createElement(Box, { marginRight: 1 },
-                React.createElement(Text, { color: "#666666" }, "CWD: "),
-                React.createElement(Text, { color: "#00ccff" }, workingDir))),
-            isLoading && (React.createElement(Box, { marginRight: 1 },
-                React.createElement(Text, { color: "#00ccff" },
-                    React.createElement(Spinner, { type: "dots" })),
-                React.createElement(Text, { color: "#00ccff" },
-                    " ",
-                    loadingMessage))),
-            !isLoading && model && (React.createElement(Box, { marginRight: 1 },
-                React.createElement(Text, { color: "#666666" }, "Model: "),
-                React.createElement(Text, { color: "#00ccff" }, model))),
-            currentTokens !== undefined && maxTokens !== undefined && maxTokens > 0 && (React.createElement(Box, { marginRight: 1 },
-                React.createElement(Text, { color: "#666666" }, "Context: "),
-                React.createElement(Text, { color: getTokenColor() },
-                    formatTokenCount(currentTokens),
-                    "/",
-                    formatTokenCount(maxTokens),
-                    " (",
-                    tokenUsagePercent,
-                    "%)")))),
-        React.createElement(Box, null,
-            !isConnected && (React.createElement(Box, { marginRight: 2 },
-                React.createElement(Text, { color: "red", bold: true }, "No internet connection"))),
-            autoAcceptMode && (React.createElement(Text, { color: "#00cc66", bold: true }, "[AUTO-ACCEPT: ON]")),
-            !autoAcceptMode && (React.createElement(Text, { color: "#666666", dimColor: true }, "[AUTO-ACCEPT: OFF]")))));
+    const color = typeColors[subshellContext.type] || "cyan";
+    const prefix = subshellContext.type.toUpperCase();
+    return /* @__PURE__ */ React.createElement(Box, { marginRight: 1 }, /* @__PURE__ */ React.createElement(Text, { color, bold: true }, "[", prefix, "]"));
+  };
+  const getWorkingDirectory = () => {
+    if (subshellContext && subshellContext.type !== "local") {
+      const cwd = subshellContext.metadata.workingDirectory;
+      if (cwd.length > 40) {
+        return "..." + cwd.slice(-37);
+      }
+      return cwd;
+    }
+    return null;
+  };
+  const workingDir = getWorkingDirectory();
+  return /* @__PURE__ */ React.createElement(Box, { borderStyle: "single", borderColor: "#003b59", paddingX: 1 }, /* @__PURE__ */ React.createElement(Box, { flexGrow: 1 }, getSubshellPrefix(), workingDir && /* @__PURE__ */ React.createElement(Box, { marginRight: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "CWD: "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, workingDir)), isLoading && /* @__PURE__ */ React.createElement(Box, { marginRight: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "dots" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, " ", loadingMessage)), !isLoading && model && /* @__PURE__ */ React.createElement(Box, { marginRight: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "Model: "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, model)), currentTokens !== void 0 && maxTokens !== void 0 && maxTokens > 0 && /* @__PURE__ */ React.createElement(Box, { marginRight: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "Context: "), /* @__PURE__ */ React.createElement(Text, { color: getTokenColor() }, formatTokenCount(currentTokens), "/", formatTokenCount(maxTokens), " (", tokenUsagePercent, "%)"))), /* @__PURE__ */ React.createElement(Box, null, !isConnected && /* @__PURE__ */ React.createElement(Box, { marginRight: 2 }, /* @__PURE__ */ React.createElement(Text, { color: "red", bold: true }, "No internet connection")), autoAcceptMode && /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "[AUTO-ACCEPT: ON]"), !autoAcceptMode && /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "[AUTO-ACCEPT: OFF]")));
+};
+export {
+  StatusBar
 };
 //# sourceMappingURL=StatusBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../src/ui/components/StatusBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,OAAO,MAAM,aAAa,CAAC;AAalC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,cAAc,EACd,SAAS,EACT,cAAc,GAAG,eAAe,EAChC,KAAK,EACL,eAAe,EACf,aAAa,EACb,SAAS,EACV,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;IAEtC,mCAAmC;IACnC,MAAM,iBAAiB,GAAG,aAAa,IAAI,SAAS,IAAI,SAAS,GAAG,CAAC;QACnE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC;QAC/C,CAAC,CAAC,CAAC,CAAC;IAEN,iCAAiC;IACjC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,iBAAiB,IAAI,EAAE;YAAE,OAAO,KAAK,CAAC;QAC1C,IAAI,iBAAiB,IAAI,EAAE;YAAE,OAAO,QAAQ,CAAC;QAC7C,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,qCAAqC;IACrC,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAU,EAAE;QACjD,IAAI,KAAK,IAAI,OAAO,EAAE,CAAC;YACrB,OAAO,GAAG,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;QAC5C,CAAC;QACD,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAClB,OAAO,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;QACzC,CAAC;QACD,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,kDAAkD;IAClD,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,CAAC,eAAe,IAAI,eAAe,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACzD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,UAAU,GAA2B;YACzC,GAAG,EAAE,MAAM;YACX,GAAG,EAAE,QAAQ;YACb,MAAM,EAAE,MAAM;SACf,CAAC;QAEF,MAAM,KAAK,GAAG,UAAU,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC;QACzD,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QAElD,OAAO,CACL,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC;YACjB,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI;;gBAAG,MAAM;oBAAS,CACtC,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,kDAAkD;IAClD,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IAAI,eAAe,IAAI,eAAe,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACxD,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,CAAC,gBAAgB,CAAC;YACtD,sBAAsB;YACtB,IAAI,GAAG,CAAC,MAAM,GAAG,EAAE,EAAE,CAAC;gBACpB,OAAO,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;YAChC,CAAC;YACD,OAAO,GAAG,CAAC;QACb,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,mBAAmB,EAAE,CAAC;IAEzC,OAAO,CACL,oBAAC,GAAG,IAAC,WAAW,EAAC,QAAQ,EAAC,WAAW,EAAC,SAAS,EAAC,QAAQ,EAAE,CAAC;QACzD,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;YAEb,iBAAiB,EAAE;YAEnB,UAAU,IAAI,CACb,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC;gBACjB,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,YAAa;gBAClC,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,IAAE,UAAU,CAAQ,CACrC,CACP;YAEA,SAAS,IAAI,CACZ,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC;gBACjB,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS;oBACnB,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,GAAG,CAClB;gBACP,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS;;oBAAG,cAAc,CAAQ,CAC1C,CACP;YAEA,CAAC,SAAS,IAAI,KAAK,IAAI,CACtB,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC;gBACjB,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,cAAe;gBACpC,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,IAAE,KAAK,CAAQ,CAChC,CACP;YAGA,aAAa,KAAK,SAAS,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,GAAG,CAAC,IAAI,CAC1E,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC;gBACjB,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,gBAAiB;gBACtC,oBAAC,IAAI,IAAC,KAAK,EAAE,aAAa,EAAE;oBACzB,gBAAgB,CAAC,aAAa,CAAC;;oBAAG,gBAAgB,CAAC,SAAS,CAAC;;oBAAI,iBAAiB;yBAC9E,CACH,CACP,CACG;QAEN,oBAAC,GAAG;YACD,CAAC,WAAW,IAAI,CACf,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC;gBACjB,oBAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,mCAA8B,CAChD,CACP;YAEA,cAAc,IAAI,CACjB,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,8BAAyB,CACpD;YACA,CAAC,cAAc,IAAI,CAClB,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,+BAA0B,CACzD,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/ui/components/StatusBar.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Text } from 'ink';\r\nimport Spinner from 'ink-spinner';\r\nimport { SubshellContext } from '../../context/types.js';\r\n\r\ninterface StatusBarProps {\r\n  autoAcceptMode: boolean;\r\n  isLoading: boolean;\r\n  loadingMessage?: string;\r\n  model?: string;\r\n  subshellContext?: SubshellContext;\r\n  currentTokens?: number;\r\n  maxTokens?: number;\r\n}\r\n\r\nimport { useConnectivity } from '../../hooks/useConnectivity.js';\r\n\r\nexport const StatusBar: React.FC<StatusBarProps> = ({\r\n  autoAcceptMode,\r\n  isLoading,\r\n  loadingMessage = 'Processing...',\r\n  model,\r\n  subshellContext,\r\n  currentTokens,\r\n  maxTokens\r\n}) => {\r\n  const isConnected = useConnectivity();\r\n\r\n  // Calculate token usage percentage\r\n  const tokenUsagePercent = currentTokens && maxTokens && maxTokens > 0\r\n    ? Math.round((currentTokens / maxTokens) * 100)\r\n    : 0;\r\n\r\n  // Determine color based on usage\r\n  const getTokenColor = () => {\r\n    if (tokenUsagePercent >= 90) return 'red';\r\n    if (tokenUsagePercent >= 75) return 'yellow';\r\n    return '#00ccff';\r\n  };\r\n\r\n  // Format token count with K/M suffix\r\n  const formatTokenCount = (count: number): string => {\r\n    if (count >= 1000000) {\r\n      return `${(count / 1000000).toFixed(1)}M`;\r\n    }\r\n    if (count >= 1000) {\r\n      return `${(count / 1000).toFixed(1)}K`;\r\n    }\r\n    return count.toString();\r\n  };\r\n\r\n  // Get subshell type prefix with appropriate color\r\n  const getSubshellPrefix = () => {\r\n    if (!subshellContext || subshellContext.type === 'local') {\r\n      return null;\r\n    }\r\n\r\n    const typeColors: Record<string, string> = {\r\n      ssh: 'cyan',\r\n      wsl: 'yellow',\r\n      docker: 'blue',\r\n    };\r\n\r\n    const color = typeColors[subshellContext.type] || 'cyan';\r\n    const prefix = subshellContext.type.toUpperCase();\r\n\r\n    return (\r\n      <Box marginRight={1}>\r\n        <Text color={color} bold>[{prefix}]</Text>\r\n      </Box>\r\n    );\r\n  };\r\n\r\n  // Get working directory from context if available\r\n  const getWorkingDirectory = () => {\r\n    if (subshellContext && subshellContext.type !== 'local') {\r\n      const cwd = subshellContext.metadata.workingDirectory;\r\n      // Truncate long paths\r\n      if (cwd.length > 40) {\r\n        return '...' + cwd.slice(-37);\r\n      }\r\n      return cwd;\r\n    }\r\n    return null;\r\n  };\r\n\r\n  const workingDir = getWorkingDirectory();\r\n\r\n  return (\r\n    <Box borderStyle=\"single\" borderColor=\"#003b59\" paddingX={1}>\r\n      <Box flexGrow={1}>\r\n        {/* Show subshell prefix and working directory */}\r\n        {getSubshellPrefix()}\r\n\r\n        {workingDir && (\r\n          <Box marginRight={1}>\r\n            <Text color=\"#666666\">CWD: </Text>\r\n            <Text color=\"#00ccff\">{workingDir}</Text>\r\n          </Box>\r\n        )}\r\n\r\n        {isLoading && (\r\n          <Box marginRight={1}>\r\n            <Text color=\"#00ccff\">\r\n              <Spinner type=\"dots\" />\r\n            </Text>\r\n            <Text color=\"#00ccff\"> {loadingMessage}</Text>\r\n          </Box>\r\n        )}\r\n\r\n        {!isLoading && model && (\r\n          <Box marginRight={1}>\r\n            <Text color=\"#666666\">Model: </Text>\r\n            <Text color=\"#00ccff\">{model}</Text>\r\n          </Box>\r\n        )}\r\n\r\n        {/* Token usage display */}\r\n        {currentTokens !== undefined && maxTokens !== undefined && maxTokens > 0 && (\r\n          <Box marginRight={1}>\r\n            <Text color=\"#666666\">Context: </Text>\r\n            <Text color={getTokenColor()}>\r\n              {formatTokenCount(currentTokens)}/{formatTokenCount(maxTokens)} ({tokenUsagePercent}%)\r\n            </Text>\r\n          </Box>\r\n        )}\r\n      </Box>\r\n\r\n      <Box>\r\n        {!isConnected && (\r\n          <Box marginRight={2}>\r\n            <Text color=\"red\" bold>No internet connection</Text>\r\n          </Box>\r\n        )}\r\n\r\n        {autoAcceptMode && (\r\n          <Text color=\"#00cc66\" bold>[AUTO-ACCEPT: ON]</Text>\r\n        )}\r\n        {!autoAcceptMode && (\r\n          <Text color=\"#666666\" dimColor>[AUTO-ACCEPT: OFF]</Text>\r\n        )}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,OAAO,aAAa;AAapB,SAAS,uBAAuB;AAEzB,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAc,gBAAgB;AAGpC,QAAM,oBAAoB,iBAAiB,aAAa,YAAY,IAChE,KAAK,MAAO,gBAAgB,YAAa,GAAG,IAC5C;AAGJ,QAAM,gBAAgB,MAAM;AAC1B,QAAI,qBAAqB,GAAI,QAAO;AACpC,QAAI,qBAAqB,GAAI,QAAO;AACpC,WAAO;AAAA,EACT;AAGA,QAAM,mBAAmB,CAAC,UAA0B;AAClD,QAAI,SAAS,KAAS;AACpB,aAAO,IAAI,QAAQ,KAAS,QAAQ,CAAC,CAAC;AAAA,IACxC;AACA,QAAI,SAAS,KAAM;AACjB,aAAO,IAAI,QAAQ,KAAM,QAAQ,CAAC,CAAC;AAAA,IACrC;AACA,WAAO,MAAM,SAAS;AAAA,EACxB;AAGA,QAAM,oBAAoB,MAAM;AAC9B,QAAI,CAAC,mBAAmB,gBAAgB,SAAS,SAAS;AACxD,aAAO;AAAA,IACT;AAEA,UAAM,aAAqC;AAAA,MACzC,KAAK;AAAA,MACL,KAAK;AAAA,MACL,QAAQ;AAAA,IACV;AAEA,UAAM,QAAQ,WAAW,gBAAgB,IAAI,KAAK;AAClD,UAAM,SAAS,gBAAgB,KAAK,YAAY;AAEhD,WACE,oCAAC,OAAI,aAAa,KAChB,oCAAC,QAAK,OAAc,MAAI,QAAC,KAAE,QAAO,GAAC,CACrC;AAAA,EAEJ;AAGA,QAAM,sBAAsB,MAAM;AAChC,QAAI,mBAAmB,gBAAgB,SAAS,SAAS;AACvD,YAAM,MAAM,gBAAgB,SAAS;AAErC,UAAI,IAAI,SAAS,IAAI;AACnB,eAAO,QAAQ,IAAI,MAAM,GAAG;AAAA,MAC9B;AACA,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,oBAAoB;AAEvC,SACE,oCAAC,OAAI,aAAY,UAAS,aAAY,WAAU,UAAU,KACxD,oCAAC,OAAI,UAAU,KAEZ,kBAAkB,GAElB,cACC,oCAAC,OAAI,aAAa,KAChB,oCAAC,QAAK,OAAM,aAAU,OAAK,GAC3B,oCAAC,QAAK,OAAM,aAAW,UAAW,CACpC,GAGD,aACC,oCAAC,OAAI,aAAa,KAChB,oCAAC,QAAK,OAAM,aACV,oCAAC,WAAQ,MAAK,QAAO,CACvB,GACA,oCAAC,QAAK,OAAM,aAAU,KAAE,cAAe,CACzC,GAGD,CAAC,aAAa,SACb,oCAAC,OAAI,aAAa,KAChB,oCAAC,QAAK,OAAM,aAAU,SAAO,GAC7B,oCAAC,QAAK,OAAM,aAAW,KAAM,CAC/B,GAID,kBAAkB,UAAa,cAAc,UAAa,YAAY,KACrE,oCAAC,OAAI,aAAa,KAChB,oCAAC,QAAK,OAAM,aAAU,WAAS,GAC/B,oCAAC,QAAK,OAAO,cAAc,KACxB,iBAAiB,aAAa,GAAE,KAAE,iBAAiB,SAAS,GAAE,MAAG,mBAAkB,IACtF,CACF,CAEJ,GAEA,oCAAC,WACE,CAAC,eACA,oCAAC,OAAI,aAAa,KAChB,oCAAC,QAAK,OAAM,OAAM,MAAI,QAAC,wBAAsB,CAC/C,GAGD,kBACC,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,mBAAiB,GAE7C,CAAC,kBACA,oCAAC,QAAK,OAAM,WAAU,UAAQ,QAAC,oBAAkB,CAErD,CACF;AAEJ;","names":[]}

package/dist/ui/components/StreamingMessageDisplay.js

@@ -1,103 +1,120 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { Box, Text } from 'ink';
-import { MarkdownRenderer } from './MarkdownRenderer.js';
-import { getTerminalDimensions } from '../../hooks/useTerminalDimensions.js';
-/**
- * StreamingMessageDisplay - Shows streaming content as it arrives
- * Truncates from top if content exceeds max lines to prevent flickering
- * Dynamically adjusts based on terminal height
- */
-export const StreamingMessageDisplay = React.memo(({ message, maxLines }) => {
-    const [displayContent, setDisplayContent] = useState('');
-    const contentBufferRef = useRef('');
-    const updateTimerRef = useRef(null);
-    const messageIdRef = useRef(message.id);
-    useEffect(() => {
-        // If message ID changed, reset everything
-        if (messageIdRef.current !== message.id) {
-            messageIdRef.current = message.id;
-            setDisplayContent('');
-            contentBufferRef.current = '';
-            if (updateTimerRef.current) {
-                clearTimeout(updateTimerRef.current);
-            }
-        }
-        // Buffer the new content
-        contentBufferRef.current = message.content;
-        // Clear any existing timer
-        if (updateTimerRef.current) {
-            clearTimeout(updateTimerRef.current);
-        }
-        // Throttle updates to every 50ms for more responsive streaming while preventing excessive re-renders
-        updateTimerRef.current = setTimeout(() => {
-            const fullContent = contentBufferRef.current;
-            const lines = fullContent.split('\n');
-            // Calculate dynamic max lines based on terminal height
-            // Use provided maxLines prop, or calculate dynamically
-            const { maxStreamingLines } = getTerminalDimensions();
-            const effectiveMaxLines = maxLines ?? maxStreamingLines;
-            if (lines.length > effectiveMaxLines) {
-                // Show only the last N lines to prevent overflow/flickering
-                const truncatedLines = lines.slice(-effectiveMaxLines);
-                setDisplayContent(truncatedLines.join('\n'));
-            }
-            else {
-                // Show all content if within limit
-                setDisplayContent(fullContent);
-            }
-        }, 50);
-        return () => {
-            if (updateTimerRef.current) {
-                clearTimeout(updateTimerRef.current);
-            }
-        };
-    }, [message.content, message.id]);
-    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;
-        }
+import React, { useState, useEffect, useRef } from "react";
+import { Box, Text } from "ink";
+import wrapAnsi from "wrap-ansi";
+import { MarkdownRenderer } from "./MarkdownRenderer.js";
+import { getTerminalDimensions } from "../../hooks/useTerminalDimensions.js";
+import { ShimmerText } from "./ShimmerText.js";
+const STREAMING_TAIL_MAX_LINES = 5;
+const STREAMING_UPDATE_THROTTLE_MS = 50;
+function getLatestVisualTail(content, maxLines, width) {
+  if (!content) return "";
+  const normalized = content.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+  const logicalLines = normalized.split("\n");
+  const safeWidth = Math.max(1, width);
+  let remaining = Math.max(1, maxLines);
+  const tail = [];
+  for (let i = logicalLines.length - 1; i >= 0 && remaining > 0; i--) {
+    const line = logicalLines[i];
+    const wrapped = wrapAnsi(line.length > 0 ? line : " ", safeWidth, { hard: true, trim: false }).split("\n");
+    if (wrapped.length <= remaining) {
+      tail.unshift(line);
+      remaining -= wrapped.length;
+      continue;
+    }
+    tail.unshift(wrapped.slice(-remaining).join("\n"));
+    remaining = 0;
+  }
+  return tail.join("\n");
+}
+const StreamingMessageDisplay = React.memo(({
+  message,
+  maxLines
+}) => {
+  const [displayContent, setDisplayContent] = useState("");
+  const contentBufferRef = useRef("");
+  const updateTimerRef = useRef(null);
+  const messageIdRef = useRef(message.id);
+  useEffect(() => {
+    if (messageIdRef.current !== message.id) {
+      messageIdRef.current = message.id;
+      setDisplayContent("");
+      contentBufferRef.current = "";
+      if (updateTimerRef.current) {
+        clearTimeout(updateTimerRef.current);
+      }
+    }
+    contentBufferRef.current = message.content;
+    if (updateTimerRef.current) {
+      clearTimeout(updateTimerRef.current);
+    }
+    updateTimerRef.current = setTimeout(() => {
+      const fullContent = contentBufferRef.current;
+      const renderWidth = Math.max(20, (process.stdout.columns || 120) - 6);
+      const { maxStreamingLines } = getTerminalDimensions();
+      const effectiveMaxLines = Math.max(
+        1,
+        Math.min(maxLines ?? maxStreamingLines, STREAMING_TAIL_MAX_LINES)
+      );
+      setDisplayContent(getLatestVisualTail(fullContent, effectiveMaxLines, renderWidth));
+    }, STREAMING_UPDATE_THROTTLE_MS);
+    return () => {
+      if (updateTimerRef.current) {
+        clearTimeout(updateTimerRef.current);
+      }
     };
-    const timestamp = message.timestamp
-        ? new Date(message.timestamp).toLocaleTimeString()
-        : '';
-    // Skip rendering completely empty streaming messages
-    // This prevents blank space from appearing when tool goes to executing state
-    const hasContent = displayContent.trim();
-    const hasThoughts = message.thoughts && message.thoughts.length > 0;
-    const hasThinkingDuration = message.thinkingDuration !== undefined;
-    if (!hasContent && !hasThoughts && !hasThinkingDuration) {
-        return null;
+  }, [maxLines, message.content, message.id]);
+  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;
     }
-    return (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
-        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"))),
-        (displayContent.trim() || (message.thoughts && message.thoughts.length > 0 && message.thinkingDuration === undefined)) && (React.createElement(Box, { borderStyle: "single", borderColor: "#00ccff", borderLeft: true, borderRight: false, borderTop: false, borderBottom: false, paddingLeft: 1, flexDirection: "column" },
-            displayContent.trim() && (React.createElement(MarkdownRenderer, { content: displayContent, maxWidth: (process.stdout.columns || 120) - 6 })),
-            message.thoughts && message.thoughts.length > 0 && message.thinkingDuration === undefined && (React.createElement(Box, { flexDirection: "column", marginTop: displayContent.trim() ? 1 : 0 }, message.thoughts.map((line, idx) => (React.createElement(Text, { key: idx, dimColor: true }, line)))))))));
+  };
+  const timestamp = message.timestamp ? new Date(message.timestamp).toLocaleTimeString() : "";
+  const hasContent = displayContent.trim();
+  const hasThoughts = message.thoughts && message.thoughts.length > 0;
+  const hasThinkingDuration = message.thinkingDuration !== void 0;
+  if (!hasContent && !hasThoughts && !hasThinkingDuration) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, /* @__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")), (displayContent.trim() || message.thoughts && message.thoughts.length > 0 && message.thinkingDuration === void 0) && /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      borderStyle: "single",
+      borderColor: "#00ccff",
+      borderLeft: true,
+      borderRight: false,
+      borderTop: false,
+      borderBottom: false,
+      paddingLeft: 1,
+      flexDirection: "column"
+    },
+    displayContent.trim() && /* @__PURE__ */ React.createElement(MarkdownRenderer, { content: displayContent, maxWidth: (process.stdout.columns || 120) - 6 }),
+    message.thoughts && message.thoughts.length > 0 && message.thinkingDuration === void 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: displayContent.trim() ? 1 : 0 }, /* @__PURE__ */ React.createElement(ShimmerText, { text: "Thinking...", baseColor: "#4a4a4a", dimShimmer: true }), message.thoughts.map((line, idx) => /* @__PURE__ */ React.createElement(Text, { key: idx, dimColor: true }, line)))
+  ));
 });
+export {
+  StreamingMessageDisplay
+};
 //# sourceMappingURL=StreamingMessageDisplay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StreamingMessageDisplay.js","sourceRoot":"","sources":["../../../src/ui/components/StreamingMessageDisplay.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/ui/components/StreamingMessageDisplay.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\r\nimport { Box, Text } from 'ink';\r\nimport wrapAnsi from 'wrap-ansi';\r\nimport { Message } from '../../types/index.js';\r\nimport { MarkdownRenderer } from './MarkdownRenderer.js';\r\nimport { getTerminalDimensions } from '../../hooks/useTerminalDimensions.js';\r\nimport { ShimmerText } from './ShimmerText.js';\r\n\r\ninterface StreamingMessageDisplayProps {\r\n  message: Message;\r\n  /** Optional override for max lines to display during streaming */\r\n  maxLines?: number;\r\n}\r\n\r\nconst STREAMING_TAIL_MAX_LINES = 5;\r\nconst STREAMING_UPDATE_THROTTLE_MS = 50;\r\n\r\n/**\r\n * Keep only the latest visual lines (after wrapping), not just newline-delimited lines.\r\n * This prevents long wrapped paragraphs from flooding the streaming area.\r\n */\r\nfunction getLatestVisualTail(content: string, maxLines: number, width: number): string {\r\n  if (!content) return '';\r\n\r\n  const normalized = content.replace(/\\r\\n/g, '\\n').replace(/\\r/g, '\\n');\r\n  const logicalLines = normalized.split('\\n');\r\n  const safeWidth = Math.max(1, width);\r\n  let remaining = Math.max(1, maxLines);\r\n  const tail: string[] = [];\r\n\r\n  for (let i = logicalLines.length - 1; i >= 0 && remaining > 0; i--) {\r\n    const line = logicalLines[i];\r\n    const wrapped = wrapAnsi(line.length > 0 ? line : ' ', safeWidth, { hard: true, trim: false }).split('\\n');\r\n\r\n    if (wrapped.length <= remaining) {\r\n      tail.unshift(line);\r\n      remaining -= wrapped.length;\r\n      continue;\r\n    }\r\n\r\n    // Include only the visible tail of this line when it exceeds the remaining budget.\r\n    tail.unshift(wrapped.slice(-remaining).join('\\n'));\r\n    remaining = 0;\r\n  }\r\n\r\n  return tail.join('\\n');\r\n}\r\n\r\n/**\r\n * StreamingMessageDisplay - Shows streaming content as it arrives\r\n * Truncates from top if content exceeds max lines to prevent flickering\r\n * Dynamically adjusts based on terminal height\r\n */\r\nexport const StreamingMessageDisplay: React.FC<StreamingMessageDisplayProps> = React.memo(({\r\n  message,\r\n  maxLines\r\n}) => {\r\n  const [displayContent, setDisplayContent] = useState('');\r\n  const contentBufferRef = useRef('');\r\n  const updateTimerRef = useRef<NodeJS.Timeout | null>(null);\r\n  const messageIdRef = useRef(message.id);\r\n\r\n  useEffect(() => {\r\n    // If message ID changed, reset everything\r\n    if (messageIdRef.current !== message.id) {\r\n      messageIdRef.current = message.id;\r\n      setDisplayContent('');\r\n      contentBufferRef.current = '';\r\n      if (updateTimerRef.current) {\r\n        clearTimeout(updateTimerRef.current);\r\n      }\r\n    }\r\n\r\n    // Buffer the new content\r\n    contentBufferRef.current = message.content;\r\n\r\n    // Clear any existing timer\r\n    if (updateTimerRef.current) {\r\n      clearTimeout(updateTimerRef.current);\r\n    }\r\n\r\n    // Throttle updates to every 50ms for more responsive streaming while preventing excessive re-renders\r\n    updateTimerRef.current = setTimeout(() => {\r\n      const fullContent = contentBufferRef.current;\r\n      const renderWidth = Math.max(20, (process.stdout.columns || 120) - 6);\r\n\r\n      // Keep a tight tail window to avoid Ink duplication/flicker from large streamed payloads.\r\n      const { maxStreamingLines } = getTerminalDimensions();\r\n      const effectiveMaxLines = Math.max(\r\n        1,\r\n        Math.min(maxLines ?? maxStreamingLines, STREAMING_TAIL_MAX_LINES)\r\n      );\r\n\r\n      setDisplayContent(getLatestVisualTail(fullContent, effectiveMaxLines, renderWidth));\r\n    }, STREAMING_UPDATE_THROTTLE_MS);\r\n\r\n    return () => {\r\n      if (updateTimerRef.current) {\r\n        clearTimeout(updateTimerRef.current);\r\n      }\r\n    };\r\n  }, [maxLines, message.content, message.id]);\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  // Skip rendering completely empty streaming messages\r\n  // This prevents blank space from appearing when tool goes to executing state\r\n  const hasContent = displayContent.trim();\r\n  const hasThoughts = message.thoughts && message.thoughts.length > 0;\r\n  const hasThinkingDuration = message.thinkingDuration !== undefined;\r\n\r\n  if (!hasContent && !hasThoughts && !hasThinkingDuration) {\r\n    return null;\r\n  }\r\n\r\n\r\n  return (\r\n    <Box flexDirection=\"column\" marginBottom={1}>\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      {/* Display thinking duration at the TOP after thinking completes */}\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      {/* Display the current streaming content with markdown formatting and blue border */}\r\n      {/* Also includes thinking lines inside the same border to keep the blue line continuous */}\r\n      {/* Only render if there's actual content or thinking lines to display */}\r\n      {(displayContent.trim() || (message.thoughts && message.thoughts.length > 0 && message.thinkingDuration === undefined)) && (\r\n        <Box\r\n          borderStyle=\"single\"\r\n          borderColor=\"#00ccff\"\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        >\r\n          {displayContent.trim() && (\r\n            <MarkdownRenderer content={displayContent} maxWidth={(process.stdout.columns || 120) - 6} />\r\n          )}\r\n\r\n          {/* Display thinking lines (greyed out, last 3 lines) - shown WHILE thinking */}\r\n          {message.thoughts && message.thoughts.length > 0 && message.thinkingDuration === undefined && (\r\n            <Box flexDirection=\"column\" marginTop={displayContent.trim() ? 1 : 0}>\r\n              {/* \"Thinking...\" label just above the thought preview lines */}\r\n              <ShimmerText text=\"Thinking...\" baseColor=\"#4a4a4a\" dimShimmer />\r\n              {message.thoughts.map((line, idx) => (\r\n                <Text key={idx} dimColor>\r\n                  {line}\r\n                </Text>\r\n              ))}\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n});\r\n"],"mappings":"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","names":[]}

package/dist/ui/components/TaskCompletedMessage.js

@@ -1,25 +1,30 @@
-/**
- * TaskCompletedMessage Component
- * Displays a task completion message in the chat with checkbox styling
- */
-import React from 'react';
-import { Box, Text } from 'ink';
-export const TaskCompletedMessage = ({ taskNumber, totalTasks, taskDescription, completionNote }) => {
-    return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#f59e0b", paddingX: 1, paddingY: 0, marginY: 0, alignSelf: "flex-start" },
-        React.createElement(Box, null,
-            React.createElement(Text, { color: "#f59e0b", bold: true }, "[x] "),
-            React.createElement(Text, { color: "#f59e0b", bold: true },
-                "Task ",
-                taskNumber,
-                " of ",
-                totalTasks,
-                " Completed")),
-        React.createElement(Box, { marginLeft: 2 },
-            React.createElement(Text, { color: "#888888", wrap: "wrap" }, taskDescription)),
-        completionNote && (React.createElement(Box, { marginLeft: 2, marginTop: 0 },
-            React.createElement(Text, { color: "#666666", dimColor: true, wrap: "wrap" },
-                "Note: ",
-                completionNote)))));
+import React from "react";
+import { Box, Text } from "ink";
+const TaskCompletedMessage = ({
+  taskNumber,
+  totalTasks,
+  taskDescription,
+  completionNote
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "#f59e0b",
+      paddingX: 1,
+      paddingY: 0,
+      marginY: 0,
+      alignSelf: "flex-start"
+    },
+    /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#f59e0b", bold: true }, "[x] "), /* @__PURE__ */ React.createElement(Text, { color: "#f59e0b", bold: true }, "Task ", taskNumber, " of ", totalTasks, " Completed")),
+    /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: "#888888", wrap: "wrap" }, taskDescription)),
+    completionNote && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2, marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true, wrap: "wrap" }, "Note: ", completionNote))
+  );
+};
+var TaskCompletedMessage_default = TaskCompletedMessage;
+export {
+  TaskCompletedMessage,
+  TaskCompletedMessage_default as default
 };
-export default TaskCompletedMessage;
 //# sourceMappingURL=TaskCompletedMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TaskCompletedMessage.js","sourceRoot":"","sources":["../../../src/ui/components/TaskCompletedMessage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAShC,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACtE,UAAU,EACV,UAAU,EACV,eAAe,EACf,cAAc,EACjB,EAAE,EAAE;IACD,OAAO,CACH,oBAAC,GAAG,IACA,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,SAAS,EACrB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,EACV,SAAS,EAAC,YAAY;QAEtB,oBAAC,GAAG;YACA,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,iBAAY;YACtC,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI;;gBAAO,UAAU;;gBAAM,UAAU;6BAAkB,CAC3E;QACN,oBAAC,GAAG,IAAC,UAAU,EAAE,CAAC;YACd,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,IAAE,eAAe,CAAQ,CACxD;QACL,cAAc,IAAI,CACf,oBAAC,GAAG,IAAC,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC;YAC5B,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,QAAC,IAAI,EAAC,MAAM;;gBAAQ,cAAc,CAAQ,CACtE,CACT,CACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"sources":["../../../src/ui/components/TaskCompletedMessage.tsx"],"sourcesContent":["/**\r\n * TaskCompletedMessage Component\r\n * Displays a task completion message in the chat with checkbox styling\r\n */\r\n\r\nimport React from 'react';\r\nimport { Box, Text } from 'ink';\r\n\r\ninterface TaskCompletedMessageProps {\r\n    taskNumber: number;\r\n    totalTasks: number;\r\n    taskDescription: string;\r\n    completionNote?: string;\r\n}\r\n\r\nexport const TaskCompletedMessage: React.FC<TaskCompletedMessageProps> = ({\r\n    taskNumber,\r\n    totalTasks,\r\n    taskDescription,\r\n    completionNote\r\n}) => {\r\n    return (\r\n        <Box\r\n            flexDirection=\"column\"\r\n            borderStyle=\"round\"\r\n            borderColor=\"#f59e0b\"\r\n            paddingX={1}\r\n            paddingY={0}\r\n            marginY={0}\r\n            alignSelf=\"flex-start\"\r\n        >\r\n            <Box>\r\n                <Text color=\"#f59e0b\" bold>[x] </Text>\r\n                <Text color=\"#f59e0b\" bold>Task {taskNumber} of {totalTasks} Completed</Text>\r\n            </Box>\r\n            <Box marginLeft={2}>\r\n                <Text color=\"#888888\" wrap=\"wrap\">{taskDescription}</Text>\r\n            </Box>\r\n            {completionNote && (\r\n                <Box marginLeft={2} marginTop={0}>\r\n                    <Text color=\"#666666\" dimColor wrap=\"wrap\">Note: {completionNote}</Text>\r\n                </Box>\r\n            )}\r\n        </Box>\r\n    );\r\n};\r\n\r\nexport default TaskCompletedMessage;\r\n"],"mappings":"AAKA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AASnB,MAAM,uBAA4D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAU;AAAA;AAAA,IAEV,oCAAC,WACG,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,MAAI,GAC/B,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,SAAM,YAAW,QAAK,YAAW,YAAU,CAC1E;AAAA,IACA,oCAAC,OAAI,YAAY,KACb,oCAAC,QAAK,OAAM,WAAU,MAAK,UAAQ,eAAgB,CACvD;AAAA,IACC,kBACG,oCAAC,OAAI,YAAY,GAAG,WAAW,KAC3B,oCAAC,QAAK,OAAM,WAAU,UAAQ,MAAC,MAAK,UAAO,UAAO,cAAe,CACrE;AAAA,EAER;AAER;AAEA,IAAO,+BAAQ;","names":[]}