@shepai/cli 1.57.0 → 1.59.0

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

@@ -1,9 +1,45 @@
 {
   "node": {
-    "60f7f22fb9e333f67ad58167be0c70550f76e3b676": {
+    "00f283d375a68f16f486b4d96a73d29642d70e2c49": {
+      "workers": {
+        "app/_not-found/page": {
+          "moduleId": 66973,
+          "async": false,
+          "exportedName": "pickFolder",
+          "filename": "src/presentation/web/app/actions/pick-folder.ts"
+        },
+        "app/page": {
+          "moduleId": 16555,
+          "async": false,
+          "exportedName": "pickFolder",
+          "filename": "src/presentation/web/app/actions/pick-folder.ts"
+        },
+        "app/tools/page": {
+          "moduleId": 19036,
+          "async": false,
+          "exportedName": "pickFolder",
+          "filename": "src/presentation/web/app/actions/pick-folder.ts"
+        },
+        "app/version/page": {
+          "moduleId": 86139,
+          "async": false,
+          "exportedName": "pickFolder",
+          "filename": "src/presentation/web/app/actions/pick-folder.ts"
+        }
+      },
+      "layer": {
+        "app/_not-found/page": "action-browser",
+        "app/page": "action-browser",
+        "app/tools/page": "action-browser",
+        "app/version/page": "action-browser"
+      },
+      "filename": "src/presentation/web/app/actions/pick-folder.ts",
+      "exportedName": "pickFolder"
+    },
+    "604b2436c25d3184a91e706af2aee635c1ebd4a82d": {
       "workers": {
         "app/page": {
-          "moduleId": 4510,
+          "moduleId": 16555,
           "async": false,
           "exportedName": "approveFeature",
           "filename": "src/presentation/web/app/actions/approve-feature.ts"
@@ -15,10 +51,10 @@
       "filename": "src/presentation/web/app/actions/approve-feature.ts",
       "exportedName": "approveFeature"
     },
-    "60a4e0164673c8bc1d87ee21164f4f33ed750943c3": {
+    "606b19bfa1c0b5083719b9769235270652970ac528": {
       "workers": {
         "app/page": {
-          "moduleId": 4510,
+          "moduleId": 16555,
           "async": false,
           "exportedName": "rejectFeature",
           "filename": "src/presentation/web/app/actions/reject-feature.ts"
@@ -30,10 +66,10 @@
       "filename": "src/presentation/web/app/actions/reject-feature.ts",
       "exportedName": "rejectFeature"
     },
-    "40e91f55e92f3aab97479c09c043102a587c0e0d0e": {
+    "40ab134a3e230ca75ec945b21530996f28478eaebd": {
       "workers": {
         "app/page": {
-          "moduleId": 4510,
+          "moduleId": 16555,
           "async": false,
           "exportedName": "getFeatureArtifact",
           "filename": "src/presentation/web/app/actions/get-feature-artifact.ts"
@@ -45,10 +81,10 @@
       "filename": "src/presentation/web/app/actions/get-feature-artifact.ts",
       "exportedName": "getFeatureArtifact"
     },
-    "40453c4100e8bb0f9e318bfcfbe9fc0ceb8b75e1f7": {
+    "4089deaf16fedc6a345e56ad7bfc988b487e34eefa": {
       "workers": {
         "app/page": {
-          "moduleId": 4510,
+          "moduleId": 16555,
           "async": false,
           "exportedName": "getResearchArtifact",
           "filename": "src/presentation/web/app/actions/get-research-artifact.ts"
@@ -60,10 +96,10 @@
       "filename": "src/presentation/web/app/actions/get-research-artifact.ts",
       "exportedName": "getResearchArtifact"
     },
-    "00f4eab6722fd6a22f18738f2d411bca6aa771147b": {
+    "004b4a427a9b3db7f8002cfc69e453961d25caa5c5": {
       "workers": {
         "app/page": {
-          "moduleId": 4510,
+          "moduleId": 16555,
           "async": false,
           "exportedName": "getWorkflowDefaults",
           "filename": "src/presentation/web/app/actions/get-workflow-defaults.ts"
@@ -75,10 +111,10 @@
       "filename": "src/presentation/web/app/actions/get-workflow-defaults.ts",
       "exportedName": "getWorkflowDefaults"
     },
-    "407199288e8e7d84193f4f001ba5c9e791d68186c3": {
+    "402a4ec8d26f9c9f41e698de41dd62bd38c3094f15": {
       "workers": {
         "app/page": {
-          "moduleId": 4510,
+          "moduleId": 16555,
           "async": false,
           "exportedName": "getMergeReviewData",
           "filename": "src/presentation/web/app/actions/get-merge-review-data.ts"
@@ -90,10 +126,10 @@
       "filename": "src/presentation/web/app/actions/get-merge-review-data.ts",
       "exportedName": "getMergeReviewData"
     },
-    "4048bf9e5685b4e673ea0358836b9d555a599905f5": {
+    "40548f2101be4900dc1959a49650c2e0006397bd9a": {
       "workers": {
         "app/page": {
-          "moduleId": 4510,
+          "moduleId": 16555,
           "async": false,
           "exportedName": "openIde",
           "filename": "src/presentation/web/app/actions/open-ide.ts"
@@ -105,10 +141,10 @@
       "filename": "src/presentation/web/app/actions/open-ide.ts",
       "exportedName": "openIde"
     },
-    "40cafd7014cc8993aba594914b88ec2b4d2a5d6f9a": {
+    "40586217019fa643c0babbbde4463a3cc1c92294e3": {
       "workers": {
         "app/page": {
-          "moduleId": 4510,
+          "moduleId": 16555,
           "async": false,
           "exportedName": "openShell",
           "filename": "src/presentation/web/app/actions/open-shell.ts"
@@ -120,10 +156,10 @@
       "filename": "src/presentation/web/app/actions/open-shell.ts",
       "exportedName": "openShell"
     },
-    "40884a86d5c92522c25faf7a5eba9e8860faab1c9c": {
+    "40515f42aff14843ca67f2bd609b840bdda32955f9": {
       "workers": {
         "app/page": {
-          "moduleId": 4510,
+          "moduleId": 16555,
           "async": false,
           "exportedName": "openFolder",
           "filename": "src/presentation/web/app/actions/open-folder.ts"
@@ -135,25 +171,10 @@
       "filename": "src/presentation/web/app/actions/open-folder.ts",
       "exportedName": "openFolder"
     },
-    "004760a0efa55a18175f4eae285c7666da36f2aaf3": {
-      "workers": {
-        "app/page": {
-          "moduleId": 4510,
-          "async": false,
-          "exportedName": "pickFolder",
-          "filename": "src/presentation/web/app/actions/pick-folder.ts"
-        }
-      },
-      "layer": {
-        "app/page": "action-browser"
-      },
-      "filename": "src/presentation/web/app/actions/pick-folder.ts",
-      "exportedName": "pickFolder"
-    },
-    "400ce58b45c3a6d27dc5430fab6ff5d608fdf9d798": {
+    "40d08b0d92d2b703d3db56e765e35375751ac01684": {
       "workers": {
         "app/page": {
-          "moduleId": 4510,
+          "moduleId": 16555,
           "async": false,
           "exportedName": "createFeature",
           "filename": "src/presentation/web/app/actions/create-feature.ts"
@@ -165,10 +186,10 @@
       "filename": "src/presentation/web/app/actions/create-feature.ts",
       "exportedName": "createFeature"
     },
-    "4012a355d40514d64e25d8821a6467a18a27ed7556": {
+    "4041951039830c9a9b9643f88550f93dec377c5f3f": {
       "workers": {
         "app/page": {
-          "moduleId": 4510,
+          "moduleId": 16555,
           "async": false,
           "exportedName": "deleteFeature",
           "filename": "src/presentation/web/app/actions/delete-feature.ts"
@@ -180,10 +201,10 @@
       "filename": "src/presentation/web/app/actions/delete-feature.ts",
       "exportedName": "deleteFeature"
     },
-    "408d4d1c0a2f9fde0c18abaf9e2f477d060a65fb31": {
+    "40fbe3ea2311abba27bc48c26f5508fb7025e4f58a": {
       "workers": {
         "app/page": {
-          "moduleId": 4510,
+          "moduleId": 16555,
           "async": false,
           "exportedName": "addRepository",
           "filename": "src/presentation/web/app/actions/add-repository.ts"
@@ -195,10 +216,10 @@
       "filename": "src/presentation/web/app/actions/add-repository.ts",
       "exportedName": "addRepository"
     },
-    "400034429aeafce8e2a1fa82e2786c7899d47e2430": {
+    "404aff2a63b14ad2f9b6417055e6f2ba87fe90e911": {
       "workers": {
         "app/page": {
-          "moduleId": 4510,
+          "moduleId": 16555,
           "async": false,
           "exportedName": "deleteRepository",
           "filename": "src/presentation/web/app/actions/delete-repository.ts"
@@ -212,5 +233,5 @@
     }
   },
   "edge": {},
-  "encryptionKey": "e/JLE86x7YjRigPGZiByLlNElJs6bEMqHfLqHyWcbUw="
+  "encryptionKey": "/62RwJFHaetWcHvJhUZemNYnHwGJ6+ItihS+zZR0WQw="
 }

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

@@ -104,6 +104,15 @@ export default async function HomePage() {
         ...(run?.agentType && { agentType: run.agentType as FeatureNodeData['agentType'] }),
         ...(run?.error && { errorMessage: run.error }),
         ...(blockedBy && { blockedBy }),
+        ...(feature.pr && {
+          pr: {
+            url: feature.pr.url,
+            number: feature.pr.number,
+            status: feature.pr.status,
+            ciStatus: feature.pr.ciStatus,
+            commitHash: feature.pr.commitHash,
+          },
+        }),
       };
 
       const featureNodeId = `feat-${feature.id}`;

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

@@ -1,7 +1,9 @@
 'use client';
 
 import { useState } from 'react';
-import { Plus, Loader2 } from 'lucide-react';
+import { FolderPlus, Loader2 } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 import { pickFolder } from './pick-folder';
 
 interface AddRepositoryButtonProps {
@@ -25,19 +27,26 @@ export function AddRepositoryButton({ onSelect }: AddRepositoryButtonProps) {
   }
 
   return (
-    <button
-      type="button"
-      data-testid="add-repository-button"
-      onClick={handleClick}
-      disabled={loading}
-      className="border-muted-foreground/30 flex cursor-pointer items-center gap-2 rounded-full border-2 border-dashed px-3 py-1.5 text-xs transition-colors hover:border-blue-500 hover:text-blue-500 disabled:cursor-wait disabled:opacity-60"
-    >
-      {loading ? (
-        <Loader2 className="h-3.5 w-3.5 shrink-0 animate-spin" />
-      ) : (
-        <Plus className="h-3.5 w-3.5 shrink-0" />
-      )}
-      <span className="font-medium">{loading ? 'Opening...' : 'Add Repository'}</span>
-    </button>
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button
+            variant="ghost"
+            size="icon"
+            aria-label="Add Repository"
+            data-testid="add-repository-button"
+            onClick={handleClick}
+            disabled={loading}
+          >
+            {loading ? (
+              <Loader2 className="h-5 w-5 animate-spin" />
+            ) : (
+              <FolderPlus className="h-5 w-5" />
+            )}
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent>Add Repository</TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
   );
 }

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

@@ -2,6 +2,7 @@ import { useMemo } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import { ReactFlowProvider, ReactFlow } from '@xyflow/react';
 import { AddRepositoryNode } from './add-repository-node';
+import { AddRepositoryButton } from './add-repository-button';
 import type { AddRepositoryNodeData, AddRepositoryNodeType } from './add-repository-node-config';
 
 const nodeTypes = { addRepositoryNode: AddRepositoryNode };
@@ -56,3 +57,14 @@ export const WithCallback: Story = {
   },
   render: (args) => <AddRepositoryNodeCanvas data={args} />,
 };
+
+// --- Add Repository Button (top bar icon) stories ---
+
+/** Add Repository button as it appears in the top bar alongside other toggles */
+export const TopBarButton: StoryObj = {
+  render: () => (
+    <div className="flex gap-1">
+      <AddRepositoryButton onSelect={() => undefined} />
+    </div>
+  ),
+};

package/web/.next/standalone/src/presentation/web/components/common/ci-status-badge/ci-status-badge.stories.tsx

@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CiStatus } from '@shepai/core/domain/generated/output';
+import { CiStatusBadge } from './ci-status-badge';
+
+const meta: Meta<typeof CiStatusBadge> = {
+  title: 'Common/CiStatusBadge',
+  component: CiStatusBadge,
+  tags: ['autodocs'],
+};
+
+export default meta;
+type Story = StoryObj<typeof CiStatusBadge>;
+
+/** CI passed — green badge with check icon. */
+export const Success: Story = {
+  args: { status: CiStatus.Success },
+};
+
+/** CI pending — yellow badge with animated spinner. */
+export const Pending: Story = {
+  args: { status: CiStatus.Pending },
+};
+
+/** CI failed — red badge with X icon. */
+export const Failure: Story = {
+  args: { status: CiStatus.Failure },
+};

package/web/.next/standalone/src/presentation/web/components/common/ci-status-badge/ci-status-badge.tsx

@@ -0,0 +1,29 @@
+import { CheckCircle2, Loader2, XCircle } from 'lucide-react';
+import { CiStatus } from '@shepai/core/domain/generated/output';
+import { Badge } from '@/components/ui/badge';
+
+export function CiStatusBadge({ status }: { status: CiStatus }) {
+  switch (status) {
+    case CiStatus.Success:
+      return (
+        <Badge className="border-transparent bg-green-50 text-green-700 hover:bg-green-50">
+          <CheckCircle2 className="mr-1 h-3.5 w-3.5" />
+          Passing
+        </Badge>
+      );
+    case CiStatus.Pending:
+      return (
+        <Badge className="border-transparent bg-yellow-50 text-yellow-700 hover:bg-yellow-50">
+          <Loader2 className="mr-1 h-3.5 w-3.5 animate-spin" />
+          Pending
+        </Badge>
+      );
+    case CiStatus.Failure:
+      return (
+        <Badge className="border-transparent bg-red-50 text-red-700 hover:bg-red-50">
+          <XCircle className="mr-1 h-3.5 w-3.5" />
+          Failing
+        </Badge>
+      );
+  }
+}

package/web/.next/standalone/src/presentation/web/components/common/ci-status-badge/index.ts

@@ -0,0 +1 @@
+export { CiStatusBadge } from './ci-status-badge';

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

@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
+import { PrStatus, CiStatus } from '@shepai/core/domain/generated/output';
 import { FeatureDrawer } from './feature-drawer';
 import type { FeatureNodeData } from '@/components/common/feature-node';
 import type { FeatureLifecyclePhase, FeatureNodeState } from '@/components/common/feature-node';
@@ -353,3 +354,55 @@ export const DeletingState: Story = {
 export const DeleteRunningAgent: Story = {
   render: () => <DrawerTriggerWithDelete data={runningData} label="Open Running Agent Delete" />,
 };
+
+/* ---------------------------------------------------------------------------
+ * PR info stories
+ * ------------------------------------------------------------------------- */
+
+const doneWithPrData: FeatureNodeData = {
+  ...doneData,
+  pr: {
+    url: 'https://github.com/org/repo/pull/42',
+    number: 42,
+    status: PrStatus.Merged,
+    ciStatus: CiStatus.Success,
+    commitHash: 'abc1234567890def',
+  },
+};
+
+const doneWithPartialPrData: FeatureNodeData = {
+  ...doneData,
+  pr: {
+    url: 'https://github.com/org/repo/pull/99',
+    number: 99,
+    status: PrStatus.Merged,
+  },
+};
+
+/** Done feature with full PR card — number, status, CI, commit hash. */
+export const DoneWithPr: Story = {
+  render: () => <DrawerTrigger data={doneWithPrData} label="Open Done + PR" />,
+};
+
+/** Done feature with partial PR data — no CI status, no commit hash. */
+export const DoneWithPartialPr: Story = {
+  render: () => <DrawerTrigger data={doneWithPartialPrData} label="Open Done + Partial PR" />,
+};
+
+/** PR with Open status — blue badge. */
+export const PrStatusOpen: Story = {
+  render: () => (
+    <DrawerTrigger
+      data={{
+        ...doneWithPrData,
+        pr: { ...doneWithPrData.pr!, status: PrStatus.Open, ciStatus: CiStatus.Pending },
+      }}
+      label="Open PR Status: Open"
+    />
+  ),
+};
+
+/** PR with Merged status — purple badge. */
+export const PrStatusMerged: Story = {
+  render: () => <DrawerTrigger data={doneWithPrData} label="Open PR Status: Merged" />,
+};

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

@@ -1,6 +1,7 @@
 'use client';
 
-import { XIcon, Loader2, Trash2 } from 'lucide-react';
+import { XIcon, Loader2, Trash2, ExternalLink, GitCommitHorizontal } from 'lucide-react';
+import { PrStatus } from '@shepai/core/domain/generated/output';
 import { cn } from '@/lib/utils';
 import { OpenActionMenu } from '@/components/common/open-action-menu';
 import {
@@ -11,6 +12,7 @@ import {
   DrawerDescription,
 } from '@/components/ui/drawer';
 import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
 import { Separator } from '@/components/ui/separator';
 import { CometSpinner } from '@/components/ui/comet-spinner';
 import {
@@ -24,6 +26,7 @@ import {
   AlertDialogTitle,
   AlertDialogTrigger,
 } from '@/components/ui/alert-dialog';
+import { CiStatusBadge } from '@/components/common/ci-status-badge';
 import { featureNodeStateConfig, lifecycleDisplayLabels } from '@/components/common/feature-node';
 import type { FeatureNodeData } from '@/components/common/feature-node';
 import { useFeatureActions } from './use-feature-actions';
@@ -108,6 +111,14 @@ export function FeatureDrawer({
               ) : null}
             </div>
 
+            {/* PR info */}
+            {selectedNode.pr ? (
+              <>
+                <Separator />
+                <PrInfoSection pr={selectedNode.pr} />
+              </>
+            ) : null}
+
             <Separator />
 
             {/* Details */}
@@ -213,6 +224,55 @@ function DetailRow({ label, value }: { label: string; value: string }) {
   );
 }
 
+const prStatusStyles: Record<PrStatus, string> = {
+  [PrStatus.Open]: 'border-transparent bg-blue-50 text-blue-700 hover:bg-blue-50',
+  [PrStatus.Merged]: 'border-transparent bg-purple-50 text-purple-700 hover:bg-purple-50',
+  [PrStatus.Closed]: 'border-transparent bg-red-50 text-red-700 hover:bg-red-50',
+};
+
+function PrInfoSection({ pr }: { pr: NonNullable<FeatureNodeData['pr']> }) {
+  return (
+    <div data-testid="feature-drawer-pr" className="border-border mx-4 rounded-lg border">
+      <div className="space-y-3 px-4 py-3">
+        {/* PR number + link */}
+        <div className="flex items-center justify-between">
+          <a
+            href={pr.url}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-primary flex items-center gap-1.5 text-sm font-semibold underline underline-offset-2"
+          >
+            PR #{pr.number}
+            <ExternalLink className="h-3.5 w-3.5" />
+          </a>
+          <Badge className={prStatusStyles[pr.status]}>{pr.status}</Badge>
+        </div>
+
+        {/* CI status */}
+        {pr.ciStatus ? (
+          <div className="flex items-center justify-between">
+            <span className="text-muted-foreground text-xs font-medium">CI Status</span>
+            <CiStatusBadge status={pr.ciStatus} />
+          </div>
+        ) : null}
+
+        {/* Commit hash */}
+        {pr.commitHash ? (
+          <div className="flex items-center justify-between">
+            <span className="text-muted-foreground text-xs font-medium">Commit</span>
+            <div className="flex items-center gap-1.5">
+              <GitCommitHorizontal className="text-muted-foreground h-3.5 w-3.5" />
+              <code className="bg-muted text-foreground rounded-md px-1.5 py-0.5 font-mono text-[11px]">
+                {pr.commitHash.slice(0, 7)}
+              </code>
+            </div>
+          </div>
+        ) : null}
+      </div>
+    </div>
+  );
+}
+
 function DrawerActions({
   repositoryPath,
   branch,

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

@@ -1,5 +1,6 @@
 import { Loader2, CircleAlert, CircleCheck, Ban, CircleX, type LucideIcon } from 'lucide-react';
 import type { Node } from '@xyflow/react';
+import type { PrStatus, CiStatus } from '@shepai/core/domain/generated/output';
 import type { AgentTypeValue } from './agent-type-icons';
 
 export type FeatureNodeState =
@@ -60,6 +61,14 @@ export interface FeatureNodeData {
   errorMessage?: string;
   /** Agent executor type (e.g. "claude-code", "cursor"). */
   agentType?: AgentTypeValue;
+  /** PR metadata for features with an associated pull request */
+  pr?: {
+    url: string;
+    number: number;
+    status: PrStatus;
+    ciStatus?: CiStatus;
+    commitHash?: string;
+  };
   onAction?: () => void;
   onSettings?: () => void;
   showHandles?: boolean;

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

@@ -1,11 +1,9 @@
 'use client';
 
 import {
-  CheckCircle2,
   ExternalLink,
   GitMerge,
   Loader2,
-  XCircle,
   AlertTriangle,
   FileDiff,
   GitCommitHorizontal,
@@ -13,37 +11,11 @@ import {
   ArrowRight,
   Layers,
 } from 'lucide-react';
-import { CiStatus } from '@shepai/core/domain/generated/output';
 import { Badge } from '@/components/ui/badge';
+import { CiStatusBadge } from '@/components/common/ci-status-badge';
 import { DrawerActionBar } from '@/components/common/drawer-action-bar';
 import type { MergeReviewProps, MergeReviewPhase } from './merge-review-config';
 
-function CiStatusBadge({ status }: { status: CiStatus }) {
-  switch (status) {
-    case CiStatus.Success:
-      return (
-        <Badge className="border-transparent bg-green-50 text-green-700 hover:bg-green-50">
-          <CheckCircle2 className="mr-1 h-3.5 w-3.5" />
-          Passing
-        </Badge>
-      );
-    case CiStatus.Pending:
-      return (
-        <Badge className="border-transparent bg-yellow-50 text-yellow-700 hover:bg-yellow-50">
-          <Loader2 className="mr-1 h-3.5 w-3.5 animate-spin" />
-          Pending
-        </Badge>
-      );
-    case CiStatus.Failure:
-      return (
-        <Badge className="border-transparent bg-red-50 text-red-700 hover:bg-red-50">
-          <XCircle className="mr-1 h-3.5 w-3.5" />
-          Failing
-        </Badge>
-      );
-  }
-}
-
 function PhaseList({ phases }: { phases: MergeReviewPhase[] }) {
   return (
     <div className="border-border rounded-lg border">

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

@@ -329,6 +329,16 @@ export function ControlCenterInner({ initialNodes, initialEdges }: ControlCenter
     return () => window.removeEventListener('shep:open-create-drawer', handler);
   }, [handleAddFeature]);
 
+  // Listen for global "add repository" events from the top bar button
+  useEffect(() => {
+    const handler = (e: Event) => {
+      const path = (e as CustomEvent<{ path: string }>).detail.path;
+      handleAddRepository(path);
+    };
+    window.addEventListener('shep:add-repository', handler);
+    return () => window.removeEventListener('shep:add-repository', handler);
+  }, [handleAddRepository]);
+
   // Listen for notification "Review" clicks to open the relevant drawer
   useEffect(() => {
     const handler = (e: Event) => {

package/web/.next/standalone/src/presentation/web/components/features/features-canvas/features-canvas.stories.tsx

@@ -608,44 +608,3 @@ export const InteractiveWithRepository: Story = {
     onRepositoryAdd: () => undefined,
   },
 };
-
-// Story to visually verify the Add Repository button does not overlap the ThemeToggle.
-// The simulated ThemeToggle (top-3 right-3, 40×40 px) is rendered as an overlay so
-// reviewers can confirm the mr-16 (64 px) gap keeps the Panel clear of the toggle zone.
-export const AddRepositoryButtonClearanceCheck: Story = {
-  decorators: [
-    (Story) => (
-      <div style={{ height: '100vh', position: 'relative' }}>
-        <Story />
-        {/* Simulated ThemeToggle at top-3 right-3 (same position as AppShell) */}
-        <div
-          style={{
-            position: 'absolute',
-            top: 12,
-            right: 12,
-            width: 40,
-            height: 40,
-            background: 'rgba(255, 0, 0, 0.35)',
-            border: '2px dashed red',
-            borderRadius: 6,
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            fontSize: 10,
-            pointerEvents: 'none',
-            zIndex: 50,
-          }}
-        >
-          Theme
-        </div>
-      </div>
-    ),
-  ],
-  args: {
-    nodes: repoFeatureNodes,
-    edges: repoFeatureEdges,
-    onNodeAction: () => undefined,
-    onNodeSettings: () => undefined,
-    onRepositorySelect: () => undefined,
-  },
-};