@shepai/cli 1.77.0-pr244.422e487 → 1.77.0-pr245.ffba5f4

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"environment-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAgB9E,MAAM,WAAW,+BAA+B;IAC9C,WAAW,EAAE,iBAAiB,CAAC;CAChC;AAED,wBAAgB,0BAA0B,CAAC,EAAE,WAAW,EAAE,EAAE,+BAA+B,2CAwF1F"}

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

@@ -1,54 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useTransition, useRef, useEffect } from 'react';
-import { Terminal, Check } from 'lucide-react';
-import { toast } from 'sonner';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card.js';
-import { Label } from '../../ui/label.js';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/select.js';
-import { updateSettingsAction } from '../../../app/actions/update-settings.js';
-import { EditorType } from '../../../../../../packages/core/src/domain/generated/output.js';
-const EDITOR_OPTIONS = [
-    { value: EditorType.VsCode, label: 'VS Code' },
-    { value: EditorType.Cursor, label: 'Cursor' },
-    { value: EditorType.Windsurf, label: 'Windsurf' },
-    { value: EditorType.Zed, label: 'Zed' },
-    { value: EditorType.Antigravity, label: 'Antigravity' },
-];
-const SHELL_OPTIONS = [
-    { value: 'bash', label: 'Bash' },
-    { value: 'zsh', label: 'Zsh' },
-    { value: 'fish', label: 'Fish' },
-];
-export function EnvironmentSettingsSection({ environment }) {
-    const [editor, setEditor] = useState(environment.defaultEditor);
-    const [shell, setShell] = useState(environment.shellPreference);
-    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 IDE & Terminal settings');
-            }
-        });
-    }
-    function handleEditorChange(value) {
-        setEditor(value);
-        save({ environment: { defaultEditor: value, shellPreference: shell } });
-    }
-    function handleShellChange(value) {
-        setShell(value);
-        save({ environment: { defaultEditor: editor, shellPreference: value } });
-    }
-    return (_jsxs(Card, { id: "environment", className: "scroll-mt-6", "data-testid": "environment-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Terminal, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "IDE & Terminal" })] }), isPending ? _jsx("span", { className: "text-muted-foreground text-xs", children: "Saving..." }) : null, showSaved && !isPending ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-green-600", children: [_jsx(Check, { className: "h-3 w-3" }), "Saved"] })) : null] }), _jsx(CardDescription, { children: "Configure your default editor and shell preferences" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "default-editor", children: "Default Editor" }), _jsxs(Select, { value: editor, onValueChange: handleEditorChange, children: [_jsx(SelectTrigger, { id: "default-editor", "data-testid": "editor-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: EDITOR_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "shell-preference", children: "Shell Preference" }), _jsxs(Select, { value: shell, onValueChange: handleShellChange, children: [_jsx(SelectTrigger, { id: "shell-preference", "data-testid": "shell-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: SHELL_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] })] })] }));
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"environment-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAG5E,QAAA,MAAM,IAAI;;;;;;;CAOyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC"}

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

@@ -1,27 +0,0 @@
-import { EnvironmentSettingsSection } from './environment-settings-section.js';
-import { EditorType } from '../../../../../../packages/core/src/domain/generated/output.js';
-const meta = {
-    title: 'Features/Settings/EnvironmentSettingsSection',
-    component: EnvironmentSettingsSection,
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'padded',
-    },
-};
-export default meta;
-export const Default = {
-    args: {
-        environment: {
-            defaultEditor: EditorType.VsCode,
-            shellPreference: 'bash',
-        },
-    },
-};
-export const CursorWithZsh = {
-    args: {
-        environment: {
-            defaultEditor: EditorType.Cursor,
-            shellPreference: 'zsh',
-        },
-    },
-};

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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,45 +0,0 @@
-'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

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,37 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,68 +0,0 @@
-'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

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,62 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,21 +0,0 @@
-'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

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,39 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,76 +0,0 @@
-'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

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}