@zgsm/costrict-cli 0.21.0-nightly.20251213.977248e09

package/dist/src/ui/components/messages/ToolResultDisplay.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import React from 'react';
+export interface ToolResultDisplayProps {
+    resultDisplay: string | object | undefined;
+    availableTerminalHeight?: number;
+    terminalWidth: number;
+    renderOutputAsMarkdown?: boolean;
+}
+export declare const ToolResultDisplay: React.FC<ToolResultDisplayProps>;

package/dist/src/ui/components/messages/ToolResultDisplay.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import React from 'react';
+import { Box, Text } from 'ink';
+import { DiffRenderer } from './DiffRenderer.js';
+import { MarkdownDisplay } from '../../utils/MarkdownDisplay.js';
+import { AnsiOutputText } from '../AnsiOutput.js';
+import { MaxSizedBox } from '../shared/MaxSizedBox.js';
+import { theme } from '../../semantic-colors.js';
+import { useUIState } from '../../contexts/UIStateContext.js';
+import { useAlternateBuffer } from '../../hooks/useAlternateBuffer.js';
+const STATIC_HEIGHT = 1;
+const RESERVED_LINE_COUNT = 5; // for tool name, status, padding etc.
+const MIN_LINES_SHOWN = 2; // show at least this many lines
+// Large threshold to ensure we don't cause performance issues for very large
+// outputs that will get truncated further MaxSizedBox anyway.
+const MAXIMUM_RESULT_DISPLAY_CHARACTERS = 20000;
+export const ToolResultDisplay = ({ resultDisplay, availableTerminalHeight, terminalWidth, renderOutputAsMarkdown = true, }) => {
+    const { renderMarkdown } = useUIState();
+    const isAlternateBuffer = useAlternateBuffer();
+    const availableHeight = availableTerminalHeight
+        ? Math.max(availableTerminalHeight - STATIC_HEIGHT - RESERVED_LINE_COUNT, MIN_LINES_SHOWN + 1)
+        : undefined;
+    // Long tool call response in MarkdownDisplay doesn't respect availableTerminalHeight properly,
+    // so if we aren't using alternate buffer mode, we're forcing it to not render as markdown when the response is too long, it will fallback
+    // to render as plain text, which is contained within the terminal using MaxSizedBox
+    if (availableHeight && !isAlternateBuffer) {
+        renderOutputAsMarkdown = false;
+    }
+    const combinedPaddingAndBorderWidth = 4;
+    const childWidth = terminalWidth - combinedPaddingAndBorderWidth;
+    const truncatedResultDisplay = React.useMemo(() => {
+        if (typeof resultDisplay === 'string') {
+            if (resultDisplay.length > MAXIMUM_RESULT_DISPLAY_CHARACTERS) {
+                return '...' + resultDisplay.slice(-MAXIMUM_RESULT_DISPLAY_CHARACTERS);
+            }
+        }
+        return resultDisplay;
+    }, [resultDisplay]);
+    if (!truncatedResultDisplay)
+        return null;
+    return (_jsx(Box, { width: childWidth, flexDirection: "column", children: _jsx(Box, { flexDirection: "column", children: typeof truncatedResultDisplay === 'string' &&
+                renderOutputAsMarkdown ? (_jsx(Box, { flexDirection: "column", children: _jsx(MarkdownDisplay, { text: truncatedResultDisplay, terminalWidth: childWidth, renderMarkdown: renderMarkdown, isPending: false }) })) : typeof truncatedResultDisplay === 'string' &&
+                !renderOutputAsMarkdown ? (isAlternateBuffer ? (_jsx(Box, { flexDirection: "column", width: childWidth, children: _jsx(Text, { wrap: "wrap", color: theme.text.primary, children: truncatedResultDisplay }) })) : (_jsx(MaxSizedBox, { maxHeight: availableHeight, maxWidth: childWidth, children: _jsx(Box, { children: _jsx(Text, { wrap: "wrap", color: theme.text.primary, children: truncatedResultDisplay }) }) }))) : typeof truncatedResultDisplay === 'object' &&
+                'fileDiff' in truncatedResultDisplay ? (_jsx(DiffRenderer, { diffContent: truncatedResultDisplay.fileDiff, filename: truncatedResultDisplay.fileName, availableTerminalHeight: availableHeight, terminalWidth: childWidth })) : typeof truncatedResultDisplay === 'object' &&
+                'todos' in truncatedResultDisplay ? (
+            // display nothing, as the TodoTray will handle rendering todos
+            _jsx(_Fragment, {})) : (_jsx(AnsiOutputText, { data: truncatedResultDisplay, availableTerminalHeight: availableHeight, width: childWidth })) }) }));
+};
+//# sourceMappingURL=ToolResultDisplay.js.map

package/dist/src/ui/components/messages/ToolResultDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolResultDisplay.js","sourceRoot":"","sources":["../../../../../src/ui/components/messages/ToolResultDisplay.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,aAAa,GAAG,CAAC,CAAC;AACxB,MAAM,mBAAmB,GAAG,CAAC,CAAC,CAAC,sCAAsC;AACrE,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC,gCAAgC;AAE3D,6EAA6E;AAC7E,8DAA8D;AAC9D,MAAM,iCAAiC,GAAG,KAAK,CAAC;AAchD,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,aAAa,EACb,uBAAuB,EACvB,aAAa,EACb,sBAAsB,GAAG,IAAI,GAC9B,EAAE,EAAE;IACH,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,iBAAiB,GAAG,kBAAkB,EAAE,CAAC;IAE/C,MAAM,eAAe,GAAG,uBAAuB;QAC7C,CAAC,CAAC,IAAI,CAAC,GAAG,CACN,uBAAuB,GAAG,aAAa,GAAG,mBAAmB,EAC7D,eAAe,GAAG,CAAC,CACpB;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,+FAA+F;IAC/F,0IAA0I;IAC1I,oFAAoF;IACpF,IAAI,eAAe,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC1C,sBAAsB,GAAG,KAAK,CAAC;IACjC,CAAC;IAED,MAAM,6BAA6B,GAAG,CAAC,CAAC;IACxC,MAAM,UAAU,GAAG,aAAa,GAAG,6BAA6B,CAAC;IAEjE,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAChD,IAAI,OAAO,aAAa,KAAK,QAAQ,EAAE,CAAC;YACtC,IAAI,aAAa,CAAC,MAAM,GAAG,iCAAiC,EAAE,CAAC;gBAC7D,OAAO,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,iCAAiC,CAAC,CAAC;YACzE,CAAC;QACH,CAAC;QACD,OAAO,aAAa,CAAC;IACvB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,sBAAsB;QAAE,OAAO,IAAI,CAAC;IAEzC,OAAO,CACL,KAAC,GAAG,IAAC,KAAK,EAAE,UAAU,EAAE,aAAa,EAAC,QAAQ,YAC5C,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,YACxB,OAAO,sBAAsB,KAAK,QAAQ;gBAC3C,sBAAsB,CAAC,CAAC,CAAC,CACvB,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,YACzB,KAAC,eAAe,IACd,IAAI,EAAE,sBAAsB,EAC5B,aAAa,EAAE,UAAU,EACzB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,KAAK,GAChB,GACE,CACP,CAAC,CAAC,CAAC,OAAO,sBAAsB,KAAK,QAAQ;gBAC5C,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAC1B,iBAAiB,CAAC,CAAC,CAAC,CAClB,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAE,UAAU,YAC3C,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,YACxC,sBAAsB,GAClB,GACH,CACP,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,YAC3D,KAAC,GAAG,cACF,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,YACxC,sBAAsB,GAClB,GACH,GACM,CACf,CACF,CAAC,CAAC,CAAC,OAAO,sBAAsB,KAAK,QAAQ;gBAC5C,UAAU,IAAI,sBAAsB,CAAC,CAAC,CAAC,CACvC,KAAC,YAAY,IACX,WAAW,EAAG,sBAAyC,CAAC,QAAQ,EAChE,QAAQ,EAAG,sBAAyC,CAAC,QAAQ,EAC7D,uBAAuB,EAAE,eAAe,EACxC,aAAa,EAAE,UAAU,GACzB,CACH,CAAC,CAAC,CAAC,OAAO,sBAAsB,KAAK,QAAQ;gBAC5C,OAAO,IAAI,sBAAsB,CAAC,CAAC,CAAC;YACpC,+DAA+D;YAC/D,mBAAK,CACN,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IACb,IAAI,EAAE,sBAAoC,EAC1C,uBAAuB,EAAE,eAAe,EACxC,KAAK,EAAE,UAAU,GACjB,CACH,GACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/ui/components/messages/ToolResultDisplay.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export {};

package/dist/src/ui/components/messages/ToolResultDisplay.test.js

@@ -0,0 +1,96 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { render } from '../../../test-utils/render.js';
+import { ToolResultDisplay } from './ToolResultDisplay.js';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { Box, Text } from 'ink';
+// Mock child components to simplify testing
+vi.mock('./DiffRenderer.js', () => ({
+    DiffRenderer: ({ diffContent, filename, }) => (_jsx(Box, { children: _jsxs(Text, { children: ["DiffRenderer: ", filename, " - ", diffContent] }) })),
+}));
+vi.mock('../../utils/MarkdownDisplay.js', () => ({
+    MarkdownDisplay: ({ text }) => (_jsx(Box, { children: _jsxs(Text, { children: ["MarkdownDisplay: ", text] }) })),
+}));
+vi.mock('../AnsiOutput.js', () => ({
+    AnsiOutputText: ({ data }) => (_jsx(Box, { children: _jsxs(Text, { children: ["AnsiOutputText: ", JSON.stringify(data)] }) })),
+}));
+vi.mock('../shared/MaxSizedBox.js', () => ({
+    MaxSizedBox: ({ children }) => (_jsxs(Box, { children: [_jsx(Text, { children: "MaxSizedBox:" }), children] })),
+}));
+// Mock UIStateContext
+const mockUseUIState = vi.fn();
+vi.mock('../../contexts/UIStateContext.js', () => ({
+    useUIState: () => mockUseUIState(),
+}));
+// Mock useAlternateBuffer
+const mockUseAlternateBuffer = vi.fn();
+vi.mock('../../hooks/useAlternateBuffer.js', () => ({
+    useAlternateBuffer: () => mockUseAlternateBuffer(),
+}));
+describe('ToolResultDisplay', () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+        mockUseUIState.mockReturnValue({ renderMarkdown: true });
+        mockUseAlternateBuffer.mockReturnValue(false);
+    });
+    it('renders string result as markdown by default', () => {
+        const { lastFrame } = render(_jsx(ToolResultDisplay, { resultDisplay: "Some result", terminalWidth: 80 }));
+        const output = lastFrame();
+        expect(output).toMatchSnapshot();
+    });
+    it('renders string result as plain text when renderOutputAsMarkdown is false', () => {
+        const { lastFrame } = render(_jsx(ToolResultDisplay, { resultDisplay: "Some result", terminalWidth: 80, availableTerminalHeight: 20, renderOutputAsMarkdown: false }));
+        const output = lastFrame();
+        expect(output).toMatchSnapshot();
+    });
+    it('truncates very long string results', { timeout: 20000 }, () => {
+        const longString = 'a'.repeat(1000005);
+        const { lastFrame } = render(_jsx(ToolResultDisplay, { resultDisplay: longString, terminalWidth: 80, availableTerminalHeight: 20 }));
+        const output = lastFrame();
+        expect(output).toMatchSnapshot();
+    });
+    it('renders file diff result', () => {
+        const diffResult = {
+            fileDiff: 'diff content',
+            fileName: 'test.ts',
+        };
+        const { lastFrame } = render(_jsx(ToolResultDisplay, { resultDisplay: diffResult, terminalWidth: 80, availableTerminalHeight: 20 }));
+        const output = lastFrame();
+        expect(output).toMatchSnapshot();
+    });
+    it('renders ANSI output result', () => {
+        const ansiResult = {
+            text: 'ansi content',
+        };
+        const { lastFrame } = render(_jsx(ToolResultDisplay, { resultDisplay: ansiResult, terminalWidth: 80, availableTerminalHeight: 20 }));
+        const output = lastFrame();
+        expect(output).toMatchSnapshot();
+    });
+    it('renders nothing for todos result', () => {
+        const todoResult = {
+            todos: [],
+        };
+        const { lastFrame } = render(_jsx(ToolResultDisplay, { resultDisplay: todoResult, terminalWidth: 80, availableTerminalHeight: 20 }));
+        const output = lastFrame();
+        expect(output).toMatchSnapshot();
+    });
+    it('falls back to plain text if availableHeight is set and not in alternate buffer', () => {
+        mockUseAlternateBuffer.mockReturnValue(false);
+        // availableHeight calculation: 20 - 1 - 5 = 14 > 3
+        const { lastFrame } = render(_jsx(ToolResultDisplay, { resultDisplay: "Some result", terminalWidth: 80, availableTerminalHeight: 20, renderOutputAsMarkdown: true }));
+        const output = lastFrame();
+        // Should force renderOutputAsMarkdown to false
+        expect(output).toMatchSnapshot();
+    });
+    it('keeps markdown if in alternate buffer even with availableHeight', () => {
+        mockUseAlternateBuffer.mockReturnValue(true);
+        const { lastFrame } = render(_jsx(ToolResultDisplay, { resultDisplay: "Some result", terminalWidth: 80, availableTerminalHeight: 20, renderOutputAsMarkdown: true }));
+        const output = lastFrame();
+        expect(output).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=ToolResultDisplay.test.js.map

package/dist/src/ui/components/messages/ToolResultDisplay.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolResultDisplay.test.js","sourceRoot":"","sources":["../../../../../src/ui/components/messages/ToolResultDisplay.test.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/messages/ToolShared.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import React from 'react';
+import { ToolCallStatus } from '../../types.js';
+export declare const STATUS_INDICATOR_WIDTH = 3;
+export type TextEmphasis = 'high' | 'medium' | 'low';
+type ToolStatusIndicatorProps = {
+    status: ToolCallStatus;
+    name: string;
+};
+export declare const ToolStatusIndicator: React.FC<ToolStatusIndicatorProps>;
+type ToolInfoProps = {
+    name: string;
+    description: string;
+    status: ToolCallStatus;
+    emphasis: TextEmphasis;
+};
+export declare const ToolInfo: React.FC<ToolInfoProps>;
+export declare const TrailingIndicator: React.FC;
+export {};

package/dist/src/ui/components/messages/ToolShared.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import React from 'react';
+import { Box, Text } from 'ink';
+import { ToolCallStatus } from '../../types.js';
+import { GeminiRespondingSpinner } from '../GeminiRespondingSpinner.js';
+import { SHELL_COMMAND_NAME, SHELL_NAME, TOOL_STATUS, } from '../../constants.js';
+import { theme } from '../../semantic-colors.js';
+import { SHELL_TOOL_NAME } from '@google/gemini-cli-core';
+export const STATUS_INDICATOR_WIDTH = 3;
+export const ToolStatusIndicator = ({ status, name, }) => {
+    const isShell = name === SHELL_COMMAND_NAME ||
+        name === SHELL_NAME ||
+        name === SHELL_TOOL_NAME;
+    const statusColor = isShell ? theme.ui.symbol : theme.status.warning;
+    return (_jsxs(Box, { minWidth: STATUS_INDICATOR_WIDTH, children: [status === ToolCallStatus.Pending && (_jsx(Text, { color: theme.status.success, children: TOOL_STATUS.PENDING })), status === ToolCallStatus.Executing && (_jsx(GeminiRespondingSpinner, { spinnerType: "toggle", nonRespondingDisplay: TOOL_STATUS.EXECUTING })), status === ToolCallStatus.Success && (_jsx(Text, { color: theme.status.success, "aria-label": 'Success:', children: TOOL_STATUS.SUCCESS })), status === ToolCallStatus.Confirming && (_jsx(Text, { color: statusColor, "aria-label": 'Confirming:', children: TOOL_STATUS.CONFIRMING })), status === ToolCallStatus.Canceled && (_jsx(Text, { color: statusColor, "aria-label": 'Canceled:', bold: true, children: TOOL_STATUS.CANCELED })), status === ToolCallStatus.Error && (_jsx(Text, { color: theme.status.error, "aria-label": 'Error:', bold: true, children: TOOL_STATUS.ERROR }))] }));
+};
+export const ToolInfo = ({ name, description, status, emphasis, }) => {
+    const nameColor = React.useMemo(() => {
+        switch (emphasis) {
+            case 'high':
+                return theme.text.primary;
+            case 'medium':
+                return theme.text.primary;
+            case 'low':
+                return theme.text.secondary;
+            default: {
+                const exhaustiveCheck = emphasis;
+                return exhaustiveCheck;
+            }
+        }
+    }, [emphasis]);
+    return (_jsx(Box, { overflow: "hidden", height: 1, flexGrow: 1, flexShrink: 1, children: _jsxs(Text, { strikethrough: status === ToolCallStatus.Canceled, wrap: "truncate", children: [_jsx(Text, { color: nameColor, bold: true, children: name }), ' ', _jsx(Text, { color: theme.text.secondary, children: description })] }) }));
+};
+export const TrailingIndicator = () => (_jsxs(Text, { color: theme.text.primary, wrap: "truncate", children: [' ', "\u2190"] }));
+//# sourceMappingURL=ToolShared.js.map

package/dist/src/ui/components/messages/ToolShared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolShared.js","sourceRoot":"","sources":["../../../../../src/ui/components/messages/ToolShared.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/messages/UserMessage.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type React from 'react';
+interface UserMessageProps {
+    text: string;
+    width: number;
+}
+export declare const UserMessage: React.FC<UserMessageProps>;
+export {};

package/dist/src/ui/components/messages/UserMessage.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, Box } from 'ink';
+import { theme } from '../../semantic-colors.js';
+import { SCREEN_READER_USER_PREFIX } from '../../textConstants.js';
+import { isSlashCommand as checkIsSlashCommand } from '../../utils/commandUtils.js';
+export const UserMessage = ({ text, width }) => {
+    const prefix = '> ';
+    const prefixWidth = prefix.length;
+    const isSlashCommand = checkIsSlashCommand(text);
+    const textColor = isSlashCommand ? theme.text.accent : theme.text.secondary;
+    return (_jsxs(Box, { flexDirection: "row", paddingY: 0, marginY: 1, alignSelf: "flex-start", width: width, children: [_jsx(Box, { width: prefixWidth, flexShrink: 0, children: _jsx(Text, { color: theme.text.accent, "aria-label": SCREEN_READER_USER_PREFIX, children: prefix }) }), _jsx(Box, { flexGrow: 1, children: _jsx(Text, { wrap: "wrap", color: textColor, children: text }) })] }));
+};
+//# sourceMappingURL=UserMessage.js.map

package/dist/src/ui/components/messages/UserMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMessage.js","sourceRoot":"","sources":["../../../../../src/ui/components/messages/UserMessage.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAOpF,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;IACzE,MAAM,MAAM,GAAG,IAAI,CAAC;IACpB,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC;IAClC,MAAM,cAAc,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;IAE5E,OAAO,CACL,MAAC,GAAG,IACF,aAAa,EAAC,KAAK,EACnB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,EACV,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,KAAK,aAEZ,KAAC,GAAG,IAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,YACpC,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,gBAAc,yBAAyB,YAClE,MAAM,GACF,GACH,EACN,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,YACd,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,YAC/B,IAAI,GACA,GACH,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/ui/components/messages/UserMessage.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export {};

package/dist/src/ui/components/messages/UserMessage.test.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { render } from '../../../test-utils/render.js';
+import { UserMessage } from './UserMessage.js';
+import { describe, it, expect, vi } from 'vitest';
+// Mock the commandUtils to control isSlashCommand behavior
+vi.mock('../../utils/commandUtils.js', () => ({
+    isSlashCommand: vi.fn((text) => text.startsWith('/')),
+}));
+describe('UserMessage', () => {
+    it('renders normal user message with correct prefix', () => {
+        const { lastFrame } = render(_jsx(UserMessage, { text: "Hello Gemini", width: 80 }));
+        const output = lastFrame();
+        expect(output).toMatchSnapshot();
+    });
+    it('renders slash command message', () => {
+        const { lastFrame } = render(_jsx(UserMessage, { text: "/help", width: 80 }));
+        const output = lastFrame();
+        expect(output).toMatchSnapshot();
+    });
+    it('renders multiline user message', () => {
+        const message = 'Line 1\nLine 2';
+        const { lastFrame } = render(_jsx(UserMessage, { text: message, width: 80 }));
+        const output = lastFrame();
+        expect(output).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=UserMessage.test.js.map

package/dist/src/ui/components/messages/UserMessage.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMessage.test.js","sourceRoot":"","sources":["../../../../../src/ui/components/messages/UserMessage.test.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAElD,2DAA2D;AAC3D,EAAE,CAAC,IAAI,CAAC,6BAA6B,EAAE,GAAG,EAAE,CAAC,CAAC;IAC5C,cAAc,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;CAC9D,CAAC,CAAC,CAAC;AAEJ,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,GAAI,CAC/C,CAAC;QACF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,GAAI,CAAC,CAAC;QACtE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,OAAO,GAAG,gBAAgB,CAAC;QACjC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,WAAW,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAI,CAAC,CAAC;QACxE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/src/ui/components/messages/UserShellMessage.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type React from 'react';
+interface UserShellMessageProps {
+    text: string;
+}
+export declare const UserShellMessage: React.FC<UserShellMessageProps>;
+export {};

package/dist/src/ui/components/messages/UserShellMessage.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { theme } from '../../semantic-colors.js';
+export const UserShellMessage = ({ text }) => {
+    // Remove leading '!' if present, as App.tsx adds it for the processor.
+    const commandToDisplay = text.startsWith('!') ? text.substring(1) : text;
+    return (_jsxs(Box, { children: [_jsx(Text, { color: theme.ui.symbol, children: "$ " }), _jsx(Text, { color: theme.text.primary, children: commandToDisplay })] }));
+};
+//# sourceMappingURL=UserShellMessage.js.map

package/dist/src/ui/components/messages/UserShellMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserShellMessage.js","sourceRoot":"","sources":["../../../../../src/ui/components/messages/UserShellMessage.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAMjD,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5E,uEAAuE;IACvE,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzE,OAAO,CACL,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,mBAAW,EACvC,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,YAAG,gBAAgB,GAAQ,IACtD,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/ui/components/messages/WarningMessage.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type React from 'react';
+interface WarningMessageProps {
+    text: string;
+}
+export declare const WarningMessage: React.FC<WarningMessageProps>;
+export {};

package/dist/src/ui/components/messages/WarningMessage.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { theme } from '../../semantic-colors.js';
+import { RenderInline } from '../../utils/InlineMarkdownRenderer.js';
+export const WarningMessage = ({ text }) => {
+    const prefix = '⚠ ';
+    const prefixWidth = 3;
+    return (_jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsx(Box, { width: prefixWidth, children: _jsx(Text, { color: theme.status.warning, children: prefix }) }), _jsx(Box, { flexGrow: 1, children: _jsx(Text, { wrap: "wrap", children: _jsx(RenderInline, { text: text, defaultColor: theme.status.warning }) }) })] }));
+};
+//# sourceMappingURL=WarningMessage.js.map

package/dist/src/ui/components/messages/WarningMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningMessage.js","sourceRoot":"","sources":["../../../../../src/ui/components/messages/WarningMessage.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAMrE,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACxE,MAAM,MAAM,GAAG,IAAI,CAAC;IACpB,MAAM,WAAW,GAAG,CAAC,CAAC;IAEtB,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,SAAS,EAAE,CAAC,aACnC,KAAC,GAAG,IAAC,KAAK,EAAE,WAAW,YACrB,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,YAAG,MAAM,GAAQ,GAC9C,EACN,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,YACd,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,YACf,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GAAI,GAC3D,GACH,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/ui/components/messages/WarningMessage.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export {};

package/dist/src/ui/components/messages/WarningMessage.test.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { render } from '../../../test-utils/render.js';
+import { WarningMessage } from './WarningMessage.js';
+import { describe, it, expect } from 'vitest';
+describe('WarningMessage', () => {
+    it('renders with the correct prefix and text', () => {
+        const { lastFrame } = render(_jsx(WarningMessage, { text: "Watch out!" }));
+        const output = lastFrame();
+        expect(output).toMatchSnapshot();
+    });
+    it('renders multiline warning messages', () => {
+        const message = 'Warning line 1\nWarning line 2';
+        const { lastFrame } = render(_jsx(WarningMessage, { text: message }));
+        const output = lastFrame();
+        expect(output).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=WarningMessage.test.js.map

package/dist/src/ui/components/messages/WarningMessage.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningMessage.test.js","sourceRoot":"","sources":["../../../../../src/ui/components/messages/WarningMessage.test.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,cAAc,IAAC,IAAI,EAAC,YAAY,GAAG,CAAC,CAAC;QACnE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,OAAO,GAAG,gCAAgC,CAAC;QACjD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,cAAc,IAAC,IAAI,EAAE,OAAO,GAAI,CAAC,CAAC;QAChE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/src/ui/components/shared/BaseSelectionList.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type React from 'react';
+import type { SelectionListItem } from '../../hooks/useSelectionList.js';
+export interface RenderItemContext {
+    isSelected: boolean;
+    titleColor: string;
+    numberColor: string;
+}
+export interface BaseSelectionListProps<T, TItem extends SelectionListItem<T> = SelectionListItem<T>> {
+    items: TItem[];
+    initialIndex?: number;
+    onSelect: (value: T) => void;
+    onHighlight?: (value: T) => void;
+    isFocused?: boolean;
+    showNumbers?: boolean;
+    showScrollArrows?: boolean;
+    maxItemsToShow?: number;
+    renderItem: (item: TItem, context: RenderItemContext) => React.ReactNode;
+}
+/**
+ * Base component for selection lists that provides common UI structure
+ * and keyboard navigation logic via the useSelectionList hook.
+ *
+ * This component handles:
+ * - Radio button indicators
+ * - Item numbering
+ * - Scrolling for long lists
+ * - Color theming based on selection/disabled state
+ * - Keyboard navigation and numeric selection
+ *
+ * Specific components should use this as a base and provide
+ * their own renderItem implementation for custom content.
+ */
+export declare function BaseSelectionList<T, TItem extends SelectionListItem<T> = SelectionListItem<T>>({ items, initialIndex, onSelect, onHighlight, isFocused, showNumbers, showScrollArrows, maxItemsToShow, renderItem, }: BaseSelectionListProps<T, TItem>): React.JSX.Element;

package/dist/src/ui/components/shared/BaseSelectionList.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Text, Box } from 'ink';
+import { theme } from '../../semantic-colors.js';
+import { useSelectionList } from '../../hooks/useSelectionList.js';
+/**
+ * Base component for selection lists that provides common UI structure
+ * and keyboard navigation logic via the useSelectionList hook.
+ *
+ * This component handles:
+ * - Radio button indicators
+ * - Item numbering
+ * - Scrolling for long lists
+ * - Color theming based on selection/disabled state
+ * - Keyboard navigation and numeric selection
+ *
+ * Specific components should use this as a base and provide
+ * their own renderItem implementation for custom content.
+ */
+export function BaseSelectionList({ items, initialIndex = 0, onSelect, onHighlight, isFocused = true, showNumbers = true, showScrollArrows = false, maxItemsToShow = 10, renderItem, }) {
+    const { activeIndex } = useSelectionList({
+        items,
+        initialIndex,
+        onSelect,
+        onHighlight,
+        isFocused,
+        showNumbers,
+    });
+    const [scrollOffset, setScrollOffset] = useState(0);
+    // Handle scrolling for long lists
+    useEffect(() => {
+        const newScrollOffset = Math.max(0, Math.min(activeIndex - maxItemsToShow + 1, items.length - maxItemsToShow));
+        if (activeIndex < scrollOffset) {
+            setScrollOffset(activeIndex);
+        }
+        else if (activeIndex >= scrollOffset + maxItemsToShow) {
+            setScrollOffset(newScrollOffset);
+        }
+    }, [activeIndex, items.length, scrollOffset, maxItemsToShow]);
+    const visibleItems = items.slice(scrollOffset, scrollOffset + maxItemsToShow);
+    const numberColumnWidth = String(items.length).length;
+    return (_jsxs(Box, { flexDirection: "column", children: [showScrollArrows && (_jsx(Text, { color: scrollOffset > 0 ? theme.text.primary : theme.text.secondary, children: "\u25B2" })), visibleItems.map((item, index) => {
+                const itemIndex = scrollOffset + index;
+                const isSelected = activeIndex === itemIndex;
+                // Determine colors based on selection and disabled state
+                let titleColor = theme.text.primary;
+                let numberColor = theme.text.primary;
+                if (isSelected) {
+                    titleColor = theme.status.success;
+                    numberColor = theme.status.success;
+                }
+                else if (item.disabled) {
+                    titleColor = theme.text.secondary;
+                    numberColor = theme.text.secondary;
+                }
+                if (!isFocused && !item.disabled) {
+                    numberColor = theme.text.secondary;
+                }
+                if (!showNumbers) {
+                    numberColor = theme.text.secondary;
+                }
+                const itemNumberText = `${String(itemIndex + 1).padStart(numberColumnWidth)}.`;
+                return (_jsxs(Box, { alignItems: "flex-start", children: [_jsx(Box, { minWidth: 2, flexShrink: 0, children: _jsx(Text, { color: isSelected ? theme.status.success : theme.text.primary, "aria-hidden": true, children: isSelected ? '●' : ' ' }) }), showNumbers && (_jsx(Box, { marginRight: 1, flexShrink: 0, minWidth: itemNumberText.length, "aria-state": { checked: isSelected }, children: _jsx(Text, { color: numberColor, children: itemNumberText }) })), _jsx(Box, { flexGrow: 1, children: renderItem(item, {
+                                isSelected,
+                                titleColor,
+                                numberColor,
+                            }) })] }, item.key));
+            }), showScrollArrows && (_jsx(Text, { color: scrollOffset + maxItemsToShow < items.length
+                    ? theme.text.primary
+                    : theme.text.secondary, children: "\u25BC" }))] }));
+}
+//# sourceMappingURL=BaseSelectionList.js.map

package/dist/src/ui/components/shared/BaseSelectionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSelectionList.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/BaseSelectionList.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/shared/BaseSelectionList.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export {};