@shipit-ai/cli 1.167.1 → 1.169.0-pr12.6d78faf

package/dist/src/presentation/web/components/features/settings/agent-settings-section.stories.js

@@ -1,5 +1,7 @@
 import { AgentSettingsSection } from './agent-settings-section.js';
-import { AgentType, AgentAuthMethod } from '../../../../../../packages/core/src/domain/generated/output.js';
+import { createDefaultSettings } from '../../../../../../packages/core/src/domain/factories/settings-defaults.factory.js';
+import { AgentType } from '../../../../../../packages/core/src/domain/generated/output.js';
+const baseSettings = createDefaultSettings();
 const meta = {
     title: 'Features/Settings/AgentSettingsSection',
     component: AgentSettingsSection,
@@ -11,34 +13,28 @@ const meta = {
 export default meta;
 export const Default = {
     args: {
-        agent: {
-            type: AgentType.ClaudeCode,
-            authMethod: AgentAuthMethod.Session,
-        },
-    },
-};
-export const TokenAuth = {
-    args: {
-        agent: {
-            type: AgentType.GeminiCli,
-            authMethod: AgentAuthMethod.Token,
-            token: 'sk-test-token-12345',
-        },
+        settings: baseSettings,
     },
 };
-export const CodexCli = {
+export const GeminiAgent = {
     args: {
-        agent: {
-            type: AgentType.CodexCli,
-            authMethod: AgentAuthMethod.Session,
+        settings: {
+            ...baseSettings,
+            agent: {
+                ...baseSettings.agent,
+                type: AgentType.GeminiCli,
+            },
         },
     },
 };
-export const CopilotCli = {
+export const CursorAgent = {
     args: {
-        agent: {
-            type: AgentType.CopilotCli,
-            authMethod: AgentAuthMethod.Session,
+        settings: {
+            ...baseSettings,
+            agent: {
+                ...baseSettings.agent,
+                type: AgentType.Cursor,
+            },
         },
     },
 };

package/dist/src/presentation/web/components/features/settings/ci-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ci-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/ci-settings-section.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AAGxE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAQD,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA8JrE"}
+{"version":3,"file":"ci-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/ci-settings-section.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AAGxE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAQD,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA8KrE"}

package/dist/src/presentation/web/components/features/settings/ci-settings-section.js

@@ -52,19 +52,28 @@ export function CiSettingsSection({ settings }) {
             },
         };
     }
-    return (_jsxs(SettingsSection, { icon: Activity, title: t('settings.ci.title'), description: t('settings.ci.description'), testId: "ci-settings-section", children: [_jsx(SettingsRow, { label: t('settings.ci.maxFixAttempts'), description: t('settings.ci.maxFixAttemptsDescription'), htmlFor: "ci-max-fix", children: _jsx(NumberStepper, { id: "ci-max-fix", testId: "ci-max-fix-input", placeholder: "3", value: ciMaxFix, onChange: setCiMaxFix, onBlur: () => {
+    return (_jsxs(SettingsSection, { icon: Activity, title: t('settings.ci.title'), description: t('settings.ci.description'), testId: "ci-settings-section", tooltip: t('settings.ci.hint'), tooltipLinks: [
+            {
+                label: t('settings.ci.links.cicdPipeline'),
+                href: 'https://github.com/jrmatherly/shipit/blob/main/docs/development/cicd.md',
+            },
+            {
+                label: t('settings.ci.links.ciSecurityGates'),
+                href: 'https://github.com/jrmatherly/shipit/blob/main/specs/003-cicd-security-gates/spec.md',
+            },
+        ], children: [_jsx(SettingsRow, { label: t('settings.ci.maxFixAttempts'), description: t('settings.ci.maxFixAttemptsDescription'), tooltip: "How many times the agent will attempt to fix failing CI checks before giving up. Higher values increase the chance of auto-resolution but consume more agent time and API calls.", htmlFor: "ci-max-fix", children: _jsx(NumberStepper, { id: "ci-max-fix", testId: "ci-max-fix-input", placeholder: "3", value: ciMaxFix, onChange: setCiMaxFix, onBlur: () => {
                         if (ciMaxFix !== originalCiMaxFix)
                             save(buildPayload({ ciMaxFix }));
-                    }, min: 1, max: 10 }) }), _jsx(SettingsRow, { label: t('settings.ci.watchTimeout'), description: t('settings.ci.watchTimeoutDescription'), htmlFor: "ci-timeout", children: _jsx(NumberStepper, { id: "ci-timeout", testId: "ci-timeout-input", placeholder: "300", value: ciTimeout, onChange: setCiTimeout, onBlur: () => {
+                    }, min: 1, max: 10 }) }), _jsx(SettingsRow, { label: t('settings.ci.watchTimeout'), description: t('settings.ci.watchTimeoutDescription'), tooltip: "Maximum time the agent will wait for CI to finish. If CI hasn't completed within this window, the agent stops watching. Increase for repos with slow CI pipelines.", htmlFor: "ci-timeout", children: _jsx(NumberStepper, { id: "ci-timeout", testId: "ci-timeout-input", placeholder: "300", value: ciTimeout, onChange: setCiTimeout, onBlur: () => {
                         if (ciTimeout !== originalCiTimeout)
                             save(buildPayload({ ciTimeout }));
-                    }, min: 30, step: 30, suffix: "sec" }) }), _jsx(SettingsRow, { label: t('settings.ci.maxLogSize'), description: t('settings.ci.maxLogSizeDescription'), htmlFor: "ci-log-max", children: _jsx(NumberStepper, { id: "ci-log-max", testId: "ci-log-max-input", placeholder: "50000", value: ciLogMax, onChange: setCiLogMax, onBlur: () => {
+                    }, min: 30, step: 30, suffix: "sec" }) }), _jsx(SettingsRow, { label: t('settings.ci.maxLogSize'), description: t('settings.ci.maxLogSizeDescription'), tooltip: "CI logs beyond this character limit are truncated before being sent to the agent for analysis. Keeps agent context focused and avoids excessive token usage.", htmlFor: "ci-log-max", children: _jsx(NumberStepper, { id: "ci-log-max", testId: "ci-log-max-input", placeholder: "50000", value: ciLogMax, onChange: setCiLogMax, onBlur: () => {
                         if (ciLogMax !== originalCiLogMax)
                             save(buildPayload({ ciLogMax }));
-                    }, min: 1000, step: 5000, suffix: "chars" }) }), _jsx(SettingsRow, { label: t('settings.ci.pollInterval'), description: t('settings.ci.pollIntervalDescription'), htmlFor: "ci-poll-interval", children: _jsx(NumberStepper, { id: "ci-poll-interval", testId: "ci-poll-interval-input", placeholder: "30", value: ciPollInterval, onChange: setCiPollInterval, onBlur: () => {
+                    }, min: 1000, step: 5000, suffix: "chars" }) }), _jsx(SettingsRow, { label: t('settings.ci.pollInterval'), description: t('settings.ci.pollIntervalDescription'), tooltip: "How frequently the agent checks GitHub for CI status updates. Lower values give faster feedback but increase API call volume.", htmlFor: "ci-poll-interval", children: _jsx(NumberStepper, { id: "ci-poll-interval", testId: "ci-poll-interval-input", placeholder: "30", value: ciPollInterval, onChange: setCiPollInterval, onBlur: () => {
                         if (ciPollInterval !== originalCiPollInterval)
                             save(buildPayload({ ciPollInterval }));
-                    }, min: 5, step: 5, suffix: "sec" }) }), _jsx(SwitchRow, { label: t('settings.ci.hideCiStatus'), description: t('settings.ci.hideCiStatusDescription'), id: "hide-ci-status", testId: "switch-hide-ci-status", checked: hideCiStatus, onChange: (v) => {
+                    }, min: 5, step: 5, suffix: "sec" }) }), _jsx(SwitchRow, { label: t('settings.ci.hideCiStatus'), description: t('settings.ci.hideCiStatusDescription'), tooltip: "When enabled, CI status indicators are hidden from the feature drawer and merge review panels. Useful if you monitor CI through GitHub directly.", id: "hide-ci-status", testId: "switch-hide-ci-status", checked: hideCiStatus, onChange: (v) => {
                     setHideCiStatus(v);
                     save(buildPayload({ hideCiStatus: v }));
                 } })] }));

package/dist/src/presentation/web/components/features/settings/database-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"database-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/database-settings-section.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,4BAA4B;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,YAAY,EACZ,UAAU,GACX,EAAE,4BAA4B,2CA+B9B"}
+{"version":3,"file":"database-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/database-settings-section.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,4BAA4B;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,YAAY,EACZ,UAAU,GACX,EAAE,4BAA4B,2CA2C9B"}

package/dist/src/presentation/web/components/features/settings/database-settings-section.js

@@ -1,8 +1,18 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Database, Info } from 'lucide-react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card.js';
-import { Label } from '../../ui/label.js';
+import { Database } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { SettingsSection, SettingsRow } from './settings-section-utils.js';
 export function DatabaseSettingsSection({ shipitAiHome, dbFileSize, }) {
-    return (_jsxs(Card, { id: "database", className: "scroll-mt-6", "data-testid": "database-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Database, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "Database Location" })] }), _jsx(CardDescription, { children: _jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(Info, { className: "h-3 w-3" }), "Read-only information about your ShipIT AI data directory and database"] }) })] }), _jsxs(CardContent, { className: "bg-muted/50 space-y-3 rounded-b-lg", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-muted-foreground text-xs", children: "SHIPIT_AI_HOME Directory" }), _jsx("p", { className: "font-mono text-sm", "data-testid": "shipit-ai-home-path", children: shipitAiHome })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-muted-foreground text-xs", children: "Database File Size" }), _jsx("p", { className: "text-sm", "data-testid": "db-file-size", children: dbFileSize })] })] })] }));
+    const { t } = useTranslation('web');
+    return (_jsxs(SettingsSection, { icon: Database, title: t('settings.database.title'), description: t('settings.database.sectionDescription'), testId: "database-settings-section", tooltip: t('settings.database.hint'), tooltipLinks: [
+            {
+                label: t('settings.database.links.settingsService'),
+                href: 'https://github.com/jrmatherly/shipit/blob/main/docs/architecture/settings-service.md',
+            },
+            {
+                label: t('settings.database.links.settingsSpec'),
+                href: 'https://github.com/jrmatherly/shipit/blob/main/specs/005-global-settings-service/spec.md',
+            },
+        ], children: [_jsx(SettingsRow, { label: t('settings.database.location'), description: t('settings.database.locationDescription'), tooltip: "The directory where ShipIT stores its SQLite database, logs, and configuration files. Change this via the SHIPIT_AI_HOME environment variable.", children: _jsx("span", { className: "text-muted-foreground max-w-50 truncate font-mono text-xs", "data-testid": "shipit-ai-home-path", children: shipitAiHome }) }), _jsx(SettingsRow, { label: t('settings.database.size'), tooltip: "Current size of the SQLite database file on disk. Large databases may slow down startup; consider archiving old features if this grows significantly.", children: _jsx("span", { className: "text-muted-foreground text-xs", "data-testid": "db-file-size", children: dbFileSize }) })] }));
 }

package/dist/src/presentation/web/components/features/settings/environment-settings-section.d.ts

@@ -1,8 +1,14 @@
-import type { EnvironmentConfig } from '../../../../../../packages/core/src/domain/generated/output.js';
+import type { Settings } from '../../../../../../packages/core/src/domain/generated/output.js';
 import type { AvailableTerminal } from '../../../app/actions/get-available-terminals.js';
+import type { AvailableEditor } from '../../../app/actions/get-available-editors.js';
+import type { AvailableShell } from '../../../app/actions/get-available-shells.js';
+export declare const DEFAULT_EDITOR_OPTIONS: AvailableEditor[];
+export declare const DEFAULT_SHELL_OPTIONS: AvailableShell[];
 export interface EnvironmentSettingsSectionProps {
-    environment: EnvironmentConfig;
+    settings: Settings;
+    availableEditors?: AvailableEditor[];
+    availableShells?: AvailableShell[];
     availableTerminals?: AvailableTerminal[];
 }
-export declare function EnvironmentSettingsSection({ environment, availableTerminals, }: EnvironmentSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function EnvironmentSettingsSection({ settings, availableEditors, availableShells, availableTerminals, }: EnvironmentSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=environment-settings-section.d.ts.map

package/dist/src/presentation/web/components/features/settings/environment-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"environment-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAgB/E,MAAM,WAAW,+BAA+B;IAC9C,WAAW,EAAE,iBAAiB,CAAC;IAC/B,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AAED,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,EACX,kBAAkB,GACnB,EAAE,+BAA+B,2CAuIjC"}
+{"version":3,"file":"environment-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzE,eAAO,MAAM,sBAAsB,EAAE,eAAe,EAMnD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAAc,EAIjD,CAAC;AAEF,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,EAAE,QAAQ,CAAC;IACnB,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AAED,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,kBAAkB,GACnB,EAAE,+BAA+B,2CAkMjC"}

package/dist/src/presentation/web/components/features/settings/environment-settings-section.js

@@ -1,81 +1,91 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useTransition, useRef, useEffect } from 'react';
-import { Terminal, Check } from 'lucide-react';
+import { useState, useTransition } from 'react';
+import { Terminal } from 'lucide-react';
 import { toast } from 'sonner';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card.js';
-import { Label } from '../../ui/label.js';
+import { useTranslation } from 'react-i18next';
+import { cn } from '../../../lib/utils.js';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/select.js';
+import { Badge } from '../../ui/badge.js';
 import { updateSettingsAction } from '../../../app/actions/update-settings.js';
-import { EditorType, TerminalType } from '../../../../../../packages/core/src/domain/generated/output.js';
-const EDITOR_OPTIONS = [
-    { value: EditorType.VsCode, label: 'VS Code' },
-    { value: EditorType.Cursor, label: 'Cursor' },
-    { value: EditorType.Windsurf, label: 'Windsurf' },
-    { value: EditorType.Zed, label: 'Zed' },
-    { value: EditorType.Antigravity, label: 'Antigravity' },
+import { TerminalType } from '../../../../../../packages/core/src/domain/generated/output.js';
+import { getEditorTypeIcon } from '../../common/editor-type-icons.js';
+import { SettingsSection, SettingsRow } from './settings-section-utils.js';
+export const DEFAULT_EDITOR_OPTIONS = [
+    { id: 'vscode', name: 'VS Code', available: true },
+    { id: 'cursor', name: 'Cursor', available: true },
+    { id: 'windsurf', name: 'Windsurf', available: true },
+    { id: 'zed', name: 'Zed', available: true },
+    { id: 'antigravity', name: 'Antigravity', available: true },
 ];
-const SHELL_OPTIONS = [
-    { value: 'bash', label: 'Bash' },
-    { value: 'zsh', label: 'Zsh' },
-    { value: 'fish', label: 'Fish' },
+export const DEFAULT_SHELL_OPTIONS = [
+    { id: 'bash', name: 'Bash', available: true },
+    { id: 'zsh', name: 'Zsh', available: true },
+    { id: 'fish', name: 'Fish', available: true },
 ];
-export function EnvironmentSettingsSection({ environment, availableTerminals, }) {
-    const [editor, setEditor] = useState(environment.defaultEditor);
-    const [shell, setShell] = useState(environment.shellPreference);
-    const [terminal, setTerminal] = useState(environment.terminalPreference ?? TerminalType.System);
-    const [isPending, startTransition] = useTransition();
-    const [showSaved, setShowSaved] = useState(false);
-    const prevPendingRef = useRef(false);
-    useEffect(() => {
-        if (prevPendingRef.current && !isPending) {
-            setShowSaved(true);
-            const timer = setTimeout(() => setShowSaved(false), 2000);
-            return () => clearTimeout(timer);
-        }
-        prevPendingRef.current = isPending;
-    }, [isPending]);
+export function EnvironmentSettingsSection({ settings, availableEditors, availableShells, availableTerminals, }) {
+    const { t } = useTranslation('web');
+    const [, startTransition] = useTransition();
+    const [editor, setEditor] = useState(settings.environment.defaultEditor);
+    const [shell, setShell] = useState(settings.environment.shellPreference);
+    const [terminal, setTerminal] = useState(settings.environment.terminalPreference ?? TerminalType.System);
+    const terminalOptions = availableTerminals ?? [
+        {
+            id: TerminalType.System,
+            name: t('settings.environment.systemTerminal'),
+            available: true,
+        },
+    ];
+    const editorOptions = availableEditors ?? DEFAULT_EDITOR_OPTIONS;
+    const shellOptions = availableShells ?? DEFAULT_SHELL_OPTIONS;
     function save(payload) {
         startTransition(async () => {
             const result = await updateSettingsAction(payload);
             if (!result.success) {
-                toast.error(result.error ?? 'Failed to save IDE & Terminal settings');
+                toast.error(result.error ?? t('settings.failedToSave'));
             }
         });
     }
-    function handleEditorChange(value) {
-        setEditor(value);
-        save({
-            environment: {
-                defaultEditor: value,
-                shellPreference: shell,
-                terminalPreference: terminal,
+    return (_jsxs(SettingsSection, { icon: Terminal, title: t('settings.environment.sectionTitle'), description: t('settings.environment.sectionDescription'), testId: "environment-settings-section", tooltip: t('settings.environment.hint'), tooltipLinks: [
+            {
+                label: t('settings.environment.links.configurationGuide'),
+                href: 'https://github.com/jrmatherly/shipit/blob/main/docs/guides/configuration.md',
             },
-        });
-    }
-    function handleShellChange(value) {
-        setShell(value);
-        save({
-            environment: {
-                defaultEditor: editor,
-                shellPreference: value,
-                terminalPreference: terminal,
-            },
-        });
-    }
-    function handleTerminalChange(value) {
-        setTerminal(value);
-        save({
-            environment: {
-                defaultEditor: editor,
-                shellPreference: shell,
-                terminalPreference: value,
-            },
-        });
-    }
-    // Filter to only show installed terminals
-    const terminalOptions = availableTerminals
-        ? availableTerminals.filter((t) => t.available)
-        : [{ id: TerminalType.System, name: 'System Terminal', available: true }];
-    return (_jsxs(Card, { id: "environment", className: "scroll-mt-6", "data-testid": "environment-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Terminal, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "IDE & Terminal" })] }), isPending ? _jsx("span", { className: "text-muted-foreground text-xs", children: "Saving..." }) : null, showSaved && !isPending ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-green-600", children: [_jsx(Check, { className: "h-3 w-3" }), "Saved"] })) : null] }), _jsx(CardDescription, { children: "Configure your default editor, shell, and terminal preferences" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "default-editor", children: "Default Editor" }), _jsxs(Select, { value: editor, onValueChange: handleEditorChange, children: [_jsx(SelectTrigger, { id: "default-editor", "data-testid": "editor-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: EDITOR_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "shell-preference", children: "Shell Preference" }), _jsxs(Select, { value: shell, onValueChange: handleShellChange, children: [_jsx(SelectTrigger, { id: "shell-preference", "data-testid": "shell-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: SHELL_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "terminal-preference", children: "Terminal Emulator" }), _jsxs(Select, { value: terminal, onValueChange: handleTerminalChange, children: [_jsx(SelectTrigger, { id: "terminal-preference", "data-testid": "terminal-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: terminalOptions.map((opt) => (_jsx(SelectItem, { value: opt.id, children: opt.name }, opt.id))) })] })] })] })] }));
+        ], children: [_jsx(SettingsRow, { label: t('settings.environment.defaultEditor'), description: t('settings.environment.defaultEditorDescription'), tooltip: "The editor that opens when you click 'Launch' on a tool card or when ShipIT needs to open a file for review.", htmlFor: "default-editor", children: _jsxs(Select, { value: editor, onValueChange: (v) => {
+                        setEditor(v);
+                        save({
+                            environment: {
+                                defaultEditor: v,
+                                shellPreference: shell,
+                                terminalPreference: terminal,
+                            },
+                        });
+                    }, children: [_jsx(SelectTrigger, { id: "default-editor", "data-testid": "editor-select", className: "w-64 cursor-pointer text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: editorOptions.map((opt) => {
+                                const Icon = getEditorTypeIcon(opt.id);
+                                return (_jsx(SelectItem, { value: opt.id, disabled: !opt.available, children: _jsxs("span", { className: "flex items-center gap-2 text-xs", children: [_jsx(Icon, { className: "h-4 w-4 shrink-0" }), opt.name, _jsx(Badge, { variant: "outline", className: cn('ml-auto px-1.5 py-0 text-[10px] leading-4 font-normal', opt.available
+                                                    ? 'border-emerald-500/30 text-emerald-500'
+                                                    : 'border-muted-foreground/30 text-muted-foreground'), children: opt.available ? 'Installed' : 'Not Installed' })] }) }, opt.id));
+                            }) })] }) }), _jsx(SettingsRow, { label: t('settings.environment.shell'), description: t('settings.environment.shellDescription'), tooltip: "Controls which shell runs generated scripts like install commands and git operations. Match this to your daily driver shell.", htmlFor: "shell-preference", children: _jsxs(Select, { value: shell, onValueChange: (v) => {
+                        setShell(v);
+                        save({
+                            environment: {
+                                defaultEditor: editor,
+                                shellPreference: v,
+                                terminalPreference: terminal,
+                            },
+                        });
+                    }, children: [_jsx(SelectTrigger, { id: "shell-preference", "data-testid": "shell-select", className: "w-64 cursor-pointer text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: shellOptions.map((opt) => (_jsx(SelectItem, { value: opt.id, disabled: !opt.available, children: _jsxs("span", { className: "flex items-center gap-2 text-xs", children: [opt.name, _jsx(Badge, { variant: "outline", className: cn('ml-auto px-1.5 py-0 text-[10px] leading-4 font-normal', opt.available
+                                                ? 'border-emerald-500/30 text-emerald-500'
+                                                : 'border-muted-foreground/30 text-muted-foreground'), children: opt.available ? 'Installed' : 'Not Installed' })] }) }, opt.id))) })] }) }), _jsx(SettingsRow, { label: t('settings.environment.terminal'), description: t('settings.environment.terminalDescription'), tooltip: "The terminal emulator launched when opening shell sessions from the web UI. Only affects web-launched terminals, not CLI usage.", htmlFor: "terminal-preference", children: _jsxs(Select, { value: terminal, onValueChange: (v) => {
+                        setTerminal(v);
+                        save({
+                            environment: {
+                                defaultEditor: editor,
+                                shellPreference: shell,
+                                terminalPreference: v,
+                            },
+                        });
+                    }, children: [_jsx(SelectTrigger, { id: "terminal-preference", "data-testid": "terminal-select", className: "w-64 cursor-pointer text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: terminalOptions.map((opt) => (_jsx(SelectItem, { value: opt.id, disabled: !opt.available, children: _jsxs("span", { className: "flex items-center gap-2 text-xs", children: [opt.name, _jsx(Badge, { variant: "outline", className: cn('ml-auto px-1.5 py-0 text-[10px] leading-4 font-normal', opt.available
+                                                ? 'border-emerald-500/30 text-emerald-500'
+                                                : 'border-muted-foreground/30 text-muted-foreground'), children: opt.available ? 'Installed' : 'Not Installed' })] }) }, opt.id))) })] }) })] }));
 }

package/dist/src/presentation/web/components/features/settings/environment-settings-section.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"environment-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAG5E,QAAA,MAAM,IAAI;;;;;;;CAOyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAC"}
+{"version":3,"file":"environment-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAM5E,QAAA,MAAM,IAAI;;;;;;;CAOyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAmB1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAIhC,CAAC"}

package/dist/src/presentation/web/components/features/settings/environment-settings-section.stories.js

@@ -1,5 +1,7 @@
 import { EnvironmentSettingsSection } from './environment-settings-section.js';
+import { createDefaultSettings } from '../../../../../../packages/core/src/domain/factories/settings-defaults.factory.js';
 import { EditorType, TerminalType } from '../../../../../../packages/core/src/domain/generated/output.js';
+const baseSettings = createDefaultSettings();
 const meta = {
     title: 'Features/Settings/EnvironmentSettingsSection',
     component: EnvironmentSettingsSection,
@@ -11,11 +13,7 @@ const meta = {
 export default meta;
 export const Default = {
     args: {
-        environment: {
-            defaultEditor: EditorType.VsCode,
-            shellPreference: 'bash',
-            terminalPreference: TerminalType.System,
-        },
+        settings: baseSettings,
         availableTerminals: [
             { id: 'system', name: 'System Terminal', available: true },
             { id: 'warp', name: 'Warp', available: true },
@@ -25,20 +23,28 @@ export const Default = {
 };
 export const CursorWithZsh = {
     args: {
-        environment: {
-            defaultEditor: EditorType.Cursor,
-            shellPreference: 'zsh',
-            terminalPreference: TerminalType.System,
+        settings: {
+            ...baseSettings,
+            environment: {
+                ...baseSettings.environment,
+                defaultEditor: EditorType.Cursor,
+                shellPreference: 'zsh',
+                terminalPreference: TerminalType.System,
+            },
         },
         availableTerminals: [{ id: 'system', name: 'System Terminal', available: true }],
     },
 };
 export const WarpSelected = {
     args: {
-        environment: {
-            defaultEditor: EditorType.VsCode,
-            shellPreference: 'zsh',
-            terminalPreference: TerminalType.Warp,
+        settings: {
+            ...baseSettings,
+            environment: {
+                ...baseSettings.environment,
+                defaultEditor: EditorType.VsCode,
+                shellPreference: 'zsh',
+                terminalPreference: TerminalType.Warp,
+            },
         },
         availableTerminals: [
             { id: 'system', name: 'System Terminal', available: true },
@@ -51,10 +57,6 @@ export const WarpSelected = {
 };
 export const OnlySystemTerminal = {
     args: {
-        environment: {
-            defaultEditor: EditorType.VsCode,
-            shellPreference: 'bash',
-            terminalPreference: TerminalType.System,
-        },
+        settings: baseSettings,
     },
 };

package/dist/src/presentation/web/components/features/settings/fab-layout-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fab-layout-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/fab-layout-settings-section.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAmB,MAAM,yCAAyC,CAAC;AAGzF,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE,6BAA6B,2CAoCnF"}
+{"version":3,"file":"fab-layout-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/fab-layout-settings-section.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAmB,MAAM,yCAAyC,CAAC;AAGzF,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE,6BAA6B,2CAsCnF"}

package/dist/src/presentation/web/components/features/settings/fab-layout-settings-section.js

@@ -19,7 +19,7 @@ export function FabLayoutSettingsSection({ settings }) {
             }
         });
     }
-    return (_jsx(SettingsSection, { icon: LayoutGrid, title: t('settings.fabLayout.title'), description: t('settings.fabLayout.description'), testId: "fab-layout-settings-section", children: _jsx(SwitchRow, { label: t('settings.fabLayout.swapPosition'), description: t('settings.fabLayout.swapPositionDescription'), id: "fab-swap-position", testId: "switch-fab-swap-position", checked: fabSwapPosition, onChange: (v) => {
+    return (_jsx(SettingsSection, { icon: LayoutGrid, title: t('settings.fabLayout.title'), description: t('settings.fabLayout.description'), testId: "fab-layout-settings-section", tooltip: t('settings.fabLayout.hint'), children: _jsx(SwitchRow, { label: t('settings.fabLayout.swapPosition'), description: t('settings.fabLayout.swapPositionDescription'), tooltip: "Swaps the Create button (bottom-right) and Chat button (bottom-left) positions on the control center canvas.", id: "fab-swap-position", testId: "switch-fab-swap-position", checked: fabSwapPosition, onChange: (v) => {
                 setFabSwapPosition(v);
                 save({ fabLayout: { swapPosition: v } });
             } }) }));

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.d.ts

@@ -1,6 +1,6 @@
-import type { FeatureFlags } from '../../../../../../packages/core/src/domain/generated/output.js';
+import type { Settings } from '../../../../../../packages/core/src/domain/generated/output.js';
 export interface FeatureFlagsSettingsSectionProps {
-    featureFlags: FeatureFlags;
+    settings: Settings;
 }
-export declare function FeatureFlagsSettingsSection({ featureFlags }: FeatureFlagsSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeatureFlagsSettingsSection({ settings }: FeatureFlagsSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=feature-flags-settings-section.d.ts.map

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAiC5E,MAAM,WAAW,gCAAgC;IAC/C,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,wBAAgB,2BAA2B,CAAC,EAAE,YAAY,EAAE,EAAE,gCAAgC,2CAgE7F"}
+{"version":3,"file":"feature-flags-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAgB,MAAM,yCAAyC,CAAC;AAGtF,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,gCAAgC,2CA6IzF"}

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.js

@@ -1,61 +1,64 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useTransition, useRef, useEffect } from 'react';
-import { Flag, Check } from 'lucide-react';
+import { useState, useTransition } from 'react';
+import { Flag } from 'lucide-react';
 import { toast } from 'sonner';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card.js';
-import { Label } from '../../ui/label.js';
-import { Switch } from '../../ui/switch.js';
+import { useTranslation } from 'react-i18next';
 import { updateSettingsAction } from '../../../app/actions/update-settings.js';
-const FLAG_DESCRIPTIONS = {
-    skills: 'Enable Skills navigation and functionality in the web UI',
-    envDeploy: 'Enable environment deployment features in the web UI',
-    debug: 'Enable debug UI elements and verbose client-side logging',
-    githubImport: 'Enable GitHub repository import in the web UI',
-    adoptBranch: 'Enable the ability to adopt existing branches as tracked features',
-    gitRebaseSync: 'Enable git rebase-on-main and sync-main operations in the web UI',
-    reactFileManager: 'Use the built-in React file manager instead of the native OS folder picker. Also serves as automatic fallback when the native picker is unavailable.',
-};
-const FLAG_LABELS = {
-    skills: 'Skills',
-    envDeploy: 'Deployments',
-    debug: 'Debug',
-    githubImport: 'GitHub Import',
-    adoptBranch: 'Adopt Branch',
-    gitRebaseSync: 'Git Rebase & Sync',
-    reactFileManager: 'React File Manager',
-};
-const FLAG_KEYS = [
-    'skills',
-    'envDeploy',
-    'debug',
-    'githubImport',
-    'adoptBranch',
-    'gitRebaseSync',
-    'reactFileManager',
-];
-export function FeatureFlagsSettingsSection({ featureFlags }) {
+import { SettingsSection, SwitchRow } from './settings-section-utils.js';
+export function FeatureFlagsSettingsSection({ settings }) {
+    const { t } = useTranslation('web');
+    const [, startTransition] = useTransition();
+    const featureFlags = settings.featureFlags ?? {
+        skills: false,
+        envDeploy: false,
+        debug: false,
+        githubImport: false,
+        adoptBranch: false,
+        gitRebaseSync: false,
+        reactFileManager: false,
+        plugins: false,
+    };
     const [flags, setFlags] = useState({ ...featureFlags });
-    const [isPending, startTransition] = useTransition();
-    const [showSaved, setShowSaved] = useState(false);
-    const prevPendingRef = useRef(false);
-    useEffect(() => {
-        if (prevPendingRef.current && !isPending) {
-            setShowSaved(true);
-            const timer = setTimeout(() => setShowSaved(false), 2000);
-            return () => clearTimeout(timer);
-        }
-        prevPendingRef.current = isPending;
-    }, [isPending]);
-    function handleFlagChange(key, value) {
-        const newFlags = { ...flags, [key]: value };
-        setFlags(newFlags);
+    function save(payload) {
         startTransition(async () => {
-            const result = await updateSettingsAction({ featureFlags: newFlags });
+            const result = await updateSettingsAction(payload);
             if (!result.success) {
-                toast.error(result.error ?? 'Failed to save feature flags');
+                toast.error(result.error ?? t('settings.failedToSave'));
             }
         });
     }
-    return (_jsxs(Card, { id: "feature-flags", className: "scroll-mt-6", "data-testid": "feature-flags-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Flag, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "Feature Flags" })] }), isPending ? _jsx("span", { className: "text-muted-foreground text-xs", children: "Saving..." }) : null, showSaved && !isPending ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-green-600", children: [_jsx(Check, { className: "h-3 w-3" }), "Saved"] })) : null] }), _jsx(CardDescription, { children: "Toggle experimental and optional features. Changes take effect after page navigation." })] }), _jsx(CardContent, { className: "space-y-4", children: FLAG_KEYS.map((key) => (_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: `flag-${key}`, children: FLAG_LABELS[key] }), _jsx("p", { className: "text-muted-foreground text-xs", children: FLAG_DESCRIPTIONS[key] })] }), _jsx(Switch, { id: `flag-${key}`, "data-testid": `switch-flag-${key}`, checked: flags[key], onCheckedChange: (v) => handleFlagChange(key, v) })] }, key))) })] }));
+    return (_jsxs(SettingsSection, { icon: Flag, title: t('settings.featureFlags.title'), description: t('settings.featureFlags.sectionDescription'), badge: t('settings.featureFlags.badge'), testId: "feature-flags-settings-section", tooltip: t('settings.featureFlags.hint'), children: [_jsx(SwitchRow, { label: t('settings.featureFlags.skills'), description: t('settings.featureFlags.skillsDescription'), tooltip: "Enables the Skills page in the sidebar for browsing and managing Claude Code skills.", id: "flag-skills", testId: "switch-flag-skills", checked: flags.skills, onChange: (v) => {
+                    const newFlags = { ...flags, skills: v };
+                    setFlags(newFlags);
+                    save({ featureFlags: newFlags });
+                } }), _jsx(SwitchRow, { label: t('settings.featureFlags.deployments'), description: t('settings.featureFlags.deploymentsDescription'), tooltip: "Enables experimental deployment features for environment management.", id: "flag-envDeploy", testId: "switch-flag-envDeploy", checked: flags.envDeploy, onChange: (v) => {
+                    const newFlags = { ...flags, envDeploy: v };
+                    setFlags(newFlags);
+                    save({ featureFlags: newFlags });
+                } }), _jsx(SwitchRow, { label: t('settings.featureFlags.debug'), description: t('settings.featureFlags.debugDescription'), tooltip: "Shows additional debugging information in the UI for troubleshooting.", id: "flag-debug", testId: "switch-flag-debug", checked: flags.debug, onChange: (v) => {
+                    const newFlags = { ...flags, debug: v };
+                    setFlags(newFlags);
+                    save({ featureFlags: newFlags });
+                } }), _jsx(SwitchRow, { label: t('settings.featureFlags.githubImport'), description: t('settings.featureFlags.githubImportDescription'), tooltip: "Enables importing repositories directly from GitHub.", id: "flag-githubImport", testId: "switch-flag-githubImport", checked: flags.githubImport, onChange: (v) => {
+                    const newFlags = { ...flags, githubImport: v };
+                    setFlags(newFlags);
+                    save({ featureFlags: newFlags });
+                } }), _jsx(SwitchRow, { label: t('settings.featureFlags.adoptBranch'), description: t('settings.featureFlags.adoptBranchDescription'), tooltip: "Enables adopting existing git branches as ShipIT features.", id: "flag-adoptBranch", testId: "switch-flag-adoptBranch", checked: flags.adoptBranch, onChange: (v) => {
+                    const newFlags = { ...flags, adoptBranch: v };
+                    setFlags(newFlags);
+                    save({ featureFlags: newFlags });
+                } }), _jsx(SwitchRow, { label: t('settings.featureFlags.gitRebaseSync'), description: t('settings.featureFlags.gitRebaseSyncDescription'), tooltip: "Uses git rebase instead of merge when syncing feature branches with the upstream branch.", id: "flag-gitRebaseSync", testId: "switch-flag-gitRebaseSync", checked: flags.gitRebaseSync, onChange: (v) => {
+                    const newFlags = { ...flags, gitRebaseSync: v };
+                    setFlags(newFlags);
+                    save({ featureFlags: newFlags });
+                } }), _jsx(SwitchRow, { label: t('settings.featureFlags.reactFileManager'), description: t('settings.featureFlags.reactFileManagerDescription'), tooltip: "Replaces the native file picker dialog with a React-based file browser for selecting project folders.", id: "flag-reactFileManager", testId: "switch-flag-reactFileManager", checked: flags.reactFileManager, onChange: (v) => {
+                    const newFlags = { ...flags, reactFileManager: v };
+                    setFlags(newFlags);
+                    save({ featureFlags: newFlags });
+                } }), _jsx(SwitchRow, { label: t('settings.featureFlags.plugins'), description: t('settings.featureFlags.pluginsDescription'), tooltip: "Enables the Plugins page for browsing and managing Claude Code plugins from a LiteLLM marketplace.", id: "flag-plugins", testId: "switch-flag-plugins", checked: flags.plugins, onChange: (v) => {
+                    const newFlags = { ...flags, plugins: v };
+                    setFlags(newFlags);
+                    save({ featureFlags: newFlags });
+                } })] }));
 }

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,QAAA,MAAM,IAAI;;;;;;;CAO0C,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC"}
+{"version":3,"file":"feature-flags-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAK/E,QAAA,MAAM,IAAI;;;;;;;CAO0C,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC"}