@shepai/cli 1.72.9-pr218.000ada0 → 1.72.9-pr219.08421ee

package/dist/src/presentation/web/app/api/agent-events/route.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/app/api/agent-events/route.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAgBH,eAAO,MAAM,OAAO,kBAAkB,CAAC;AA+DvC,wBAAgB,GAAG,CAAC,OAAO,EAAE,OAAO,GAAG,QAAQ,CAkM9C"}
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/app/api/agent-events/route.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAgBH,eAAO,MAAM,OAAO,kBAAkB,CAAC;AA+DvC,wBAAgB,GAAG,CAAC,OAAO,EAAE,OAAO,GAAG,QAAQ,CAoN9C"}

package/dist/src/presentation/web/app/api/agent-events/route.js

@@ -115,7 +115,8 @@ export function GET(request) {
                                 continue;
                             const prev = cache.get(feature.id);
                             if (!prev) {
-                                // First time seeing this feature — seed cache, don't emit
+                                // First time seeing this feature — seed cache and emit so
+                                // clients discover features created outside the UI (e.g. CLI).
                                 const completedPhases = new Set();
                                 try {
                                     const timings = await phaseTimingRepo.findByRunId(run.id);
@@ -133,6 +134,21 @@ export function GET(request) {
                                     completedPhases,
                                     featureName: feature.name,
                                 });
+                                // Emit initial state so the client learns about new features
+                                const mapping = STATUS_TO_EVENT[run.status];
+                                if (mapping) {
+                                    const phase = resultToPhase(run.result);
+                                    emitEvent({
+                                        eventType: mapping.eventType,
+                                        agentRunId: run.id,
+                                        featureId: feature.id,
+                                        featureName: feature.name,
+                                        ...(phase && { phaseName: phase }),
+                                        message: `Agent status: ${run.status}`,
+                                        severity: mapping.severity,
+                                        timestamp: new Date().toISOString(),
+                                    });
+                                }
                                 continue;
                             }
                             // Check for status change

package/dist/src/presentation/web/components/features/control-center/use-control-center-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAYjC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,EACvC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;CACb;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAwlBpB"}
+{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAYjC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,EACvC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;CACb;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAgpBpB"}

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

@@ -133,12 +133,31 @@ export function useControlCenterState(initialNodes, initialEdges) {
     // Uses `events` array (not `lastEvent`) so that React batching cannot silently
     // drop events when multiple SSE messages arrive in the same tick.
     const processedEventCountRef = useRef(0);
+    // Track known feature IDs so we can detect when SSE reports features not yet on the canvas.
+    // Initialised from initialNodes to avoid a race between first render and SSE arrival.
+    const knownFeatureIdsRef = useRef(new Set(initialNodes
+        .filter((n) => n.type === 'featureNode')
+        .map((n) => n.data.featureId)));
+    // Keep ref in sync as nodes change (new nodes added, temp nodes replaced, etc.)
+    useEffect(() => {
+        knownFeatureIdsRef.current = new Set(nodes
+            .filter((n) => n.type === 'featureNode')
+            .map((n) => n.data.featureId));
+    }, [nodes]);
+    // Guard against concurrent fetchGraphData calls triggered by unknown-feature detection
+    const fetchingGraphRef = useRef(false);
     useEffect(() => {
         if (events.length <= processedEventCountRef.current)
             return;
         const newEvents = events.slice(processedEventCountRef.current);
         processedEventCountRef.current = events.length;
+        let hasUnknownFeature = false;
         for (const event of newEvents) {
+            // If the feature isn't on the canvas yet, flag for a full graph refresh
+            if (!knownFeatureIdsRef.current.has(event.featureId)) {
+                hasUnknownFeature = true;
+                continue;
+            }
             const newState = mapEventTypeToState(event.eventType);
             const newLifecycle = mapPhaseNameToLifecycle(event.phaseName);
             // Targeted node update — only clone the matched node
@@ -158,7 +177,32 @@ export function useControlCenterState(initialNodes, initialEdges) {
                 };
             }));
         }
-    }, [events]);
+        // SSE reported features not on the canvas — fetch full graph data so new
+        // repository nodes, feature nodes, and edges all appear together.
+        if (hasUnknownFeature && !fetchingGraphRef.current) {
+            fetchingGraphRef.current = true;
+            fetchGraphData()
+                .then(({ nodes: serverNodes, edges: serverEdges }) => {
+                setNodes((currentNodes) => {
+                    // Preserve positions of nodes already on the canvas
+                    const currentById = new Map(currentNodes.map((n) => [n.id, n]));
+                    const merged = serverNodes.map((serverNode) => {
+                        const existing = currentById.get(serverNode.id);
+                        return existing ? { ...serverNode, position: existing.position } : serverNode;
+                    });
+                    const layoutResult = layoutWithDagre(merged, serverEdges, CANVAS_LAYOUT_DEFAULTS);
+                    setEdges(layoutResult.edges);
+                    return layoutResult.nodes;
+                });
+            })
+                .catch(() => {
+                // Silently ignore — next SSE event or poll will retry
+            })
+                .finally(() => {
+                fetchingGraphRef.current = false;
+            });
+        }
+    }, [events, setEdges]);
     // Lightweight server-action polling fallback: fetches fresh graph data every 5s
     // when any feature is in an active state. This avoids full router.refresh() while
     // ensuring the UI stays in sync even if SSE events are missed.