@shepai/cli 1.77.1 → 1.77.2-pr240.0ae5c6e

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

@@ -0,0 +1,12 @@
+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/base-drawer/base-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/base-drawer/base-drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAelE,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGpF,QAAA,MAAM,cAAc;;8EAUlB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yGAAyG;IACzG,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,iBAAiB,CAAC;CAClC;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,KAAa,EACb,qBAA6B,EAC7B,KAAgB,EAChB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,aAAa,EAAE,MAAM,EACrB,YAAY,GACb,EAAE,eAAe,2CAqFjB"}
+{"version":3,"file":"base-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/base-drawer/base-drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAelE,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGpF,QAAA,MAAM,cAAc;;8EAUlB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yGAAyG;IACzG,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,iBAAiB,CAAC;CAClC;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,KAAa,EACb,qBAA6B,EAC7B,KAAgB,EAChB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,aAAa,EAAE,MAAM,EACrB,YAAY,GACb,EAAE,eAAe,2CAsFjB"}

package/dist/src/presentation/web/components/common/base-drawer/base-drawer.js

@@ -10,7 +10,7 @@ import { Drawer, DrawerContent, DrawerHeader, DrawerFooter, DrawerOverlay, Drawe
 import { Separator } from '../../ui/separator.js';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
 import { useDeployAction } from '../../../hooks/use-deploy-action.js';
-import { featureFlags } from '../../../lib/feature-flags.js';
+import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
 const drawerVariants = cva('', {
     variants: {
         size: {
@@ -23,6 +23,7 @@ const drawerVariants = cva('', {
     },
 });
 export function BaseDrawer({ open, onClose, modal = false, dismissOnOutsideClick = false, title = 'Drawer', size, header, children, footer, className, 'data-testid': testId, deployTarget, }) {
+    const featureFlags = useFeatureFlags();
     const contentRef = useRef(null);
     // Close when clicking outside the drawer panel (no overlay needed — canvas stays draggable).
     // Uses `click` (not `pointerdown`) so canvas drags don't trigger this.

package/dist/src/presentation/web/components/common/control-center-drawer/feature-drawer-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/feature-drawer-client.tsx"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,wBAAwB,2CAykBlF"}
+{"version":3,"file":"feature-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/feature-drawer-client.tsx"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,wBAAwB,2CA0kBlF"}

package/dist/src/presentation/web/components/common/control-center-drawer/feature-drawer-client.js

@@ -12,7 +12,7 @@ import { getResearchArtifact } from '../../../app/actions/get-research-artifact.
 import { getMergeReviewData } from '../../../app/actions/get-merge-review-data.js';
 import { deleteFeature } from '../../../app/actions/delete-feature.js';
 import { cn } from '../../../lib/utils.js';
-import { featureFlags } from '../../../lib/feature-flags.js';
+import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
 import { useSoundAction } from '../../../hooks/use-sound-action.js';
 import { useGuardedDrawerClose } from '../../../hooks/drawer-close-guard.js';
 import { useDeployAction } from '../../../hooks/use-deploy-action.js';
@@ -38,6 +38,7 @@ import { resolveSseEventUpdates } from '../../common/feature-node/derive-feature
 import { deriveFeatureViewType } from './drawer-view.js';
 import { useArtifactFetch } from './use-artifact-fetch.js';
 export function FeatureDrawerClient({ view: initialView }) {
+    const featureFlags = useFeatureFlags();
     const router = useRouter();
     const deleteSound = useSoundAction('delete');
     const rejectSound = useSoundAction('reject');

package/dist/src/presentation/web/components/common/control-center-drawer/repository-drawer-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repository-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/repository-drawer-client.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,EAAE,2BAA2B,2CAkF3E"}
+{"version":3,"file":"repository-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/repository-drawer-client.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,EAAE,2BAA2B,2CAmF3E"}

package/dist/src/presentation/web/components/common/control-center-drawer/repository-drawer-client.js

@@ -8,8 +8,9 @@ import { ActionButton } from '../../common/action-button/index.js';
 import { DrawerTitle, DrawerDescription } from '../../ui/drawer.js';
 import { Separator } from '../../ui/separator.js';
 import { useRepositoryActions } from '../../common/repository-node/use-repository-actions.js';
-import { featureFlags } from '../../../lib/feature-flags.js';
+import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
 export function RepositoryDrawerClient({ data }) {
+    const featureFlags = useFeatureFlags();
     const router = useRouter();
     const pathname = usePathname();
     const isOpen = pathname.startsWith('/repository/');

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

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

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

@@ -0,0 +1,42 @@
+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/common/feature-node/derive-feature-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"derive-feature-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/derive-feature-state.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAIL,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAE3F;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,GAAG,gBAAgB,CA4C9F;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAYvD;AAED,oGAAoG;AACpG,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,qBAAqB,GAAG,gBAAgB,CAkBtF;AAED,wEAAwE;AACxE,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAOlE,CAAC;AAcF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,GAAG,IAAI,GAAG,qBAAqB,CAQ7F;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACpC,SAAS,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC7C,SAAS,EAAE,qBAAqB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,SAAS;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,qBAAqB,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,GAC7F,cAAc,EAAE,CAmBlB;AAED,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,MAAM,GAAG,SAAS,GAC5B,qBAAqB,GAAG,SAAS,CAGnC"}
+{"version":3,"file":"derive-feature-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/derive-feature-state.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAIL,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAE3F;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,GAAG,gBAAgB,CA4C9F;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAYvD;AAED,oGAAoG;AACpG,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,qBAAqB,GAAG,gBAAgB,CAkBtF;AAED,wEAAwE;AACxE,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAQlE,CAAC;AAcF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,GAAG,IAAI,GAAG,qBAAqB,CAQ7F;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACpC,SAAS,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC7C,SAAS,EAAE,qBAAqB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,SAAS;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,qBAAqB,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,GAC7F,cAAc,EAAE,CAmBlB;AAED,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,MAAM,GAAG,SAAS,GAC5B,qBAAqB,GAAG,SAAS,CAGnC"}

package/dist/src/presentation/web/components/common/feature-node/derive-feature-state.js

@@ -97,6 +97,7 @@ export function mapEventTypeToState(eventType) {
 export const sdlcLifecycleMap = {
     Requirements: 'requirements',
     Research: 'research',
+    Planning: 'planning',
     Implementation: 'implementation',
     Review: 'review',
     'Deploy & QA': 'deploy',
@@ -107,7 +108,7 @@ const phaseNameToLifecycle = {
     analyze: 'requirements',
     requirements: 'requirements',
     research: 'research',
-    plan: 'implementation',
+    plan: 'planning',
     implement: 'implementation',
     merge: 'review',
     maintain: 'maintain',

package/dist/src/presentation/web/components/common/feature-node/feature-node-state-config.d.ts

@@ -3,7 +3,7 @@ import type { Node } from '@xyflow/react';
 import type { PrStatus, CiStatus } from '../../../../../../packages/core/src/domain/generated/output.js';
 import type { AgentTypeValue } from './agent-type-icons.js';
 export type FeatureNodeState = 'creating' | 'running' | 'action-required' | 'done' | 'blocked' | 'error';
-export type FeatureLifecyclePhase = 'requirements' | 'research' | 'implementation' | 'review' | 'deploy' | 'maintain';
+export type FeatureLifecyclePhase = 'requirements' | 'research' | 'planning' | 'implementation' | 'review' | 'deploy' | 'maintain';
 /** Human-readable display labels for lifecycle phases. */
 export declare const lifecycleDisplayLabels: Record<FeatureLifecyclePhase, string>;
 /** Present-participle verbs for the running badge, keyed by lifecycle phase. */

package/dist/src/presentation/web/components/common/feature-node/feature-node-state-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-node-state-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/feature-node-state-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAChG,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,SAAS,GACT,iBAAiB,GACjB,MAAM,GACN,SAAS,GACT,OAAO,CAAC;AAEZ,MAAM,MAAM,qBAAqB,GAC7B,cAAc,GACd,UAAU,GACV,gBAAgB,GAChB,QAAQ,GACR,QAAQ,GACR,UAAU,CAAC;AAEf,0DAA0D;AAC1D,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAOxE,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAOvE,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,qBAAqB,CAAC;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,cAAc,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,+DAA+D;IAC/D,EAAE,CAAC,EAAE;QACH,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,QAAQ,CAAC;QACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AAEnE,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,UAAU,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,gBAAgB,EAAE,sBAAsB,CA6DnF,CAAC"}
+{"version":3,"file":"feature-node-state-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/feature-node-state-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAChG,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,SAAS,GACT,iBAAiB,GACjB,MAAM,GACN,SAAS,GACT,OAAO,CAAC;AAEZ,MAAM,MAAM,qBAAqB,GAC7B,cAAc,GACd,UAAU,GACV,UAAU,GACV,gBAAgB,GAChB,QAAQ,GACR,QAAQ,GACR,UAAU,CAAC;AAEf,0DAA0D;AAC1D,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAQxE,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAQvE,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,qBAAqB,CAAC;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,cAAc,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,+DAA+D;IAC/D,EAAE,CAAC,EAAE;QACH,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,QAAQ,CAAC;QACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AAEnE,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,UAAU,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,gBAAgB,EAAE,sBAAsB,CA6DnF,CAAC"}

package/dist/src/presentation/web/components/common/feature-node/feature-node-state-config.js

@@ -3,6 +3,7 @@ import { Loader2, CircleAlert, CircleCheck, Ban, CircleX } from 'lucide-react';
 export const lifecycleDisplayLabels = {
     requirements: 'REQUIREMENTS',
     research: 'RESEARCH',
+    planning: 'PLANNING',
     implementation: 'IMPLEMENTATION',
     review: 'REVIEW',
     deploy: 'DEPLOY & QA',
@@ -12,6 +13,7 @@ export const lifecycleDisplayLabels = {
 export const lifecycleRunningVerbs = {
     requirements: 'Analyzing',
     research: 'Researching',
+    planning: 'Planning',
     implementation: 'Implementing',
     review: 'Reviewing',
     deploy: 'Deploying',

package/dist/src/presentation/web/components/common/repository-node/repository-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CA6O5F"}
+{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CA8O5F"}

package/dist/src/presentation/web/components/common/repository-node/repository-node.js

@@ -10,9 +10,10 @@ import { Button } from '../../ui/button.js';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
 import { DeploymentStatusBadge } from '../../common/deployment-status-badge/index.js';
 import { useDeployAction } from '../../../hooks/use-deploy-action.js';
-import { featureFlags } from '../../../lib/feature-flags.js';
+import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
 import { useRepositoryActions } from './use-repository-actions.js';
 export function RepositoryNode({ data }) {
+    const featureFlags = useFeatureFlags();
     const [confirmOpen, setConfirmOpen] = useState(false);
     const actions = useRepositoryActions(data.repositoryPath ? { repositoryPath: data.repositoryPath } : null);
     const deployAction = useDeployAction(data.repositoryPath

package/dist/src/presentation/web/components/common/review-drawer-shell/review-drawer-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"review-drawer-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/review-drawer-shell/review-drawer-shell.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,sBAAsB,2CAyHxB"}
+{"version":3,"file":"review-drawer-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/review-drawer-shell/review-drawer-shell.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,sBAAsB,2CA0HxB"}

package/dist/src/presentation/web/components/common/review-drawer-shell/review-drawer-shell.js

@@ -12,8 +12,9 @@ import { ActionButton } from '../../common/action-button/index.js';
 import { useFeatureActions } from '../../common/feature-drawer/use-feature-actions.js';
 import { DeploymentStatusBadge } from '../../common/deployment-status-badge/index.js';
 import { useDeployAction } from '../../../hooks/use-deploy-action.js';
-import { featureFlags } from '../../../lib/feature-flags.js';
+import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
 export function ReviewDrawerShell({ open, onClose, featureName, featureDescription, featureId, repositoryPath, branch, specPath, onDelete, isDeleting, children, }) {
+    const featureFlags = useFeatureFlags();
     const handleClose = useCallback(() => {
         onClose();
     }, [onClose]);

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"agent-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/agent-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"database-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/database-settings-section.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,4BAA4B;IAC3C,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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"environment-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"environment-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,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

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

@@ -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"}