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

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

@@ -1,6 +1,6 @@
 {
   "node": {
-    "0099e97c34bfcdb7562e6e478a2b3fe44cef92239a": {
+    "00ac95019b9a5f8d8c1c2056818dc0ba331ef72a90": {
       "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": {
+    "40404ae253fabdde859dfaba572349f84ab589ef93": {
       "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": {
+    "4049996d481ff30ce5bcff5e65b6c73414bd707b1f": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -227,7 +234,7 @@
       "filename": "src/presentation/web/app/actions/deploy-feature.ts",
       "exportedName": "deployFeature"
     },
-    "4005e9076f8d2f92a96e44d6f262879c7dff9d9f08": {
+    "401abe67908026b80a29282cbc5c663ebe9591ab91": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -298,7 +305,7 @@
       "filename": "src/presentation/web/app/actions/deploy-repository.ts",
       "exportedName": "deployRepository"
     },
-    "4062c862c79712921415c1afe41c18b0243ddc68e1": {
+    "4047816db2b713f1df879d60c9f4396b33e918e2d1": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -369,7 +376,7 @@
       "filename": "src/presentation/web/app/actions/stop-deployment.ts",
       "exportedName": "stopDeployment"
     },
-    "40477a105502126a0f8a4e4aa556a88ee303ca963a": {
+    "40511d2b58032e6a5d548749d10272508be889c607": {
       "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": {
+    "409d4c31214a05be4eabafac196ef4da2de3970e01": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -497,7 +504,7 @@
       "filename": "src/presentation/web/app/actions/open-ide.ts",
       "exportedName": "openIde"
     },
-    "40a737bb708d68a103409ecec01e3de8352b6da56e": {
+    "407cc8fe652a4a06988a2a844132c0d4a02bc45a9d": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -554,7 +561,7 @@
       "filename": "src/presentation/web/app/actions/open-shell.ts",
       "exportedName": "openShell"
     },
-    "40edb373887d86204db1f54599ad8b0eb8da2827e3": {
+    "406fbd9211c41cea28edbce7499e7c9b8b072c631d": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -611,7 +618,7 @@
       "filename": "src/presentation/web/app/actions/open-folder.ts",
       "exportedName": "openFolder"
     },
-    "4015789974820714e8c4cca9e7a3500e96c763bcfa": {
+    "40f272b915c09d89f698c868fe9f7a51070f7f2682": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -668,7 +675,7 @@
       "filename": "src/presentation/web/app/actions/delete-feature.ts",
       "exportedName": "deleteFeature"
     },
-    "40d8b97a5b4163024055919a580611cc72ee7cf8d6": {
+    "40393310013387a2fed282f4002cff29965466894c": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -725,7 +732,7 @@
       "filename": "src/presentation/web/app/actions/add-repository.ts",
       "exportedName": "addRepository"
     },
-    "4077dc23186abd82bd1be596fb81b0dbb1335bb91e": {
+    "40581e561e391d15db8fda938e435d5a460c6f1828": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -782,7 +789,7 @@
       "filename": "src/presentation/web/app/actions/delete-repository.ts",
       "exportedName": "deleteRepository"
     },
-    "403323eae9bfe03e1b6f06e46363b833ee03e79e73": {
+    "401127234790821c6458f609136d51f73bad407668": {
       "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": {
+    "00d60a2613c2ed747e4192b00c0e2502ad5551be47": {
       "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": {
+    "008e6d164fcaef9a5d8c55c200ad7f58c617e50876": {
       "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": {
+    "4065a7aa48fa5eaed1ceef8e715f6fc7c1bf0d34ea": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -940,7 +947,7 @@
       "filename": "src/presentation/web/app/actions/create-feature.ts",
       "exportedName": "createFeature"
     },
-    "60f4924c1e28b0a147be49aab54a6654238376d3e5": {
+    "605ee219f9d76bca7f442758e556a0645b8ec732af": {
       "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": {
+    "60bf599e61c31a163fd84761a2420b6ec2f1950c41": {
       "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": {
+    "40404e85344f4adcf550b27150277928ada886939b": {
       "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": {
+    "40f18e3a67ad250844689f30f915d5fe81004fee29": {
       "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": {
+    "4021a2573ed0cd61704553de4e9dffda502888ca5c": {
       "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"
+    },
+    "00b7de0b633275f89ebb06b7bb0c24c774866599e1": {
+      "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"
+    },
+    "40a92a4f09ee0bb639bbad64daa27e202c6c918023": {
+      "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": "Qpffl2r13wG+uhxnCrorO3/iuCerVMhRNx4fDhcBmrg="
 }

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/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/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-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',
@@ -127,7 +128,7 @@ const phaseNameToLifecycle: Record<string, FeatureLifecyclePhase> = {
   analyze: 'requirements',
   requirements: 'requirements',
   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

@@ -14,6 +14,7 @@ export type FeatureNodeState =
 export type FeatureLifecyclePhase =
   | 'requirements'
   | 'research'
+  | 'planning'
   | 'implementation'
   | 'review'
   | 'deploy'
@@ -23,6 +24,7 @@ export type FeatureLifecyclePhase =
 export const lifecycleDisplayLabels: Record<FeatureLifecyclePhase, string> = {
   requirements: 'REQUIREMENTS',
   research: 'RESEARCH',
+  planning: 'PLANNING',
   implementation: 'IMPLEMENTATION',
   review: 'REVIEW',
   deploy: 'DEPLOY & QA',
@@ -33,6 +35,7 @@ export const lifecycleDisplayLabels: Record<FeatureLifecyclePhase, string> = {
 export const lifecycleRunningVerbs: Record<FeatureLifecyclePhase, string> = {
   requirements: 'Analyzing',
   research: 'Researching',
+  planning: 'Planning',
   implementation: 'Implementing',
   review: 'Reviewing',
   deploy: 'Deploying',

package/web/.next/standalone/src/presentation/web/components/common/repository-node/repository-node.tsx

@@ -18,11 +18,12 @@ import { Button } from '@/components/ui/button';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 import { DeploymentStatusBadge } from '@/components/common/deployment-status-badge';
 import { useDeployAction } from '@/hooks/use-deploy-action';
-import { featureFlags } from '@/lib/feature-flags';
+import { useFeatureFlags } from '@/hooks/feature-flags-context';
 import type { RepositoryNodeData } from './repository-node-config';
 import { useRepositoryActions } from './use-repository-actions';
 
 export function RepositoryNode({ data }: { data: RepositoryNodeData; [key: string]: unknown }) {
+  const featureFlags = useFeatureFlags();
   const [confirmOpen, setConfirmOpen] = useState(false);
   const actions = useRepositoryActions(
     data.repositoryPath ? { repositoryPath: data.repositoryPath } : null

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

@@ -22,7 +22,7 @@ import { ActionButton } from '@/components/common/action-button';
 import { useFeatureActions } from '@/components/common/feature-drawer/use-feature-actions';
 import { DeploymentStatusBadge } from '@/components/common/deployment-status-badge';
 import { useDeployAction } from '@/hooks/use-deploy-action';
-import { featureFlags } from '@/lib/feature-flags';
+import { useFeatureFlags } from '@/hooks/feature-flags-context';
 import type { ReviewDrawerShellProps } from './review-drawer-shell-config';
 
 export function ReviewDrawerShell({
@@ -38,6 +38,7 @@ export function ReviewDrawerShell({
   isDeleting,
   children,
 }: ReviewDrawerShellProps) {
+  const featureFlags = useFeatureFlags();
   const handleClose = useCallback(() => {
     onClose();
   }, [onClose]);