@umsai/ums-code 0.0.14-v2 → 0.3.0-v1

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

@@ -21,20 +21,38 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  */
 import { render } from 'ink-testing-library';
-import { waitFor } from '@testing-library/react';
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
 import { SettingsDialog } from './SettingsDialog.js';
-import { LoadedSettings } from '../../config/settings.js';
+import { LoadedSettings, SettingScope } from '../../config/settings.js';
 import { VimModeProvider } from '../contexts/VimModeContext.js';
 import { KeypressProvider } from '../contexts/KeypressContext.js';
+import { act } from 'react';
+import { saveModifiedSettings, TEST_ONLY } from '../../utils/settingsUtils.js';
+import { getSettingsSchema, } from '../../config/settingsSchema.js';
 // Mock the VimModeContext
 const mockToggleVimEnabled = vi.fn();
 const mockSetVimMode = vi.fn();
+var TerminalKeys;
+(function (TerminalKeys) {
+    TerminalKeys["ENTER"] = "\r";
+    TerminalKeys["TAB"] = "\t";
+    TerminalKeys["UP_ARROW"] = "\u001B[A";
+    TerminalKeys["DOWN_ARROW"] = "\u001B[B";
+    TerminalKeys["LEFT_ARROW"] = "\u001B[D";
+    TerminalKeys["RIGHT_ARROW"] = "\u001B[C";
+    TerminalKeys["ESCAPE"] = "\u001B";
+})(TerminalKeys || (TerminalKeys = {}));
 const createMockSettings = (userSettings = {}, systemSettings = {}, workspaceSettings = {}) => new LoadedSettings({
     settings: { ui: { customThemes: {} }, mcpServers: {}, ...systemSettings },
+    originalSettings: {
+        ui: { customThemes: {} },
+        mcpServers: {},
+        ...systemSettings,
+    },
     path: '/system/settings.json',
 }, {
     settings: {},
+    originalSettings: {},
     path: '/system/system-defaults.json',
 }, {
     settings: {
@@ -42,6 +60,11 @@ const createMockSettings = (userSettings = {}, systemSettings = {}, workspaceSet
         mcpServers: {},
         ...userSettings,
     },
+    originalSettings: {
+        ui: { customThemes: {} },
+        mcpServers: {},
+        ...userSettings,
+    },
     path: '/user/settings.json',
 }, {
     settings: {
@@ -49,28 +72,18 @@ const createMockSettings = (userSettings = {}, systemSettings = {}, workspaceSet
         mcpServers: {},
         ...workspaceSettings,
     },
+    originalSettings: {
+        ui: { customThemes: {} },
+        mcpServers: {},
+        ...workspaceSettings,
+    },
     path: '/workspace/settings.json',
-}, [], true, new Set());
-vi.mock('../contexts/SettingsContext.js', async () => {
-    const actual = await vi.importActual('../contexts/SettingsContext.js');
-    let settings = createMockSettings({ 'a.string.setting': 'initial' });
+}, true, new Set());
+vi.mock('../../config/settingsSchema.js', async (importOriginal) => {
+    const original = await importOriginal();
     return {
-        ...actual,
-        useSettings: () => ({
-            settings,
-            setSetting: (key, value) => {
-                settings = createMockSettings({ [key]: value });
-            },
-            getSettingDefinition: (key) => {
-                if (key === 'a.string.setting') {
-                    return {
-                        type: 'string',
-                        description: 'A string setting',
-                    };
-                }
-                return undefined;
-            },
-        }),
+        ...original,
+        getSettingsSchema: vi.fn(original.getSettingsSchema),
     };
 });
 vi.mock('../contexts/VimModeContext.js', async () => {
@@ -112,9 +125,29 @@ vi.mock('../../utils/settingsUtils.js', async () => {
 // const originalConsoleLog = console.log;
 // const originalConsoleError = console.error;
 describe('SettingsDialog', () => {
+    // Simple delay function for remaining tests that need gradual migration
     const wait = (ms = 50) => new Promise((resolve) => setTimeout(resolve, ms));
+    // Custom waitFor utility for ink testing environment (not compatible with @testing-library/react)
+    const waitFor = async (predicate, options = {}) => {
+        const { timeout = 1000, interval = 10 } = options;
+        const start = Date.now();
+        let lastError;
+        while (Date.now() - start < timeout) {
+            try {
+                predicate();
+                return;
+            }
+            catch (e) {
+                lastError = e;
+            }
+            await new Promise((resolve) => setTimeout(resolve, interval));
+        }
+        if (lastError) {
+            throw lastError;
+        }
+        throw new Error('waitFor timed out');
+    };
     beforeEach(() => {
-        vi.clearAllMocks();
         // Reset keypress mock state (variables are commented out)
         // currentKeypressHandler = null;
         // isKeypressActive = false;
@@ -123,37 +156,15 @@ describe('SettingsDialog', () => {
         mockToggleVimEnabled.mockResolvedValue(true);
     });
     afterEach(() => {
+        TEST_ONLY.clearFlattenedSchema();
+        vi.clearAllMocks();
+        vi.resetAllMocks();
         // Reset keypress mock state (variables are commented out)
         // currentKeypressHandler = null;
         // isKeypressActive = false;
         // console.log = originalConsoleLog;
         // console.error = originalConsoleError;
     });
-    const createMockSettings = (userSettings = {}, systemSettings = {}, workspaceSettings = {}) => new LoadedSettings({
-        settings: {
-            ui: { customThemes: {} },
-            mcpServers: {},
-            ...systemSettings,
-        },
-        path: '/system/settings.json',
-    }, {
-        settings: {},
-        path: '/system/system-defaults.json',
-    }, {
-        settings: {
-            ui: { customThemes: {} },
-            mcpServers: {},
-            ...userSettings,
-        },
-        path: '/user/settings.json',
-    }, {
-        settings: {
-            ui: { customThemes: {} },
-            mcpServers: {},
-            ...workspaceSettings,
-        },
-        path: '/workspace/settings.json',
-    }, [], true, new Set());
     describe('Initial Rendering', () => {
         it('should render the settings dialog with default state', () => {
             const settings = createMockSettings();
@@ -164,6 +175,15 @@ describe('SettingsDialog', () => {
             expect(output).toContain('Apply To');
             expect(output).toContain('Use Enter to select, Tab to change focus');
         });
+        it('should accept availableTerminalHeight prop without errors', () => {
+            const settings = createMockSettings();
+            const onSelect = vi.fn();
+            const { lastFrame } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect, availableTerminalHeight: 20 }) }));
+            const output = lastFrame();
+            // Should still render properly with the height prop
+            expect(output).toContain('Settings');
+            expect(output).toContain('Use Enter to select');
+        });
         it('should show settings list with default values', () => {
             const settings = createMockSettings();
             const onSelect = vi.fn();
@@ -185,10 +205,12 @@ describe('SettingsDialog', () => {
         it('should navigate down with arrow key', async () => {
             const settings = createMockSettings();
             const onSelect = vi.fn();
-            const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+            const { stdin, unmount, lastFrame } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // Press down arrow
-            stdin.write('\u001B[B'); // Down arrow
-            await wait();
+            act(() => {
+                stdin.write(TerminalKeys.DOWN_ARROW); // Down arrow
+            });
+            expect(lastFrame()).toContain('● Disable Auto Update');
             // The active index should have changed (tested indirectly through behavior)
             unmount();
         });
@@ -197,9 +219,9 @@ describe('SettingsDialog', () => {
             const onSelect = vi.fn();
             const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // First go down, then up
-            stdin.write('\u001B[B'); // Down arrow
+            stdin.write(TerminalKeys.DOWN_ARROW); // Down arrow
             await wait();
-            stdin.write('\u001B[A'); // Up arrow
+            stdin.write(TerminalKeys.UP_ARROW);
             await wait();
             unmount();
         });
@@ -214,27 +236,145 @@ describe('SettingsDialog', () => {
             await wait();
             unmount();
         });
-        it('should not navigate beyond bounds', async () => {
+        it('wraps around when at the top of the list', async () => {
             const settings = createMockSettings();
             const onSelect = vi.fn();
-            const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+            const { stdin, unmount, lastFrame } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // Try to go up from first item
-            stdin.write('\u001B[A'); // Up arrow
+            act(() => {
+                stdin.write(TerminalKeys.UP_ARROW);
+            });
             await wait();
-            // Should still be on first item
+            expect(lastFrame()).toContain('● Vision Model Preview');
             unmount();
         });
     });
     describe('Settings Toggling', () => {
         it('should toggle setting with Enter key', async () => {
+            vi.mocked(saveModifiedSettings).mockClear();
             const settings = createMockSettings();
             const onSelect = vi.fn();
-            const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
-            // Press Enter to toggle current setting
-            stdin.write('\u000D'); // Enter key
-            await wait();
+            const component = (_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+            const { stdin, unmount, lastFrame } = render(component);
+            // Wait for initial render and verify we're on Vim Mode (first setting)
+            await waitFor(() => {
+                expect(lastFrame()).toContain('● Vim Mode');
+            });
+            // Navigate to Disable Auto Update setting and verify we're there
+            act(() => {
+                stdin.write(TerminalKeys.DOWN_ARROW);
+            });
+            await waitFor(() => {
+                expect(lastFrame()).toContain('● Disable Auto Update');
+            });
+            // Toggle the setting
+            act(() => {
+                stdin.write(TerminalKeys.ENTER);
+            });
+            // Wait for the setting change to be processed
+            await waitFor(() => {
+                expect(vi.mocked(saveModifiedSettings).mock.calls.length).toBeGreaterThan(0);
+            });
+            // Wait for the mock to be called
+            await waitFor(() => {
+                expect(vi.mocked(saveModifiedSettings)).toHaveBeenCalled();
+            });
+            expect(vi.mocked(saveModifiedSettings)).toHaveBeenCalledWith(new Set(['general.disableAutoUpdate']), {
+                general: {
+                    disableAutoUpdate: true,
+                },
+            }, expect.any(LoadedSettings), SettingScope.User);
             unmount();
         });
+        describe('enum values', () => {
+            let StringEnum;
+            (function (StringEnum) {
+                StringEnum["FOO"] = "foo";
+                StringEnum["BAR"] = "bar";
+                StringEnum["BAZ"] = "baz";
+            })(StringEnum || (StringEnum = {}));
+            const SETTING = {
+                type: 'enum',
+                label: 'Theme',
+                options: [
+                    {
+                        label: 'Foo',
+                        value: StringEnum.FOO,
+                    },
+                    {
+                        label: 'Bar',
+                        value: StringEnum.BAR,
+                    },
+                    {
+                        label: 'Baz',
+                        value: StringEnum.BAZ,
+                    },
+                ],
+                category: 'UI',
+                requiresRestart: false,
+                default: StringEnum.BAR,
+                description: 'The color theme for the UI.',
+                showInDialog: true,
+            };
+            const FAKE_SCHEMA = {
+                ui: {
+                    showInDialog: false,
+                    properties: {
+                        theme: {
+                            ...SETTING,
+                        },
+                    },
+                },
+            };
+            it('toggles enum values with the enter key', async () => {
+                vi.mocked(saveModifiedSettings).mockClear();
+                vi.mocked(getSettingsSchema).mockReturnValue(FAKE_SCHEMA);
+                const settings = createMockSettings();
+                const onSelect = vi.fn();
+                const component = (_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+                const { stdin, unmount } = render(component);
+                // Press Enter to toggle current setting
+                stdin.write(TerminalKeys.DOWN_ARROW);
+                await wait();
+                stdin.write(TerminalKeys.ENTER);
+                await wait();
+                await waitFor(() => {
+                    expect(vi.mocked(saveModifiedSettings)).toHaveBeenCalled();
+                });
+                expect(vi.mocked(saveModifiedSettings)).toHaveBeenCalledWith(new Set(['ui.theme']), {
+                    ui: {
+                        theme: StringEnum.BAZ,
+                    },
+                }, expect.any(LoadedSettings), SettingScope.User);
+                unmount();
+            });
+            it('loops back when reaching the end of an enum', async () => {
+                vi.mocked(saveModifiedSettings).mockClear();
+                vi.mocked(getSettingsSchema).mockReturnValue(FAKE_SCHEMA);
+                const settings = createMockSettings({
+                    ui: {
+                        theme: StringEnum.BAZ,
+                    },
+                });
+                const onSelect = vi.fn();
+                const component = (_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+                const { stdin, unmount } = render(component);
+                // Press Enter to toggle current setting
+                stdin.write(TerminalKeys.DOWN_ARROW);
+                await wait();
+                stdin.write(TerminalKeys.ENTER);
+                await wait();
+                await waitFor(() => {
+                    expect(vi.mocked(saveModifiedSettings)).toHaveBeenCalled();
+                });
+                expect(vi.mocked(saveModifiedSettings)).toHaveBeenCalledWith(new Set(['ui.theme']), {
+                    ui: {
+                        theme: StringEnum.FOO,
+                    },
+                }, expect.any(LoadedSettings), SettingScope.User);
+                unmount();
+            });
+        });
         it('should toggle setting with Space key', async () => {
             const settings = createMockSettings();
             const onSelect = vi.fn();
@@ -250,7 +390,7 @@ describe('SettingsDialog', () => {
             const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // Navigate to vim mode setting and toggle it
             // This would require knowing the exact position, so we'll just test that the mock is called
-            stdin.write('\u000D'); // Enter key
+            stdin.write(TerminalKeys.ENTER); // Enter key
             await wait();
             // The mock should potentially be called if vim mode was toggled
             unmount();
@@ -262,7 +402,7 @@ describe('SettingsDialog', () => {
             const onSelect = vi.fn();
             const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // Switch to scope focus
-            stdin.write('\t'); // Tab key
+            stdin.write(TerminalKeys.TAB); // Tab key
             await wait();
             // Select different scope (numbers 1-3 typically available)
             stdin.write('2'); // Select second scope option
@@ -329,7 +469,7 @@ describe('SettingsDialog', () => {
             const onSelect = vi.fn();
             const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // Switch to scope selector
-            stdin.write('\t'); // Tab
+            stdin.write(TerminalKeys.TAB); // Tab
             await wait();
             // Change scope
             stdin.write('2'); // Select workspace scope
@@ -355,7 +495,7 @@ describe('SettingsDialog', () => {
             const onSelect = vi.fn();
             const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // Try to toggle a setting (this might trigger vim mode toggle)
-            stdin.write('\u000D'); // Enter
+            stdin.write(TerminalKeys.ENTER); // Enter
             await wait();
             // Should not crash
             unmount();
@@ -367,12 +507,12 @@ describe('SettingsDialog', () => {
             const onSelect = vi.fn();
             const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // Toggle a setting
-            stdin.write('\u000D'); // Enter
+            stdin.write(TerminalKeys.ENTER); // Enter
             await wait();
             // Toggle another setting
-            stdin.write('\u001B[B'); // Down
+            stdin.write(TerminalKeys.DOWN_ARROW); // Down
             await wait();
-            stdin.write('\u000D'); // Enter
+            stdin.write(TerminalKeys.ENTER); // Enter
             await wait();
             // Should track multiple modified settings
             unmount();
@@ -383,7 +523,7 @@ describe('SettingsDialog', () => {
             const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // Navigate down many times to test scrolling
             for (let i = 0; i < 10; i++) {
-                stdin.write('\u001B[B'); // Down arrow
+                stdin.write(TerminalKeys.DOWN_ARROW); // Down arrow
                 await wait(10);
             }
             unmount();
@@ -396,7 +536,7 @@ describe('SettingsDialog', () => {
             const { stdin, unmount } = render(_jsx(VimModeProvider, { settings: settings, children: _jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }) }));
             // Navigate to and toggle vim mode setting
             // This would require knowing the exact position of vim mode setting
-            stdin.write('\u000D'); // Enter
+            stdin.write(TerminalKeys.ENTER); // Enter
             await wait();
             unmount();
         });
@@ -417,7 +557,7 @@ describe('SettingsDialog', () => {
             const onSelect = vi.fn();
             const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // Toggle a non-restart-required setting (like hideTips)
-            stdin.write('\u000D'); // Enter - toggle current setting
+            stdin.write(TerminalKeys.ENTER); // Enter - toggle current setting
             await wait();
             // Should save immediately without showing restart prompt
             unmount();
@@ -469,8 +609,8 @@ describe('SettingsDialog', () => {
             const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // Rapid navigation
             for (let i = 0; i < 5; i++) {
-                stdin.write('\u001B[B'); // Down arrow
-                stdin.write('\u001B[A'); // Up arrow
+                stdin.write(TerminalKeys.DOWN_ARROW);
+                stdin.write(TerminalKeys.UP_ARROW);
             }
             await wait(100);
             // Should not crash
@@ -501,9 +641,9 @@ describe('SettingsDialog', () => {
             const onSelect = vi.fn();
             const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // Try to navigate when potentially at bounds
-            stdin.write('\u001B[B'); // Down
+            stdin.write(TerminalKeys.DOWN_ARROW);
             await wait();
-            stdin.write('\u001B[A'); // Up
+            stdin.write(TerminalKeys.UP_ARROW);
             await wait();
             unmount();
         });
@@ -554,7 +694,7 @@ describe('SettingsDialog', () => {
             expect(lastFrame()).toContain('Settings'); // Title
             expect(lastFrame()).toContain('● Vim Mode'); // Active setting
             expect(lastFrame()).toContain('Apply To'); // Scope section
-            expect(lastFrame()).toContain('1. User Settings'); // Scope options
+            expect(lastFrame()).toContain('User Settings'); // Scope options (no numbers when settings focused)
             expect(lastFrame()).toContain('(Use Enter to select, Tab to change focus)'); // Help text
             // This test validates the complete UI structure is available for user workflow
             // Individual interactions are tested in focused unit tests
@@ -565,17 +705,17 @@ describe('SettingsDialog', () => {
             const onSelect = vi.fn();
             const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // Toggle first setting (should require restart)
-            stdin.write('\u000D'); // Enter
+            stdin.write(TerminalKeys.ENTER); // Enter
             await wait();
             // Navigate to next setting and toggle it (should not require restart - e.g., vimMode)
-            stdin.write('\u001B[B'); // Down
+            stdin.write(TerminalKeys.DOWN_ARROW); // Down
             await wait();
-            stdin.write('\u000D'); // Enter
+            stdin.write(TerminalKeys.ENTER); // Enter
             await wait();
             // Navigate to another setting and toggle it (should also require restart)
-            stdin.write('\u001B[B'); // Down
+            stdin.write(TerminalKeys.DOWN_ARROW); // Down
             await wait();
-            stdin.write('\u000D'); // Enter
+            stdin.write(TerminalKeys.ENTER); // Enter
             await wait();
             // The test verifies that all changes are preserved and the dialog still works
             // This tests the fix for the bug where changing one setting would reset all pending changes
@@ -586,13 +726,13 @@ describe('SettingsDialog', () => {
             const onSelect = vi.fn();
             const { stdin, unmount } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
             // Multiple scope changes
-            stdin.write('\t'); // Tab to scope
+            stdin.write(TerminalKeys.TAB); // Tab to scope
             await wait();
             stdin.write('2'); // Workspace
             await wait();
-            stdin.write('\t'); // Tab to settings
+            stdin.write(TerminalKeys.TAB); // Tab to settings
             await wait();
-            stdin.write('\t'); // Tab to scope
+            stdin.write(TerminalKeys.TAB); // Tab to scope
             await wait();
             stdin.write('1'); // User
             await wait();
@@ -642,5 +782,256 @@ describe('SettingsDialog', () => {
             unmount();
         });
     });
+    describe('Snapshot Tests', () => {
+        /**
+         * Snapshot tests for SettingsDialog component using ink-testing-library.
+         * These tests capture the visual output of the component in various states:
+         *
+         * - Default rendering with no custom settings
+         * - Various combinations of boolean settings (enabled/disabled)
+         * - Mixed boolean and number settings configurations
+         * - Different focus states (settings vs scope selector)
+         * - Different scope selections (User, System, Workspace)
+         * - Accessibility settings enabled
+         * - File filtering configurations
+         * - Tools and security settings
+         * - All settings disabled state
+         *
+         * The snapshots help ensure UI consistency and catch unintended visual changes.
+         */
+        it('should render default state correctly', () => {
+            const settings = createMockSettings();
+            const onSelect = vi.fn();
+            const { lastFrame } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+            expect(lastFrame()).toMatchSnapshot();
+        });
+        it('should render with various boolean settings enabled', () => {
+            const settings = createMockSettings({
+                general: {
+                    vimMode: true,
+                    disableAutoUpdate: true,
+                    debugKeystrokeLogging: true,
+                },
+                ui: {
+                    hideWindowTitle: true,
+                    hideTips: true,
+                    showMemoryUsage: true,
+                    showLineNumbers: true,
+                    showCitations: true,
+                    accessibility: {
+                        disableLoadingPhrases: true,
+                        screenReader: true,
+                    },
+                },
+                ide: {
+                    enabled: true,
+                },
+                context: {
+                    loadMemoryFromIncludeDirectories: true,
+                    fileFiltering: {
+                        respectGitIgnore: true,
+                        respectQwenIgnore: true,
+                        enableRecursiveFileSearch: true,
+                        disableFuzzySearch: false,
+                    },
+                },
+                tools: {
+                    enableInteractiveShell: true,
+                    autoAccept: true,
+                    useRipgrep: true,
+                },
+                security: {
+                    folderTrust: {
+                        enabled: true,
+                    },
+                },
+            });
+            const onSelect = vi.fn();
+            const { lastFrame } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+            expect(lastFrame()).toMatchSnapshot();
+        });
+        it('should render with mixed boolean and number settings', () => {
+            const settings = createMockSettings({
+                general: {
+                    vimMode: false,
+                    disableAutoUpdate: true,
+                },
+                ui: {
+                    showMemoryUsage: true,
+                    hideWindowTitle: false,
+                },
+                tools: {
+                    truncateToolOutputThreshold: 50000,
+                    truncateToolOutputLines: 1000,
+                },
+                context: {
+                    discoveryMaxDirs: 500,
+                },
+                model: {
+                    maxSessionTurns: 100,
+                    skipNextSpeakerCheck: false,
+                },
+            });
+            const onSelect = vi.fn();
+            const { lastFrame } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+            expect(lastFrame()).toMatchSnapshot();
+        });
+        it('should render focused on scope selector', () => {
+            const settings = createMockSettings();
+            const onSelect = vi.fn();
+            const { lastFrame, stdin } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+            // Switch focus to scope selector with Tab
+            stdin.write('\t');
+            expect(lastFrame()).toMatchSnapshot();
+        });
+        it('should render with different scope selected (System)', () => {
+            const settings = createMockSettings({}, // userSettings
+            {
+                // systemSettings
+                general: {
+                    vimMode: true,
+                    disableAutoUpdate: false,
+                },
+                ui: {
+                    showMemoryUsage: true,
+                },
+            });
+            const onSelect = vi.fn();
+            const { lastFrame, stdin } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+            // Switch to scope selector
+            stdin.write('\t');
+            // Navigate to System scope
+            stdin.write('ArrowDown');
+            stdin.write('\r'); // Enter to select
+            expect(lastFrame()).toMatchSnapshot();
+        });
+        it('should render with different scope selected (Workspace)', () => {
+            const settings = createMockSettings({}, // userSettings
+            {}, // systemSettings
+            {
+                // workspaceSettings
+                general: {
+                    vimMode: false,
+                    debugKeystrokeLogging: true,
+                },
+                tools: {
+                    useRipgrep: true,
+                    enableInteractiveShell: false,
+                },
+            });
+            const onSelect = vi.fn();
+            const { lastFrame, stdin } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+            // Switch to scope selector
+            stdin.write('\t');
+            // Navigate to Workspace scope (down twice)
+            stdin.write('ArrowDown');
+            stdin.write('ArrowDown');
+            stdin.write('\r'); // Enter to select
+            expect(lastFrame()).toMatchSnapshot();
+        });
+        it('should render with accessibility settings enabled', () => {
+            const settings = createMockSettings({
+                ui: {
+                    accessibility: {
+                        disableLoadingPhrases: true,
+                        screenReader: true,
+                    },
+                    showMemoryUsage: true,
+                    showLineNumbers: true,
+                },
+                general: {
+                    vimMode: true,
+                },
+            });
+            const onSelect = vi.fn();
+            const { lastFrame } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+            expect(lastFrame()).toMatchSnapshot();
+        });
+        it('should render with file filtering settings configured', () => {
+            const settings = createMockSettings({
+                context: {
+                    fileFiltering: {
+                        respectGitIgnore: false,
+                        respectQwemIgnore: true,
+                        enableRecursiveFileSearch: false,
+                        disableFuzzySearch: true,
+                    },
+                    loadMemoryFromIncludeDirectories: true,
+                    discoveryMaxDirs: 100,
+                },
+            });
+            const onSelect = vi.fn();
+            const { lastFrame } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+            expect(lastFrame()).toMatchSnapshot();
+        });
+        it('should render with tools and security settings', () => {
+            const settings = createMockSettings({
+                tools: {
+                    enableInteractiveShell: true,
+                    autoAccept: false,
+                    useRipgrep: true,
+                    truncateToolOutputThreshold: 25000,
+                    truncateToolOutputLines: 500,
+                },
+                security: {
+                    folderTrust: {
+                        enabled: true,
+                    },
+                },
+                model: {
+                    maxSessionTurns: 50,
+                    skipNextSpeakerCheck: true,
+                },
+            });
+            const onSelect = vi.fn();
+            const { lastFrame } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+            expect(lastFrame()).toMatchSnapshot();
+        });
+        it('should render with all boolean settings disabled', () => {
+            const settings = createMockSettings({
+                general: {
+                    vimMode: false,
+                    disableAutoUpdate: false,
+                    debugKeystrokeLogging: false,
+                },
+                ui: {
+                    hideWindowTitle: false,
+                    hideTips: false,
+                    showMemoryUsage: false,
+                    showLineNumbers: false,
+                    showCitations: false,
+                    accessibility: {
+                        disableLoadingPhrases: false,
+                        screenReader: false,
+                    },
+                },
+                ide: {
+                    enabled: false,
+                },
+                context: {
+                    loadMemoryFromIncludeDirectories: false,
+                    fileFiltering: {
+                        respectGitIgnore: false,
+                        respectQwemIgnore: false,
+                        enableRecursiveFileSearch: false,
+                        disableFuzzySearch: false,
+                    },
+                },
+                tools: {
+                    enableInteractiveShell: false,
+                    autoAccept: false,
+                    useRipgrep: false,
+                },
+                security: {
+                    folderTrust: {
+                        enabled: false,
+                    },
+                },
+            });
+            const onSelect = vi.fn();
+            const { lastFrame } = render(_jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(SettingsDialog, { settings: settings, onSelect: onSelect }) }));
+            expect(lastFrame()).toMatchSnapshot();
+        });
+    });
 });
 //# sourceMappingURL=SettingsDialog.test.js.map