@shepai/cli 1.76.0 → 1.77.0-pr244.422e487

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

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

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

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

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

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useTransition, useRef, useEffect } from 'react';
+import { Flag, Check } from 'lucide-react';
+import { toast } from 'sonner';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card.js';
+import { Label } from '../../ui/label.js';
+import { Switch } from '../../ui/switch.js';
+import { updateSettingsAction } from '../../../app/actions/update-settings.js';
+const FLAG_DESCRIPTIONS = {
+    skills: 'Enable Skills navigation and functionality in the web UI',
+    envDeploy: 'Enable environment deployment features in the web UI',
+    debug: 'Enable debug UI elements and verbose client-side logging',
+};
+const FLAG_LABELS = {
+    skills: 'Skills',
+    envDeploy: 'Deployments',
+    debug: 'Debug',
+};
+const FLAG_KEYS = ['skills', 'envDeploy', 'debug'];
+export function FeatureFlagsSettingsSection({ featureFlags }) {
+    const [flags, setFlags] = useState({ ...featureFlags });
+    const [isPending, startTransition] = useTransition();
+    const [showSaved, setShowSaved] = useState(false);
+    const prevPendingRef = useRef(false);
+    useEffect(() => {
+        if (prevPendingRef.current && !isPending) {
+            setShowSaved(true);
+            const timer = setTimeout(() => setShowSaved(false), 2000);
+            return () => clearTimeout(timer);
+        }
+        prevPendingRef.current = isPending;
+    }, [isPending]);
+    function handleFlagChange(key, value) {
+        const newFlags = { ...flags, [key]: value };
+        setFlags(newFlags);
+        startTransition(async () => {
+            const result = await updateSettingsAction({ featureFlags: newFlags });
+            if (!result.success) {
+                toast.error(result.error ?? 'Failed to save feature flags');
+            }
+        });
+    }
+    return (_jsxs(Card, { id: "feature-flags", className: "scroll-mt-6", "data-testid": "feature-flags-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Flag, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "Feature Flags" })] }), isPending ? _jsx("span", { className: "text-muted-foreground text-xs", children: "Saving..." }) : null, showSaved && !isPending ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-green-600", children: [_jsx(Check, { className: "h-3 w-3" }), "Saved"] })) : null] }), _jsx(CardDescription, { children: "Toggle experimental and optional features. Changes take effect after page navigation." })] }), _jsx(CardContent, { className: "space-y-4", children: FLAG_KEYS.map((key) => (_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: `flag-${key}`, children: FLAG_LABELS[key] }), _jsx("p", { className: "text-muted-foreground text-xs", children: FLAG_DESCRIPTIONS[key] })] }), _jsx(Switch, { id: `flag-${key}`, "data-testid": `switch-flag-${key}`, checked: flags[key], onCheckedChange: (v) => handleFlagChange(key, v) })] }, key))) })] }));
+}

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

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+import { FeatureFlagsSettingsSection } from './feature-flags-settings-section.js';
+declare const meta: {
+    title: string;
+    component: typeof FeatureFlagsSettingsSection;
+    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 AllDisabled: Story;
+//# sourceMappingURL=feature-flags-settings-section.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flags-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,QAAA,MAAM,IAAI;;;;;;;CAO0C,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}

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

@@ -0,0 +1,37 @@
+import { FeatureFlagsSettingsSection } from './feature-flags-settings-section.js';
+const meta = {
+    title: 'Features/Settings/FeatureFlagsSettingsSection',
+    component: FeatureFlagsSettingsSection,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        featureFlags: {
+            skills: false,
+            envDeploy: false,
+            debug: false,
+        },
+    },
+};
+export const AllEnabled = {
+    args: {
+        featureFlags: {
+            skills: true,
+            envDeploy: true,
+            debug: true,
+        },
+    },
+};
+export const AllDisabled = {
+    args: {
+        featureFlags: {
+            skills: false,
+            envDeploy: false,
+            debug: false,
+        },
+    },
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/notification-settings-section.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAiBpF,MAAM,WAAW,gCAAgC;IAC/C,aAAa,EAAE,uBAAuB,CAAC;CACxC;AAED,wBAAgB,2BAA2B,CAAC,EAAE,aAAa,EAAE,EAAE,gCAAgC,2CAkJ9F"}

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

@@ -0,0 +1,68 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useTransition, useRef, useEffect } from 'react';
+import { Bell, 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 { Switch } from '../../ui/switch.js';
+import { Separator } from '../../ui/separator.js';
+import { updateSettingsAction } from '../../../app/actions/update-settings.js';
+const AGENT_EVENT_TOGGLES = [
+    { key: 'agentStarted', label: 'Agent Started' },
+    { key: 'phaseCompleted', label: 'Phase Completed' },
+    { key: 'waitingApproval', label: 'Waiting Approval' },
+    { key: 'agentCompleted', label: 'Agent Completed' },
+    { key: 'agentFailed', label: 'Agent Failed' },
+];
+const PR_EVENT_TOGGLES = [
+    { key: 'prMerged', label: 'PR Merged' },
+    { key: 'prClosed', label: 'PR Closed' },
+    { key: 'prChecksPassed', label: 'PR Checks Passed' },
+    { key: 'prChecksFailed', label: 'PR Checks Failed' },
+];
+export function NotificationSettingsSection({ notifications }) {
+    const [inApp, setInApp] = useState(notifications.inApp.enabled);
+    const [browser, setBrowser] = useState(notifications.browser.enabled);
+    const [desktop, setDesktop] = useState(notifications.desktop.enabled);
+    const [events, setEvents] = useState({ ...notifications.events });
+    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 notification settings');
+            }
+        });
+    }
+    function buildFullPayload(overrides = {}) {
+        return {
+            notifications: {
+                inApp: { enabled: overrides.inApp ?? inApp },
+                browser: { enabled: overrides.browser ?? browser },
+                desktop: { enabled: overrides.desktop ?? desktop },
+                events: overrides.events ?? events,
+            },
+        };
+    }
+    function handleChannelChange(channel, setter, value) {
+        setter(value);
+        save(buildFullPayload({ [channel]: value }));
+    }
+    function handleEventChange(key, value) {
+        const newEvents = { ...events, [key]: value };
+        setEvents(newEvents);
+        save(buildFullPayload({ events: newEvents }));
+    }
+    return (_jsxs(Card, { id: "notifications", className: "scroll-mt-6", "data-testid": "notification-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(Bell, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "Notifications" })] }), 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 notification channels and event preferences" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Channels" }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: "notif-in-app", children: "In-App" }), _jsx(Switch, { id: "notif-in-app", "data-testid": "switch-in-app", checked: inApp, onCheckedChange: (v) => handleChannelChange('inApp', setInApp, v) })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: "notif-browser", children: "Browser" }), _jsx(Switch, { id: "notif-browser", "data-testid": "switch-browser", checked: browser, onCheckedChange: (v) => handleChannelChange('browser', setBrowser, v) })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: "notif-desktop", children: "Desktop" }), _jsx(Switch, { id: "notif-desktop", "data-testid": "switch-desktop", checked: desktop, onCheckedChange: (v) => handleChannelChange('desktop', setDesktop, v) })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Agent Events" }), AGENT_EVENT_TOGGLES.map(({ key, label }) => (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: `notif-event-${key}`, children: label }), _jsx(Switch, { id: `notif-event-${key}`, "data-testid": `switch-event-${key}`, checked: events[key], onCheckedChange: (v) => handleEventChange(key, v) })] }, key)))] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "PR Events" }), PR_EVENT_TOGGLES.map(({ key, label }) => (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: `notif-event-${key}`, children: label }), _jsx(Switch, { id: `notif-event-${key}`, "data-testid": `switch-event-${key}`, checked: events[key], onCheckedChange: (v) => handleEventChange(key, v) })] }, key)))] })] })] }));
+}

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

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+import { NotificationSettingsSection } from './notification-settings-section.js';
+declare const meta: {
+    title: string;
+    component: typeof NotificationSettingsSection;
+    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 AllDisabled: Story;
+//# sourceMappingURL=notification-settings-section.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/notification-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAE9E,QAAA,MAAM,IAAI;;;;;;;CAO0C,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0BnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

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

@@ -0,0 +1,62 @@
+import { NotificationSettingsSection } from './notification-settings-section.js';
+const meta = {
+    title: 'Features/Settings/NotificationSettingsSection',
+    component: NotificationSettingsSection,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+const allEvents = {
+    agentStarted: true,
+    phaseCompleted: true,
+    waitingApproval: true,
+    agentCompleted: true,
+    agentFailed: true,
+    prMerged: true,
+    prClosed: true,
+    prChecksPassed: true,
+    prChecksFailed: true,
+};
+const noEvents = {
+    agentStarted: false,
+    phaseCompleted: false,
+    waitingApproval: false,
+    agentCompleted: false,
+    agentFailed: false,
+    prMerged: false,
+    prClosed: false,
+    prChecksPassed: false,
+    prChecksFailed: false,
+};
+export const Default = {
+    args: {
+        notifications: {
+            inApp: { enabled: true },
+            browser: { enabled: true },
+            desktop: { enabled: false },
+            events: allEvents,
+        },
+    },
+};
+export const AllEnabled = {
+    args: {
+        notifications: {
+            inApp: { enabled: true },
+            browser: { enabled: true },
+            desktop: { enabled: true },
+            events: allEvents,
+        },
+    },
+};
+export const AllDisabled = {
+    args: {
+        notifications: {
+            inApp: { enabled: false },
+            browser: { enabled: false },
+            desktop: { enabled: false },
+            events: noEvents,
+        },
+    },
+};

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

@@ -0,0 +1,8 @@
+import type { Settings } from '../../../../../../packages/core/src/domain/generated/output.js';
+export interface SettingsPageClientProps {
+    settings: Settings;
+    shepHome: string;
+    dbFileSize: string;
+}
+export declare function SettingsPageClient({ settings, shepHome, dbFileSize }: SettingsPageClientProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=settings-page-client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAWrE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,uBAAuB,2CAiC7F"}

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

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bot, Terminal, GitBranch, Bell, Flag, Database } from 'lucide-react';
+import { AgentSettingsSection } from './agent-settings-section.js';
+import { EnvironmentSettingsSection } from './environment-settings-section.js';
+import { WorkflowSettingsSection } from './workflow-settings-section.js';
+import { NotificationSettingsSection } from './notification-settings-section.js';
+import { FeatureFlagsSettingsSection } from './feature-flags-settings-section.js';
+import { DatabaseSettingsSection } from './database-settings-section.js';
+const SECTIONS = [
+    { id: 'agent', label: 'Agent', icon: Bot },
+    { id: 'environment', label: 'IDE & Terminal', icon: Terminal },
+    { id: 'workflow', label: 'Workflow', icon: GitBranch },
+    { id: 'notifications', label: 'Notifications', icon: Bell },
+    { id: 'feature-flags', label: 'Feature Flags', icon: Flag },
+    { id: 'database', label: 'Database', icon: Database },
+];
+export function SettingsPageClient({ settings, shepHome, dbFileSize }) {
+    const featureFlags = settings.featureFlags ?? { skills: false, envDeploy: false, debug: false };
+    return (_jsxs("div", { "data-testid": "settings-page-client", className: "space-y-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-lg font-semibold tracking-tight", children: "Settings" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Manage your preferences and configuration" })] }), _jsx("nav", { className: "flex flex-wrap gap-1", "aria-label": "Settings sections", children: SECTIONS.map(({ id, label, icon: Icon }) => (_jsxs("a", { href: `#${id}`, className: "text-muted-foreground hover:text-foreground hover:bg-muted inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", children: [_jsx(Icon, { className: "h-3 w-3" }), label] }, id))) }), _jsxs("div", { className: "max-w-2xl space-y-6", children: [_jsx(AgentSettingsSection, { agent: settings.agent }), _jsx(EnvironmentSettingsSection, { environment: settings.environment }), _jsx(WorkflowSettingsSection, { workflow: settings.workflow }), _jsx(NotificationSettingsSection, { notifications: settings.notifications }), _jsx(FeatureFlagsSettingsSection, { featureFlags: featureFlags }), _jsx(DatabaseSettingsSection, { shepHome: shepHome, dbFileSize: 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-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;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,2CA2GrF"}

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';
@@ -27,7 +27,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/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"}

package/dist/src/presentation/web/components/ui/switch.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Switch as SwitchPrimitive } from 'radix-ui';
+import { cn } from '../../lib/utils.js';
+function Switch({ className, size = 'default', ...props }) {
+    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: cn('peer group/switch focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6', className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn('bg-background dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0') }) }));
+}
+export { Switch };

package/dist/src/presentation/web/hooks/use-graph-state.d.ts

@@ -34,6 +34,8 @@ export interface UseGraphStateReturn {
     getFeatureRepositoryPath: (featureNodeId: string) => string | undefined;
     /** Stable lookup: get repository node data by nodeId. */
     getRepositoryData: (nodeId: string) => RepositoryNodeData | undefined;
+    /** Stable lookup: get the current number of repositories in the domain Map. */
+    getRepoMapSize: () => number;
     /** Update callbacks injected into node data (does NOT trigger re-render). */
     setCallbacks: (callbacks: GraphCallbacks) => void;
 }