@shepai/cli 1.77.1-pr244.c979f34 → 1.77.1

package/dist/src/presentation/web/app/settings/page.js

@@ -1,12 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { loadSettings } from '../actions/load-settings.js';
-import { SettingsPageClient } from '../../components/features/settings/settings-page-client.js';
-/** Skip static pre-rendering since we need runtime DI container and server context. */
-export const dynamic = 'force-dynamic';
-export default async function SettingsPage() {
-    const { settings, shepHome, dbFileSize, error } = await loadSettings();
-    if (error || !settings) {
-        return (_jsx("div", { className: "flex h-full flex-col p-6", children: _jsxs("p", { className: "text-destructive text-sm", children: ["Failed to load settings: ", error] }) }));
-    }
-    return (_jsx("div", { className: "flex h-full flex-col p-6", children: _jsx(SettingsPageClient, { settings: settings, shepHome: shepHome ?? '', dbFileSize: dbFileSize ?? 'Unknown' }) }));
-}

package/dist/src/presentation/web/components/common/editor-type-icons.d.ts

@@ -1,8 +0,0 @@
-import type { ComponentType, SVGProps } from 'react';
-type IconProps = SVGProps<SVGSVGElement> & {
-    className?: string;
-};
-/** Resolve an editor type string to its corresponding icon component. */
-export declare function getEditorTypeIcon(editorType?: string): ComponentType<IconProps>;
-export {};
-//# sourceMappingURL=editor-type-icons.d.ts.map

package/dist/src/presentation/web/components/common/editor-type-icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor-type-icons.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/common/editor-type-icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKrD,KAAK,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAwElE,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,SAAS,CAAC,CAK/E"}

package/dist/src/presentation/web/components/common/editor-type-icons.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Image from 'next/image';
-import { Code, Rocket } from 'lucide-react';
-import { cn } from '../../lib/utils.js';
-/** Fallback icon for unknown editor types. */
-function DefaultEditorIcon(props) {
-    return _jsx(Code, { className: cn('h-4 w-4', props.className), ...props });
-}
-function VsCodeIcon({ className }) {
-    return (_jsx(Image, { src: "/icons/editors/vscode.svg", alt: "VS Code", width: 24, height: 24, className: cn('rounded-sm object-contain', className) }));
-}
-VsCodeIcon.displayName = 'VsCodeIcon';
-function CursorEditorIcon({ className }) {
-    return (_jsx(Image, { src: "/icons/agents/cursor.jpeg", alt: "Cursor", width: 24, height: 24, className: cn('rounded-sm object-contain', className) }));
-}
-CursorEditorIcon.displayName = 'CursorEditorIcon';
-function WindsurfIcon({ className }) {
-    return (_jsx(Image, { src: "/icons/editors/windsurf.svg", alt: "Windsurf", width: 24, height: 24, className: cn('rounded-sm object-contain', className) }));
-}
-WindsurfIcon.displayName = 'WindsurfIcon';
-function ZedIcon({ className }) {
-    return (_jsx(Image, { src: "/icons/editors/zed.svg", alt: "Zed", width: 24, height: 24, className: cn('rounded-sm object-contain', className) }));
-}
-ZedIcon.displayName = 'ZedIcon';
-function AntigravityIcon({ className, ...props }) {
-    return _jsx(Rocket, { className: cn('h-4 w-4', className), ...props });
-}
-AntigravityIcon.displayName = 'AntigravityIcon';
-const editorTypeIconMap = {
-    vscode: VsCodeIcon,
-    cursor: CursorEditorIcon,
-    windsurf: WindsurfIcon,
-    zed: ZedIcon,
-    antigravity: AntigravityIcon,
-};
-/** Resolve an editor type string to its corresponding icon component. */
-export function getEditorTypeIcon(editorType) {
-    if (editorType && editorType in editorTypeIconMap) {
-        return editorTypeIconMap[editorType];
-    }
-    return DefaultEditorIcon;
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"agent-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/agent-settings-section.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAgBxE,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,yBAAyB,2CA+IxE"}

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

@@ -1,75 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useTransition, useRef, useEffect } from 'react';
-import { Bot, Eye, EyeOff, Check } from 'lucide-react';
-import { toast } from 'sonner';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card.js';
-import { Label } from '../../ui/label.js';
-import { Input } from '../../ui/input.js';
-import { Button } from '../../ui/button.js';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/select.js';
-import { updateSettingsAction } from '../../../app/actions/update-settings.js';
-import { AgentType, AgentAuthMethod } from '../../../../../../packages/core/src/domain/generated/output.js';
-import { getAgentTypeIcon } from '../../common/feature-node/agent-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' },
-];
-export function AgentSettingsSection({ agent }) {
-    const [agentType, setAgentType] = useState(agent.type);
-    const [authMethod, setAuthMethod] = useState(agent.authMethod);
-    const [token, setToken] = useState(agent.token ?? '');
-    const [showToken, setShowToken] = useState(false);
-    const [isPending, startTransition] = useTransition();
-    const [showSaved, setShowSaved] = useState(false);
-    const prevPendingRef = useRef(false);
-    useEffect(() => {
-        if (prevPendingRef.current && !isPending) {
-            setShowSaved(true);
-            const timer = setTimeout(() => setShowSaved(false), 2000);
-            return () => clearTimeout(timer);
-        }
-        prevPendingRef.current = isPending;
-    }, [isPending]);
-    function save(payload) {
-        startTransition(async () => {
-            const result = await updateSettingsAction(payload);
-            if (!result.success) {
-                toast.error(result.error ?? 'Failed to save agent settings');
-            }
-        });
-    }
-    function buildPayload(overrides = {}) {
-        const merged = { type: agentType, authMethod, ...overrides };
-        const result = { type: merged.type, authMethod: merged.authMethod };
-        if (merged.authMethod === AgentAuthMethod.Token) {
-            result.token = overrides.token ?? token;
-        }
-        return { agent: result };
-    }
-    function handleAgentTypeChange(value) {
-        setAgentType(value);
-        save(buildPayload({ type: value }));
-    }
-    function handleAuthMethodChange(value) {
-        setAuthMethod(value);
-        save(buildPayload({ authMethod: value }));
-    }
-    function handleTokenBlur() {
-        if (token !== (agent.token ?? '')) {
-            save(buildPayload({ token }));
-        }
-    }
-    return (_jsxs(Card, { id: "agent", className: "scroll-mt-6", "data-testid": "agent-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Bot, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "Preferred Agent" })] }), isPending ? _jsx("span", { className: "text-muted-foreground text-xs", children: "Saving..." }) : null, showSaved && !isPending ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-green-600", children: [_jsx(Check, { className: "h-3 w-3" }), "Saved"] })) : null] }), _jsx(CardDescription, { children: "Choose your AI coding agent and authentication method" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "agent-type", children: "Agent Type" }), _jsxs(Select, { value: agentType, onValueChange: handleAgentTypeChange, children: [_jsx(SelectTrigger, { id: "agent-type", "data-testid": "agent-type-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: AGENT_TYPE_OPTIONS.map((opt) => {
-                                            const Icon = getAgentTypeIcon(opt.value);
-                                            return (_jsx(SelectItem, { value: opt.value, children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(Icon, { className: "h-4 w-4 shrink-0" }), opt.label] }) }, opt.value));
-                                        }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "auth-method", children: "Authentication Method" }), _jsxs(Select, { value: authMethod, onValueChange: handleAuthMethodChange, children: [_jsx(SelectTrigger, { id: "auth-method", "data-testid": "auth-method-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: AUTH_METHOD_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] }), authMethod === AgentAuthMethod.Token && (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "agent-token", children: "API Token" }), _jsxs("div", { className: "relative", children: [_jsx(Input, { id: "agent-token", "data-testid": "agent-token-input", type: showToken ? 'text' : 'password', value: token, onChange: (e) => setToken(e.target.value), onBlur: handleTokenBlur, placeholder: "Enter your API token", className: "pr-10" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "absolute top-0 right-0 h-full px-3 hover:bg-transparent", onClick: () => setShowToken(!showToken), "data-testid": "toggle-token-visibility", "aria-label": showToken ? 'Hide token' : 'Show token', children: showToken ? _jsx(EyeOff, { className: "h-4 w-4" }) : _jsx(Eye, { className: "h-4 w-4" }) })] }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Saves automatically when you leave the field" })] }))] })] }));
-}

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

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

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

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

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

@@ -1,36 +0,0 @@
-import { AgentSettingsSection } from './agent-settings-section.js';
-import { AgentType, AgentAuthMethod } from '../../../../../../packages/core/src/domain/generated/output.js';
-const meta = {
-    title: 'Features/Settings/AgentSettingsSection',
-    component: AgentSettingsSection,
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'padded',
-    },
-};
-export default meta;
-export const Default = {
-    args: {
-        agent: {
-            type: AgentType.ClaudeCode,
-            authMethod: AgentAuthMethod.Session,
-        },
-    },
-};
-export const TokenAuth = {
-    args: {
-        agent: {
-            type: AgentType.GeminiCli,
-            authMethod: AgentAuthMethod.Token,
-            token: 'sk-test-token-12345',
-        },
-    },
-};
-export const AiderSession = {
-    args: {
-        agent: {
-            type: AgentType.Aider,
-            authMethod: AgentAuthMethod.Session,
-        },
-    },
-};

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

@@ -1,6 +0,0 @@
-export interface DatabaseSettingsSectionProps {
-    shepHome: string;
-    dbFileSize: string;
-}
-export declare function DatabaseSettingsSection({ shepHome, dbFileSize }: DatabaseSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=database-settings-section.d.ts.map

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

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

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

@@ -1,8 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Database, Info } from 'lucide-react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card.js';
-import { Label } from '../../ui/label.js';
-export function DatabaseSettingsSection({ shepHome, dbFileSize }) {
-    return (_jsxs(Card, { id: "database", className: "scroll-mt-6", "data-testid": "database-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Database, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "Database Location" })] }), _jsx(CardDescription, { children: _jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(Info, { className: "h-3 w-3" }), "Read-only information about your Shep data directory and database"] }) })] }), _jsxs(CardContent, { className: "bg-muted/50 space-y-3 rounded-b-lg", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-muted-foreground text-xs", children: "SHEP_HOME Directory" }), _jsx("p", { className: "font-mono text-sm", "data-testid": "shep-home-path", children: shepHome })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-muted-foreground text-xs", children: "Database File Size" }), _jsx("p", { className: "text-sm", "data-testid": "db-file-size", children: dbFileSize })] })] })] }));
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"database-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/database-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,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC"}

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

@@ -1,22 +0,0 @@
-import { DatabaseSettingsSection } from './database-settings-section.js';
-const meta = {
-    title: 'Features/Settings/DatabaseSettingsSection',
-    component: DatabaseSettingsSection,
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'padded',
-    },
-};
-export default meta;
-export const Default = {
-    args: {
-        shepHome: '/home/user/.shep',
-        dbFileSize: '2.4 MB',
-    },
-};
-export const LargeDatabase = {
-    args: {
-        shepHome: '/opt/shep/production',
-        dbFileSize: '156.7 MB',
-    },
-};

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