@quantum-ai/gemini-cli 0.45.8 → 0.45.9

package/dist/ui/components/HistoryItemDisplay.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { escapeAnsiCtrlCodes } from '../utils/textUtils.js';
+import { UserMessage } from './messages/UserMessage.js';
+import { UserShellMessage } from './messages/UserShellMessage.js';
+import { GeminiMessage } from './messages/GeminiMessage.js';
+import { InfoMessage } from './messages/InfoMessage.js';
+import { ErrorMessage } from './messages/ErrorMessage.js';
+import { ToolGroupMessage } from './messages/ToolGroupMessage.js';
+import { ToolGroupDisplay } from './messages/ToolGroupDisplay.js';
+import { GeminiMessageContent } from './messages/GeminiMessageContent.js';
+import { CompressionMessage } from './messages/CompressionMessage.js';
+import { ExportSessionMessage } from './messages/ExportSessionMessage.js';
+import { WarningMessage } from './messages/WarningMessage.js';
+import { SubagentHistoryMessage } from './messages/SubagentHistoryMessage.js';
+import { Box } from 'ink';
+;
+import { AboutBox } from './AboutBox.js';
+import { StatsDisplay } from './StatsDisplay.js';
+import { ModelStatsDisplay } from './ModelStatsDisplay.js';
+import { ToolStatsDisplay } from './ToolStatsDisplay.js';
+import { SessionSummaryDisplay } from './SessionSummaryDisplay.js';
+import { Help } from './Help.js';
+import { ExtensionsList } from './views/ExtensionsList.js';
+import { getMCPServerStatus } from '@google/gemini-cli-core';
+import { ToolsList } from './views/ToolsList.js';
+import { SkillsList } from './views/SkillsList.js';
+import { AgentsStatus } from './views/AgentsStatus.js';
+import { McpStatus } from './views/McpStatus.js';
+import { GemmaStatus } from './views/GemmaStatus.js';
+import { ChatList } from './views/ChatList.js';
+import { ModelMessage } from './messages/ModelMessage.js';
+import { ThinkingMessage } from './messages/ThinkingMessage.js';
+import { HintMessage } from './messages/HintMessage.js';
+import { getInlineThinkingMode } from '../utils/inlineThinkingMode.js';
+import { useSettings } from '../contexts/SettingsContext.js';
+export const HistoryItemDisplay = ({ item, availableTerminalHeight, terminalWidth, isPending, commands, availableTerminalHeightGemini, isExpandable, isFirstThinking = false, isFirstAfterThinking = false, isToolGroupBoundary = false, }) => {
+    const settings = useSettings();
+    const inlineThinkingMode = getInlineThinkingMode(settings);
+    const itemForDisplay = useMemo(() => escapeAnsiCtrlCodes(item), [item]);
+    const needTopMargin = !!((isFirstAfterThinking && inlineThinkingMode !== 'off') ||
+        isToolGroupBoundary);
+    return (_jsxs(Box, { flexDirection: "column", width: terminalWidth, marginTop: needTopMargin ? 1 : 0, children: [itemForDisplay.type === 'thinking' && inlineThinkingMode !== 'off' && (_jsx(ThinkingMessage, { thought: itemForDisplay.thought, terminalWidth: terminalWidth, isFirstThinking: isFirstThinking })), itemForDisplay.type === 'hint' && (_jsx(HintMessage, { text: itemForDisplay.text })), itemForDisplay.type === 'user' && (_jsx(UserMessage, { text: itemForDisplay.text, width: terminalWidth })), itemForDisplay.type === 'user_shell' && (_jsx(UserShellMessage, { text: itemForDisplay.text, width: terminalWidth })), itemForDisplay.type === 'gemini' && (_jsx(GeminiMessage, { text: itemForDisplay.text, isPending: isPending, availableTerminalHeight: availableTerminalHeightGemini ?? availableTerminalHeight, terminalWidth: terminalWidth })), itemForDisplay.type === 'gemini_content' && (_jsx(GeminiMessageContent, { text: itemForDisplay.text, isPending: isPending, availableTerminalHeight: availableTerminalHeightGemini ?? availableTerminalHeight, terminalWidth: terminalWidth })), itemForDisplay.type === 'info' && (_jsx(InfoMessage, { text: itemForDisplay.text, secondaryText: itemForDisplay.secondaryText, source: itemForDisplay.source, icon: itemForDisplay.icon, color: itemForDisplay.color, marginBottom: itemForDisplay.marginBottom })), itemForDisplay.type === 'warning' && (_jsx(WarningMessage, { text: itemForDisplay.text })), itemForDisplay.type === 'error' && (_jsx(ErrorMessage, { text: itemForDisplay.text })), itemForDisplay.type === 'about' && (_jsx(AboutBox, { cliVersion: itemForDisplay.cliVersion, osVersion: itemForDisplay.osVersion, sandboxEnv: itemForDisplay.sandboxEnv, modelVersion: itemForDisplay.modelVersion, selectedAuthType: itemForDisplay.selectedAuthType, gcpProject: itemForDisplay.gcpProject, ideClient: itemForDisplay.ideClient, userEmail: itemForDisplay.userEmail, tier: itemForDisplay.tier })), itemForDisplay.type === 'help' && commands && (_jsx(Help, { commands: commands })), itemForDisplay.type === 'stats' && (_jsx(StatsDisplay, { duration: itemForDisplay.duration, selectedAuthType: itemForDisplay.selectedAuthType, userEmail: itemForDisplay.userEmail, tier: itemForDisplay.tier })), itemForDisplay.type === 'model_stats' && (_jsx(ModelStatsDisplay, { selectedAuthType: itemForDisplay.selectedAuthType, userEmail: itemForDisplay.userEmail, tier: itemForDisplay.tier, currentModel: itemForDisplay.currentModel, quotaStats: itemForDisplay.pooledRemaining !== undefined ||
+                    itemForDisplay.pooledLimit !== undefined ||
+                    itemForDisplay.pooledResetTime !== undefined
+                    ? {
+                        remaining: itemForDisplay.pooledRemaining,
+                        limit: itemForDisplay.pooledLimit,
+                        resetTime: itemForDisplay.pooledResetTime,
+                    }
+                    : undefined })), itemForDisplay.type === 'tool_stats' && _jsx(ToolStatsDisplay, {}), itemForDisplay.type === 'model' && (_jsx(ModelMessage, { model: itemForDisplay.model })), itemForDisplay.type === 'quit' && (_jsx(SessionSummaryDisplay, { duration: itemForDisplay.duration })), itemForDisplay.type === 'tool_group' && (_jsx(ToolGroupMessage, { item: itemForDisplay, toolCalls: itemForDisplay.tools, availableTerminalHeight: availableTerminalHeight, terminalWidth: terminalWidth, borderTop: itemForDisplay.borderTop, borderBottom: itemForDisplay.borderBottom, isExpandable: isExpandable })), itemForDisplay.type === 'tool_display_group' && (_jsx(ToolGroupDisplay, { item: itemForDisplay, isToolGroupBoundary: isToolGroupBoundary })), itemForDisplay.type === 'subagent' && (_jsx(SubagentHistoryMessage, { item: itemForDisplay, terminalWidth: terminalWidth })), itemForDisplay.type === 'compression' && (_jsx(CompressionMessage, { compression: itemForDisplay.compression })), itemForDisplay.type === 'export_session' && (_jsx(ExportSessionMessage, { exportSession: itemForDisplay.exportSession })), itemForDisplay.type === 'extensions_list' && (_jsx(ExtensionsList, { extensions: itemForDisplay.extensions })), itemForDisplay.type === 'tools_list' && (_jsx(ToolsList, { terminalWidth: terminalWidth, tools: itemForDisplay.tools, showDescriptions: itemForDisplay.showDescriptions })), itemForDisplay.type === 'skills_list' && (_jsx(SkillsList, { skills: itemForDisplay.skills, showDescriptions: itemForDisplay.showDescriptions })), itemForDisplay.type === 'agents_list' && (_jsx(AgentsStatus, { agents: itemForDisplay.agents, terminalWidth: terminalWidth })), itemForDisplay.type === 'mcp_status' && (_jsx(McpStatus, { ...itemForDisplay, serverStatus: getMCPServerStatus })), itemForDisplay.type === 'gemma_status' && (_jsx(GemmaStatus, { ...itemForDisplay })), itemForDisplay.type === 'chat_list' && (_jsx(ChatList, { chats: itemForDisplay.chats }))] }, itemForDisplay.id));
+};

package/dist/ui/components/HookStatusDisplay.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+;
+import { isUserVisibleHook } from '@google/gemini-cli-core';
+import { GENERIC_WORKING_LABEL } from '../textConstants.js';
+import { theme } from '../semantic-colors.js';
+export const HookStatusDisplay = ({ activeHooks, }) => {
+    if (activeHooks.length === 0) {
+        return null;
+    }
+    const userHooks = activeHooks.filter((h) => isUserVisibleHook(h.source));
+    if (userHooks.length > 0) {
+        const label = userHooks.length > 1 ? 'Executing Hooks' : 'Executing Hook';
+        const displayNames = userHooks.map((hook) => {
+            let name = hook.name;
+            if (hook.index && hook.total && hook.total > 1) {
+                name += ` (${hook.index}/${hook.total})`;
+            }
+            return name;
+        });
+        const text = `${label}: ${displayNames.join(', ')}`;
+        return (_jsx(Text, { color: theme.text.secondary, italic: true, children: text }));
+    }
+    // If only system/extension hooks are running, show a generic message.
+    return (_jsx(Text, { color: theme.text.secondary, italic: true, children: GENERIC_WORKING_LABEL }));
+};

package/dist/ui/components/HooksDialog.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { Box, Text } from 'ink';
+;
+import { theme } from '../semantic-colors.js';
+import { useKeypress } from '../hooks/useKeypress.js';
+import { Command } from '../key/keyMatchers.js';
+import { useKeyMatchers } from '../hooks/useKeyMatchers.js';
+/** Maximum hooks to show at once before scrolling is needed */
+const DEFAULT_MAX_VISIBLE_HOOKS = 8;
+/**
+ * Dialog component for displaying hooks in a styled box.
+ * Replaces inline chat history display with a modal-style dialog.
+ * Supports scrolling with up/down arrow keys when there are many hooks.
+ */
+export const HooksDialog = ({ hooks, onClose, maxVisibleHooks = DEFAULT_MAX_VISIBLE_HOOKS, }) => {
+    const keyMatchers = useKeyMatchers();
+    const [scrollOffset, setScrollOffset] = useState(0);
+    // Flatten hooks with their event names for easier scrolling
+    const flattenedHooks = useMemo(() => {
+        const result = [];
+        // Group hooks by event name
+        const hooksByEvent = hooks.reduce((acc, hook) => {
+            if (!acc[hook.eventName]) {
+                acc[hook.eventName] = [];
+            }
+            acc[hook.eventName].push(hook);
+            return acc;
+        }, {});
+        // Flatten into displayable items
+        Object.entries(hooksByEvent).forEach(([eventName, eventHooks]) => {
+            result.push({ type: 'header', eventName });
+            eventHooks.forEach((hook) => {
+                result.push({ type: 'hook', eventName, hook });
+            });
+        });
+        return result;
+    }, [hooks]);
+    const totalItems = flattenedHooks.length;
+    const needsScrolling = totalItems > maxVisibleHooks;
+    const maxScrollOffset = Math.max(0, totalItems - maxVisibleHooks);
+    // Handle keyboard navigation
+    useKeypress((key) => {
+        if (keyMatchers[Command.ESCAPE](key)) {
+            onClose();
+            return true;
+        }
+        // Scroll navigation
+        if (needsScrolling) {
+            if (keyMatchers[Command.DIALOG_NAVIGATION_UP](key)) {
+                setScrollOffset((prev) => Math.max(0, prev - 1));
+                return true;
+            }
+            if (keyMatchers[Command.DIALOG_NAVIGATION_DOWN](key)) {
+                setScrollOffset((prev) => Math.min(maxScrollOffset, prev + 1));
+                return true;
+            }
+        }
+        return false;
+    }, { isActive: true });
+    // Get visible items based on scroll offset
+    const visibleItems = needsScrolling
+        ? flattenedHooks.slice(scrollOffset, scrollOffset + maxVisibleHooks)
+        : flattenedHooks;
+    const showScrollUp = needsScrolling && scrollOffset > 0;
+    const showScrollDown = needsScrolling && scrollOffset < maxScrollOffset;
+    return (_jsxs(Box, { borderStyle: "round", borderColor: theme.border.default, flexDirection: "column", padding: 1, marginY: 1, width: "100%", children: [hooks.length === 0 ? (_jsx(_Fragment, { children: _jsx(Text, { color: theme.text.primary, children: "No hooks configured." }) })) : (_jsxs(_Fragment, { children: [_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { color: theme.status.warning, bold: true, underline: true, children: "Security Warning:" }), _jsx(Text, { color: theme.status.warning, wrap: "wrap", children: "Hooks can execute arbitrary commands on your system. Only use hooks from sources you trust. Review hook scripts carefully." })] }), _jsx(Box, { marginBottom: 1, children: _jsxs(Text, { wrap: "wrap", children: ["Learn more:", ' ', _jsx(Text, { color: theme.text.link, children: "https://geminicli.com/docs/hooks" })] }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: theme.text.accent, children: "Configured Hooks" }) }), showScrollUp && (_jsx(Box, { paddingLeft: 2, minWidth: 0, children: _jsx(Text, { color: theme.text.secondary, children: "\u25B2" }) })), _jsx(Box, { flexDirection: "column", paddingLeft: 2, children: visibleItems.map((item, index) => {
+                            if (item.type === 'header') {
+                                return (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: theme.text.link, children: item.eventName }) }, `header-${item.eventName}-${index}`));
+                            }
+                            const hook = item.hook;
+                            const hookName = hook.config.name || hook.config.command || 'unknown';
+                            const hookKey = `${item.eventName}:${hook.source}:${hook.config.name ?? ''}:${hook.config.command ?? ''}`;
+                            const statusColor = hook.enabled
+                                ? theme.status.success
+                                : theme.text.secondary;
+                            const statusText = hook.enabled ? 'enabled' : 'disabled';
+                            return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: theme.text.accent, bold: true, children: hookName }), _jsx(Text, { color: statusColor, children: ` [${statusText}]` })] }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [hook.config.description && (_jsx(Text, { color: theme.text.primary, italic: true, wrap: "wrap", children: hook.config.description })), _jsxs(Text, { color: theme.text.secondary, wrap: "wrap", children: ["Source: ", hook.source, hook.config.name &&
+                                                        hook.config.command &&
+                                                        ` | Command: ${hook.config.command}`, hook.matcher && ` | Matcher: ${hook.matcher}`, hook.sequential && ` | Sequential`, hook.config.timeout &&
+                                                        ` | Timeout: ${hook.config.timeout}s`] })] })] }, hookKey));
+                        }) }), showScrollDown && (_jsx(Box, { paddingLeft: 2, minWidth: 0, children: _jsx(Text, { color: theme.text.secondary, children: "\u25BC" }) })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: theme.text.secondary, wrap: "wrap", children: ["Tip: Use ", _jsxs(Text, { bold: true, children: ["/hooks enable ", '<hook-name>'] }), " or", ' ', _jsxs(Text, { bold: true, children: ["/hooks disable ", '<hook-name>'] }), " to toggle individual hooks. Use ", _jsx(Text, { bold: true, children: "/hooks enable-all" }), " or", ' ', _jsx(Text, { bold: true, children: "/hooks disable-all" }), " to toggle all hooks at once."] }) })] })), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Text, { color: theme.text.secondary, wrap: "truncate", children: "(Press Esc to close)" }) })] }));
+};

package/dist/ui/components/IdeTrustChangeDialog.js

@@ -0,0 +1,35 @@
+import { jsxs as _jsxs, jsx as _jsx } 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 { useKeypress } from '../hooks/useKeypress.js';
+import { relaunchApp } from '../../utils/processUtils.js';
+import { debugLogger } from '@google/gemini-cli-core';
+export const IdeTrustChangeDialog = ({ reason }) => {
+    useKeypress((key) => {
+        if (key.name === 'r' || key.name === 'R') {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            relaunchApp();
+            return true;
+        }
+        return false;
+    }, { isActive: true });
+    let message = 'Workspace trust has changed.';
+    if (reason === 'NONE') {
+        // This should not happen, but provides a fallback and a debug log.
+        debugLogger.warn('IdeTrustChangeDialog rendered with unexpected reason "NONE"');
+    }
+    else if (reason === 'CONNECTION_CHANGE') {
+        message =
+            'Workspace trust has changed due to a change in the IDE connection.';
+    }
+    else if (reason === 'TRUST_CHANGE') {
+        message = 'Workspace trust has changed due to a change in the IDE trust.';
+    }
+    return (_jsx(Box, { borderStyle: "round", borderColor: theme.status.warning, paddingX: 1, children: _jsxs(Text, { color: theme.status.warning, children: [message, " Press 'r' to restart Gemini to apply the changes."] }) }));
+};