@shepai/cli 1.72.9-pr218.000ada0 → 1.72.9-pr220.99e5e13

package/dist/src/presentation/web/components/features/features-canvas/features-canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"features-canvas.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKlE,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,kCAAkC,CAAC;AAEzF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAGrF,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;AAE1F,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,OAAO,EACP,UAAU,GACX,EAAE,mBAAmB,2CAiIrB"}
+{"version":3,"file":"features-canvas.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKlE,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,kCAAkC,CAAC;AAEzF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAG9E,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,OAAO,EACP,UAAU,GACX,EAAE,mBAAmB,2CAmGrB"}

package/dist/src/presentation/web/components/features/features-canvas/features-canvas.js

@@ -1,19 +1,17 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
+import { useMemo, useCallback } from 'react';
 import { ReactFlow, Background, Controls } from '@xyflow/react';
 import { Plus } from 'lucide-react';
 import { Button } from '../../ui/button.js';
 import { EmptyState } from '../../common/empty-state/index.js';
 import { FeatureNode } from '../../common/feature-node/index.js';
 import { RepositoryNode } from '../../common/repository-node/index.js';
-import { AddRepositoryNode } from '../../common/add-repository-node/index.js';
 import { DependencyEdge } from './dependency-edge.js';
-export function FeaturesCanvas({ nodes, edges, selectedFeatureId, onNodesChange, onAddFeature, onNodeAction, onNodeSettings, onConnect, onNodeClick, onPaneClick, onRepositoryAdd, onRepositoryClick, onRepositoryDelete, onFeatureDelete, onRepositorySelect, onCanvasDrag, toolbar, emptyState, }) {
+export function FeaturesCanvas({ nodes, edges, selectedFeatureId, onNodesChange, onAddFeature, onConnect, onNodeClick, onPaneClick, onCanvasDrag, toolbar, emptyState, }) {
     const nodeTypes = useMemo(() => ({
         featureNode: FeatureNode,
         repositoryNode: RepositoryNode,
-        addRepositoryNode: AddRepositoryNode,
     }), []);
     const edgeTypes = useMemo(() => ({
         dependencyEdge: DependencyEdge,
@@ -29,44 +27,14 @@ export function FeaturesCanvas({ nodes, edges, selectedFeatureId, onNodesChange,
         });
         return !targetAlreadyHasRepo;
     }, [nodes, edges]);
-    const enrichedNodes = useMemo(() => nodes.map((node) => ({
-        ...node,
-        // React Flow passes `selected` as a prop to the node component
-        ...(node.type === 'featureNode' && {
-            selected: selectedFeatureId != null &&
-                node.data.featureId === selectedFeatureId,
-        }),
-        data: {
-            ...node.data,
-            showHandles: edges.length > 0,
-            ...(node.type === 'featureNode' && node.data.state !== 'creating'
-                ? {
-                    onAction: onNodeAction ? () => onNodeAction(node.id) : undefined,
-                    onSettings: onNodeSettings ? () => onNodeSettings(node.id) : undefined,
-                    onDelete: onFeatureDelete,
-                }
-                : {}),
-            ...(node.type === 'repositoryNode' && {
-                onAdd: onRepositoryAdd ? () => onRepositoryAdd(node.id) : undefined,
-                onClick: onRepositoryClick ? () => onRepositoryClick(node.id) : undefined,
-                onDelete: onRepositoryDelete,
-            }),
-            ...(node.type === 'addRepositoryNode' && {
-                onSelect: onRepositorySelect ? (path) => onRepositorySelect(path) : undefined,
-            }),
-        },
-    })), [
-        nodes,
-        edges.length,
-        selectedFeatureId,
-        onNodeAction,
-        onNodeSettings,
-        onFeatureDelete,
-        onRepositoryAdd,
-        onRepositoryClick,
-        onRepositoryDelete,
-        onRepositorySelect,
-    ]);
+    // Callbacks and showHandles are already injected into node.data by deriveGraph.
+    // Only selectedFeatureId highlighting needs to be applied here.
+    const enrichedNodes = useMemo(() => selectedFeatureId == null
+        ? nodes
+        : nodes.map((node) => node.type === 'featureNode' &&
+            node.data.featureId === selectedFeatureId
+            ? { ...node, selected: true }
+            : node), [nodes, selectedFeatureId]);
     if (nodes.length === 0) {
         if (emptyState) {
             return (_jsx("div", { "data-testid": "features-canvas-empty", className: "h-full w-full", children: emptyState }));

package/dist/src/presentation/web/components/features/features-canvas/features-canvas.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"features-canvas.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAcrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAwKnC,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AA4DF,eAAO,MAAM,mCAAmC,EAAE,KAOjD,CAAC;AAkCF,eAAO,MAAM,gCAAgC,EAAE,KAS9C,CAAC;AAgEF,eAAO,MAAM,gCAAgC,EAAE,KAW9C,CAAC;AAuDF,eAAO,MAAM,oBAAoB,EAAE,KAUlC,CAAC;AA2GF,eAAO,MAAM,oCAAoC,EAAE,KAOlD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KASvC,CAAC"}
+{"version":3,"file":"features-canvas.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAcrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAwKnC,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAoDF,eAAO,MAAM,mCAAmC,EAAE,KAKjD,CAAC;AA4BF,eAAO,MAAM,gCAAgC,EAAE,KAO9C,CAAC;AA0DF,eAAO,MAAM,gCAAgC,EAAE,KAS9C,CAAC;AAiDF,eAAO,MAAM,oBAAoB,EAAE,KAQlC,CAAC;AAqGF,eAAO,MAAM,oCAAoC,EAAE,KAKlD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAMvC,CAAC"}

package/dist/src/presentation/web/components/features/features-canvas/features-canvas.stories.js

@@ -208,8 +208,6 @@ export const Interactive = {
             { id: 'e3-4', source: 'node-3', target: 'node-4' },
         ],
         onAddFeature: () => undefined,
-        onNodeAction: () => undefined,
-        onNodeSettings: () => undefined,
     },
 };
 const repoNode = {
@@ -220,15 +218,8 @@ const repoNode = {
         name: 'shep-ai/cli',
     },
 };
-const addRepoNode = {
-    id: 'add-repo',
-    type: 'addRepositoryNode',
-    position: { x: 50, y: 302 },
-    data: {},
-};
 const repoFeatureNodes = [
     repoNode,
-    addRepoNode,
     {
         id: 'feat-1',
         type: 'featureNode',
@@ -269,8 +260,6 @@ export const ConnectedRepositoryMultipleFeatures = {
     args: {
         nodes: repoFeatureNodes,
         edges: repoFeatureEdges,
-        onNodeAction: () => undefined,
-        onNodeSettings: () => undefined,
     },
 };
 // --- Story 1: Single repository connected to a single feature ---
@@ -281,12 +270,6 @@ const singleRepoSingleFeatureNodes = [
         position: { x: 50, y: 127 },
         data: { name: 'shep-ai/cli' },
     },
-    {
-        id: 'add-repo',
-        type: 'addRepositoryNode',
-        position: { x: 50, y: 267 },
-        data: {},
-    },
     {
         id: 'feat-1',
         type: 'featureNode',
@@ -309,8 +292,6 @@ export const ConnectedRepositorySingleFeature = {
         edges: [
             { id: 'e-repo-f1', source: 'repo-1', target: 'feat-1', type: 'straight', ...dashedEdge },
         ],
-        onNodeAction: () => undefined,
-        onNodeSettings: () => undefined,
     },
 };
 // --- Story 2: Single repository connected to multiple features (one-to-many) ---
@@ -321,12 +302,6 @@ const singleRepoMultiFeatNodes = [
         position: { x: 50, y: 162 },
         data: { name: 'shep-ai/cli' },
     },
-    {
-        id: 'add-repo',
-        type: 'addRepositoryNode',
-        position: { x: 50, y: 450 },
-        data: {},
-    },
     {
         id: 'feat-1',
         type: 'featureNode',
@@ -381,8 +356,6 @@ export const SingleRepositoryMultipleFeatures = {
             { id: 'e-r1-f2', source: 'repo-1', target: 'feat-2', ...dashedEdge },
             { id: 'e-r1-f3', source: 'repo-1', target: 'feat-3', ...dashedEdge },
         ],
-        onNodeAction: () => undefined,
-        onNodeSettings: () => undefined,
     },
 };
 // --- Story 3: Multiple repositories each with their own features ---
@@ -399,12 +372,6 @@ const multiRepoNodes = [
         position: { x: 50, y: 270 },
         data: { name: 'shep-ai/web' },
     },
-    {
-        id: 'add-repo',
-        type: 'addRepositoryNode',
-        position: { x: 50, y: 470 },
-        data: {},
-    },
     {
         id: 'feat-1',
         type: 'featureNode',
@@ -443,8 +410,6 @@ export const MultipleRepositories = {
             { id: 'e-r1-f1', source: 'repo-1', target: 'feat-1', ...dashedEdge },
             { id: 'e-r2-f2', source: 'repo-2', target: 'feat-2', ...dashedEdge },
         ],
-        onNodeAction: () => undefined,
-        onNodeSettings: () => undefined,
     },
 };
 // --- Story 4: Multiple repositories with mixed feature connections (dagre layout) ---
@@ -467,12 +432,6 @@ const mixedRepoFeatureNodesRaw = [
         position: { x: 0, y: 0 },
         data: { name: 'shep-ai/api' },
     },
-    {
-        id: 'add-repo',
-        type: 'addRepositoryNode',
-        position: { x: 0, y: 0 },
-        data: {},
-    },
     {
         id: 'feat-1',
         type: 'featureNode',
@@ -548,8 +507,6 @@ export const MultipleRepositoriesMixedConnections = {
     args: {
         nodes: mixedLayoutedNodes,
         edges: mixedLayoutedEdges,
-        onNodeAction: () => undefined,
-        onNodeSettings: () => undefined,
     },
 };
 export const InteractiveWithRepository = {
@@ -557,8 +514,5 @@ export const InteractiveWithRepository = {
         nodes: repoFeatureNodes,
         edges: repoFeatureEdges,
         onAddFeature: () => undefined,
-        onNodeAction: () => undefined,
-        onNodeSettings: () => undefined,
-        onRepositoryAdd: () => undefined,
     },
 };

package/dist/src/presentation/web/components/layouts/app-shell/app-shell.js

@@ -4,7 +4,7 @@ import { useCallback } from 'react';
 import { useRouter } from 'next/navigation';
 import { SidebarProvider, SidebarInset } from '../../ui/sidebar.js';
 import { AppSidebar } from '../../layouts/app-sidebar/index.js';
-import { AddRepositoryButton } from '../../common/add-repository-node/index.js';
+import { AddRepositoryButton } from '../../common/add-repository-button/index.js';
 import { ThemeToggle } from '../../common/theme-toggle/index.js';
 import { SoundToggle } from '../../common/sound-toggle/index.js';
 import { AgentEventsProvider } from '../../../hooks/agent-events-provider.js';

package/dist/src/presentation/web/hooks/use-graph-state.d.ts

@@ -0,0 +1,42 @@
+import type { Edge } from '@xyflow/react';
+import type { CanvasNodeType } from '../components/features/features-canvas/index.js';
+import type { FeatureNodeData } from '../components/common/feature-node/index.js';
+import type { RepositoryNodeData } from '../components/common/repository-node/index.js';
+import { type FeatureEntry, type GraphCallbacks } from '../lib/derive-graph.js';
+export type { GraphCallbacks } from '../lib/derive-graph.js';
+export interface UseGraphStateReturn {
+    /** Derived React Flow nodes (from domain Maps). */
+    nodes: CanvasNodeType[];
+    /** Derived React Flow edges (from domain Maps). */
+    edges: Edge[];
+    /**
+     * Reconcile domain Maps with fresh server data (new initialNodes/initialEdges).
+     * Preserves pending (creating) nodes unless a matching real feature appears.
+     */
+    reconcile: (newNodes: CanvasNodeType[], newEdges: Edge[]) => void;
+    /** Update a feature's state/lifecycle/name (e.g., from SSE events). */
+    updateFeature: (featureNodeId: string, updates: FeatureDataUpdates) => void;
+    /** Add a pending (optimistic) feature node (state='creating'). */
+    addPendingFeature: (nodeId: string, data: FeatureNodeData, parentNodeId?: string) => void;
+    /** Remove a pending feature node (e.g., on rollback). */
+    removePendingFeature: (nodeId: string) => void;
+    /** Remove a real feature node from the domain Map. */
+    removeFeature: (nodeId: string) => void;
+    /** Restore a previously removed feature (rollback). */
+    restoreFeature: (nodeId: string, entry: FeatureEntry) => void;
+    /** Add a repository node (may use a temp ID initially). */
+    addRepository: (nodeId: string, data: RepositoryNodeData) => void;
+    /** Remove a repository node. */
+    removeRepository: (nodeId: string) => void;
+    /** Replace a temp repo ID with the real one (atomic). */
+    replaceRepository: (tempId: string, realId: string, data: RepositoryNodeData) => void;
+    /** Stable lookup: get the repositoryPath for a feature node. */
+    getFeatureRepositoryPath: (featureNodeId: string) => string | undefined;
+    /** Stable lookup: get repository node data by nodeId. */
+    getRepositoryData: (nodeId: string) => RepositoryNodeData | undefined;
+    /** Update callbacks injected into node data (does NOT trigger re-render). */
+    setCallbacks: (callbacks: GraphCallbacks) => void;
+}
+type FeatureDataUpdates = Partial<Pick<FeatureNodeData, 'state' | 'lifecycle' | 'name' | 'description'>>;
+export declare function useGraphState(initialNodes: CanvasNodeType[], initialEdges: Edge[]): UseGraphStateReturn;
+//# sourceMappingURL=use-graph-state.d.ts.map

package/dist/src/presentation/web/hooks/use-graph-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-graph-state.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-graph-state.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAEL,KAAK,YAAY,EAEjB,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mDAAmD;IACnD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;;OAGG;IACH,SAAS,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClE,uEAAuE;IACvE,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,kEAAkE;IAClE,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,yDAAyD;IACzD,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sDAAsD;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uDAAuD;IACvD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9D,2DAA2D;IAC3D,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClE,gCAAgC;IAChC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtF,gEAAgE;IAChE,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,6EAA6E;IAC7E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAuCD,KAAK,kBAAkB,GAAG,OAAO,CAC/B,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC,CACtE,CAAC;AAWF,wBAAgB,aAAa,CAC3B,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,mBAAmB,CA+QrB"}

package/dist/src/presentation/web/hooks/use-graph-state.js

@@ -0,0 +1,257 @@
+'use client';
+import { useState, useMemo, useCallback, useRef } from 'react';
+import { deriveGraph, } from '../lib/derive-graph.js';
+import { layoutWithDagre, CANVAS_LAYOUT_DEFAULTS } from '../lib/layout-with-dagre.js';
+/** Parse initialNodes + initialEdges into domain Maps. */
+function parseMaps(initialNodes, initialEdges) {
+    // Build parentNodeId map from dependency edges
+    const parentByChild = new Map();
+    for (const edge of initialEdges) {
+        if (edge.type === 'dependencyEdge') {
+            parentByChild.set(edge.target, edge.source);
+        }
+    }
+    const featureMap = new Map();
+    const repoMap = new Map();
+    for (const node of initialNodes) {
+        if (node.type === 'featureNode') {
+            featureMap.set(node.id, {
+                nodeId: node.id,
+                data: node.data,
+                parentNodeId: parentByChild.get(node.id),
+            });
+        }
+        else if (node.type === 'repositoryNode') {
+            repoMap.set(node.id, {
+                nodeId: node.id,
+                data: node.data,
+            });
+        }
+    }
+    return { featureMap, repoMap };
+}
+function isFeatureDataUnchanged(data, updates) {
+    return ((updates.state === undefined || updates.state === data.state) &&
+        (updates.lifecycle === undefined || updates.lifecycle === data.lifecycle) &&
+        (updates.name === undefined || updates.name === data.name) &&
+        (updates.description === undefined || updates.description === data.description));
+}
+export function useGraphState(initialNodes, initialEdges) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- intentional: parse only on mount (like useState initializer)
+    const init = useMemo(() => parseMaps(initialNodes, initialEdges), []);
+    const [featureMap, setFeatureMap] = useState(init.featureMap);
+    const [repoMap, setRepoMap] = useState(init.repoMap);
+    const [pendingMap, setPendingMap] = useState(new Map());
+    // Buffer for SSE updates that arrive before their feature is in featureMap.
+    // When reconcile adds new features, buffered updates are applied automatically.
+    const pendingUpdatesRef = useRef(new Map());
+    // Callbacks stored in a ref so changing them doesn't trigger re-render.
+    // The stable wrapper object reads from the ref so node closures always use latest callbacks.
+    const callbacksRef = useRef({});
+    const stableCallbacks = useMemo(() => ({
+        onNodeAction: (nodeId) => callbacksRef.current.onNodeAction?.(nodeId),
+        onNodeSettings: (nodeId) => callbacksRef.current.onNodeSettings?.(nodeId),
+        onFeatureDelete: (featureId) => callbacksRef.current.onFeatureDelete?.(featureId),
+        onRepositoryAdd: (nodeId) => callbacksRef.current.onRepositoryAdd?.(nodeId),
+        onRepositoryClick: (nodeId) => callbacksRef.current.onRepositoryClick?.(nodeId),
+        onRepositoryDelete: (repositoryId) => callbacksRef.current.onRepositoryDelete?.(repositoryId),
+    }), []);
+    // Stable refs for domain Maps (for use in callbacks without depending on state)
+    const featureMapRef = useRef(featureMap);
+    featureMapRef.current = featureMap;
+    const repoMapRef = useRef(repoMap);
+    repoMapRef.current = repoMap;
+    // Derive graph from domain Maps (runs on every Map change, but dagre only on topology change)
+    const derived = useMemo(() => deriveGraph(featureMap, repoMap, pendingMap, stableCallbacks), [featureMap, repoMap, pendingMap, stableCallbacks]);
+    // Cache dagre layout positions — only re-run when node set or edge connections change
+    const layoutCacheRef = useRef({ key: '', positions: new Map() });
+    const { nodes, edges } = useMemo(() => {
+        const nodeIds = derived.nodes
+            .map((n) => n.id)
+            .sort()
+            .join(',');
+        const edgeKeys = derived.edges
+            .map((e) => `${e.source}-${e.target}`)
+            .sort()
+            .join(',');
+        const topologyKey = `${nodeIds}|${edgeKeys}`;
+        if (topologyKey !== layoutCacheRef.current.key) {
+            // Topology changed — re-run dagre
+            const result = layoutWithDagre(derived.nodes, derived.edges, CANVAS_LAYOUT_DEFAULTS);
+            const positions = new Map();
+            for (const node of result.nodes) {
+                positions.set(node.id, {
+                    position: node.position,
+                    targetPosition: node.targetPosition,
+                    sourcePosition: node.sourcePosition,
+                });
+            }
+            layoutCacheRef.current = { key: topologyKey, positions };
+            return result;
+        }
+        // Data-only change — apply cached positions without re-running dagre
+        const { positions } = layoutCacheRef.current;
+        const nodes = derived.nodes.map((node) => {
+            const cached = positions.get(node.id);
+            return cached ? { ...node, ...cached } : node;
+        });
+        return { nodes, edges: derived.edges };
+    }, [derived]);
+    // --- Mutations ---
+    const reconcile = useCallback((newNodes, newEdges) => {
+        const { featureMap: newFeatureMap, repoMap: newRepoMap } = parseMaps(newNodes, newEdges);
+        // Precompute match keys so we don't scan newFeatureMap.values() per pending entry
+        const realFeatureKeys = new Set([...newFeatureMap.values()].map((e) => `${e.data.name}\0${e.data.repositoryPath}`));
+        setFeatureMap((currentFeatureMap) => {
+            // Preserve pending (creating) nodes unless matched by name+repositoryPath from newFeatureMap
+            const pendingEntries = [...currentFeatureMap.entries()].filter(([, e]) => e.data.state === 'creating');
+            const merged = new Map(newFeatureMap);
+            // Keep pending nodes that don't have a real counterpart in new data
+            for (const [tempId, pendingEntry] of pendingEntries) {
+                const key = `${pendingEntry.data.name}\0${pendingEntry.data.repositoryPath}`;
+                if (!realFeatureKeys.has(key)) {
+                    merged.set(tempId, pendingEntry);
+                }
+            }
+            // Apply any buffered SSE updates to features that now exist in the map
+            for (const [nodeId, updates] of pendingUpdatesRef.current) {
+                const entry = merged.get(nodeId);
+                if (entry) {
+                    merged.set(nodeId, { ...entry, data: { ...entry.data, ...updates } });
+                    pendingUpdatesRef.current.delete(nodeId);
+                }
+            }
+            return merged;
+        });
+        // Clean pendingMap entries that now have a real counterpart in server data
+        setPendingMap((currentPendingMap) => {
+            if (currentPendingMap.size === 0)
+                return currentPendingMap;
+            let changed = false;
+            const next = new Map(currentPendingMap);
+            for (const [tempId, pendingEntry] of currentPendingMap) {
+                const key = `${pendingEntry.data.name}\0${pendingEntry.data.repositoryPath}`;
+                if (realFeatureKeys.has(key)) {
+                    next.delete(tempId);
+                    changed = true;
+                }
+            }
+            return changed ? next : currentPendingMap;
+        });
+        setRepoMap(newRepoMap);
+    }, []);
+    const updateFeature = useCallback((featureNodeId, updates) => {
+        setFeatureMap((prev) => {
+            const entry = prev.get(featureNodeId);
+            if (!entry) {
+                // Feature not yet in map — buffer update for when reconcile adds it
+                pendingUpdatesRef.current.set(featureNodeId, {
+                    ...pendingUpdatesRef.current.get(featureNodeId),
+                    ...updates,
+                });
+                return prev;
+            }
+            // Clear any buffered update for this feature since it's now in the map
+            pendingUpdatesRef.current.delete(featureNodeId);
+            if (isFeatureDataUnchanged(entry.data, updates))
+                return prev;
+            const next = new Map(prev);
+            next.set(featureNodeId, { ...entry, data: { ...entry.data, ...updates } });
+            return next;
+        });
+        // Also check pendingMap
+        setPendingMap((prev) => {
+            const entry = prev.get(featureNodeId);
+            if (!entry)
+                return prev;
+            if (isFeatureDataUnchanged(entry.data, updates))
+                return prev;
+            const next = new Map(prev);
+            next.set(featureNodeId, { ...entry, data: { ...entry.data, ...updates } });
+            return next;
+        });
+    }, []);
+    const addPendingFeature = useCallback((nodeId, data, parentNodeId) => {
+        setPendingMap((prev) => {
+            const next = new Map(prev);
+            next.set(nodeId, { nodeId, data, parentNodeId });
+            return next;
+        });
+    }, []);
+    const removePendingFeature = useCallback((nodeId) => {
+        setPendingMap((prev) => {
+            if (!prev.has(nodeId))
+                return prev;
+            const next = new Map(prev);
+            next.delete(nodeId);
+            return next;
+        });
+    }, []);
+    const removeFeature = useCallback((nodeId) => {
+        setFeatureMap((prev) => {
+            if (!prev.has(nodeId))
+                return prev;
+            const next = new Map(prev);
+            next.delete(nodeId);
+            return next;
+        });
+    }, []);
+    const restoreFeature = useCallback((nodeId, entry) => {
+        setFeatureMap((prev) => {
+            const next = new Map(prev);
+            next.set(nodeId, entry);
+            return next;
+        });
+    }, []);
+    const addRepository = useCallback((nodeId, data) => {
+        setRepoMap((prev) => {
+            const next = new Map(prev);
+            next.set(nodeId, { nodeId, data });
+            return next;
+        });
+    }, []);
+    const removeRepository = useCallback((nodeId) => {
+        setRepoMap((prev) => {
+            if (!prev.has(nodeId))
+                return prev;
+            const next = new Map(prev);
+            next.delete(nodeId);
+            return next;
+        });
+    }, []);
+    const replaceRepository = useCallback((tempId, realId, data) => {
+        setRepoMap((prev) => {
+            if (!prev.has(tempId))
+                return prev;
+            const next = new Map(prev);
+            next.delete(tempId);
+            next.set(realId, { nodeId: realId, data });
+            return next;
+        });
+    }, []);
+    const getFeatureRepositoryPath = useCallback((featureNodeId) => {
+        return featureMapRef.current.get(featureNodeId)?.data.repositoryPath;
+    }, []);
+    const getRepositoryData = useCallback((nodeId) => {
+        return repoMapRef.current.get(nodeId)?.data;
+    }, []);
+    const setCallbacks = useCallback((callbacks) => {
+        callbacksRef.current = callbacks;
+    }, []);
+    return {
+        nodes,
+        edges,
+        reconcile,
+        updateFeature,
+        addPendingFeature,
+        removePendingFeature,
+        removeFeature,
+        restoreFeature,
+        addRepository,
+        removeRepository,
+        replaceRepository,
+        getFeatureRepositoryPath,
+        getRepositoryData,
+        setCallbacks,
+    };
+}

package/dist/src/presentation/web/hooks/use-notifications.d.ts

@@ -1,6 +1,2 @@
-export interface UseNotificationsResult {
-    requestBrowserPermission: () => Promise<void>;
-    browserPermissionState: NotificationPermission;
-}
-export declare function useNotifications(): UseNotificationsResult;
+export declare function useNotifications(): void;
 //# sourceMappingURL=use-notifications.d.ts.map

package/dist/src/presentation/web/hooks/use-notifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-notifications.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-notifications.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,sBAAsB;IACrC,wBAAwB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,sBAAsB,EAAE,sBAAsB,CAAC;CAChD;AA2CD,wBAAgB,gBAAgB,IAAI,sBAAsB,CAiEzD"}
+{"version":3,"file":"use-notifications.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-notifications.ts"],"names":[],"mappings":"AA0CA,wBAAgB,gBAAgB,IAAI,IAAI,CA8CvC"}

package/dist/src/presentation/web/hooks/use-notifications.js

@@ -1,5 +1,5 @@
 'use client';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useEffect, useMemo, useRef } from 'react';
 import { useRouter } from 'next/navigation';
 import { toast } from 'sonner';
 import { NotificationEventType, NotificationSeverity } from '../../../../packages/core/src/domain/generated/output.js';
@@ -27,15 +27,6 @@ function dispatchToast(event, navigate) {
         }),
     });
 }
-function dispatchBrowserNotification(event) {
-    if (globalThis.Notification?.permission !== 'granted') {
-        return;
-    }
-    new Notification(`Shep: ${event.featureName}`, {
-        body: event.message,
-        icon: '/favicon-light.svg',
-    });
-}
 const SEVERITY_TO_ACTION = {
     [NotificationSeverity.Success]: 'notification-success',
     [NotificationSeverity.Error]: 'notification-error',
@@ -55,11 +46,6 @@ export function useNotifications() {
         'notification-warning': warningSound,
         'notification-info': infoSound,
     }), [successSound, errorSound, warningSound, infoSound]);
-    const [browserPermissionState, setBrowserPermissionState] = useState(() => {
-        if (typeof globalThis.Notification === 'undefined')
-            return 'default';
-        return globalThis.Notification.permission;
-    });
     // Track how many events from the array we've already processed.
     // Using the array index (instead of lastEvent) prevents React batching
     // from silently dropping events when multiple SSE messages arrive together.
@@ -77,19 +63,8 @@ export function useNotifications() {
                 continue;
             }
             dispatchToast(event, (path) => router.push(path));
-            dispatchBrowserNotification(event);
             const actionName = SEVERITY_TO_ACTION[event.severity];
             soundsByAction[actionName]?.play();
         }
     }, [events, soundsByAction, router]);
-    const requestBrowserPermission = useCallback(async () => {
-        if (typeof globalThis.Notification === 'undefined')
-            return;
-        const result = await globalThis.Notification.requestPermission();
-        setBrowserPermissionState(result);
-    }, []);
-    return {
-        requestBrowserPermission,
-        browserPermissionState,
-    };
 }

package/dist/src/presentation/web/hooks/use-notifications.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-notifications.stories.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-notifications.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqKvD,QAAA,MAAM,IAAI,EAAE,IAcX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
+{"version":3,"file":"use-notifications.stories.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-notifications.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyIvD,QAAA,MAAM,IAAI,EAAE,IAcX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}