Files
gemini-cli/packages/cli/src/ui/components/HookStatusDisplay.tsx
Jarrod Whelan c210b57ab9 feat(ui): composer UX refresh
- Implement refreshed multi-row status area with flattened visibility logic.
- Stabilize Composer row heights to prevent layout jumping during debounce and typing.
- Refactor renderStatusRow to use a direct flow for Mini(ized) mode, Shell Waiting, and status states.
- Relocate ToastDisplay to top Composer row
- Migrate Composer tests to use real ToastDisplay component and content-based assertions.
- Regenerate all CLI UI snapshots to match the final architecture.
2026-03-12 10:31:17 -07:00

47 lines
1.3 KiB
TypeScript

/**
* @license
* Copyright 2025 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import type React from 'react';
import { Text } from 'ink';
import { type ActiveHook } from '../types.js';
import { GENERIC_WORKING_LABEL } from '../textConstants.js';
interface HookStatusDisplayProps {
activeHooks: ActiveHook[];
}
export const HookStatusDisplay: React.FC<HookStatusDisplayProps> = ({
activeHooks,
}) => {
if (activeHooks.length === 0) {
return null;
}
// Define which hook sources are considered "user" hooks that should be shown explicitly.
const USER_HOOK_SOURCES = ['user', 'project', 'runtime'];
const userHooks = activeHooks.filter(
(h) => !h.source || USER_HOOK_SOURCES.includes(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 <Text color="inherit">{text}</Text>;
}
// If only system/extension hooks are running, show a generic message.
return <Text color="inherit">{GENERIC_WORKING_LABEL}</Text>;
};