@shepai/cli 1.72.9-pr220.e1bfec0 → 1.72.9-pr220.f17b60a

package/dist/src/presentation/web/components/features/control-center/use-control-center-state.js

@@ -1,5 +1,5 @@
 'use client';
-import { useCallback, useEffect, useRef } from 'react';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useRouter } from 'next/navigation';
 import { toast } from 'sonner';
 import { layoutWithDagre, CANVAS_LAYOUT_DEFAULTS, } from '../../../lib/layout-with-dagre.js';
@@ -9,9 +9,10 @@ import { deleteRepository } from '../../../app/actions/delete-repository.js';
 import { getFeatureMetadata } from '../../../app/actions/get-feature-metadata.js';
 import { useAgentEventsContext } from '../../../hooks/agent-events-provider.js';
 import { useSoundAction } from '../../../hooks/use-sound-action.js';
-import { mapEventTypeToState, mapPhaseNameToLifecycle, } from '../../common/feature-node/derive-feature-state.js';
-import { NotificationEventType } from '../../../../../../packages/core/src/domain/generated/output.js';
+import { mapEventTypeToState, resolveSseEventUpdates, } from '../../common/feature-node/derive-feature-state.js';
 import { useGraphState } from '../../../hooks/use-graph-state.js';
+/** Must match the message string emitted by the SSE route in agent-events/route.ts */
+const METADATA_UPDATED_MESSAGE = 'Feature metadata updated';
 let nextFeatureId = 0;
 export function useControlCenterState(initialNodes, initialEdges) {
     const router = useRouter();
@@ -20,18 +21,18 @@ export function useControlCenterState(initialNodes, initialEdges) {
     const { nodes, edges, reconcile, updateFeature, addPendingFeature, removeFeature, restoreFeature, addRepository: addRepositoryToMap, removeRepository, replaceRepository, getFeatureRepositoryPath, getRepositoryData, setCallbacks, } = useGraphState(initialNodes, initialEdges);
     // Sync server props into domain Maps when initialNodes/initialEdges change.
     // Keyed by a stable string so we don't re-reconcile on every render.
-    const initialNodeKey = initialNodes
+    const initialNodeKey = useMemo(() => initialNodes
         .map((n) => n.id)
         .sort()
-        .join(',');
-    const initialDataKey = initialNodes
+        .join(','), [initialNodes]);
+    const initialDataKey = useMemo(() => initialNodes
         .filter((n) => n.type === 'featureNode')
         .map((n) => {
         const d = n.data;
         return `${n.id}:${d.state}:${d.lifecycle}`;
     })
         .sort()
-        .join(',');
+        .join(','), [initialNodes]);
     const prevReconcileKey = useRef('');
     useEffect(() => {
         const key = `${initialNodeKey}|${initialDataKey}`;
@@ -42,14 +43,6 @@ export function useControlCenterState(initialNodes, initialEdges) {
     }, [initialNodeKey, initialDataKey, initialNodes, initialEdges, reconcile]);
     // Track previous feature states for fallback notifications
     const prevFeatureStatesRef = useRef(new Map());
-    const initialFeatureDataKey = initialNodes
-        .filter((n) => n.type === 'featureNode')
-        .map((n) => {
-        const d = n.data;
-        return `${n.id}:${d.state}`;
-    })
-        .sort()
-        .join(',');
     const { events } = useAgentEventsContext();
     useEffect(() => {
         const prevStates = prevFeatureStatesRef.current;
@@ -80,7 +73,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
             }
             prevStates.set(node.id, data.state);
         }
-    }, [initialFeatureDataKey, initialNodes, events, router]);
+    }, [initialDataKey, initialNodes, events, router]);
     // SSE effect: only state + lifecycle updates
     const processedEventCountRef = useRef(0);
     useEffect(() => {
@@ -88,33 +81,34 @@ export function useControlCenterState(initialNodes, initialEdges) {
             return;
         const newEvents = events.slice(processedEventCountRef.current);
         processedEventCountRef.current = events.length;
-        // PhaseCompleted must NOT set state when WaitingApproval is in the same poll batch —
-        // they arrive together and PhaseCompleted → 'running' would revert 'action-required'.
-        // But when PhaseCompleted arrives WITHOUT WaitingApproval (e.g. after approval), we
-        // must allow it to update state as a fallback for any missed AgentStarted event.
-        const waitingApprovalFeatures = new Set(newEvents
-            .filter((e) => e.eventType === NotificationEventType.WaitingApproval)
-            .map((e) => e.featureId));
-        for (const event of newEvents) {
-            const newState = event.eventType === NotificationEventType.PhaseCompleted &&
-                waitingApprovalFeatures.has(event.featureId)
-                ? undefined
-                : mapEventTypeToState(event.eventType);
-            const newLifecycle = mapPhaseNameToLifecycle(event.phaseName);
-            const nodeId = `feat-${event.featureId}`;
-            if (newState !== undefined || newLifecycle !== undefined) {
-                updateFeature(nodeId, {
-                    ...(newState !== undefined && { state: newState }),
-                    ...(newLifecycle !== undefined && { lifecycle: newLifecycle }),
+        for (const { featureId, state, lifecycle } of resolveSseEventUpdates(newEvents)) {
+            if (state !== undefined || lifecycle !== undefined) {
+                updateFeature(`feat-${featureId}`, {
+                    ...(state !== undefined && { state }),
+                    ...(lifecycle !== undefined && { lifecycle }),
                 });
             }
         }
     }, [events, updateFeature]);
+    // Listen for optimistic approval events from the drawer (fires before SSE arrives)
+    useEffect(() => {
+        const handler = (e) => {
+            const { featureId } = e.detail;
+            updateFeature(`feat-${featureId}`, { state: 'running' });
+        };
+        window.addEventListener('shep:feature-approved', handler);
+        return () => window.removeEventListener('shep:feature-approved', handler);
+    }, [updateFeature]);
     // Separate effect: fetch metadata (name + description) when SSE reports it changed
     const metadataFetchedRef = useRef(new Set());
+    const processedMetadataCountRef = useRef(0);
     useEffect(() => {
-        for (const event of events) {
-            if (event.message !== 'Feature metadata updated')
+        if (events.length <= processedMetadataCountRef.current)
+            return;
+        const newEvents = events.slice(processedMetadataCountRef.current);
+        processedMetadataCountRef.current = events.length;
+        for (const event of newEvents) {
+            if (event.message !== METADATA_UPDATED_MESSAGE)
                 continue;
             if (metadataFetchedRef.current.has(event.featureId))
                 continue;
@@ -193,6 +187,20 @@ export function useControlCenterState(initialNodes, initialEdges) {
         const childFeatureIds = new Set(edges.filter((e) => e.source === repoNodeId).map((e) => e.target));
         // Snapshot for rollback
         const prevRepoData = getRepositoryData(repoNodeId);
+        const childSnapshots = new Map();
+        for (const childId of childFeatureIds) {
+            const childNode = nodes.find((n) => n.id === childId);
+            if (childNode) {
+                childSnapshots.set(childId, { nodeId: childId, data: childNode.data });
+            }
+        }
+        const rollback = () => {
+            if (prevRepoData)
+                addRepositoryToMap(repoNodeId, prevRepoData);
+            for (const [childId, entry] of childSnapshots) {
+                restoreFeature(childId, entry);
+            }
+        };
         // Optimistic: remove repo + children
         removeRepository(repoNodeId);
         for (const childId of childFeatureIds) {
@@ -202,17 +210,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
             const result = await deleteRepository(repositoryId);
             if (!result.success) {
                 toast.error(result.error ?? 'Failed to remove repository');
-                if (prevRepoData)
-                    addRepositoryToMap(repoNodeId, prevRepoData);
-                for (const childId of childFeatureIds) {
-                    const childNode = nodes.find((n) => n.id === childId);
-                    if (childNode) {
-                        restoreFeature(childId, {
-                            nodeId: childId,
-                            data: childNode.data,
-                        });
-                    }
-                }
+                rollback();
                 return;
             }
             deleteSound.play();
@@ -220,17 +218,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
         }
         catch {
             toast.error('Failed to remove repository');
-            if (prevRepoData)
-                addRepositoryToMap(repoNodeId, prevRepoData);
-            for (const childId of childFeatureIds) {
-                const childNode = nodes.find((n) => n.id === childId);
-                if (childNode) {
-                    restoreFeature(childId, {
-                        nodeId: childId,
-                        data: childNode.data,
-                    });
-                }
-            }
+            rollback();
         }
     }, [
         edges,

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;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"}
+{"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,2CAkFrB"}

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useCallback } from 'react';
+import { useMemo } from 'react';
 import { ReactFlow, Background, Controls } from '@xyflow/react';
 import { Plus } from 'lucide-react';
 import { Button } from '../../ui/button.js';
@@ -16,17 +16,6 @@ export function FeaturesCanvas({ nodes, edges, selectedFeatureId, onNodesChange,
     const edgeTypes = useMemo(() => ({
         dependencyEdge: DependencyEdge,
     }), []);
-    // Prevent a feature from having more than one source repository
-    const isValidConnection = useCallback((connection) => {
-        const sourceNode = nodes.find((n) => n.id === connection.source);
-        if (sourceNode?.type !== 'repositoryNode')
-            return true;
-        const targetAlreadyHasRepo = edges.some((e) => {
-            const edgeSourceNode = nodes.find((n) => n.id === e.source);
-            return edgeSourceNode?.type === 'repositoryNode' && e.target === connection.target;
-        });
-        return !targetAlreadyHasRepo;
-    }, [nodes, edges]);
     // Callbacks and showHandles are already injected into node.data by deriveGraph.
     // Only selectedFeatureId highlighting needs to be applied here.
     const enrichedNodes = useMemo(() => selectedFeatureId == null
@@ -41,5 +30,5 @@ export function FeaturesCanvas({ nodes, edges, selectedFeatureId, onNodesChange,
         }
         return (_jsx("div", { "data-testid": "features-canvas-empty", children: _jsx(EmptyState, { title: "No features yet", description: "Get started by creating your first feature.", action: _jsxs(Button, { onClick: onAddFeature, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "New Feature"] }) }) }));
     }
-    return (_jsx("div", { "data-testid": "features-canvas", "data-no-drawer-close": true, className: "pointer-events-auto h-full w-full", children: _jsxs(ReactFlow, { nodes: enrichedNodes, edges: edges, nodeTypes: nodeTypes, edgeTypes: edgeTypes, isValidConnection: isValidConnection, onConnect: onConnect, onNodesChange: onNodesChange, onNodeClick: onNodeClick, onPaneClick: onPaneClick, onMoveStart: onCanvasDrag, defaultViewport: { x: 30, y: 30, zoom: 0.85 }, nodesDraggable: false, nodesConnectable: false, elementsSelectable: false, children: [_jsx(Background, {}), _jsx(Controls, {}), toolbar] }) }));
+    return (_jsx("div", { "data-testid": "features-canvas", "data-no-drawer-close": true, className: "pointer-events-auto h-full w-full", children: _jsxs(ReactFlow, { nodes: enrichedNodes, edges: edges, nodeTypes: nodeTypes, edgeTypes: edgeTypes, onConnect: onConnect, onNodesChange: onNodesChange, onNodeClick: onNodeClick, onPaneClick: onPaneClick, onMoveStart: onCanvasDrag, defaultViewport: { x: 30, y: 30, zoom: 0.85 }, nodesDraggable: false, nodesConnectable: false, elementsSelectable: false, children: [_jsx(Background, {}), _jsx(Controls, {}), toolbar] }) }));
 }

package/dist/src/presentation/web/components/ui/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAG/D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExF;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3D;AAED,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAEhG;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAiB3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,2CAeA;AAED,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW9E;AAED,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW9E;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CAWzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAQ/D;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7E;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GACzD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,2CAU9D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GACzD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,2CAU9D;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAG/D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExF;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3D;AAED,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAEhG;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAc3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,2CAeA;AAED,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW9E;AAED,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW9E;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CAWzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAQ/D;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7E;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GACzD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,2CAU9D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GACzD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,2CAU9D;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}

package/dist/src/presentation/web/components/ui/alert-dialog.js

@@ -13,7 +13,7 @@ function AlertDialogPortal({ ...props }) {
     return _jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({ className, onClick, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50', className), onClick: (e) => {
+    return (_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn('fixed inset-0 z-50 bg-black/50', className), onClick: (e) => {
             // Prevent overlay clicks from propagating to document-level handlers
             // (e.g. BaseDrawer outside-click) — only the dialog should dismiss.
             e.stopPropagation();
@@ -21,7 +21,7 @@ function AlertDialogOverlay({ className, onClick, ...props }) {
         }, ...props }));
 }
 function AlertDialogContent({ className, size = 'default', ...props }) {
-    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", "data-size": size, className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg', className), ...props })] }));
+    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", "data-size": size, className: cn('bg-background group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg', className), ...props })] }));
 }
 function AlertDialogHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn('grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]', className), ...props }));

package/dist/src/presentation/web/components/ui/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAKrD,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAE9C,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAE5C,QAAA,MAAM,WAAW,4GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,8JAkBjB,CAAC;AAGH,QAAA,MAAM,aAAa,8JAqBjB,CAAC;AAGH,QAAA,MAAM,YAAY;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAElF,CAAC;AAGF,QAAA,MAAM,YAAY;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKlF,CAAC;AAGF,QAAA,MAAM,WAAW,oKASf,CAAC;AAGH,QAAA,MAAM,iBAAiB,8KASrB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAKrD,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAE9C,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAE5C,QAAA,MAAM,WAAW,4GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,8JAejB,CAAC;AAGH,QAAA,MAAM,aAAa,8JAqBjB,CAAC;AAGH,QAAA,MAAM,YAAY;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAElF,CAAC;AAGF,QAAA,MAAM,YAAY;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKlF,CAAC;AAGF,QAAA,MAAM,WAAW,oKASf,CAAC;AAGH,QAAA,MAAM,iBAAiB,8KASrB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}

package/dist/src/presentation/web/components/ui/dialog.js

@@ -8,14 +8,14 @@ const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = DialogPrimitive.Portal;
 const DialogClose = DialogPrimitive.Close;
-const DialogOverlay = React.forwardRef(({ className, onClick, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', className), onClick: (e) => {
+const DialogOverlay = React.forwardRef(({ className, onClick, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn('fixed inset-0 z-50 bg-black/80', className), onClick: (e) => {
         // Prevent overlay clicks from propagating to document-level handlers
         // (e.g. BaseDrawer outside-click) — only the dialog should dismiss.
         e.stopPropagation();
         onClick?.(e);
     }, ...props })));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg', className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn('bg-background fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg sm:rounded-lg', className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col space-y-1.5 text-center sm:text-left', className), ...props }));
 DialogHeader.displayName = 'DialogHeader';

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

@@ -1 +1 @@
-{"version":3,"file":"use-agent-events.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-agent-events.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAE9E,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC;AAE3E,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,SAAS,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAID;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,qBAAqB,GAAG,oBAAoB,CA2GpF"}
+{"version":3,"file":"use-agent-events.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-agent-events.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAE9E,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC;AAE3E,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,SAAS,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAID;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,qBAAqB,GAAG,oBAAoB,CA+GpF"}

package/dist/src/presentation/web/hooks/use-agent-events.js

@@ -75,10 +75,13 @@ export function useAgentEvents(options) {
                 subscribeToWorker(sw);
             }
             else {
-                sw.addEventListener('statechange', () => {
-                    if (sw.state === 'activated')
+                const onStateChange = () => {
+                    if (sw.state === 'activated') {
+                        sw.removeEventListener('statechange', onStateChange);
                         subscribeToWorker(sw);
-                });
+                    }
+                };
+                sw.addEventListener('statechange', onStateChange);
             }
         })
             .catch(() => {

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

@@ -15,7 +15,7 @@ export interface UseGraphStateReturn {
      */
     reconcile: (newNodes: CanvasNodeType[], newEdges: Edge[]) => void;
     /** Update a feature's state/lifecycle/name (e.g., from SSE events). */
-    updateFeature: (featureNodeId: string, updates: Partial<Pick<FeatureNodeData, 'state' | 'lifecycle' | 'name' | 'description'>>) => void;
+    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). */
@@ -37,5 +37,6 @@ export interface UseGraphStateReturn {
     /** 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

@@ -1 +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,EAAE,MAAM,eAAe,CAAC;AAC1C,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,CACb,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC,CAAC,KACpF,IAAI,CAAC;IACV,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,wBAAgB,aAAa,CAC3B,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,mBAAmB,CAwPrB"}
+{"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

@@ -7,7 +7,7 @@ function parseMaps(initialNodes, initialEdges) {
     // Build parentNodeId map from dependency edges
     const parentByChild = new Map();
     for (const edge of initialEdges) {
-        if (edge.type === 'dependencyEdge' || edge.id.startsWith('dep-')) {
+        if (edge.type === 'dependencyEdge') {
             parentByChild.set(edge.target, edge.source);
         }
     }
@@ -30,6 +30,12 @@ function parseMaps(initialNodes, initialEdges) {
     }
     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), []);
@@ -55,23 +61,55 @@ export function useGraphState(initialNodes, initialEdges) {
     featureMapRef.current = featureMap;
     const repoMapRef = useRef(repoMap);
     repoMapRef.current = repoMap;
-    // Derived nodes/edges — only re-runs when domain Maps change (not callbacks)
+    // 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 derived = deriveGraph(featureMap, repoMap, pendingMap, stableCallbacks);
-        return layoutWithDagre(derived.nodes, derived.edges, CANVAS_LAYOUT_DEFAULTS);
-    }, [featureMap, repoMap, pendingMap, stableCallbacks]);
+        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 matched = [...newFeatureMap.values()].some((e) => e.data.name === pendingEntry.data.name &&
-                    e.data.repositoryPath === pendingEntry.data.repositoryPath);
-                if (!matched) {
+                const key = `${pendingEntry.data.name}\0${pendingEntry.data.repositoryPath}`;
+                if (!realFeatureKeys.has(key)) {
                     merged.set(tempId, pendingEntry);
                 }
             }
@@ -92,9 +130,8 @@ export function useGraphState(initialNodes, initialEdges) {
             let changed = false;
             const next = new Map(currentPendingMap);
             for (const [tempId, pendingEntry] of currentPendingMap) {
-                const matched = [...newFeatureMap.values()].some((e) => e.data.name === pendingEntry.data.name &&
-                    e.data.repositoryPath === pendingEntry.data.repositoryPath);
-                if (matched) {
+                const key = `${pendingEntry.data.name}\0${pendingEntry.data.repositoryPath}`;
+                if (realFeatureKeys.has(key)) {
                     next.delete(tempId);
                     changed = true;
                 }
@@ -116,14 +153,8 @@ export function useGraphState(initialNodes, initialEdges) {
             }
             // Clear any buffered update for this feature since it's now in the map
             pendingUpdatesRef.current.delete(featureNodeId);
-            // Skip if no actual change (prevents unnecessary re-renders on event replay)
-            const stateUnchanged = updates.state === undefined || updates.state === entry.data.state;
-            const lifecycleUnchanged = updates.lifecycle === undefined || updates.lifecycle === entry.data.lifecycle;
-            const nameUnchanged = updates.name === undefined || updates.name === entry.data.name;
-            const descUnchanged = updates.description === undefined || updates.description === entry.data.description;
-            if (stateUnchanged && lifecycleUnchanged && nameUnchanged && descUnchanged) {
+            if (isFeatureDataUnchanged(entry.data, updates))
                 return prev;
-            }
             const next = new Map(prev);
             next.set(featureNodeId, { ...entry, data: { ...entry.data, ...updates } });
             return next;
@@ -133,11 +164,7 @@ export function useGraphState(initialNodes, initialEdges) {
             const entry = prev.get(featureNodeId);
             if (!entry)
                 return prev;
-            const stateUnchanged = updates.state === undefined || updates.state === entry.data.state;
-            const lifecycleUnchanged = updates.lifecycle === undefined || updates.lifecycle === entry.data.lifecycle;
-            const nameUnchanged = updates.name === undefined || updates.name === entry.data.name;
-            const descUnchanged = updates.description === undefined || updates.description === entry.data.description;
-            if (stateUnchanged && lifecycleUnchanged && nameUnchanged && descUnchanged)
+            if (isFeatureDataUnchanged(entry.data, updates))
                 return prev;
             const next = new Map(prev);
             next.set(featureNodeId, { ...entry, data: { ...entry.data, ...updates } });

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"}