@shepai/cli 1.77.1 → 1.77.2-pr240.88b3534

package/dist/src/presentation/web/components/features/settings/settings-page-client.js

@@ -0,0 +1,245 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useTransition, useRef, useEffect, useCallback } from 'react';
+import { Eye, EyeOff, Check } from 'lucide-react';
+import { toast } from 'sonner';
+import { Label } from '../../ui/label.js';
+import { Input } from '../../ui/input.js';
+import { Button } from '../../ui/button.js';
+import { Switch } from '../../ui/switch.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/select.js';
+import { updateSettingsAction } from '../../../app/actions/update-settings.js';
+import { AgentType, AgentAuthMethod, EditorType } from '../../../../../../packages/core/src/domain/generated/output.js';
+import { getAgentTypeIcon } from '../../common/feature-node/agent-type-icons.js';
+import { getEditorTypeIcon } from '../../common/editor-type-icons.js';
+const AGENT_TYPE_OPTIONS = [
+    { value: AgentType.ClaudeCode, label: 'Claude Code' },
+    { value: AgentType.Cursor, label: 'Cursor' },
+    { value: AgentType.GeminiCli, label: 'Gemini CLI' },
+    { value: AgentType.Aider, label: 'Aider' },
+    { value: AgentType.Continue, label: 'Continue' },
+    { value: AgentType.Dev, label: 'Dev' },
+];
+const AUTH_METHOD_OPTIONS = [
+    { value: AgentAuthMethod.Session, label: 'Session' },
+    { value: AgentAuthMethod.Token, label: 'Token' },
+];
+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' },
+];
+function useSaveIndicator() {
+    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]);
+    const save = useCallback((payload) => {
+        startTransition(async () => {
+            const result = await updateSettingsAction(payload);
+            if (!result.success) {
+                toast.error(result.error ?? 'Failed to save settings');
+            }
+        });
+    }, [startTransition]);
+    return { isPending, showSaved, save };
+}
+function SettingsRow({ label, htmlFor, children, }) {
+    return (_jsxs("div", { className: "flex items-center justify-between gap-4 border-b py-3 last:border-b-0", children: [_jsx(Label, { htmlFor: htmlFor, className: "text-sm font-normal whitespace-nowrap", children: label }), _jsx("div", { className: "flex items-center gap-2", children: children })] }));
+}
+function SelectRow({ label, id, testId, value, options, onChange, }) {
+    return (_jsx(SettingsRow, { label: label, htmlFor: id, children: _jsxs(Select, { value: value, onValueChange: onChange, children: [_jsx(SelectTrigger, { id: id, "data-testid": testId, className: "w-45", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: options.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] }) }));
+}
+function SwitchRow({ label, id, testId, checked, onChange, }) {
+    return (_jsx(SettingsRow, { label: label, htmlFor: id, children: _jsx(Switch, { id: id, "data-testid": testId, checked: checked, onCheckedChange: onChange }) }));
+}
+export function SettingsPageClient({ settings, shepHome, dbFileSize }) {
+    const { isPending, showSaved, save } = useSaveIndicator();
+    const featureFlags = settings.featureFlags ?? { skills: false, envDeploy: false, debug: false };
+    // Agent state
+    const [agentType, setAgentType] = useState(settings.agent.type);
+    const [authMethod, setAuthMethod] = useState(settings.agent.authMethod);
+    const [token, setToken] = useState(settings.agent.token ?? '');
+    const [showToken, setShowToken] = useState(false);
+    // Environment state
+    const [editor, setEditor] = useState(settings.environment.defaultEditor);
+    const shell = settings.environment.shellPreference;
+    // Workflow state
+    const [openPr, setOpenPr] = useState(settings.workflow.openPrOnImplementationComplete);
+    const [pushOnComplete, setPushOnComplete] = useState(settings.workflow.approvalGateDefaults.pushOnImplementationComplete);
+    const [allowPrd, setAllowPrd] = useState(settings.workflow.approvalGateDefaults.allowPrd);
+    const [allowPlan, setAllowPlan] = useState(settings.workflow.approvalGateDefaults.allowPlan);
+    const [allowMerge, setAllowMerge] = useState(settings.workflow.approvalGateDefaults.allowMerge);
+    const [ciMaxFix, setCiMaxFix] = useState(settings.workflow.ciMaxFixAttempts != null ? String(settings.workflow.ciMaxFixAttempts) : '');
+    const [ciTimeout, setCiTimeout] = useState(settings.workflow.ciWatchTimeoutMs != null
+        ? String(Math.round(settings.workflow.ciWatchTimeoutMs / 1000))
+        : '');
+    const [ciLogMax, setCiLogMax] = useState(settings.workflow.ciLogMaxChars != null ? String(settings.workflow.ciLogMaxChars) : '');
+    // Notification state
+    const [inApp, setInApp] = useState(settings.notifications.inApp.enabled);
+    const [browser, setBrowser] = useState(settings.notifications.browser.enabled);
+    const [desktop, setDesktop] = useState(settings.notifications.desktop.enabled);
+    const [events, setEvents] = useState({ ...settings.notifications.events });
+    // Feature flags state
+    const [flags, setFlags] = useState({ ...featureFlags });
+    // Original CI values for blur comparison
+    const originalCiMaxFix = settings.workflow.ciMaxFixAttempts != null ? String(settings.workflow.ciMaxFixAttempts) : '';
+    const originalCiTimeout = settings.workflow.ciWatchTimeoutMs != null
+        ? String(Math.round(settings.workflow.ciWatchTimeoutMs / 1000))
+        : '';
+    const originalCiLogMax = settings.workflow.ciLogMaxChars != null ? String(settings.workflow.ciLogMaxChars) : '';
+    function parseOptionalInt(value) {
+        if (value === '')
+            return undefined;
+        const n = parseInt(value, 10);
+        return Number.isNaN(n) || n <= 0 ? undefined : n;
+    }
+    // Agent helpers
+    function buildAgentPayload(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 };
+    }
+    // Workflow helpers
+    function buildWorkflowPayload(overrides = {}) {
+        const timeoutSeconds = parseOptionalInt(overrides.ciTimeout ?? ciTimeout);
+        return {
+            workflow: {
+                openPrOnImplementationComplete: overrides.openPr ?? openPr,
+                approvalGateDefaults: {
+                    pushOnImplementationComplete: overrides.pushOnComplete ?? pushOnComplete,
+                    allowPrd: overrides.allowPrd ?? allowPrd,
+                    allowPlan: overrides.allowPlan ?? allowPlan,
+                    allowMerge: overrides.allowMerge ?? allowMerge,
+                },
+                ciMaxFixAttempts: parseOptionalInt(overrides.ciMaxFix ?? ciMaxFix),
+                ciWatchTimeoutMs: timeoutSeconds != null ? timeoutSeconds * 1000 : undefined,
+                ciLogMaxChars: parseOptionalInt(overrides.ciLogMax ?? ciLogMax),
+            },
+        };
+    }
+    // Notification helpers
+    function buildNotificationPayload(overrides = {}) {
+        return {
+            notifications: {
+                inApp: { enabled: overrides.inApp ?? inApp },
+                browser: { enabled: overrides.browser ?? browser },
+                desktop: { enabled: overrides.desktop ?? desktop },
+                events: overrides.events ?? events,
+            },
+        };
+    }
+    return (_jsxs("div", { "data-testid": "settings-page-client", className: "max-w-lg", children: [_jsxs("div", { className: "flex items-center justify-between border-b pb-3", children: [_jsx("h1", { className: "text-lg font-semibold tracking-tight", children: "Settings" }), 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] }), _jsxs("div", { children: [_jsx("h2", { className: "text-muted-foreground mt-6 mb-1 text-xs font-medium tracking-wide uppercase", "data-testid": "agent-settings-section", children: "Agent" }), _jsx(SettingsRow, { label: "Agent", htmlFor: "agent-type", children: _jsxs(Select, { value: agentType, onValueChange: (v) => {
+                                setAgentType(v);
+                                save(buildAgentPayload({ type: v }));
+                            }, children: [_jsx(SelectTrigger, { id: "agent-type", "data-testid": "agent-type-select", className: "w-45", 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));
+                                    }) })] }) }), _jsx(SelectRow, { label: "Authentication", id: "auth-method", testId: "auth-method-select", value: authMethod, options: AUTH_METHOD_OPTIONS, onChange: (v) => {
+                            setAuthMethod(v);
+                            save(buildAgentPayload({ authMethod: v }));
+                        } }), authMethod === AgentAuthMethod.Token && (_jsx(SettingsRow, { label: "API Token", htmlFor: "agent-token", children: _jsxs("div", { className: "relative w-45", children: [_jsx(Input, { id: "agent-token", "data-testid": "agent-token-input", type: showToken ? 'text' : 'password', value: token, onChange: (e) => setToken(e.target.value), onBlur: () => {
+                                        if (token !== (settings.agent.token ?? '')) {
+                                            save(buildAgentPayload({ token }));
+                                        }
+                                    }, placeholder: "Enter token", className: "pr-8" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "absolute top-0 right-0 h-full px-2 hover:bg-transparent", onClick: () => setShowToken(!showToken), "data-testid": "toggle-token-visibility", "aria-label": showToken ? 'Hide token' : 'Show token', children: showToken ? _jsx(EyeOff, { className: "h-3 w-3" }) : _jsx(Eye, { className: "h-3 w-3" }) })] }) })), _jsx("h2", { className: "text-muted-foreground mt-6 mb-1 text-xs font-medium tracking-wide uppercase", "data-testid": "environment-settings-section", children: "Environment" }), _jsx(SettingsRow, { label: "Editor", htmlFor: "default-editor", children: _jsxs(Select, { value: editor, onValueChange: (v) => {
+                                setEditor(v);
+                                save({ environment: { defaultEditor: v, shellPreference: shell } });
+                            }, children: [_jsx(SelectTrigger, { id: "default-editor", "data-testid": "editor-select", className: "w-45", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: EDITOR_OPTIONS.map((opt) => {
+                                        const Icon = getEditorTypeIcon(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));
+                                    }) })] }) }), _jsx("h2", { className: "text-muted-foreground mt-6 mb-1 text-xs font-medium tracking-wide uppercase", "data-testid": "workflow-settings-section", children: "Workflow" }), _jsx(SwitchRow, { label: "Open PR on complete", id: "open-pr", testId: "switch-open-pr", checked: openPr, onChange: (v) => {
+                            setOpenPr(v);
+                            save(buildWorkflowPayload({ openPr: v }));
+                        } }), _jsx(SwitchRow, { label: "Push on complete", id: "push-on-complete", testId: "switch-push-on-complete", checked: pushOnComplete, onChange: (v) => {
+                            setPushOnComplete(v);
+                            save(buildWorkflowPayload({ pushOnComplete: v }));
+                        } }), _jsx(SwitchRow, { label: "Auto-approve PRD", id: "allow-prd", testId: "switch-allow-prd", checked: allowPrd, onChange: (v) => {
+                            setAllowPrd(v);
+                            save(buildWorkflowPayload({ allowPrd: v }));
+                        } }), _jsx(SwitchRow, { label: "Auto-approve Plan", id: "allow-plan", testId: "switch-allow-plan", checked: allowPlan, onChange: (v) => {
+                            setAllowPlan(v);
+                            save(buildWorkflowPayload({ allowPlan: v }));
+                        } }), _jsx(SwitchRow, { label: "Auto-approve Merge", id: "allow-merge", testId: "switch-allow-merge", checked: allowMerge, onChange: (v) => {
+                            setAllowMerge(v);
+                            save(buildWorkflowPayload({ allowMerge: v }));
+                        } }), _jsx("h2", { className: "text-muted-foreground mt-6 mb-1 text-xs font-medium tracking-wide uppercase", "data-testid": "ci-settings-section", children: "CI" }), _jsx(SettingsRow, { label: "Max fix attempts", htmlFor: "ci-max-fix", children: _jsx(Input, { id: "ci-max-fix", "data-testid": "ci-max-fix-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", placeholder: "3", value: ciMaxFix, onChange: (e) => setCiMaxFix(e.target.value), onBlur: () => {
+                                if (ciMaxFix !== originalCiMaxFix)
+                                    save(buildWorkflowPayload({ ciMaxFix }));
+                            }, className: "w-20" }) }), _jsx(SettingsRow, { label: "Watch timeout (s)", htmlFor: "ci-timeout", children: _jsx(Input, { id: "ci-timeout", "data-testid": "ci-timeout-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", placeholder: "300", value: ciTimeout, onChange: (e) => setCiTimeout(e.target.value), onBlur: () => {
+                                if (ciTimeout !== originalCiTimeout)
+                                    save(buildWorkflowPayload({ ciTimeout }));
+                            }, className: "w-20" }) }), _jsx(SettingsRow, { label: "Max log chars", htmlFor: "ci-log-max", children: _jsx(Input, { id: "ci-log-max", "data-testid": "ci-log-max-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", placeholder: "50000", value: ciLogMax, onChange: (e) => setCiLogMax(e.target.value), onBlur: () => {
+                                if (ciLogMax !== originalCiLogMax)
+                                    save(buildWorkflowPayload({ ciLogMax }));
+                            }, className: "w-20" }) }), _jsx("h2", { className: "text-muted-foreground mt-6 mb-1 text-xs font-medium tracking-wide uppercase", "data-testid": "notification-settings-section", children: "Notifications" }), _jsx(SwitchRow, { label: "In-app", id: "notif-in-app", testId: "switch-in-app", checked: inApp, onChange: (v) => {
+                            setInApp(v);
+                            save(buildNotificationPayload({ inApp: v }));
+                        } }), _jsx(SwitchRow, { label: "Browser", id: "notif-browser", testId: "switch-browser", checked: browser, onChange: (v) => {
+                            setBrowser(v);
+                            save(buildNotificationPayload({ browser: v }));
+                        } }), _jsx(SwitchRow, { label: "Desktop", id: "notif-desktop", testId: "switch-desktop", checked: desktop, onChange: (v) => {
+                            setDesktop(v);
+                            save(buildNotificationPayload({ desktop: v }));
+                        } }), _jsx(SwitchRow, { label: "Agent started", id: "notif-event-agentStarted", testId: "switch-event-agentStarted", checked: events.agentStarted, onChange: (v) => {
+                            const newEvents = { ...events, agentStarted: v };
+                            setEvents(newEvents);
+                            save(buildNotificationPayload({ events: newEvents }));
+                        } }), _jsx(SwitchRow, { label: "Phase completed", id: "notif-event-phaseCompleted", testId: "switch-event-phaseCompleted", checked: events.phaseCompleted, onChange: (v) => {
+                            const newEvents = { ...events, phaseCompleted: v };
+                            setEvents(newEvents);
+                            save(buildNotificationPayload({ events: newEvents }));
+                        } }), _jsx(SwitchRow, { label: "Waiting approval", id: "notif-event-waitingApproval", testId: "switch-event-waitingApproval", checked: events.waitingApproval, onChange: (v) => {
+                            const newEvents = { ...events, waitingApproval: v };
+                            setEvents(newEvents);
+                            save(buildNotificationPayload({ events: newEvents }));
+                        } }), _jsx(SwitchRow, { label: "Agent completed", id: "notif-event-agentCompleted", testId: "switch-event-agentCompleted", checked: events.agentCompleted, onChange: (v) => {
+                            const newEvents = { ...events, agentCompleted: v };
+                            setEvents(newEvents);
+                            save(buildNotificationPayload({ events: newEvents }));
+                        } }), _jsx(SwitchRow, { label: "Agent failed", id: "notif-event-agentFailed", testId: "switch-event-agentFailed", checked: events.agentFailed, onChange: (v) => {
+                            const newEvents = { ...events, agentFailed: v };
+                            setEvents(newEvents);
+                            save(buildNotificationPayload({ events: newEvents }));
+                        } }), _jsx(SwitchRow, { label: "PR merged", id: "notif-event-prMerged", testId: "switch-event-prMerged", checked: events.prMerged, onChange: (v) => {
+                            const newEvents = { ...events, prMerged: v };
+                            setEvents(newEvents);
+                            save(buildNotificationPayload({ events: newEvents }));
+                        } }), _jsx(SwitchRow, { label: "PR closed", id: "notif-event-prClosed", testId: "switch-event-prClosed", checked: events.prClosed, onChange: (v) => {
+                            const newEvents = { ...events, prClosed: v };
+                            setEvents(newEvents);
+                            save(buildNotificationPayload({ events: newEvents }));
+                        } }), _jsx(SwitchRow, { label: "PR checks passed", id: "notif-event-prChecksPassed", testId: "switch-event-prChecksPassed", checked: events.prChecksPassed, onChange: (v) => {
+                            const newEvents = { ...events, prChecksPassed: v };
+                            setEvents(newEvents);
+                            save(buildNotificationPayload({ events: newEvents }));
+                        } }), _jsx(SwitchRow, { label: "PR checks failed", id: "notif-event-prChecksFailed", testId: "switch-event-prChecksFailed", checked: events.prChecksFailed, onChange: (v) => {
+                            const newEvents = { ...events, prChecksFailed: v };
+                            setEvents(newEvents);
+                            save(buildNotificationPayload({ events: newEvents }));
+                        } }), _jsx("h2", { className: "text-muted-foreground mt-6 mb-1 text-xs font-medium tracking-wide uppercase", "data-testid": "feature-flags-settings-section", children: "Feature Flags" }), _jsx(SwitchRow, { label: "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: "Deployments", 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: "Debug", id: "flag-debug", testId: "switch-flag-debug", checked: flags.debug, onChange: (v) => {
+                            const newFlags = { ...flags, debug: v };
+                            setFlags(newFlags);
+                            save({ featureFlags: newFlags });
+                        } }), _jsx("h2", { className: "text-muted-foreground mt-6 mb-1 text-xs font-medium tracking-wide uppercase", "data-testid": "database-settings-section", children: "Database" }), _jsx(SettingsRow, { label: "Location", children: _jsx("span", { className: "text-muted-foreground max-w-50 truncate font-mono text-xs", "data-testid": "shep-home-path", children: shepHome }) }), _jsx(SettingsRow, { label: "Size", children: _jsx("span", { className: "text-muted-foreground text-xs", "data-testid": "db-file-size", children: dbFileSize }) })] })] }));
+}

package/dist/src/presentation/web/components/features/settings/settings-page-client.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import { SettingsPageClient } from './settings-page-client.js';
+declare const meta: {
+    title: string;
+    component: typeof SettingsPageClient;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AllSections: Story;
+//# sourceMappingURL=settings-page-client.stories.d.ts.map

package/dist/src/presentation/web/components/features/settings/settings-page-client.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;;CAOiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC"}

package/dist/src/presentation/web/components/features/settings/settings-page-client.stories.js

@@ -0,0 +1,39 @@
+import { SettingsPageClient } from './settings-page-client.js';
+import { createDefaultSettings } from '../../../../../../packages/core/src/domain/factories/settings-defaults.factory.js';
+import { AgentType, AgentAuthMethod } from '../../../../../../packages/core/src/domain/generated/output.js';
+const defaultSettings = createDefaultSettings();
+const meta = {
+    title: 'Features/Settings/SettingsPageClient',
+    component: SettingsPageClient,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        settings: defaultSettings,
+        shepHome: '/home/user/.shep',
+        dbFileSize: '2.4 MB',
+    },
+};
+export const AllSections = {
+    args: {
+        settings: {
+            ...defaultSettings,
+            agent: {
+                type: AgentType.GeminiCli,
+                authMethod: AgentAuthMethod.Token,
+                token: 'sk-test-token-12345',
+            },
+            featureFlags: {
+                skills: true,
+                envDeploy: true,
+                debug: false,
+            },
+        },
+        shepHome: '/opt/shep',
+        dbFileSize: '12.8 MB',
+    },
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/workflow-settings-section.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAE3E,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,EAAE,4BAA4B,2CAgQjF"}

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

@@ -0,0 +1,76 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useTransition, useRef, useEffect } from 'react';
+import { GitBranch, 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 { Switch } from '../../ui/switch.js';
+import { Separator } from '../../ui/separator.js';
+import { updateSettingsAction } from '../../../app/actions/update-settings.js';
+export function WorkflowSettingsSection({ workflow }) {
+    const [openPr, setOpenPr] = useState(workflow.openPrOnImplementationComplete);
+    const [pushOnComplete, setPushOnComplete] = useState(workflow.approvalGateDefaults.pushOnImplementationComplete);
+    const [allowPrd, setAllowPrd] = useState(workflow.approvalGateDefaults.allowPrd);
+    const [allowPlan, setAllowPlan] = useState(workflow.approvalGateDefaults.allowPlan);
+    const [allowMerge, setAllowMerge] = useState(workflow.approvalGateDefaults.allowMerge);
+    const [ciMaxFix, setCiMaxFix] = useState(workflow.ciMaxFixAttempts != null ? String(workflow.ciMaxFixAttempts) : '');
+    const [ciTimeout, setCiTimeout] = useState(workflow.ciWatchTimeoutMs != null ? String(Math.round(workflow.ciWatchTimeoutMs / 1000)) : '');
+    const [ciLogMax, setCiLogMax] = useState(workflow.ciLogMaxChars != null ? String(workflow.ciLogMaxChars) : '');
+    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 parseOptionalInt(value) {
+        if (value === '')
+            return undefined;
+        const n = parseInt(value, 10);
+        return Number.isNaN(n) || n <= 0 ? undefined : n;
+    }
+    function buildPayload(overrides = {}) {
+        const timeoutSeconds = parseOptionalInt(overrides.ciTimeout ?? ciTimeout);
+        return {
+            workflow: {
+                openPrOnImplementationComplete: overrides.openPr ?? openPr,
+                approvalGateDefaults: {
+                    pushOnImplementationComplete: overrides.pushOnComplete ?? pushOnComplete,
+                    allowPrd: overrides.allowPrd ?? allowPrd,
+                    allowPlan: overrides.allowPlan ?? allowPlan,
+                    allowMerge: overrides.allowMerge ?? allowMerge,
+                },
+                ciMaxFixAttempts: parseOptionalInt(overrides.ciMaxFix ?? ciMaxFix),
+                ciWatchTimeoutMs: timeoutSeconds != null ? timeoutSeconds * 1000 : undefined,
+                ciLogMaxChars: parseOptionalInt(overrides.ciLogMax ?? ciLogMax),
+            },
+        };
+    }
+    function save(overrides = {}) {
+        startTransition(async () => {
+            const result = await updateSettingsAction(buildPayload(overrides));
+            if (!result.success) {
+                toast.error(result.error ?? 'Failed to save workflow settings');
+            }
+        });
+    }
+    function handleSwitchChange(key, setter, value) {
+        setter(value);
+        save({ [key]: value });
+    }
+    function handleCiFieldBlur(key, currentValue, originalValue) {
+        if (currentValue !== originalValue) {
+            save({ [key]: currentValue });
+        }
+    }
+    const originalCiMaxFix = workflow.ciMaxFixAttempts != null ? String(workflow.ciMaxFixAttempts) : '';
+    const originalCiTimeout = workflow.ciWatchTimeoutMs != null ? String(Math.round(workflow.ciWatchTimeoutMs / 1000)) : '';
+    const originalCiLogMax = workflow.ciLogMaxChars != null ? String(workflow.ciLogMaxChars) : '';
+    return (_jsxs(Card, { id: "workflow", className: "scroll-mt-6", "data-testid": "workflow-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(GitBranch, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "Workflow" })] }), 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 PR behavior, approval gates, and CI settings" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "open-pr", children: "Open PR on implementation complete" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Automatically create a pull request when the agent finishes" })] }), _jsx(Switch, { id: "open-pr", "data-testid": "switch-open-pr", checked: openPr, onCheckedChange: (v) => handleSwitchChange('openPr', setOpenPr, v) })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "push-on-complete", children: "Push on implementation complete" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Push the branch to remote when implementation is done" })] }), _jsx(Switch, { id: "push-on-complete", "data-testid": "switch-push-on-complete", checked: pushOnComplete, onCheckedChange: (v) => handleSwitchChange('pushOnComplete', setPushOnComplete, v) })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Approval Gates" }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "allow-prd", children: "PRD auto-approval" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Skip manual approval for product requirement documents" })] }), _jsx(Switch, { id: "allow-prd", "data-testid": "switch-allow-prd", checked: allowPrd, onCheckedChange: (v) => handleSwitchChange('allowPrd', setAllowPrd, v) })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "allow-plan", children: "Plan auto-approval" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Skip manual approval for implementation plans" })] }), _jsx(Switch, { id: "allow-plan", "data-testid": "switch-allow-plan", checked: allowPlan, onCheckedChange: (v) => handleSwitchChange('allowPlan', setAllowPlan, v) })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "allow-merge", children: "Merge auto-approval" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Skip manual approval for PR merges" })] }), _jsx(Switch, { id: "allow-merge", "data-testid": "switch-allow-merge", checked: allowMerge, onCheckedChange: (v) => handleSwitchChange('allowMerge', setAllowMerge, v) })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "CI Settings" }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "ci-max-fix", children: "Max fix attempts" }), _jsx(Input, { id: "ci-max-fix", "data-testid": "ci-max-fix-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", min: 1, max: 10, placeholder: "e.g., 3", value: ciMaxFix, onChange: (e) => setCiMaxFix(e.target.value), onBlur: () => handleCiFieldBlur('ciMaxFix', ciMaxFix, originalCiMaxFix) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "How many times the agent retries fixing CI failures" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "ci-timeout", children: "Watch timeout (seconds)" }), _jsx(Input, { id: "ci-timeout", "data-testid": "ci-timeout-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", placeholder: "e.g., 300", value: ciTimeout, onChange: (e) => setCiTimeout(e.target.value), onBlur: () => handleCiFieldBlur('ciTimeout', ciTimeout, originalCiTimeout) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "How long to wait for CI to complete before timing out" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "ci-log-max", children: "Max log characters" }), _jsx(Input, { id: "ci-log-max", "data-testid": "ci-log-max-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", placeholder: "e.g., 50000", value: ciLogMax, onChange: (e) => setCiLogMax(e.target.value), onBlur: () => handleCiFieldBlur('ciLogMax', ciLogMax, originalCiLogMax) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Maximum characters to capture from CI logs" })] })] })] })] }));
+}

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

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+import { WorkflowSettingsSection } from './workflow-settings-section.js';
+declare const meta: {
+    title: string;
+    component: typeof WorkflowSettingsSection;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AllEnabled: Story;
+export declare const WithCiSettings: Story;
+//# sourceMappingURL=workflow-settings-section.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/workflow-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,QAAA,MAAM,IAAI;;;;;;;CAOsC,CAAC;AAEjD,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,KAexB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC"}

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

@@ -0,0 +1,55 @@
+import { WorkflowSettingsSection } from './workflow-settings-section.js';
+const meta = {
+    title: 'Features/Settings/WorkflowSettingsSection',
+    component: WorkflowSettingsSection,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        workflow: {
+            openPrOnImplementationComplete: false,
+            approvalGateDefaults: {
+                allowPrd: false,
+                allowPlan: false,
+                allowMerge: false,
+                pushOnImplementationComplete: false,
+            },
+        },
+    },
+};
+export const AllEnabled = {
+    args: {
+        workflow: {
+            openPrOnImplementationComplete: true,
+            approvalGateDefaults: {
+                allowPrd: true,
+                allowPlan: true,
+                allowMerge: true,
+                pushOnImplementationComplete: true,
+            },
+            ciMaxFixAttempts: 3,
+            ciWatchTimeoutMs: 300000,
+            ciLogMaxChars: 50000,
+        },
+    },
+};
+export const WithCiSettings = {
+    args: {
+        workflow: {
+            openPrOnImplementationComplete: false,
+            approvalGateDefaults: {
+                allowPrd: false,
+                allowPlan: false,
+                allowMerge: false,
+                pushOnImplementationComplete: false,
+            },
+            ciMaxFixAttempts: 5,
+            ciWatchTimeoutMs: 600000,
+            ciLogMaxChars: 100000,
+        },
+    },
+};

package/dist/src/presentation/web/components/layouts/app-shell/app-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-shell/app-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAepD,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAgDD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAUnD"}
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-shell/app-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBpD,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAkDD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAUnD"}

package/dist/src/presentation/web/components/layouts/app-shell/app-shell.js

@@ -11,10 +11,12 @@ import { AgentEventsProvider } from '../../../hooks/agent-events-provider.js';
 import { DrawerCloseGuardProvider, useDrawerCloseGuard } from '../../../hooks/drawer-close-guard.js';
 import { SidebarFeaturesProvider, useSidebarFeaturesContext, } from '../../../hooks/sidebar-features-context.js';
 import { useNotifications } from '../../../hooks/use-notifications.js';
+import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
 /** Inner shell that consumes the agent-events context for notifications. */
 function AppShellInner({ children }) {
     const router = useRouter();
     const { guardedNavigate } = useDrawerCloseGuard();
+    const featureFlags = useFeatureFlags();
     // Subscribe to agent lifecycle events and dispatch toast/browser notifications
     useNotifications();
     const { features } = useSidebarFeaturesContext();
@@ -27,7 +29,7 @@ function AppShellInner({ children }) {
     const handleRepositorySelect = useCallback((path) => {
         window.dispatchEvent(new CustomEvent('shep:add-repository', { detail: { path } }));
     }, []);
-    return (_jsxs(SidebarProvider, { children: [_jsx(AppSidebar, { features: features, onNewFeature: handleNewFeature, onFeatureClick: handleFeatureClick }), _jsx(SidebarInset, { children: _jsxs("div", { className: "relative h-full", children: [_jsxs("div", { className: "absolute top-3 right-3 z-50 flex gap-1", children: [_jsx(AddRepositoryButton, { onSelect: handleRepositorySelect }), _jsx(SoundToggle, {}), _jsx(ThemeToggle, {})] }), _jsx("main", { className: "h-full", children: children })] }) })] }));
+    return (_jsxs(SidebarProvider, { children: [_jsx(AppSidebar, { features: features, featureFlags: featureFlags, onNewFeature: handleNewFeature, onFeatureClick: handleFeatureClick }), _jsx(SidebarInset, { children: _jsxs("div", { className: "relative h-full", children: [_jsxs("div", { className: "absolute top-3 right-3 z-50 flex gap-1", children: [_jsx(AddRepositoryButton, { onSelect: handleRepositorySelect }), _jsx(SoundToggle, {}), _jsx(ThemeToggle, {})] }), _jsx("main", { className: "h-full", children: children })] }) })] }));
 }
 export function AppShell({ children }) {
     return (_jsx(AgentEventsProvider, { children: _jsx(DrawerCloseGuardProvider, { children: _jsx(SidebarFeaturesProvider, { children: _jsx(AppShellInner, { children: children }) }) }) }));

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.d.ts

@@ -1,4 +1,5 @@
 import type { FeatureStatus } from '../../common/feature-status-config.js';
+import type { FeatureFlagsState } from '../../../lib/feature-flags.js';
 export interface FeatureItem {
     featureId: string;
     name: string;
@@ -8,8 +9,9 @@ export interface FeatureItem {
 }
 export interface AppSidebarProps {
     features: FeatureItem[];
+    featureFlags: FeatureFlagsState;
     onNewFeature?: () => void;
     onFeatureClick?: (featureId: string) => void;
 }
-export declare function AppSidebar({ features, onNewFeature, onFeatureClick }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppSidebar({ features, featureFlags, onNewFeature, onFeatureClick, }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=app-sidebar.d.ts.map

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAI/E,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,eAAe,2CAqGrF"}
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAE/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,iBAAiB,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,cAAc,GACf,EAAE,eAAe,2CA2GjB"}

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname } from 'next/navigation';
-import { Home, Wrench, Puzzle, Plus } from 'lucide-react';
+import { Home, Wrench, Puzzle, Plus, Settings } from 'lucide-react';
 import { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarRail, useSidebar, } from '../../ui/sidebar.js';
 import { ScrollArea } from '../../ui/scroll-area.js';
 import { SidebarNavItem } from '../../common/sidebar-nav-item/index.js';
@@ -12,8 +12,7 @@ import { FeatureStatusGroup } from '../../common/feature-status-group/index.js';
 import { SidebarSectionHeader } from '../../common/sidebar-section-header/index.js';
 import { featureStatusConfig, featureStatusOrder } from '../../common/feature-status-config.js';
 import { useDeferredMount } from '../../../hooks/use-deferred-mount.js';
-import { featureFlags } from '../../../lib/feature-flags.js';
-export function AppSidebar({ features, onNewFeature, onFeatureClick }) {
+export function AppSidebar({ features, featureFlags, onNewFeature, onFeatureClick, }) {
     const pathname = usePathname();
     const { state } = useSidebar();
     const collapsed = state === 'collapsed';
@@ -27,7 +26,7 @@ export function AppSidebar({ features, onNewFeature, onFeatureClick }) {
                                             'flex min-w-0 flex-1 items-center gap-2 overflow-hidden px-2',
                                             'transition-opacity duration-200 ease-out',
                                             expandedVisible ? 'opacity-100' : 'opacity-0',
-                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20 }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: "Tools", href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: "Skills", href: "/skills", active: pathname === '/skills' })) : null] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
+                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20 }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: "Tools", href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: "Skills", href: "/skills", active: pathname === '/skills' })) : null, _jsx(SidebarNavItem, { icon: Settings, label: "Settings", href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
                         'min-w-0 overflow-hidden transition-opacity duration-200 ease-out',
                         '[&_[data-sidebar=group-label]]:!mt-0 [&_[data-sidebar=group-label]]:!opacity-100 [&_[data-sidebar=group-label]]:!transition-none',
                         expandedVisible ? 'opacity-100' : 'opacity-0',

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAsBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0BnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}
+{"version":3,"file":"app-sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAyBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0BnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.js

@@ -1,9 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SidebarProvider, SidebarInset } from '../../ui/sidebar.js';
 import { AppSidebar } from './app-sidebar.js';
+const defaultFeatureFlags = { skills: true, envDeploy: true, debug: false };
 const meta = {
     title: 'Layout/AppSidebar',
     component: AppSidebar,
+    args: {
+        featureFlags: defaultFeatureFlags,
+    },
     parameters: {
         layout: 'fullscreen',
     },

package/dist/src/presentation/web/components/ui/switch.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Switch as SwitchPrimitive } from 'radix-ui';
+declare function Switch({ className, size, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
+    size?: 'sm' | 'default';
+}): import("react/jsx-runtime").JSX.Element;
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

package/dist/src/presentation/web/components/ui/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAIrD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,2CAmBA;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}