mirror of
https://github.com/google-gemini/gemini-cli.git
synced 2026-03-19 02:20:42 -07:00
576eaff9cd
- Promotes refreshed multi-row status area and footer as the default experience. - Stabilizes Composer row heights to prevent layout 'jitter' during typing and model turns. - Unifies active hook status and model loading indicators into a single, stable Row 1. - Refactors settings to use backward-compatible 'Hide' booleans (ui.hideStatusTips, ui.hideStatusWit). - Removes vestigial context usage bleed-through logic in minimal mode to align with global UX direction. - Relocates toast notifications to the top status row for improved visibility. - Updates all CLI UI snapshots and architectural tests to reflect the stabilized layout.
1.2 KiB
1.2 KiB
React & Ink (CLI UI)
- Side Effects: Use reducers for complex state transitions; avoid
setStatetriggers in callbacks. - Always fix react-hooks/exhaustive-deps lint errors by adding the missing dependencies.
- Shortcuts: only define keyboard shortcuts in
packages/cli/src/config/keyBindings.ts - Do not implement any logic performing custom string measurement or string truncation. Use Ink layout instead leveraging ResizeObserver as needed.
- Avoid prop drilling when at all possible.
Testing
- Utilities: Use
renderWithProvidersandwaitForfrompackages/cli/src/test-utils/. - Snapshots: Use
toMatchSnapshot()to verify Ink output. - SVG Snapshots: Use
await expect(renderResult).toMatchSvgSnapshot()for UI components whenever colors or detailed visual layout matter. SVG snapshots capture styling accurately. Make sure to await thewaitUntilReady()of the render result before asserting. After updating SVG snapshots, always examine the resulting.svgfiles (e.g. by reading their content or visually inspecting them) to ensure the render and colors actually look as expected and don't just contain an error message. - Mocks: Use mocks as sparingly as possible.