@shipit-ai/cli 1.168.0 → 1.169.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"agent-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/agent-settings-section.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAgB3E,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,WAAW,CAAC;CACpB;AAkBD,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,yBAAyB,2CAoKxE"}
+{"version":3,"file":"agent-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/agent-settings-section.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAa,MAAM,yCAAyC,CAAC;AAInF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CA0C3E"}

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

@@ -1,104 +1,25 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useTransition, useRef, useEffect } from 'react';
-import { Bot, Eye, EyeOff, Check } from 'lucide-react';
-import { toast } from 'sonner';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card.js';
-import { Label } from '../../ui/label.js';
-import { Input } from '../../ui/input.js';
-import { Button } from '../../ui/button.js';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/select.js';
-import { updateSettingsAction } from '../../../app/actions/update-settings.js';
-import { setAgentPermissionMode } from '../../../app/actions/agent-permissions.js';
-import { AgentType, AgentAuthMethod } from '../../../../../../packages/core/src/domain/generated/output.js';
-import { getAgentTypeIcon } from '../../common/feature-node/agent-type-icons.js';
-import { AgentPermissionPicker } from './agent-permission-picker.js';
-const AGENT_TYPE_OPTIONS = [
-    { value: AgentType.ClaudeCode, label: 'Claude Code' },
-    { value: AgentType.CodexCli, label: 'Codex CLI' },
-    { value: AgentType.CopilotCli, label: 'GitHub Copilot CLI' },
-    { value: AgentType.Cursor, label: 'Cursor' },
-    { value: AgentType.GeminiCli, label: 'Gemini CLI' },
-    { value: AgentType.RovoDev, label: 'Rovo Dev CLI' },
-];
-const AUTH_METHOD_OPTIONS = [
-    { value: AgentAuthMethod.Session, label: 'Session' },
-    { value: AgentAuthMethod.Token, label: 'Token' },
-];
-/** Resolve the current permission mode for the active agent from settings. */
-function resolvePermissionMode(agent) {
-    const perms = agent.permissions;
-    if (!perms)
-        return undefined;
-    const keyMap = {
-        [AgentType.ClaudeCode]: 'claudeCode',
-        [AgentType.Cursor]: 'cursor',
-        [AgentType.GeminiCli]: 'geminiCli',
-        [AgentType.CodexCli]: 'codexCli',
-        [AgentType.CopilotCli]: 'copilotCli',
-        [AgentType.RovoDev]: 'rovoDev',
-    };
-    const key = keyMap[agent.type];
-    return key ? perms[key] : undefined;
-}
-export function AgentSettingsSection({ agent }) {
-    const [agentType, setAgentType] = useState(agent.type);
-    const [authMethod, setAuthMethod] = useState(agent.authMethod);
-    const [token, setToken] = useState(agent.token ?? '');
-    const [showToken, setShowToken] = useState(false);
-    const [permissionMode, setPermissionMode] = useState(resolvePermissionMode(agent));
-    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 save(payload) {
-        startTransition(async () => {
-            const result = await updateSettingsAction(payload);
-            if (!result.success) {
-                toast.error(result.error ?? 'Failed to save agent settings');
-            }
-        });
-    }
-    function buildPayload(overrides = {}) {
-        const merged = { type: agentType, authMethod, ...overrides };
-        const result = { type: merged.type, authMethod: merged.authMethod };
-        if (merged.authMethod === AgentAuthMethod.Token) {
-            result.token = overrides.token ?? token;
-        }
-        return { agent: result };
-    }
-    function handleAgentTypeChange(value) {
-        setAgentType(value);
-        setPermissionMode(undefined); // Reset permission mode when agent changes
-        save(buildPayload({ type: value }));
-    }
-    function handlePermissionModeChange(mode) {
-        setPermissionMode(mode);
-        startTransition(async () => {
-            const result = await setAgentPermissionMode(agentType, mode);
-            if (!result.success) {
-                toast.error(result.error ?? 'Failed to save permission mode');
-            }
-        });
-    }
-    function handleAuthMethodChange(value) {
-        setAuthMethod(value);
-        save(buildPayload({ authMethod: value }));
-    }
-    function handleTokenBlur() {
-        if (token !== (agent.token ?? '')) {
-            save(buildPayload({ token }));
-        }
-    }
-    return (_jsxs(Card, { id: "agent", className: "scroll-mt-6", "data-testid": "agent-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(Bot, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "Preferred Agent" })] }), 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: "Choose your AI coding agent and authentication method" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "agent-type", children: "Agent Type" }), _jsxs(Select, { value: agentType, onValueChange: handleAgentTypeChange, children: [_jsx(SelectTrigger, { id: "agent-type", "data-testid": "agent-type-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: AGENT_TYPE_OPTIONS.map((opt) => {
-                                            const Icon = getAgentTypeIcon(opt.value);
-                                            return (_jsx(SelectItem, { value: opt.value, children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(Icon, { className: "h-4 w-4 shrink-0" }), opt.label] }) }, opt.value));
-                                        }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "auth-method", children: "Authentication Method" }), _jsxs(Select, { value: authMethod, onValueChange: handleAuthMethodChange, children: [_jsx(SelectTrigger, { id: "auth-method", "data-testid": "auth-method-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: AUTH_METHOD_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] }), _jsx(AgentPermissionPicker, { agentType: agentType, currentMode: permissionMode, onChange: handlePermissionModeChange, disabled: isPending }), authMethod === AgentAuthMethod.Token && (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "agent-token", children: "API Token" }), _jsxs("div", { className: "relative", children: [_jsx(Input, { id: "agent-token", "data-testid": "agent-token-input", type: showToken ? 'text' : 'password', value: token, onChange: (e) => setToken(e.target.value), onBlur: handleTokenBlur, placeholder: "Enter your API token", className: "pe-10" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "absolute top-0 right-0 h-full px-3 hover:bg-transparent", onClick: () => setShowToken(!showToken), "data-testid": "toggle-token-visibility", "aria-label": showToken ? 'Hide token' : 'Show token', children: showToken ? _jsx(EyeOff, { className: "h-4 w-4" }) : _jsx(Eye, { className: "h-4 w-4" }) })] }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Saves automatically when you leave the field" })] }))] })] }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Bot } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { AgentModelPicker } from '../../features/settings/AgentModelPicker/index.js';
+import { SettingsSection, SettingsRow } from './settings-section-utils.js';
+export function AgentSettingsSection({ settings }) {
+    const { t } = useTranslation('web');
+    const [agentType, setAgentType] = useState(settings.agent.type);
+    return (_jsx(SettingsSection, { icon: Bot, title: t('settings.agent.sectionTitle'), description: t('settings.agent.sectionDescription'), testId: "agent-settings-section", tooltip: t('settings.agent.hint'), tooltipLinks: [
+            {
+                label: t('settings.agent.links.agentSystem'),
+                href: 'https://github.com/jrmatherly/shipit/blob/main/docs/architecture/agent-system.md',
+            },
+            {
+                label: t('settings.agent.links.addingAgents'),
+                href: 'https://github.com/jrmatherly/shipit/blob/main/docs/development/adding-agents.md',
+            },
+            {
+                label: t('settings.agent.links.configurationGuide'),
+                href: 'https://github.com/jrmatherly/shipit/blob/main/docs/guides/configuration.md',
+            },
+        ], children: _jsx(SettingsRow, { label: t('settings.agent.agentAndModel'), description: t('settings.agent.agentAndModelDescription'), tooltip: "Changing the agent switches which AI CLI tool runs your features. Each agent has different capabilities, speed, and cost tradeoffs.", htmlFor: "agent-model-picker", children: _jsx(AgentModelPicker, { initialAgentType: agentType, initialModel: settings.models.default, mode: "settings", onAgentModelChange: (newAgent) => setAgentType(newAgent), className: "w-55" }) }) }));
 }

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

@@ -11,7 +11,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const TokenAuth: Story;
-export declare const CodexCli: Story;
-export declare const CopilotCli: Story;
+export declare const GeminiAgent: Story;
+export declare const CursorAgent: Story;
 //# sourceMappingURL=agent-settings-section.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"agent-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/agent-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE,QAAA,MAAM,IAAI;;;;;;;CAOmC,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC"}
+{"version":3,"file":"agent-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/agent-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAMhE,QAAA,MAAM,IAAI;;;;;;;CAOmC,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC"}

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 } });
             } }) }));