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

package/web/.next/standalone/src/presentation/web/.next/server/server-reference-manifest.json

@@ -1,6 +1,6 @@
 {
   "node": {
-    "0099e97c34bfcdb7562e6e478a2b3fe44cef92239a": {
+    "00b8c11d0ce9276daaa9718975448d5ff12f160193": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -50,6 +50,12 @@
           "exportedName": "pickFolder",
           "filename": "src/presentation/web/app/actions/pick-folder.ts"
         },
+        "app/settings/page": {
+          "moduleId": 39169,
+          "async": false,
+          "exportedName": "pickFolder",
+          "filename": "src/presentation/web/app/actions/pick-folder.ts"
+        },
         "app/skills/page": {
           "moduleId": 87596,
           "async": false,
@@ -78,6 +84,7 @@
         "app/(dashboard)/page": "action-browser",
         "app/(dashboard)/repository/[repositoryId]/page": "action-browser",
         "app/_not-found/page": "action-browser",
+        "app/settings/page": "action-browser",
         "app/skills/page": "action-browser",
         "app/tools/page": "action-browser",
         "app/version/page": "action-browser"
@@ -85,7 +92,7 @@
       "filename": "src/presentation/web/app/actions/pick-folder.ts",
       "exportedName": "pickFolder"
     },
-    "404164a62b23bfde087b4d428d4c6da0045542d240": {
+    "409fa099f85b06f070cd20f54277ad8a2ad1583460": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -156,7 +163,7 @@
       "filename": "src/presentation/web/app/actions/get-deployment-logs.ts",
       "exportedName": "getDeploymentLogs"
     },
-    "4049cf92e6bdc25b5325a9b73271fa4a9ac8334f89": {
+    "4090f82b5ba909e2a77d3ced03f961700e2145280c": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -227,7 +234,7 @@
       "filename": "src/presentation/web/app/actions/deploy-feature.ts",
       "exportedName": "deployFeature"
     },
-    "4005e9076f8d2f92a96e44d6f262879c7dff9d9f08": {
+    "40e2f9ff2fc798a9e5fd08a2c647e60ad485b81df9": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -298,7 +305,7 @@
       "filename": "src/presentation/web/app/actions/deploy-repository.ts",
       "exportedName": "deployRepository"
     },
-    "4062c862c79712921415c1afe41c18b0243ddc68e1": {
+    "40a8853799d8197e3dd1a51e9d4003a1ae1dc83001": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -369,7 +376,7 @@
       "filename": "src/presentation/web/app/actions/stop-deployment.ts",
       "exportedName": "stopDeployment"
     },
-    "40477a105502126a0f8a4e4aa556a88ee303ca963a": {
+    "40acbe68352923ed06057bf385ee44ec92abf2c299": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -440,7 +447,7 @@
       "filename": "src/presentation/web/app/actions/get-deployment-status.ts",
       "exportedName": "getDeploymentStatus"
     },
-    "40c6952293b1274b70d74db418bad8b073eb619c22": {
+    "40d6d376e8fd7146b393ce6edc1fe0e36049c2b717": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -497,7 +504,7 @@
       "filename": "src/presentation/web/app/actions/open-ide.ts",
       "exportedName": "openIde"
     },
-    "40a737bb708d68a103409ecec01e3de8352b6da56e": {
+    "401e0ca54ef33861e0bb62295fad67f8839554b4f2": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -554,7 +561,7 @@
       "filename": "src/presentation/web/app/actions/open-shell.ts",
       "exportedName": "openShell"
     },
-    "40edb373887d86204db1f54599ad8b0eb8da2827e3": {
+    "408fa8f7294a57bfefe8d93cd1f811d1534d586202": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -611,7 +618,7 @@
       "filename": "src/presentation/web/app/actions/open-folder.ts",
       "exportedName": "openFolder"
     },
-    "4015789974820714e8c4cca9e7a3500e96c763bcfa": {
+    "40bb0abd939856a03f7d8c372cdd5da272c7134f36": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -668,7 +675,7 @@
       "filename": "src/presentation/web/app/actions/delete-feature.ts",
       "exportedName": "deleteFeature"
     },
-    "40d8b97a5b4163024055919a580611cc72ee7cf8d6": {
+    "402714b90eae89a5ee418ca0ee6dbca3ab55579215": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -725,7 +732,7 @@
       "filename": "src/presentation/web/app/actions/add-repository.ts",
       "exportedName": "addRepository"
     },
-    "4077dc23186abd82bd1be596fb81b0dbb1335bb91e": {
+    "40ed6d75c8da86b0c930a6e2b8adbb6255b89bc17e": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -782,7 +789,7 @@
       "filename": "src/presentation/web/app/actions/delete-repository.ts",
       "exportedName": "deleteRepository"
     },
-    "403323eae9bfe03e1b6f06e46363b833ee03e79e73": {
+    "40949691f83c6c83cc85a94c4a540290e709184886": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -839,7 +846,7 @@
       "filename": "src/presentation/web/app/actions/get-feature-metadata.ts",
       "exportedName": "getFeatureMetadata"
     },
-    "00544a99ff60e060761b8c3a6e9bb20bcf75c1ff86": {
+    "00f71de2194f75def95060b1b52bd1c56a6b1bc95e": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -896,7 +903,7 @@
       "filename": "src/presentation/web/app/actions/get-graph-data.ts",
       "exportedName": "fetchGraphData"
     },
-    "0028c1953ec331aa3b814e9100903c0c2d65652a71": {
+    "0060b08ea45ac02347f5da600e3525404c1dfd1a27": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -918,7 +925,7 @@
       "filename": "src/presentation/web/app/actions/get-workflow-defaults.ts",
       "exportedName": "getWorkflowDefaults"
     },
-    "40803ff0cb9d067891afe6deb93f4c3d13340972b7": {
+    "402b6bb8655aa1fb9e4d72937988f99c2b9bdf0899": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -940,7 +947,7 @@
       "filename": "src/presentation/web/app/actions/create-feature.ts",
       "exportedName": "createFeature"
     },
-    "60f4924c1e28b0a147be49aab54a6654238376d3e5": {
+    "60dbb7fb137db916a892e3338b24e4fbc56186b6de": {
       "workers": {
         "app/(dashboard)/@drawer/feature/[featureId]/page": {
           "moduleId": 48839,
@@ -962,7 +969,7 @@
       "filename": "src/presentation/web/app/actions/approve-feature.ts",
       "exportedName": "approveFeature"
     },
-    "601f91acf0e34059e2435c3eb3e4832d27844200cd": {
+    "60635b608ac10d1be1360f05bc57668b5cd96d0aac": {
       "workers": {
         "app/(dashboard)/@drawer/feature/[featureId]/page": {
           "moduleId": 48839,
@@ -984,7 +991,7 @@
       "filename": "src/presentation/web/app/actions/reject-feature.ts",
       "exportedName": "rejectFeature"
     },
-    "40693118cce9351b94051be89c33f3789e5a4ffce9": {
+    "40b1c4add1b6468189319164e834f086131400da68": {
       "workers": {
         "app/(dashboard)/@drawer/feature/[featureId]/page": {
           "moduleId": 48839,
@@ -1006,7 +1013,7 @@
       "filename": "src/presentation/web/app/actions/get-feature-artifact.ts",
       "exportedName": "getFeatureArtifact"
     },
-    "4065cc49f66fd457d29554eead1d1ac250bab71367": {
+    "407876311adafd13a84dfae444eb3010d6c7230f20": {
       "workers": {
         "app/(dashboard)/@drawer/feature/[featureId]/page": {
           "moduleId": 48839,
@@ -1028,7 +1035,7 @@
       "filename": "src/presentation/web/app/actions/get-research-artifact.ts",
       "exportedName": "getResearchArtifact"
     },
-    "402a65a0826eb9816ddccb1f90031dd48a390f43eb": {
+    "40c9b72aca72c43a0f5a880f1967f5b1389d8abaa3": {
       "workers": {
         "app/(dashboard)/@drawer/feature/[featureId]/page": {
           "moduleId": 48839,
@@ -1049,8 +1056,38 @@
       },
       "filename": "src/presentation/web/app/actions/get-merge-review-data.ts",
       "exportedName": "getMergeReviewData"
+    },
+    "004eb6a204d89329b33c1ae4404ba94599817b1a16": {
+      "workers": {
+        "app/settings/page": {
+          "moduleId": 39169,
+          "async": false,
+          "exportedName": "loadSettings",
+          "filename": "src/presentation/web/app/actions/load-settings.ts"
+        }
+      },
+      "layer": {
+        "app/settings/page": "rsc"
+      },
+      "filename": "src/presentation/web/app/actions/load-settings.ts",
+      "exportedName": "loadSettings"
+    },
+    "40658e8038eeecb73bef42bf904523cd346938d92c": {
+      "workers": {
+        "app/settings/page": {
+          "moduleId": 39169,
+          "async": false,
+          "exportedName": "updateSettingsAction",
+          "filename": "src/presentation/web/app/actions/update-settings.ts"
+        }
+      },
+      "layer": {
+        "app/settings/page": "action-browser"
+      },
+      "filename": "src/presentation/web/app/actions/update-settings.ts",
+      "exportedName": "updateSettingsAction"
     }
   },
   "edge": {},
-  "encryptionKey": "zGymE69mIHN2CLMsj44AAOxYgVc3Sjq7MgD7CGHc8yo="
+  "encryptionKey": "r1v+Ti13nWXkY62J99pjCiuznIDiVxoqh9/P2dpisgk="
 }

package/web/.next/standalone/src/presentation/web/app/actions/load-settings.ts

@@ -0,0 +1,43 @@
+'use server';
+
+import { statSync } from 'node:fs';
+import { join } from 'node:path';
+import { resolve } from '@/lib/server-container';
+import type { LoadSettingsUseCase } from '@shepai/core/application/use-cases/settings/load-settings.use-case';
+import { getShepHomeDir } from '@shepai/core/infrastructure/services/filesystem/shep-directory.service';
+import type { Settings } from '@shepai/core/domain/generated/output';
+
+export interface LoadSettingsResult {
+  settings?: Settings;
+  shepHome?: string;
+  dbFileSize?: string;
+  error?: string;
+}
+
+function formatFileSize(bytes: number): string {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+
+export async function loadSettings(): Promise<LoadSettingsResult> {
+  try {
+    const useCase = resolve<LoadSettingsUseCase>('LoadSettingsUseCase');
+    const settings = await useCase.execute();
+
+    const shepHome = getShepHomeDir();
+    let dbFileSize = 'Unknown';
+    try {
+      const dbPath = join(shepHome, 'data');
+      const stat = statSync(dbPath);
+      dbFileSize = formatFileSize(stat.size);
+    } catch {
+      // DB file may not exist yet
+    }
+
+    return { settings, shepHome, dbFileSize };
+  } catch (error: unknown) {
+    const message = error instanceof Error ? error.message : 'Failed to load settings';
+    return { error: message };
+  }
+}

package/web/.next/standalone/src/presentation/web/app/actions/update-settings.ts

@@ -0,0 +1,73 @@
+'use server';
+
+import { revalidatePath } from 'next/cache';
+import { resolve } from '@/lib/server-container';
+import type { LoadSettingsUseCase } from '@shepai/core/application/use-cases/settings/load-settings.use-case';
+import type { UpdateSettingsUseCase } from '@shepai/core/application/use-cases/settings/update-settings.use-case';
+import { updateSettings as updateSettingsSingleton } from '@shepai/core/infrastructure/services/settings.service';
+import type { Settings } from '@shepai/core/domain/generated/output';
+
+type DeepPartial<T> = {
+  [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+
+function deepMerge<T extends Record<string, unknown>>(target: T, source: DeepPartial<T>): T {
+  const result = { ...target };
+  for (const key of Object.keys(source) as (keyof T)[]) {
+    const sourceVal = source[key];
+    if (sourceVal === undefined) continue;
+
+    const targetVal = target[key];
+    if (
+      targetVal !== null &&
+      targetVal !== undefined &&
+      typeof targetVal === 'object' &&
+      !Array.isArray(targetVal) &&
+      !(targetVal instanceof Date) &&
+      sourceVal !== null &&
+      typeof sourceVal === 'object' &&
+      !Array.isArray(sourceVal) &&
+      !(sourceVal instanceof Date)
+    ) {
+      result[key] = deepMerge(
+        targetVal as Record<string, unknown>,
+        sourceVal as DeepPartial<Record<string, unknown>>
+      ) as T[keyof T];
+    } else {
+      result[key] = sourceVal as T[keyof T];
+    }
+  }
+  return result;
+}
+
+export interface UpdateSettingsResult {
+  success: boolean;
+  error?: string;
+}
+
+export async function updateSettingsAction(
+  partial: DeepPartial<Settings>
+): Promise<UpdateSettingsResult> {
+  try {
+    const loadUseCase = resolve<LoadSettingsUseCase>('LoadSettingsUseCase');
+    const current = await loadUseCase.execute();
+
+    const merged = deepMerge(
+      current as unknown as Record<string, unknown>,
+      partial as DeepPartial<Record<string, unknown>>
+    ) as Settings;
+    merged.updatedAt = new Date();
+
+    const updateUseCase = resolve<UpdateSettingsUseCase>('UpdateSettingsUseCase');
+    await updateUseCase.execute(merged);
+
+    updateSettingsSingleton(merged);
+
+    revalidatePath('/', 'layout');
+
+    return { success: true };
+  } catch (error: unknown) {
+    const message = error instanceof Error ? error.message : 'Failed to update settings';
+    return { success: false, error: message };
+  }
+}

package/web/.next/standalone/src/presentation/web/app/api/agent-events/route.ts

@@ -45,7 +45,7 @@ interface CachedFeatureState {
  * can derive the correct FeatureLifecyclePhase via mapPhaseNameToLifecycle().
  */
 const LIFECYCLE_TO_NODE: Record<SdlcLifecycle, string> = {
-  [SdlcLifecycle.Started]: 'requirements',
+  [SdlcLifecycle.Started]: 'analyze',
   [SdlcLifecycle.Analyze]: 'analyze',
   [SdlcLifecycle.Requirements]: 'requirements',
   [SdlcLifecycle.Research]: 'research',

package/web/.next/standalone/src/presentation/web/app/global-error.tsx

@@ -0,0 +1,23 @@
+'use client';
+
+export default function GlobalError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  return (
+    <html lang="en">
+      <body>
+        <div style={{ padding: '2rem', fontFamily: 'sans-serif' }}>
+          <h2>Something went wrong</h2>
+          <p>{error.message}</p>
+          <button onClick={reset} style={{ marginTop: '1rem', cursor: 'pointer' }}>
+            Try again
+          </button>
+        </div>
+      </body>
+    </html>
+  );
+}

package/web/.next/standalone/src/presentation/web/app/layout.tsx

@@ -3,6 +3,8 @@ import '@xyflow/react/dist/base.css';
 import './globals.css';
 import { AppShell } from '@/components/layouts/app-shell';
 import { Toaster } from '@/components/ui/sonner';
+import { getFeatureFlags } from '@/lib/feature-flags';
+import { FeatureFlagsProvider } from '@/hooks/feature-flags-context';
 
 /** Force dynamic rendering for all pages since they depend on client-side context. */
 export const dynamic = 'force-dynamic';
@@ -52,7 +54,9 @@ export default function RootLayout({
         />
       </head>
       <body className="min-h-screen antialiased">
-        <AppShell>{children}</AppShell>
+        <FeatureFlagsProvider flags={getFeatureFlags()}>
+          <AppShell>{children}</AppShell>
+        </FeatureFlagsProvider>
         <Toaster position="bottom-center" />
       </body>
     </html>

package/web/.next/standalone/src/presentation/web/app/settings/page.tsx

@@ -0,0 +1,27 @@
+import { loadSettings } from '@/app/actions/load-settings';
+import { SettingsPageClient } from '@/components/features/settings/settings-page-client';
+
+/** 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 (
+      <div className="flex h-full flex-col p-6">
+        <p className="text-destructive text-sm">Failed to load settings: {error}</p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex h-full flex-col p-6">
+      <SettingsPageClient
+        settings={settings}
+        shepHome={shepHome ?? ''}
+        dbFileSize={dbFileSize ?? 'Unknown'}
+      />
+    </div>
+  );
+}

package/web/.next/standalone/src/presentation/web/components/common/base-drawer/base-drawer.tsx

@@ -18,7 +18,7 @@ import {
 import { Separator } from '@/components/ui/separator';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 import { useDeployAction, type DeployActionInput } from '@/hooks/use-deploy-action';
-import { featureFlags } from '@/lib/feature-flags';
+import { useFeatureFlags } from '@/hooks/feature-flags-context';
 
 const drawerVariants = cva('', {
   variants: {
@@ -61,6 +61,7 @@ export function BaseDrawer({
   'data-testid': testId,
   deployTarget,
 }: BaseDrawerProps) {
+  const featureFlags = useFeatureFlags();
   const contentRef = useRef<HTMLDivElement>(null);
 
   // Close when clicking outside the drawer panel (no overlay needed — canvas stays draggable).

package/web/.next/standalone/src/presentation/web/components/common/control-center-drawer/drawer-view.ts

@@ -31,8 +31,16 @@ export type DrawerView =
 export function deriveFeatureViewType(
   node: FeatureNodeData
 ): 'feature' | 'prd-review' | 'tech-review' | 'merge-review' {
-  if (node.lifecycle === 'requirements' && node.state === 'action-required') return 'prd-review';
-  if (node.lifecycle === 'implementation' && node.state === 'action-required') return 'tech-review';
+  if (
+    (node.lifecycle === 'requirements' || node.lifecycle === 'gathering') &&
+    node.state === 'action-required'
+  )
+    return 'prd-review';
+  if (
+    (node.lifecycle === 'planning' || node.lifecycle === 'implementation') &&
+    node.state === 'action-required'
+  )
+    return 'tech-review';
   if (node.lifecycle === 'review' && (node.state === 'action-required' || node.state === 'error'))
     return 'merge-review';
   return 'feature';

package/web/.next/standalone/src/presentation/web/components/common/control-center-drawer/feature-drawer-client.tsx

@@ -16,7 +16,7 @@ import { getResearchArtifact } from '@/app/actions/get-research-artifact';
 import { getMergeReviewData } from '@/app/actions/get-merge-review-data';
 import { deleteFeature } from '@/app/actions/delete-feature';
 import { cn } from '@/lib/utils';
-import { featureFlags } from '@/lib/feature-flags';
+import { useFeatureFlags } from '@/hooks/feature-flags-context';
 import { useSoundAction } from '@/hooks/use-sound-action';
 import { useGuardedDrawerClose } from '@/hooks/drawer-close-guard';
 import { useDeployAction } from '@/hooks/use-deploy-action';
@@ -63,6 +63,7 @@ export interface FeatureDrawerClientProps {
 }
 
 export function FeatureDrawerClient({ view: initialView }: FeatureDrawerClientProps) {
+  const featureFlags = useFeatureFlags();
   const router = useRouter();
   const deleteSound = useSoundAction('delete');
   const rejectSound = useSoundAction('reject');

package/web/.next/standalone/src/presentation/web/components/common/control-center-drawer/repository-drawer-client.tsx

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

package/web/.next/standalone/src/presentation/web/components/common/editor-type-icons.tsx

@@ -0,0 +1,84 @@
+import type { ComponentType, SVGProps } from 'react';
+import Image from 'next/image';
+import { Code, Rocket } from 'lucide-react';
+import { cn } from '@/lib/utils';
+
+type IconProps = SVGProps<SVGSVGElement> & { className?: string };
+
+/** Fallback icon for unknown editor types. */
+function DefaultEditorIcon(props: IconProps) {
+  return <Code className={cn('h-4 w-4', props.className)} {...(props as object)} />;
+}
+
+function VsCodeIcon({ className }: IconProps) {
+  return (
+    <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 }: IconProps) {
+  return (
+    <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 }: IconProps) {
+  return (
+    <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 }: IconProps) {
+  return (
+    <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 }: IconProps) {
+  return <Rocket className={cn('h-4 w-4', className)} {...(props as object)} />;
+}
+AntigravityIcon.displayName = 'AntigravityIcon';
+
+const editorTypeIconMap: Record<string, ComponentType<IconProps>> = {
+  vscode: VsCodeIcon,
+  cursor: CursorEditorIcon,
+  windsurf: WindsurfIcon,
+  zed: ZedIcon,
+  antigravity: AntigravityIcon,
+};
+
+/** Resolve an editor type string to its corresponding icon component. */
+export function getEditorTypeIcon(editorType?: string): ComponentType<IconProps> {
+  if (editorType && editorType in editorTypeIconMap) {
+    return editorTypeIconMap[editorType];
+  }
+  return DefaultEditorIcon;
+}

package/web/.next/standalone/src/presentation/web/components/common/feature-drawer/feature-drawer.stories.tsx

@@ -218,7 +218,9 @@ const stateFixtures: Record<FeatureNodeState, FeatureNodeData> = {
 
 const allLifecycles: FeatureLifecyclePhase[] = [
   'requirements',
+  'gathering',
   'research',
+  'planning',
   'implementation',
   'review',
   'deploy',

package/web/.next/standalone/src/presentation/web/components/common/feature-node/derive-feature-state.ts

@@ -116,6 +116,7 @@ export function mapEventTypeToState(eventType: NotificationEventType): FeatureNo
 export const sdlcLifecycleMap: Record<string, FeatureLifecyclePhase> = {
   Requirements: 'requirements',
   Research: 'research',
+  Planning: 'planning',
   Implementation: 'implementation',
   Review: 'review',
   'Deploy & QA': 'deploy',
@@ -125,9 +126,9 @@ export const sdlcLifecycleMap: Record<string, FeatureLifecyclePhase> = {
 /** Map agent graph node names (from agent_run.result or SSE phaseName) to UI lifecycle phases. */
 const phaseNameToLifecycle: Record<string, FeatureLifecyclePhase> = {
   analyze: 'requirements',
-  requirements: 'requirements',
+  requirements: 'gathering',
   research: 'research',
-  plan: 'implementation',
+  plan: 'planning',
   implement: 'implementation',
   merge: 'review',
   maintain: 'maintain',

package/web/.next/standalone/src/presentation/web/components/common/feature-node/feature-node-state-config.ts

@@ -13,7 +13,9 @@ export type FeatureNodeState =
 
 export type FeatureLifecyclePhase =
   | 'requirements'
+  | 'gathering'
   | 'research'
+  | 'planning'
   | 'implementation'
   | 'review'
   | 'deploy'
@@ -22,7 +24,9 @@ export type FeatureLifecyclePhase =
 /** Human-readable display labels for lifecycle phases. */
 export const lifecycleDisplayLabels: Record<FeatureLifecyclePhase, string> = {
   requirements: 'REQUIREMENTS',
+  gathering: 'REQUIREMENTS',
   research: 'RESEARCH',
+  planning: 'PLANNING',
   implementation: 'IMPLEMENTATION',
   review: 'REVIEW',
   deploy: 'DEPLOY & QA',
@@ -32,7 +36,9 @@ export const lifecycleDisplayLabels: Record<FeatureLifecyclePhase, string> = {
 /** Present-participle verbs for the running badge, keyed by lifecycle phase. */
 export const lifecycleRunningVerbs: Record<FeatureLifecyclePhase, string> = {
   requirements: 'Analyzing',
+  gathering: 'Gathering Requirements',
   research: 'Researching',
+  planning: 'Planning',
   implementation: 'Implementing',
   review: 'Reviewing',
   deploy: 'Deploying',