MediaMetz/gemini-cli
1
0
Fork 0
mirror of https://github.com/google-gemini/gemini-cli.git synced 2026-05-12 12:54:07 -07:00
Code Issues Packages Projects Releases Wiki Activity

chore: fix preview wrapping

Browse Source
This commit is contained in:
Jack Wotherspoon
2026-02-26 00:07:42 -05:00
committed by Keith Guerin
parent 88c8e9cca6
commit 450cb19ee9
1 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/cli/src/ui/components/FooterConfigDialog.tsx
+21 -10
View File
@@ -5,7 +5,7 @@
*/ */
import type React from 'react'; import type React from 'react';
import { useCallback, useMemo, useReducer, useEffect } from 'react'; import { useCallback, useMemo, useReducer } from 'react';
import { Box, Text } from 'ink'; import { Box, Text } from 'ink';
import { theme } from '../semantic-colors.js'; import { theme } from '../semantic-colors.js';
import { useSettingsStore } from '../contexts/SettingsContext.js'; import { useSettingsStore } from '../contexts/SettingsContext.js';
@@ -159,18 +159,23 @@ export const FooterConfigDialog: React.FC<FooterConfigDialogProps> = ({
[listItems], [listItems],
); );
// Save settings when orderedIds or selectedIds change const isResetFocused = activeIndex === listItems.length + 1;
useEffect(() => { const isShowLabelsFocused = activeIndex === listItems.length;
const handleSaveAndClose = useCallback(() => {
const finalItems = orderedIds.filter((id: string) => selectedIds.has(id)); const finalItems = orderedIds.filter((id: string) => selectedIds.has(id));
// Only save if it's different from current setting to avoid loops
const currentSetting = settings.merged.ui?.footer?.items; const currentSetting = settings.merged.ui?.footer?.items;
if (JSON.stringify(finalItems) !== JSON.stringify(currentSetting)) { if (JSON.stringify(finalItems) !== JSON.stringify(currentSetting)) {
setSetting(SettingScope.User, 'ui.footer.items', finalItems); setSetting(SettingScope.User, 'ui.footer.items', finalItems);
} }
}, [orderedIds, selectedIds, setSetting, settings.merged.ui?.footer?.items]); onClose?.();
}, [
const isResetFocused = activeIndex === listItems.length + 1; orderedIds,
const isShowLabelsFocused = activeIndex === listItems.length; selectedIds,
setSetting,
settings.merged.ui?.footer?.items,
onClose,
]);
const handleResetToDefaults = useCallback(() => { const handleResetToDefaults = useCallback(() => {
setSetting(SettingScope.User, 'ui.footer.items', undefined); setSetting(SettingScope.User, 'ui.footer.items', undefined);
@@ -192,7 +197,7 @@ export const FooterConfigDialog: React.FC<FooterConfigDialogProps> = ({
useKeypress( useKeypress(
(key: Key) => { (key: Key) => {
if (keyMatchers[Command.ESCAPE](key)) { if (keyMatchers[Command.ESCAPE](key)) {
onClose?.(); handleSaveAndClose();
return true; return true;
} }
@@ -311,7 +316,13 @@ export const FooterConfigDialog: React.FC<FooterConfigDialogProps> = ({
element: mockData[id], element: mockData[id],
})); }));
return <FooterRow items={rowItems} showLabels={showLabels} />; return (
<Box overflow="hidden" flexWrap="nowrap">
<Box flexShrink={0}>
<FooterRow items={rowItems} showLabels={showLabels} />
</Box>
</Box>
);
}, [orderedIds, selectedIds, activeId, isResetFocused, showLabels]); }, [orderedIds, selectedIds, activeId, isResetFocused, showLabels]);
return ( return (