@shepai/cli 1.76.0 → 1.77.0-pr244.422e487

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

@@ -1,6 +1,6 @@
 {
   "node": {
-    "005101386c33eed0a9d09d016407557035e8aafa22": {
+    "00af19e4d20dbaffeed08210fc7540c61f829e28ea": {
       "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"
     },
-    "40a4ce9322d73f2b091e181ebe60681f82dfadd43c": {
+    "40fe122cb65d44fb34c0d166acbecbc13af063e211": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -156,7 +163,7 @@
       "filename": "src/presentation/web/app/actions/get-deployment-logs.ts",
       "exportedName": "getDeploymentLogs"
     },
-    "40bbeb71465d6853434ce31d6751fb95e3d487764f": {
+    "40ec8adbbe79c8eda37f954882d8b30b55ea6f7ffe": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -227,7 +234,7 @@
       "filename": "src/presentation/web/app/actions/deploy-feature.ts",
       "exportedName": "deployFeature"
     },
-    "40da710191b67bfe20861e8fed5da370eceea977d3": {
+    "405c8f2fdac71c5005feb8998a702b7b4e59fc57d2": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -298,7 +305,7 @@
       "filename": "src/presentation/web/app/actions/deploy-repository.ts",
       "exportedName": "deployRepository"
     },
-    "40d68d2f8e56c8f60ea925c11a1b81eec1623e69f2": {
+    "4089edf1e0faa4882df249cd5fcceacc37140a4c34": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -369,7 +376,7 @@
       "filename": "src/presentation/web/app/actions/stop-deployment.ts",
       "exportedName": "stopDeployment"
     },
-    "40a4f6dc7f35746115c0acd5ea7f9b77d82a2a484b": {
+    "402215691f701f4742d6f1efd251986a71a8946cae": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -440,7 +447,7 @@
       "filename": "src/presentation/web/app/actions/get-deployment-status.ts",
       "exportedName": "getDeploymentStatus"
     },
-    "4064f52b4324e2f1eaac40633a3136dc1b94e94aa0": {
+    "40b54235266e6173690048edcdc274d2f1db02c5c8": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -497,7 +504,7 @@
       "filename": "src/presentation/web/app/actions/open-ide.ts",
       "exportedName": "openIde"
     },
-    "409078876c80cdc5d4f30504dd7202cee2713ab8ff": {
+    "40a84404810dc95df84804b3b9b42ee6a0e0d21015": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -554,7 +561,7 @@
       "filename": "src/presentation/web/app/actions/open-shell.ts",
       "exportedName": "openShell"
     },
-    "40c1954e0785d24f8aa4b9989324834bdca00b5b4c": {
+    "40991a985b98f5c394d43d4cc616e965ff94c62be5": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -611,7 +618,7 @@
       "filename": "src/presentation/web/app/actions/open-folder.ts",
       "exportedName": "openFolder"
     },
-    "4068f20b6be5f5925c54041eb39b7ff451dcf12846": {
+    "407270803e5e028ed5726bb8906490ea43c6d864f3": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -668,7 +675,7 @@
       "filename": "src/presentation/web/app/actions/delete-feature.ts",
       "exportedName": "deleteFeature"
     },
-    "40d7bb17bc532b90cfdbbb277139facbad0b7fdc4d": {
+    "40b6fc96d7196fb5d413d65f48452cc6ec8cbac16f": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -725,7 +732,7 @@
       "filename": "src/presentation/web/app/actions/add-repository.ts",
       "exportedName": "addRepository"
     },
-    "4054a4f64c100f11ac89f48fd0093575ce11784a51": {
+    "40ca6c158a12884e216643cd9b957d42eb97e1abcc": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -782,7 +789,7 @@
       "filename": "src/presentation/web/app/actions/delete-repository.ts",
       "exportedName": "deleteRepository"
     },
-    "40526e48c32bc183d1637154f656b8d5f820962f37": {
+    "4015ca08aeb8b3e1b4a21c0b01aea726c570eddcb6": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -839,7 +846,7 @@
       "filename": "src/presentation/web/app/actions/get-feature-metadata.ts",
       "exportedName": "getFeatureMetadata"
     },
-    "00a2d7da094e900afb48965a6f13437c70bc60d6ba": {
+    "0050b8ce56382cc3aff95692bb5c67f5d7d52059ee": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -896,7 +903,7 @@
       "filename": "src/presentation/web/app/actions/get-graph-data.ts",
       "exportedName": "fetchGraphData"
     },
-    "00086a5a5c320a43391e06f5c7b2853448e27256e0": {
+    "000d460479dd757bdfeca2660be35c44fe45c77502": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -918,7 +925,7 @@
       "filename": "src/presentation/web/app/actions/get-workflow-defaults.ts",
       "exportedName": "getWorkflowDefaults"
     },
-    "40738daa5fb3ae0213ca8fb8a70bdf5bf4b6e3b129": {
+    "405dff81b4a4fec0cd3b51ff37d582aa28cad82f0f": {
       "workers": {
         "app/(dashboard)/@drawer/create/page": {
           "moduleId": 90842,
@@ -940,7 +947,7 @@
       "filename": "src/presentation/web/app/actions/create-feature.ts",
       "exportedName": "createFeature"
     },
-    "60dbc13ca125acf26363f2a53ab28268b7edbe9b84": {
+    "606bd34298f6e8fe4e17d13d6928878fa1730721c3": {
       "workers": {
         "app/(dashboard)/@drawer/feature/[featureId]/page": {
           "moduleId": 48839,
@@ -962,7 +969,7 @@
       "filename": "src/presentation/web/app/actions/approve-feature.ts",
       "exportedName": "approveFeature"
     },
-    "6011242a29faf3dc530d9678157b7320fd8d57df0d": {
+    "60fe50245767090e629c7a54472e95fb34f54d657a": {
       "workers": {
         "app/(dashboard)/@drawer/feature/[featureId]/page": {
           "moduleId": 48839,
@@ -984,7 +991,7 @@
       "filename": "src/presentation/web/app/actions/reject-feature.ts",
       "exportedName": "rejectFeature"
     },
-    "408dcbd92c32847e010222c00464b66d574d54c6ce": {
+    "40873ec020e5bb30d3601d034dba5f7aa3e54c8a5f": {
       "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"
     },
-    "40b0e3f60f8d8c22240eb1fdb01ade17267010278a": {
+    "406b23bd7a7fd8ebcc417fb052ba0f09c7e5ff2adc": {
       "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"
     },
-    "40908f89b8b9c28515b8cbc064e6352a3c6ccd045f": {
+    "403aa17fa6b0970c177e705ff9de07dc4b20b8fdd5": {
       "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"
+    },
+    "00868f09adabc219e0d58ab5a58fca837eed8afff2": {
+      "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"
+    },
+    "4035384bfb27be59779168d3f6981c1c028a5821bb": {
+      "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": "FTWVMGuotsK2L7mdexJkjFTLb7Skor0v+ISbpU/UeVk="
+  "encryptionKey": "SQn4HVyZkTnp/ZirBvbmSQKMUCg81DwbUXso/FdpRQY="
 }

package/web/.next/standalone/src/presentation/web/app/actions/create-feature.ts

@@ -27,6 +27,8 @@ interface CreateFeatureInput {
   push?: boolean;
   openPr?: boolean;
   parentId?: string;
+  /** When true, skip SDLC phases and implement directly from the prompt. */
+  fast?: boolean;
 }
 
 function composeUserInput(description: string, attachments: Attachment[] | undefined): string {
@@ -43,7 +45,8 @@ function composeUserInput(description: string, attachments: Attachment[] | undef
 export async function createFeature(
   input: CreateFeatureInput
 ): Promise<{ feature?: Feature; error?: string }> {
-  const { description, repositoryPath, attachments, approvalGates, push, openPr, parentId } = input;
+  const { description, repositoryPath, attachments, approvalGates, push, openPr, parentId, fast } =
+    input;
 
   if (!description?.trim()) {
     return { error: 'description is required' };
@@ -72,6 +75,7 @@ export async function createFeature(
       openPr: openPr ?? false,
       ...(parentId ? { parentId } : {}),
       description,
+      ...(fast ? { fast } : {}),
     });
 
     // Phase 2 (background): metadata generation, worktree, spec, agent spawn
@@ -86,6 +90,7 @@ export async function createFeature(
           push: push ?? false,
           openPr: openPr ?? false,
           ...(parentId ? { parentId } : {}),
+          ...(fast ? { fast } : {}),
         },
         shouldSpawn
       )

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('/settings');
+
+    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/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/feature-create-drawer/feature-create-drawer.stories.tsx

@@ -274,6 +274,63 @@ export const PrChecked: Story = {
   },
 };
 
+/* ---------------------------------------------------------------------------
+ * Fast mode stories
+ * ------------------------------------------------------------------------- */
+
+/**
+ * Fast Mode off (default) — the "Fast Mode" checkbox in the MODE section
+ * is unchecked. The full SDLC pipeline (analyze, requirements, research,
+ * plan, implement) will run.
+ */
+export const FastModeOff: Story = {
+  render: () => <CreateDrawerTrigger label="Open (Fast Mode Off)" />,
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await userEvent.click(canvas.getByRole('button', { name: 'Open (Fast Mode Off)' }));
+  },
+};
+
+/**
+ * Fast Mode on — the "Fast Mode" checkbox is checked. When submitted,
+ * `fast: true` is included in the payload, skipping SDLC phases and
+ * implementing directly from the user's prompt.
+ */
+export const FastModeOn: Story = {
+  render: () => <CreateDrawerTrigger label="Open (Fast Mode On)" />,
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await userEvent.click(canvas.getByRole('button', { name: 'Open (Fast Mode On)' }));
+
+    const body = within(canvasElement.ownerDocument.body);
+    const fastCheckbox = await body.findByLabelText('Fast Mode');
+    await userEvent.click(fastCheckbox);
+  },
+};
+
+/**
+ * Fast Mode combined with approval gates and git options — demonstrates
+ * that fast mode works alongside other form controls. Here fast mode,
+ * auto-approve all, push, and create PR are all enabled.
+ */
+export const FastModeWithOptions: Story = {
+  render: () => <CreateDrawerTrigger label="Open (Fast + Options)" />,
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await userEvent.click(canvas.getByRole('button', { name: 'Open (Fast + Options)' }));
+
+    const body = within(canvasElement.ownerDocument.body);
+    const fastCheckbox = await body.findByLabelText('Fast Mode');
+    await userEvent.click(fastCheckbox);
+
+    const autoApprove = body.getByLabelText('Auto approve all');
+    await userEvent.click(autoApprove);
+
+    const prCheckbox = body.getByLabelText('Create PR');
+    await userEvent.click(prCheckbox);
+  },
+};
+
 /* ---------------------------------------------------------------------------
  * Workflow defaults stories
  * ------------------------------------------------------------------------- */

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

@@ -49,6 +49,8 @@ export interface FeatureCreatePayload {
   push: boolean;
   openPr: boolean;
   parentId?: string;
+  /** When true, skip SDLC phases and implement directly from the prompt. */
+  fast: boolean;
 }
 
 const AUTO_APPROVE_OPTIONS = [
@@ -97,6 +99,7 @@ export function FeatureCreateDrawer({
   const [push, setPush] = useState(defaultPush);
   const [openPr, setOpenPr] = useState(defaultOpenPr);
   const [parentId, setParentId] = useState<string | undefined>(undefined);
+  const [fast, setFast] = useState(false);
 
   // Sync state when workflowDefaults load asynchronously
   useEffect(() => {
@@ -121,6 +124,7 @@ export function FeatureCreateDrawer({
     setPush(defaultPush);
     setOpenPr(defaultOpenPr);
     setParentId(undefined);
+    setFast(false);
   }, [defaultGates, defaultPush, defaultOpenPr]);
 
   // Track whether the form has unsaved data
@@ -145,6 +149,7 @@ export function FeatureCreateDrawer({
         },
         push: push || openPr,
         openPr,
+        fast,
         ...(parentId ? { parentId } : {}),
       });
       resetForm();
@@ -157,6 +162,7 @@ export function FeatureCreateDrawer({
       onSubmit,
       push,
       openPr,
+      fast,
       parentId,
       createSound,
       resetForm,
@@ -258,6 +264,21 @@ export function FeatureCreateDrawer({
             </div>
           ) : null}
 
+          {/* Fast mode toggle */}
+          <div className="flex flex-col gap-1.5">
+            <Label className="text-muted-foreground text-xs font-semibold tracking-wider">
+              MODE
+            </Label>
+            <CheckboxGroupItem
+              id="fast-mode"
+              label="Fast Mode"
+              description="Skip SDLC phases and implement directly from your prompt."
+              checked={fast}
+              onCheckedChange={setFast}
+              disabled={isSubmitting}
+            />
+          </div>
+
           {/* Auto-approve checkboxes */}
           <div className="flex flex-col gap-1.5">
             <Label className="text-muted-foreground text-xs font-semibold tracking-wider">

package/web/.next/standalone/src/presentation/web/components/features/control-center/control-center-inner.tsx

@@ -1,8 +1,9 @@
 'use client';
 
-import { useCallback, useEffect, useMemo } from 'react';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
 import type { Edge, Viewport } from '@xyflow/react';
+import { useReactFlow } from '@xyflow/react';
 import { FeaturesCanvas } from '@/components/features/features-canvas';
 import type { CanvasNodeType } from '@/components/features/features-canvas';
 import type { FeatureNodeData } from '@/components/common/feature-node';
@@ -18,6 +19,14 @@ import { useViewportPersistence } from '@/hooks/use-viewport-persistence';
 import { ControlCenterEmptyState } from './control-center-empty-state';
 import { useControlCenterState } from './use-control-center-state';
 
+const AUTO_FOCUS_OPTIONS = {
+  maxZoom: 1.0,
+  padding: 0.5,
+  duration: 500,
+} as const;
+
+const AUTO_FOCUS_DRAWER_DELAY_MS = 600;
+
 interface ControlCenterInnerProps {
   initialNodes: CanvasNodeType[];
   initialEdges: Edge[];
@@ -29,6 +38,8 @@ export function ControlCenterInner({ initialNodes, initialEdges }: ControlCenter
   const selectedFeatureId = useSelectedFeatureId();
   const clickSound = useSoundAction('click');
   const { guardedNavigate } = useDrawerCloseGuard();
+  const { fitView } = useReactFlow();
+  const drawerTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
   const {
     defaultViewport,
@@ -164,11 +175,28 @@ export function ControlCenterInner({ initialNodes, initialEdges }: ControlCenter
   useEffect(() => {
     const handler = (e: Event) => {
       const path = (e as CustomEvent<{ path: string }>).detail.path;
-      handleAddRepository(path);
+      const { wasEmpty, repoPath } = handleAddRepository(path);
+
+      if (wasEmpty) {
+        // Wait for next render so the repo node exists in the DOM, then auto-focus
+        setTimeout(() => {
+          fitView(AUTO_FOCUS_OPTIONS);
+
+          // Open the create-feature drawer after the fitView animation completes
+          drawerTimerRef.current = setTimeout(() => {
+            guardedNavigate(() => router.push(`/create?repo=${encodeURIComponent(repoPath)}`));
+          }, AUTO_FOCUS_DRAWER_DELAY_MS);
+        }, 0);
+      }
     };
     window.addEventListener('shep:add-repository', handler);
-    return () => window.removeEventListener('shep:add-repository', handler);
-  }, [handleAddRepository]);
+    return () => {
+      window.removeEventListener('shep:add-repository', handler);
+      if (drawerTimerRef.current != null) {
+        clearTimeout(drawerTimerRef.current);
+      }
+    };
+  }, [handleAddRepository, fitView, guardedNavigate, router]);
 
   // Listen for create events from the create drawer (with real feature ID from server)
   useEffect(() => {