@tulex-cli/tulex-code 0.1.1

package/dist/src/ui/components/StickyTodoList.test.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Qwen Code
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { render } from 'ink-testing-library';
+import { describe, expect, it } from 'vitest';
+import { getStickyTodoMaxVisibleItems, STICKY_TODO_MAX_VISIBLE_ITEMS, } from '../utils/todoSnapshot.js';
+import { StickyTodoList } from './StickyTodoList.js';
+function makeTodos(count) {
+    return Array.from({ length: count }, (_, index) => ({
+        id: `todo-${index + 1}`,
+        content: `Task ${index + 1}`,
+        status: 'pending',
+    }));
+}
+describe('StickyTodoList', () => {
+    it('keeps each visible task number attached to the original task after sorting', () => {
+        const todos = [
+            {
+                id: 'done',
+                content: 'Summarize results',
+                status: 'completed',
+            },
+            {
+                id: 'pending',
+                content: 'Run cli tests',
+                status: 'pending',
+            },
+            {
+                id: 'active',
+                content: 'Run core tests',
+                status: 'in_progress',
+            },
+        ];
+        const { lastFrame } = render(_jsx(StickyTodoList, { todos: todos, width: 60 }));
+        const output = lastFrame() ?? '';
+        const lines = output
+            .split('\n')
+            .map((line) => line.trim())
+            .filter(Boolean);
+        expect(output).toContain('Current tasks');
+        expect(output).toContain('╭');
+        expect(lines.find((line) => line.includes('Run core tests')) ?? '').toContain('3.');
+        expect(lines.find((line) => line.includes('Run cli tests')) ?? '').toContain('2.');
+        expect(output).not.toContain('Summarize results');
+        expect(output.indexOf('Run core tests')).toBeLessThan(output.indexOf('Run cli tests'));
+    });
+    it('keeps long todo lists compact with a hidden item summary', () => {
+        const todos = [
+            {
+                id: 'active',
+                content: 'This active task has a very long description that should not wrap across multiple rows in the sticky panel',
+                status: 'in_progress',
+            },
+            {
+                id: 'pending-1',
+                content: 'Run cli tests',
+                status: 'pending',
+            },
+            {
+                id: 'pending-2',
+                content: 'Run core tests',
+                status: 'pending',
+            },
+            {
+                id: 'done',
+                content: 'Summarize results',
+                status: 'completed',
+            },
+        ];
+        const { lastFrame } = render(_jsx(StickyTodoList, { todos: todos, width: 42, maxVisibleItems: 2 }));
+        const output = lastFrame() ?? '';
+        const lines = output.split('\n').filter(Boolean);
+        expect(output).toContain('Current tasks');
+        expect(output).toContain('This active task has a very long');
+        expect(output).not.toContain('multiple rows in the sticky panel');
+        expect(output).toContain('Run cli tests');
+        expect(output).not.toContain('Run core tests');
+        expect(output).not.toContain('Summarize results');
+        expect(output).toContain('... and 1 more');
+        expect(lines).toHaveLength(6);
+    });
+    it('sizes the number column for original todo numbers after sorting', () => {
+        const todos = makeTodos(10).map((todo, index) => ({
+            ...todo,
+            status: index === 9 ? 'in_progress' : 'completed',
+        }));
+        const { lastFrame } = render(_jsx(StickyTodoList, { todos: todos, width: 24, maxVisibleItems: 1 }));
+        const output = lastFrame() ?? '';
+        expect(output).toContain('10. ◐ Task 10');
+        expect(output).not.toContain('... and 9 more');
+    });
+    it('hides the sticky panel when every task is completed', () => {
+        const todos = [
+            {
+                id: 'done-1',
+                content: 'Run tests',
+                status: 'completed',
+            },
+            {
+                id: 'done-2',
+                content: 'Summarize results',
+                status: 'completed',
+            },
+        ];
+        const { lastFrame } = render(_jsx(StickyTodoList, { todos: todos, width: 60 }));
+        expect(lastFrame()).toBe('');
+    });
+    it('derives a viewport-aware visible item count', () => {
+        expect(getStickyTodoMaxVisibleItems(8)).toBe(1);
+        expect(getStickyTodoMaxVisibleItems(15)).toBe(3);
+        expect(getStickyTodoMaxVisibleItems(80)).toBe(5);
+    });
+    it('falls back to the maximum visible item count for non-finite maxVisibleItems', () => {
+        const todos = makeTodos(STICKY_TODO_MAX_VISIBLE_ITEMS + 1);
+        for (const maxVisibleItems of [Number.NaN, Number.POSITIVE_INFINITY]) {
+            const { lastFrame, unmount } = render(_jsx(StickyTodoList, { todos: todos, width: 42, maxVisibleItems: maxVisibleItems }));
+            const output = lastFrame() ?? '';
+            expect(output).toContain(`Task ${STICKY_TODO_MAX_VISIBLE_ITEMS}`);
+            expect(output).not.toContain(`Task ${STICKY_TODO_MAX_VISIBLE_ITEMS + 1}`);
+            expect(output).toContain('... and 1 more');
+            unmount();
+        }
+    });
+});
+//# sourceMappingURL=StickyTodoList.test.js.map

package/dist/src/ui/components/StickyTodoList.test.js.map

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

package/dist/src/ui/components/SuggestionsDisplay.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { MAX_WIDTH } from './PrepareLabel.js';
+import type { CommandKind, CommandSource, ExecutionMode } from '../commands/types.js';
+export interface Suggestion {
+    label: string;
+    value: string;
+    description?: string;
+    matchedIndex?: number;
+    /** @deprecated Use source/sourceBadge instead. */
+    commandKind?: CommandKind;
+    source?: CommandSource;
+    sourceLabel?: string;
+    sourceBadge?: string;
+    argumentHint?: string;
+    matchedAlias?: string;
+    supportedModes?: ExecutionMode[];
+    modelInvocable?: boolean;
+    /** Whether the suggestion represents a directory path. When true, handleAutocomplete should NOT append a trailing space so the user can continue tab-completing deeper into the directory tree. */
+    isDirectory?: boolean;
+    /**
+     * When true, the input layer should submit `/<value>` immediately on
+     * Enter-accept rather than just inserting the suggestion text and
+     * waiting for a second Enter. Mirrors the `submitOnAccept` flag on the
+     * underlying SlashCommand (see `commands/types.ts`). Used for parent
+     * commands like `/skills` whose bare action just opens a dialog and
+     * takes no further argument — typing `/skil<Enter>` should land in the
+     * dialog in one keystroke.
+     */
+    submitOnAccept?: boolean;
+}
+interface SuggestionsDisplayProps {
+    suggestions: Suggestion[];
+    activeIndex: number;
+    isLoading: boolean;
+    width: number;
+    scrollOffset: number;
+    userInput: string;
+    mode: 'reverse' | 'slash';
+    expandedIndex?: number;
+}
+export declare const MAX_SUGGESTIONS_TO_SHOW = 8;
+export { MAX_WIDTH };
+export declare function SuggestionsDisplay({ suggestions, activeIndex, isLoading, width, scrollOffset, userInput, mode, expandedIndex, }: SuggestionsDisplayProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/ui/components/SuggestionsDisplay.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Box, Text } from 'ink';
+import { theme } from '../semantic-colors.js';
+import { PrepareLabel, MAX_WIDTH } from './PrepareLabel.js';
+import { Colors } from '../colors.js';
+import { t } from '../../i18n/index.js';
+export const MAX_SUGGESTIONS_TO_SHOW = 8;
+export { MAX_WIDTH };
+export function SuggestionsDisplay({ suggestions, activeIndex, isLoading, width, scrollOffset, userInput, mode, expandedIndex, }) {
+    if (isLoading) {
+        return (_jsx(Box, { width: width, children: _jsx(Text, { color: "gray", children: t('Loading suggestions...') }) }));
+    }
+    if (suggestions.length === 0) {
+        return null; // Don't render anything if there are no suggestions
+    }
+    // Calculate the visible slice based on scrollOffset
+    const startIndex = scrollOffset;
+    const endIndex = Math.min(scrollOffset + MAX_SUGGESTIONS_TO_SHOW, suggestions.length);
+    const visibleSuggestions = suggestions.slice(startIndex, endIndex);
+    const getFullLabel = (s) => [s.label, s.argumentHint, s.sourceBadge].filter(Boolean).join(' ');
+    const maxLabelLength = Math.max(...suggestions.map((s) => getFullLabel(s).length));
+    const commandColumnWidth = mode === 'slash' ? Math.min(maxLabelLength, Math.floor(width * 0.5)) : 0;
+    return (_jsxs(Box, { flexDirection: "column", width: width, children: [scrollOffset > 0 && _jsx(Text, { color: theme.text.primary, children: "\u25B2" }), visibleSuggestions.map((suggestion, index) => {
+                const originalIndex = startIndex + index;
+                const isActive = originalIndex === activeIndex;
+                const isExpanded = originalIndex === expandedIndex;
+                const textColor = isActive ? theme.text.accent : theme.text.secondary;
+                const displayLabel = suggestion.label ?? suggestion.value;
+                const isLong = displayLabel.length >= MAX_WIDTH;
+                const expansionIndicatorWidth = isActive && isLong ? 3 : 0;
+                const descriptionColumnWidth = Math.max(width - commandColumnWidth - 2 - expansionIndicatorWidth, 1);
+                const labelElement = (_jsx(PrepareLabel, { label: displayLabel, matchedIndex: suggestion.matchedIndex, userInput: userInput, textColor: textColor, isExpanded: isExpanded }));
+                return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { ...(mode === 'slash'
+                                ? { width: commandColumnWidth, flexShrink: 0 }
+                                : { flexShrink: 1 }), children: _jsxs(Box, { children: [labelElement, suggestion.argumentHint && (_jsxs(Text, { color: theme.text.secondary, children: [' ', suggestion.argumentHint] })), suggestion.sourceBadge && (_jsxs(Text, { color: textColor, children: [" ", suggestion.sourceBadge] }))] }) }), suggestion.description && (_jsx(Box, { width: descriptionColumnWidth, flexGrow: 1, flexShrink: 1, paddingLeft: 2, children: _jsx(Text, { color: textColor, wrap: "wrap", children: suggestion.description }) })), isActive && isLong && (_jsx(Box, { children: _jsx(Text, { color: Colors.Gray, children: isExpanded ? ' ← ' : ' → ' }) }))] }, `${suggestion.value}-${originalIndex}`));
+            }), endIndex < suggestions.length && _jsx(Text, { color: "gray", children: "\u25BC" }), suggestions.length > MAX_SUGGESTIONS_TO_SHOW && (_jsxs(Text, { color: "gray", children: ["(", activeIndex + 1, "/", suggestions.length, ")"] }))] }));
+}
+//# sourceMappingURL=SuggestionsDisplay.js.map

package/dist/src/ui/components/SuggestionsDisplay.js.map

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

package/dist/src/ui/components/SuggestionsDisplay.test.d.ts

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

package/dist/src/ui/components/SuggestionsDisplay.test.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Qwen
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/** @vitest-environment jsdom */
+import { render } from 'ink-testing-library';
+import { describe, it, expect, beforeEach, afterAll } from 'vitest';
+import { SuggestionsDisplay } from './SuggestionsDisplay.js';
+import { setLanguageAsync } from '../../i18n/index.js';
+describe('SuggestionsDisplay', () => {
+    beforeEach(async () => {
+        await setLanguageAsync('en');
+    });
+    afterAll(async () => {
+        await setLanguageAsync('en');
+    });
+    it('renders localized loading text in zh', async () => {
+        await setLanguageAsync('zh');
+        const { lastFrame } = render(_jsx(SuggestionsDisplay, { suggestions: [], activeIndex: 0, isLoading: true, width: 80, scrollOffset: 0, userInput: "/", mode: "slash" }));
+        expect(lastFrame()).toContain('正在加载建议...');
+    });
+    it('wraps long slash command descriptions instead of truncating them', () => {
+        const description = 'This long command description should wrap across multiple lines and remain fully visible in the menu.';
+        const { lastFrame } = render(_jsx(SuggestionsDisplay, { suggestions: [
+                {
+                    label: 'review',
+                    value: 'review',
+                    description,
+                },
+            ], activeIndex: 0, isLoading: false, width: 40, scrollOffset: 0, userInput: "/re", mode: "slash" }));
+        const output = lastFrame() ?? '';
+        const normalizedOutput = output.replace(/\s+/g, ' ').trim();
+        expect(normalizedOutput).toContain(description);
+        expect(output.split('\n').length).toBeGreaterThan(1);
+    });
+});
+//# sourceMappingURL=SuggestionsDisplay.test.js.map

package/dist/src/ui/components/SuggestionsDisplay.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionsDisplay.test.js","sourceRoot":"","sources":["../../../../src/ui/components/SuggestionsDisplay.test.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,gCAAgC;AAEhC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,KAAK,IAAI,EAAE;QAClB,MAAM,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAE7B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,kBAAkB,IACjB,WAAW,EAAE,EAAE,EACf,WAAW,EAAE,CAAC,EACd,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,EAAE,EACT,YAAY,EAAE,CAAC,EACf,SAAS,EAAC,GAAG,EACb,IAAI,EAAC,OAAO,GACZ,CACH,CAAC;QAEF,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,GAAG,EAAE;QAC1E,MAAM,WAAW,GACf,uGAAuG,CAAC;QAC1G,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,kBAAkB,IACjB,WAAW,EAAE;gBACX;oBACE,KAAK,EAAE,QAAQ;oBACf,KAAK,EAAE,QAAQ;oBACf,WAAW;iBACZ;aACF,EACD,WAAW,EAAE,CAAC,EACd,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,EAAE,EACT,YAAY,EAAE,CAAC,EACf,SAAS,EAAC,KAAK,EACf,IAAI,EAAC,OAAO,GACZ,CACH,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,CAAC;QACjC,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;QAE5D,MAAM,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAChD,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/src/ui/components/ThemeDialog.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type React from 'react';
+import type { LoadedSettings } from '../../config/settings.js';
+import { SettingScope } from '../../config/settings.js';
+interface ThemeDialogProps {
+    /** Callback function when a theme is selected */
+    onSelect: (themeName: string | undefined, scope: SettingScope) => void;
+    /** Callback function when a theme is highlighted */
+    onHighlight: (themeName: string | undefined) => void;
+    /** The settings object */
+    settings: LoadedSettings;
+    availableTerminalHeight?: number;
+    terminalWidth: number;
+}
+export declare function ThemeDialog({ onSelect, onHighlight, settings, availableTerminalHeight, terminalWidth, }: ThemeDialogProps): React.JSX.Element;
+export {};

package/dist/src/ui/components/ThemeDialog.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { Box, Text } from 'ink';
+import { theme } from '../semantic-colors.js';
+import { themeManager, DEFAULT_THEME, AUTO_THEME_NAME, } from '../themes/theme-manager.js';
+import { RadioButtonSelect } from './shared/RadioButtonSelect.js';
+import { DiffRenderer } from './messages/DiffRenderer.js';
+import { colorizeCode } from '../utils/CodeColorizer.js';
+import { SettingScope } from '../../config/settings.js';
+import { getScopeMessageForSetting } from '../../utils/dialogScopeUtils.js';
+import { useKeypress } from '../hooks/useKeypress.js';
+import { ScopeSelector } from './shared/ScopeSelector.js';
+import { t } from '../../i18n/index.js';
+export function ThemeDialog({ onSelect, onHighlight, settings, availableTerminalHeight, terminalWidth, }) {
+    const [selectedScope, setSelectedScope] = useState(SettingScope.User);
+    // Track the currently highlighted theme name. An unset theme means
+    // auto-detection is in effect, so reflect that by highlighting Auto.
+    const [highlightedThemeName, setHighlightedThemeName] = useState(settings.merged.ui?.theme || AUTO_THEME_NAME);
+    // Generate theme items filtered by selected scope
+    const customThemes = selectedScope === SettingScope.User
+        ? settings.user.settings.ui?.customThemes || {}
+        : settings.merged.ui?.customThemes || {};
+    const builtInThemes = themeManager
+        .getAvailableThemes()
+        .filter((theme) => theme.type !== 'custom');
+    const customThemeNames = Object.keys(customThemes);
+    const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+    // Generate theme items with "Auto" at the top
+    const themeItems = [
+        {
+            label: t('Auto (detect terminal theme)'),
+            value: AUTO_THEME_NAME,
+            themeNameDisplay: t('Auto'),
+            themeTypeDisplay: t('Auto'),
+            key: AUTO_THEME_NAME,
+        },
+        ...builtInThemes.map((theme) => ({
+            label: theme.name,
+            value: theme.name,
+            themeNameDisplay: theme.name,
+            themeTypeDisplay: capitalize(theme.type),
+            key: theme.name,
+        })),
+        ...customThemeNames.map((name) => ({
+            label: name,
+            value: name,
+            themeNameDisplay: name,
+            themeTypeDisplay: t('Custom'),
+            key: name,
+        })),
+    ];
+    // Find the index of the selected theme, but only if it exists in the list
+    const initialThemeIndex = themeItems.findIndex((item) => item.value === highlightedThemeName);
+    // If not found, fall back to the first theme
+    const safeInitialThemeIndex = initialThemeIndex >= 0 ? initialThemeIndex : 0;
+    const handleThemeSelect = useCallback((themeName) => {
+        onSelect(themeName, selectedScope);
+    }, [onSelect, selectedScope]);
+    const handleThemeHighlight = (themeName) => {
+        setHighlightedThemeName(themeName);
+        onHighlight(themeName);
+    };
+    const handleScopeHighlight = useCallback((scope) => {
+        setSelectedScope(scope);
+    }, []);
+    const handleScopeSelect = useCallback((scope) => {
+        onSelect(highlightedThemeName, scope);
+    }, [onSelect, highlightedThemeName]);
+    const [mode, setMode] = useState('theme');
+    useKeypress((key) => {
+        if (key.name === 'tab') {
+            setMode((prev) => (prev === 'theme' ? 'scope' : 'theme'));
+        }
+        if (key.name === 'escape') {
+            onSelect(undefined, selectedScope);
+        }
+    }, { isActive: true });
+    // Generate scope message for theme setting
+    const otherScopeModifiedMessage = getScopeMessageForSetting('ui.theme', selectedScope, settings);
+    // Constants for calculating preview pane layout.
+    // These values are based on the JSX structure below.
+    const PREVIEW_PANE_WIDTH_PERCENTAGE = 0.55;
+    // A safety margin to prevent text from touching the border.
+    // This is a complete hack unrelated to the 0.9 used in App.tsx
+    const PREVIEW_PANE_WIDTH_SAFETY_MARGIN = 0.9;
+    // Combined horizontal padding from the dialog and preview pane.
+    const TOTAL_HORIZONTAL_PADDING = 4;
+    const colorizeCodeWidth = Math.max(Math.floor((terminalWidth - TOTAL_HORIZONTAL_PADDING) *
+        PREVIEW_PANE_WIDTH_PERCENTAGE *
+        PREVIEW_PANE_WIDTH_SAFETY_MARGIN), 1);
+    const DIALOG_PADDING = 2;
+    const selectThemeHeight = themeItems.length + 1;
+    const TAB_TO_SELECT_HEIGHT = 2;
+    availableTerminalHeight = availableTerminalHeight ?? Number.MAX_SAFE_INTEGER;
+    availableTerminalHeight -= 2; // Top and bottom borders.
+    availableTerminalHeight -= TAB_TO_SELECT_HEIGHT;
+    let totalLeftHandSideHeight = DIALOG_PADDING + selectThemeHeight;
+    let includePadding = true;
+    // Remove content from the LHS that can be omitted if it exceeds the available height.
+    if (totalLeftHandSideHeight > availableTerminalHeight) {
+        includePadding = false;
+        totalLeftHandSideHeight -= DIALOG_PADDING;
+    }
+    // Vertical space taken by elements other than the two code blocks in the preview pane.
+    // Includes "Preview" title, borders, and margin between blocks.
+    const PREVIEW_PANE_FIXED_VERTICAL_SPACE = 8;
+    // The right column doesn't need to ever be shorter than the left column.
+    availableTerminalHeight = Math.max(availableTerminalHeight, totalLeftHandSideHeight);
+    const availableTerminalHeightCodeBlock = availableTerminalHeight -
+        PREVIEW_PANE_FIXED_VERTICAL_SPACE -
+        (includePadding ? 2 : 0) * 2;
+    // Subtract margin between code blocks from available height.
+    const availableHeightForPanes = Math.max(0, availableTerminalHeightCodeBlock - 1);
+    // The code block is slightly longer than the diff, so give it more space.
+    const codeBlockHeight = Math.ceil(availableHeightForPanes * 0.6);
+    const diffHeight = Math.floor(availableHeightForPanes * 0.4);
+    return (_jsxs(Box, { borderStyle: "round", borderColor: theme.border.default, flexDirection: "column", paddingTop: includePadding ? 1 : 0, paddingBottom: includePadding ? 1 : 0, paddingLeft: 1, paddingRight: 1, width: "100%", children: [mode === 'theme' ? (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Box, { flexDirection: "column", width: "45%", paddingRight: 2, children: [_jsxs(Text, { bold: mode === 'theme', wrap: "truncate", children: [mode === 'theme' ? '> ' : '  ', t('Select Theme'), ' ', _jsx(Text, { color: theme.text.secondary, children: otherScopeModifiedMessage })] }), _jsx(RadioButtonSelect, { items: themeItems, initialIndex: safeInitialThemeIndex, onSelect: handleThemeSelect, onHighlight: handleThemeHighlight, isFocused: mode === 'theme', maxItemsToShow: 12, showScrollArrows: true, showNumbers: mode === 'theme' })] }), _jsxs(Box, { flexDirection: "column", width: "55%", paddingLeft: 2, children: [_jsx(Text, { bold: true, color: theme.text.primary, children: t('Preview') }), (() => {
+                                // For 'auto', show the currently resolved theme (set by onHighlight → applyTheme)
+                                const previewTheme = highlightedThemeName === AUTO_THEME_NAME
+                                    ? themeManager.getActiveTheme()
+                                    : themeManager.getTheme(highlightedThemeName || DEFAULT_THEME.name) || DEFAULT_THEME;
+                                return (_jsxs(Box, { borderStyle: "single", borderColor: theme.border.default, paddingTop: includePadding ? 1 : 0, paddingBottom: includePadding ? 1 : 0, paddingLeft: 1, paddingRight: 1, flexDirection: "column", children: [colorizeCode(`# function
+def fibonacci(n):
+    a, b = 0, 1
+    for _ in range(n):
+        a, b = b, a + b
+    return a`, 'python', codeBlockHeight, colorizeCodeWidth), _jsx(Box, { marginTop: 1 }), _jsx(DiffRenderer, { diffContent: `--- a/util.py
++++ b/util.py
+@@ -1,2 +1,2 @@
+- print("Hello, " + name)
++ print(f"Hello, {name}!")
+`, availableTerminalHeight: diffHeight, contentWidth: colorizeCodeWidth, theme: previewTheme, settings: settings })] }));
+                            })()] })] })) : (_jsx(ScopeSelector, { onSelect: handleScopeSelect, onHighlight: handleScopeHighlight, isFocused: mode === 'scope', initialScope: selectedScope })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.text.secondary, wrap: "truncate", children: mode === 'theme'
+                        ? t('(Use Enter to select, Tab to configure scope)')
+                        : t('(Use Enter to apply scope, Tab to go back)') }) })] }));
+}
+//# sourceMappingURL=ThemeDialog.js.map

package/dist/src/ui/components/ThemeDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeDialog.js","sourceRoot":"","sources":["../../../../src/ui/components/ThemeDialog.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EACL,YAAY,EACZ,aAAa,EACb,eAAe,GAChB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AAcxC,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,uBAAuB,EACvB,aAAa,GACI;IACjB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,YAAY,CAAC,IAAI,CAClB,CAAC;IAEF,mEAAmE;IACnE,qEAAqE;IACrE,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAE9D,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC;IAEhD,kDAAkD;IAClD,MAAM,YAAY,GAChB,aAAa,KAAK,YAAY,CAAC,IAAI;QACjC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,YAAY,IAAI,EAAE;QAC/C,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE,YAAY,IAAI,EAAE,CAAC;IAC7C,MAAM,aAAa,GAAG,YAAY;SAC/B,kBAAkB,EAAE;SACpB,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC;IAC9C,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACzE,8CAA8C;IAC9C,MAAM,UAAU,GAAG;QACjB;YACE,KAAK,EAAE,CAAC,CAAC,8BAA8B,CAAC;YACxC,KAAK,EAAE,eAAe;YACtB,gBAAgB,EAAE,CAAC,CAAC,MAAM,CAAC;YAC3B,gBAAgB,EAAE,CAAC,CAAC,MAAM,CAAC;YAC3B,GAAG,EAAE,eAAe;SACrB;QACD,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC/B,KAAK,EAAE,KAAK,CAAC,IAAI;YACjB,KAAK,EAAE,KAAK,CAAC,IAAI;YACjB,gBAAgB,EAAE,KAAK,CAAC,IAAI;YAC5B,gBAAgB,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;YACxC,GAAG,EAAE,KAAK,CAAC,IAAI;SAChB,CAAC,CAAC;QACH,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACjC,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,IAAI;YACX,gBAAgB,EAAE,IAAI;YACtB,gBAAgB,EAAE,CAAC,CAAC,QAAQ,CAAC;YAC7B,GAAG,EAAE,IAAI;SACV,CAAC,CAAC;KACJ,CAAC;IAEF,0EAA0E;IAC1E,MAAM,iBAAiB,GAAG,UAAU,CAAC,SAAS,CAC5C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,oBAAoB,CAC9C,CAAC;IACF,6CAA6C;IAC7C,MAAM,qBAAqB,GAAG,iBAAiB,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7E,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,SAAiB,EAAE,EAAE;QACpB,QAAQ,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CAC1B,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE;QACjD,uBAAuB,CAAC,SAAS,CAAC,CAAC;QACnC,WAAW,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,KAAmB,EAAE,EAAE;QAC/D,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAmB,EAAE,EAAE;QACtB,QAAQ,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CACjC,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAoB,OAAO,CAAC,CAAC;IAE7D,WAAW,CACT,CAAC,GAAG,EAAE,EAAE;QACN,IAAI,GAAG,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YACvB,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,CAAC;QACD,IAAI,GAAG,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC1B,QAAQ,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB,CAAC;IAEF,2CAA2C;IAC3C,MAAM,yBAAyB,GAAG,yBAAyB,CACzD,UAAU,EACV,aAAa,EACb,QAAQ,CACT,CAAC;IAEF,iDAAiD;IACjD,qDAAqD;IACrD,MAAM,6BAA6B,GAAG,IAAI,CAAC;IAC3C,4DAA4D;IAC5D,+DAA+D;IAC/D,MAAM,gCAAgC,GAAG,GAAG,CAAC;IAC7C,gEAAgE;IAChE,MAAM,wBAAwB,GAAG,CAAC,CAAC;IACnC,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAChC,IAAI,CAAC,KAAK,CACR,CAAC,aAAa,GAAG,wBAAwB,CAAC;QACxC,6BAA6B;QAC7B,gCAAgC,CACnC,EACD,CAAC,CACF,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAC;IACzB,MAAM,iBAAiB,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAChD,MAAM,oBAAoB,GAAG,CAAC,CAAC;IAC/B,uBAAuB,GAAG,uBAAuB,IAAI,MAAM,CAAC,gBAAgB,CAAC;IAC7E,uBAAuB,IAAI,CAAC,CAAC,CAAC,0BAA0B;IACxD,uBAAuB,IAAI,oBAAoB,CAAC;IAEhD,IAAI,uBAAuB,GAAG,cAAc,GAAG,iBAAiB,CAAC;IAEjE,IAAI,cAAc,GAAG,IAAI,CAAC;IAE1B,sFAAsF;IACtF,IAAI,uBAAuB,GAAG,uBAAuB,EAAE,CAAC;QACtD,cAAc,GAAG,KAAK,CAAC;QACvB,uBAAuB,IAAI,cAAc,CAAC;IAC5C,CAAC;IAED,uFAAuF;IACvF,gEAAgE;IAChE,MAAM,iCAAiC,GAAG,CAAC,CAAC;IAE5C,yEAAyE;IACzE,uBAAuB,GAAG,IAAI,CAAC,GAAG,CAChC,uBAAuB,EACvB,uBAAuB,CACxB,CAAC;IACF,MAAM,gCAAgC,GACpC,uBAAuB;QACvB,iCAAiC;QACjC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAE/B,6DAA6D;IAC7D,MAAM,uBAAuB,GAAG,IAAI,CAAC,GAAG,CACtC,CAAC,EACD,gCAAgC,GAAG,CAAC,CACrC,CAAC;IAEF,0EAA0E;IAC1E,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,uBAAuB,GAAG,GAAG,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,uBAAuB,GAAG,GAAG,CAAC,CAAC;IAC7D,OAAO,CACL,MAAC,GAAG,IACF,WAAW,EAAC,OAAO,EACnB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EACjC,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAClC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACrC,WAAW,EAAE,CAAC,EACd,YAAY,EAAE,CAAC,EACf,KAAK,EAAC,MAAM,aAEX,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAClB,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,aAEtB,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAC,YAAY,EAAE,CAAC,aACrD,MAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAK,OAAO,EAAE,IAAI,EAAC,UAAU,aAC1C,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC9B,CAAC,CAAC,cAAc,CAAC,EAAE,GAAG,EACvB,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,YAC9B,yBAAyB,GACrB,IACF,EACP,KAAC,iBAAiB,IAChB,KAAK,EAAE,UAAU,EACjB,YAAY,EAAE,qBAAqB,EACnC,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,oBAAoB,EACjC,SAAS,EAAE,IAAI,KAAK,OAAO,EAC3B,cAAc,EAAE,EAAE,EAClB,gBAAgB,EAAE,IAAI,EACtB,WAAW,EAAE,IAAI,KAAK,OAAO,GAC7B,IACE,EAGN,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAC,WAAW,EAAE,CAAC,aACpD,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,YACjC,CAAC,CAAC,SAAS,CAAC,GACR,EAEN,CAAC,GAAG,EAAE;gCACL,kFAAkF;gCAClF,MAAM,YAAY,GAChB,oBAAoB,KAAK,eAAe;oCACtC,CAAC,CAAC,YAAY,CAAC,cAAc,EAAE;oCAC/B,CAAC,CAAC,YAAY,CAAC,QAAQ,CACnB,oBAAoB,IAAI,aAAa,CAAC,IAAI,CAC3C,IAAI,aAAa,CAAC;gCACzB,OAAO,CACL,MAAC,GAAG,IACF,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EACjC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAClC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACrC,WAAW,EAAE,CAAC,EACd,YAAY,EAAE,CAAC,EACf,aAAa,EAAC,QAAQ,aAErB,YAAY,CACX;;;;;aAKP,EACO,QAAQ,EACR,eAAe,EACf,iBAAiB,CAClB,EACD,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,GAAI,EACrB,KAAC,YAAY,IACX,WAAW,EAAE;;;;;CAKhC,EACmB,uBAAuB,EAAE,UAAU,EACnC,YAAY,EAAE,iBAAiB,EAC/B,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;4BACJ,CAAC,CAAC,EAAE,IACA,IACF,CACP,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IACZ,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,oBAAoB,EACjC,SAAS,EAAE,IAAI,KAAK,OAAO,EAC3B,YAAY,EAAE,aAAa,GAC3B,CACH,EACD,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAC,UAAU,YAC/C,IAAI,KAAK,OAAO;wBACf,CAAC,CAAC,CAAC,CAAC,+CAA+C,CAAC;wBACpD,CAAC,CAAC,CAAC,CAAC,4CAA4C,CAAC,GAC9C,GACH,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/src/ui/components/ThemeDialog.test.d.ts

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

package/dist/src/ui/components/ThemeDialog.test.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { render } from 'ink-testing-library';
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { ThemeDialog } from './ThemeDialog.js';
+import { LoadedSettings } from '../../config/settings.js';
+import { KeypressProvider } from '../contexts/KeypressContext.js';
+import { SettingsContext } from '../contexts/SettingsContext.js';
+import { DEFAULT_THEME, themeManager } from '../themes/theme-manager.js';
+import { act } from 'react';
+const createMockSettings = (userSettings = {}, workspaceSettings = {}, systemSettings = {}) => new LoadedSettings({
+    settings: { ui: { customThemes: {} }, ...systemSettings },
+    originalSettings: { ui: { customThemes: {} }, ...systemSettings },
+    path: '/system/settings.json',
+}, {
+    settings: {},
+    originalSettings: {},
+    path: '/system/system-defaults.json',
+}, {
+    settings: {
+        ui: { customThemes: {} },
+        ...userSettings,
+    },
+    originalSettings: {
+        ui: { customThemes: {} },
+        ...userSettings,
+    },
+    path: '/user/settings.json',
+}, {
+    settings: {
+        ui: { customThemes: {} },
+        ...workspaceSettings,
+    },
+    originalSettings: {
+        ui: { customThemes: {} },
+        ...workspaceSettings,
+    },
+    path: '/workspace/settings.json',
+}, true, new Set());
+describe('ThemeDialog Snapshots', () => {
+    const baseProps = {
+        onSelect: vi.fn(),
+        onHighlight: vi.fn(),
+        availableTerminalHeight: 40,
+        terminalWidth: 120,
+    };
+    beforeEach(() => {
+        // Reset theme manager to a known state
+        themeManager.setActiveTheme(DEFAULT_THEME.name);
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+    it('should render correctly in theme selection mode', () => {
+        const settings = createMockSettings();
+        const { lastFrame } = render(_jsx(SettingsContext.Provider, { value: settings, children: _jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(ThemeDialog, { ...baseProps, settings: settings }) }) }));
+        expect(lastFrame()).toMatchSnapshot();
+    });
+    it('should render correctly in scope selector mode', async () => {
+        const settings = createMockSettings();
+        const { lastFrame, stdin } = render(_jsx(SettingsContext.Provider, { value: settings, children: _jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(ThemeDialog, { ...baseProps, settings: settings }) }) }));
+        // Press Tab to switch to scope selector mode
+        act(() => {
+            stdin.write('\t');
+        });
+        // Need to wait for the state update to propagate
+        await new Promise((resolve) => setTimeout(resolve, 100));
+        expect(lastFrame()).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=ThemeDialog.test.js.map

package/dist/src/ui/components/ThemeDialog.test.js.map

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

package/dist/src/ui/components/ThinkingDots.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+export interface ThinkingDotsProps {
+    /** Label text سے پہلے - ڈیفالٹ: "thinking" */
+    label?: string;
+    /** Text کا رنگ - ڈیفالٹ: theme.text.secondary */
+    color?: string;
+    /** ہر frame کا interval milliseconds میں - ڈیفالٹ: 60ms */
+    intervalMs?: number;
+}
+export declare const ThinkingDots: React.FC<ThinkingDotsProps>;
+export default ThinkingDots;

package/dist/src/ui/components/ThinkingDots.js

@@ -0,0 +1,47 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, memo } from 'react';
+import { Text } from 'ink';
+import { theme } from '../semantic-colors.js';
+/**
+ * Smooth breathing dot sequence with ease-in-out animation
+ * استعمال: <ThinkingDots /> یا <ThinkingDots label="loading" intervalMs={45} />
+ */
+const SMOOTH_DOTS = [
+    '', // Frame 0: شروع (ease-in)
+    '.', // Frame 1
+    '..', // Frame 2
+    '...', // Frame 3
+    '....', // Frame 4: Peak
+    '.....', // Frame 5 (optional - مزید smooth)
+    '....', // Frame 6
+    '...', // Frame 7
+    '..', // Frame 8
+    '.', // Frame 9: آخر (ease-out)
+];
+const DEFAULT_ANIMATION_MS = 60; // 60ms = بہترین balance
+export const ThinkingDots = memo(({ label = 'thinking', color, intervalMs = DEFAULT_ANIMATION_MS, }) => {
+    const [frame, setFrame] = useState(0);
+    const timerRef = useRef(null);
+    const lastUpdateRef = useRef(Date.now());
+    useEffect(() => {
+        const updateFrame = () => {
+            const now = Date.now();
+            const elapsed = now - lastUpdateRef.current;
+            if (elapsed >= intervalMs) {
+                setFrame(prev => (prev + 1) % SMOOTH_DOTS.length);
+                lastUpdateRef.current = now;
+            }
+            timerRef.current = setTimeout(updateFrame, 16); // ~60fps
+        };
+        timerRef.current = setTimeout(updateFrame, 16);
+        return () => {
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+        };
+    }, [intervalMs]);
+    const textColor = color ?? theme.text.secondary;
+    return (_jsxs(Text, { color: textColor, children: [label, SMOOTH_DOTS[frame]] }));
+});
+ThinkingDots.displayName = 'ThinkingDots';
+export default ThinkingDots;
+//# sourceMappingURL=ThinkingDots.js.map

package/dist/src/ui/components/ThinkingDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingDots.js","sourceRoot":"","sources":["../../../../src/ui/components/ThinkingDots.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C;;;GAGG;AAEH,MAAM,WAAW,GAAG;IAClB,EAAE,EAAS,0BAA0B;IACrC,GAAG,EAAQ,UAAU;IACrB,IAAI,EAAO,UAAU;IACrB,KAAK,EAAM,UAAU;IACrB,MAAM,EAAK,gBAAgB;IAC3B,OAAO,EAAI,mCAAmC;IAC9C,MAAM,EAAK,UAAU;IACrB,KAAK,EAAM,UAAU;IACrB,IAAI,EAAO,UAAU;IACrB,GAAG,EAAQ,0BAA0B;CACtC,CAAC;AAEF,MAAM,oBAAoB,GAAG,EAAE,CAAC,CAAC,wBAAwB;AAWzD,MAAM,CAAC,MAAM,YAAY,GAAgC,IAAI,CAAC,CAAC,EAC7D,KAAK,GAAG,UAAU,EAClB,KAAK,EACL,UAAU,GAAG,oBAAoB,GAClC,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACpE,MAAM,aAAa,GAAG,MAAM,CAAS,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACvB,MAAM,OAAO,GAAG,GAAG,GAAG,aAAa,CAAC,OAAO,CAAC;YAE5C,IAAI,OAAO,IAAI,UAAU,EAAE,CAAC;gBAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;gBAClD,aAAa,CAAC,OAAO,GAAG,GAAG,CAAC;YAC9B,CAAC;YAED,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;QAC3D,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAE/C,OAAO,GAAG,EAAE;YACV,IAAI,QAAQ,CAAC,OAAO;gBAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,SAAS,GAAG,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;IAEhD,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,SAAS,aACnB,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,IACrB,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}

package/dist/src/ui/components/ThinkingIndicator.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+interface ThinkingIndicatorProps {
+    text?: string;
+    elapsedTime?: number;
+}
+export declare const ThinkingIndicator: React.FC<ThinkingIndicatorProps>;
+export {};