@shepai/cli 1.53.2 → 1.54.0

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

@@ -2,69 +2,241 @@
  * SSE API Route: GET /api/agent-events
  *
  * Streams agent lifecycle notification events to connected web UI clients
- * via Server-Sent Events (SSE). This is the first API route in the web UI.
+ * via Server-Sent Events (SSE).
  *
- * - Subscribes to the notification event bus (lazy-initialized singleton)
- * - Formats events as SSE data frames (event: notification\ndata: JSON\n\n)
+ * Uses DB polling with a per-connection cache so only deltas are sent.
+ * This avoids cross-module singleton issues with an in-process event bus.
+ *
+ * - Polls features + agent runs every 500ms
+ * - Compares against cached state and emits only changes
  * - Sends heartbeat comments every 30 seconds to keep connection alive
  * - Supports optional ?runId query parameter to filter events
- * - Cleans up listeners and intervals on client disconnect
+ * - Cleans up intervals on client disconnect
  */
-import { getNotificationBus } from '../../../../../../packages/core/src/infrastructure/services/notifications/notification-bus.js';
+import { resolve } from '../../../lib/server-container.js';
+import { AgentRunStatus, SdlcLifecycle, NotificationEventType, NotificationSeverity, } from '../../../../../../packages/core/src/domain/generated/output.js';
+// Force dynamic — SSE streams must never be statically optimized or cached
+export const dynamic = 'force-dynamic';
+const POLL_INTERVAL_MS = 500;
 const HEARTBEAT_INTERVAL_MS = 30_000;
-function formatSSEEvent(event) {
-    return `event: notification\ndata: ${JSON.stringify(event)}\n\n`;
-}
-function formatHeartbeat() {
-    return ': heartbeat\n\n';
+/**
+ * Maps SdlcLifecycle values to agent graph node names so the client
+ * can derive the correct FeatureLifecyclePhase via mapPhaseNameToLifecycle().
+ */
+const LIFECYCLE_TO_NODE = {
+    [SdlcLifecycle.Analyze]: 'analyze',
+    [SdlcLifecycle.Requirements]: 'requirements',
+    [SdlcLifecycle.Research]: 'research',
+    [SdlcLifecycle.Planning]: 'plan',
+    [SdlcLifecycle.Implementation]: 'implement',
+    [SdlcLifecycle.Review]: 'merge',
+};
+const STATUS_TO_EVENT = {
+    [AgentRunStatus.running]: {
+        eventType: NotificationEventType.AgentStarted,
+        severity: NotificationSeverity.Info,
+    },
+    [AgentRunStatus.waitingApproval]: {
+        eventType: NotificationEventType.WaitingApproval,
+        severity: NotificationSeverity.Warning,
+    },
+    [AgentRunStatus.completed]: {
+        eventType: NotificationEventType.AgentCompleted,
+        severity: NotificationSeverity.Success,
+    },
+    [AgentRunStatus.failed]: {
+        eventType: NotificationEventType.AgentFailed,
+        severity: NotificationSeverity.Error,
+    },
+    [AgentRunStatus.interrupted]: {
+        eventType: NotificationEventType.AgentFailed,
+        severity: NotificationSeverity.Warning,
+    },
+    [AgentRunStatus.cancelled]: {
+        eventType: NotificationEventType.AgentFailed,
+        severity: NotificationSeverity.Warning,
+    },
+};
+/** Map agent graph node name from AgentRun.result to a phase name. */
+function resultToPhase(result) {
+    if (!result?.startsWith('node:'))
+        return undefined;
+    return result.slice(5); // "node:analyze" → "analyze"
 }
 export function GET(request) {
-    const url = new URL(request.url);
-    const runIdFilter = url.searchParams.get('runId');
-    const stream = new ReadableStream({
-        start(controller) {
-            const encoder = new TextEncoder();
-            const bus = getNotificationBus();
-            const onNotification = (event) => {
-                if (runIdFilter && event.agentRunId !== runIdFilter) {
-                    return;
-                }
-                try {
-                    controller.enqueue(encoder.encode(formatSSEEvent(event)));
-                }
-                catch {
-                    // Stream may be closed — ignore enqueue errors
-                }
-            };
-            bus.on('notification', onNotification);
-            // Heartbeat to keep connection alive
-            const heartbeatInterval = setInterval(() => {
-                try {
-                    controller.enqueue(encoder.encode(formatHeartbeat()));
-                }
-                catch {
-                    // Stream may be closed — ignore enqueue errors
+    try {
+        const url = new URL(request.url);
+        const runIdFilter = url.searchParams.get('runId');
+        const stream = new ReadableStream({
+            start(controller) {
+                const encoder = new TextEncoder();
+                // Per-connection cache: featureId → last-seen state
+                const cache = new Map();
+                let stopped = false;
+                function enqueue(text) {
+                    if (stopped)
+                        return;
+                    try {
+                        controller.enqueue(encoder.encode(text));
+                    }
+                    catch {
+                        // Stream may be closed
+                    }
                 }
-            }, HEARTBEAT_INTERVAL_MS);
-            // Cleanup on client disconnect
-            const cleanup = () => {
-                bus.removeListener('notification', onNotification);
-                clearInterval(heartbeatInterval);
-                try {
-                    controller.close();
+                function emitEvent(event) {
+                    // eslint-disable-next-line no-console
+                    console.log(`[SSE] emit: ${event.eventType} for "${event.featureName}"${event.phaseName ? ` (${event.phaseName})` : ''}`);
+                    enqueue(`event: notification\ndata: ${JSON.stringify(event)}\n\n`);
                 }
-                catch {
-                    // Stream may already be closed
+                let pollErrorCount = 0;
+                async function poll() {
+                    if (stopped)
+                        return;
+                    try {
+                        const listFeatures = resolve('ListFeaturesUseCase');
+                        const agentRunRepo = resolve('IAgentRunRepository');
+                        const phaseTimingRepo = resolve('IPhaseTimingRepository');
+                        const features = await listFeatures.execute();
+                        // Build current state for features with agent runs
+                        const entries = await Promise.all(features.map(async (feature) => {
+                            const run = feature.agentRunId
+                                ? await agentRunRepo.findById(feature.agentRunId)
+                                : null;
+                            return { feature, run };
+                        }));
+                        for (const { feature, run } of entries) {
+                            if (!run)
+                                continue;
+                            // Apply runId filter if present
+                            if (runIdFilter && run.id !== runIdFilter)
+                                continue;
+                            const prev = cache.get(feature.id);
+                            if (!prev) {
+                                // First time seeing this feature — seed cache, don't emit
+                                const completedPhases = new Set();
+                                try {
+                                    const timings = await phaseTimingRepo.findByRunId(run.id);
+                                    for (const t of timings) {
+                                        if (t.completedAt)
+                                            completedPhases.add(t.phase);
+                                    }
+                                }
+                                catch {
+                                    // Ignore timing errors
+                                }
+                                cache.set(feature.id, {
+                                    status: run.status,
+                                    lifecycle: feature.lifecycle,
+                                    completedPhases,
+                                    featureName: feature.name,
+                                });
+                                continue;
+                            }
+                            // Check for status change
+                            if (prev.status !== run.status) {
+                                prev.status = run.status;
+                                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(),
+                                    });
+                                }
+                            }
+                            // Check for lifecycle change (agent stays "running" but moves through phases)
+                            if (prev.lifecycle !== feature.lifecycle) {
+                                prev.lifecycle = feature.lifecycle;
+                                const nodeName = LIFECYCLE_TO_NODE[feature.lifecycle];
+                                if (nodeName) {
+                                    emitEvent({
+                                        eventType: NotificationEventType.PhaseCompleted,
+                                        agentRunId: run.id,
+                                        featureId: feature.id,
+                                        featureName: feature.name,
+                                        phaseName: nodeName,
+                                        message: `Entered ${nodeName} phase`,
+                                        severity: NotificationSeverity.Info,
+                                        timestamp: new Date().toISOString(),
+                                    });
+                                }
+                            }
+                            // Check for new phase completions
+                            try {
+                                const timings = await phaseTimingRepo.findByRunId(run.id);
+                                for (const t of timings) {
+                                    if (t.completedAt && !prev.completedPhases.has(t.phase)) {
+                                        prev.completedPhases.add(t.phase);
+                                        emitEvent({
+                                            eventType: NotificationEventType.PhaseCompleted,
+                                            agentRunId: run.id,
+                                            featureId: feature.id,
+                                            featureName: feature.name,
+                                            phaseName: t.phase,
+                                            message: `Completed ${t.phase} phase`,
+                                            severity: NotificationSeverity.Info,
+                                            timestamp: new Date().toISOString(),
+                                        });
+                                    }
+                                }
+                            }
+                            catch {
+                                // Ignore timing errors
+                            }
+                        }
+                        pollErrorCount = 0; // Reset on success
+                    }
+                    catch (error) {
+                        pollErrorCount++;
+                        // Log first few errors, then throttle to avoid spamming
+                        if (pollErrorCount <= 3 || pollErrorCount % 60 === 0) {
+                            // eslint-disable-next-line no-console
+                            console.error(`[SSE /api/agent-events] poll error #${pollErrorCount}:`, error instanceof Error ? error.message : error);
+                        }
+                    }
                 }
-            };
-            request.signal.addEventListener('abort', cleanup, { once: true });
-        },
-    });
-    return new Response(stream, {
-        headers: {
-            'Content-Type': 'text/event-stream',
-            'Cache-Control': 'no-cache',
-            Connection: 'keep-alive',
-        },
-    });
+                // First poll immediately, then every POLL_INTERVAL_MS
+                void poll();
+                const pollInterval = setInterval(() => void poll(), POLL_INTERVAL_MS);
+                // Heartbeat to keep connection alive
+                const heartbeatInterval = setInterval(() => {
+                    enqueue(': heartbeat\n\n');
+                }, HEARTBEAT_INTERVAL_MS);
+                // Cleanup on client disconnect
+                const cleanup = () => {
+                    stopped = true;
+                    clearInterval(pollInterval);
+                    clearInterval(heartbeatInterval);
+                    try {
+                        controller.close();
+                    }
+                    catch {
+                        // Stream may already be closed
+                    }
+                };
+                request.signal.addEventListener('abort', cleanup, { once: true });
+            },
+        });
+        return new Response(stream, {
+            headers: {
+                'Content-Type': 'text/event-stream',
+                'Cache-Control': 'no-cache',
+                Connection: 'keep-alive',
+            },
+        });
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('[SSE route] GET handler error:', error);
+        return new Response(JSON.stringify({ error: String(error) }), {
+            status: 500,
+            headers: { 'Content-Type': 'application/json' },
+        });
+    }
 }

package/dist/src/presentation/web/app/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,eAAe,CAAC;AAIvB,sFAAsF;AACtF,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,QAItB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,GACT,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,2CA0BD"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,eAAe,CAAC;AAIvB,sFAAsF;AACtF,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,QAkBtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,GACT,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,2CA0BD"}

package/dist/src/presentation/web/app/layout.js

@@ -8,6 +8,20 @@ export const dynamic = 'force-dynamic';
 export const metadata = {
     title: 'Shep AI',
     description: 'Autonomous AI Native SDLC Platform - Automate the development cycle from idea to deploy',
+    icons: [
+        {
+            rel: 'icon',
+            url: '/favicon-light.svg',
+            type: 'image/svg+xml',
+            media: '(prefers-color-scheme: light)',
+        },
+        {
+            rel: 'icon',
+            url: '/favicon-dark.svg',
+            type: 'image/svg+xml',
+            media: '(prefers-color-scheme: dark)',
+        },
+    ],
 };
 export default function RootLayout({ children, }) {
     return (_jsxs("html", { lang: "en", suppressHydrationWarning: true, children: [_jsx("head", { children: _jsx("script", { dangerouslySetInnerHTML: {

package/dist/src/presentation/web/components/common/feature-node/derive-feature-state.d.ts

@@ -4,8 +4,9 @@
  * Derives UI node state and progress from the Feature domain model
  * and its associated AgentRun status (mirrors CLI feat ls logic).
  */
+import { NotificationEventType } from '../../../../../../packages/core/src/domain/generated/index.js';
 import type { Feature, AgentRun } from '../../../../../../packages/core/src/domain/generated/index.js';
-import type { FeatureNodeState } from './feature-node-state-config.js';
+import type { FeatureNodeState, FeatureLifecyclePhase } from './feature-node-state-config.js';
 /**
  * Derives the visual node state from a Feature and its optional AgentRun.
  *
@@ -25,4 +26,7 @@ export declare function deriveNodeState(feature: Feature, agentRun?: AgentRun |
  * Returns 100 for Maintain lifecycle, 0 if no plan.
  */
 export declare function deriveProgress(feature: Feature): number;
+/** Maps a NotificationEventType to the corresponding FeatureNodeState for optimistic UI updates. */
+export declare function mapEventTypeToState(eventType: NotificationEventType): FeatureNodeState;
+export declare function mapPhaseNameToLifecycle(phaseName: string | undefined): FeatureLifecyclePhase | undefined;
 //# sourceMappingURL=derive-feature-state.d.ts.map

package/dist/src/presentation/web/components/common/feature-node/derive-feature-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"derive-feature-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/derive-feature-state.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAEpE;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,GAAG,gBAAgB,CA4C9F;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAYvD"}
+{"version":3,"file":"derive-feature-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/derive-feature-state.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAIL,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAE3F;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,GAAG,gBAAgB,CA4C9F;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAYvD;AAED,oGAAoG;AACpG,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,qBAAqB,GAAG,gBAAgB,CAYtF;AAYD,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,MAAM,GAAG,SAAS,GAC5B,qBAAqB,GAAG,SAAS,CAGnC"}

package/dist/src/presentation/web/components/common/feature-node/derive-feature-state.js

@@ -4,7 +4,7 @@
  * Derives UI node state and progress from the Feature domain model
  * and its associated AgentRun status (mirrors CLI feat ls logic).
  */
-import { SdlcLifecycle, AgentRunStatus, TaskState } from '../../../../../../packages/core/src/domain/generated/index.js';
+import { SdlcLifecycle, AgentRunStatus, TaskState, NotificationEventType, } from '../../../../../../packages/core/src/domain/generated/index.js';
 /**
  * Derives the visual node state from a Feature and its optional AgentRun.
  *
@@ -73,3 +73,31 @@ export function deriveProgress(feature) {
     const doneCount = tasks.filter((t) => t.state === TaskState.Done).length;
     return Math.round((doneCount / tasks.length) * 100);
 }
+/** Maps a NotificationEventType to the corresponding FeatureNodeState for optimistic UI updates. */
+export function mapEventTypeToState(eventType) {
+    switch (eventType) {
+        case NotificationEventType.AgentStarted:
+        case NotificationEventType.PhaseCompleted:
+            return 'running';
+        case NotificationEventType.WaitingApproval:
+            return 'action-required';
+        case NotificationEventType.AgentCompleted:
+            return 'done';
+        case NotificationEventType.AgentFailed:
+            return 'error';
+    }
+}
+/** Maps an SSE event phaseName to a FeatureLifecyclePhase. Mirrors page.tsx nodeToLifecyclePhase. */
+const phaseNameToLifecycle = {
+    analyze: 'requirements',
+    requirements: 'requirements',
+    research: 'research',
+    plan: 'implementation',
+    implement: 'implementation',
+    merge: 'review',
+};
+export function mapPhaseNameToLifecycle(phaseName) {
+    if (!phaseName)
+        return undefined;
+    return phaseNameToLifecycle[phaseName];
+}

package/dist/src/presentation/web/components/common/repository-node/repository-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CA0L5F"}
+{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CA2L5F"}

package/dist/src/presentation/web/components/common/repository-node/repository-node.js

@@ -14,7 +14,7 @@ export function RepositoryNode({ data }) {
     return (_jsxs("div", { className: "group relative", children: [data.showHandles ? (_jsx(Handle, { type: "target", position: Position.Left, isConnectable: false, className: "opacity-0!" })) : null, data.onDelete && data.id ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute top-1/2 -left-10 -translate-y-1/2 opacity-0 transition-opacity group-hover:opacity-100", children: _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { "aria-label": "Remove repository", "data-testid": "repository-node-delete-button", onClick: (e) => {
                                                 e.stopPropagation();
                                                 setConfirmOpen(true);
-                                            }, className: "bg-card text-muted-foreground hover:border-destructive hover:text-destructive flex h-7 w-7 cursor-pointer items-center justify-center rounded-full border shadow-sm transition-colors", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Remove repository" })] }) }) }), _jsx(AlertDialog, { open: confirmOpen, onOpenChange: setConfirmOpen, children: _jsxs(AlertDialogContent, { size: "sm", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Remove repository?" }), _jsxs(AlertDialogDescription, { children: ["This will remove ", _jsx("strong", { children: data.name }), " from your workspace. The repository files on disk won't be affected."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", onClick: () => data.onDelete?.(data.id), children: "Remove" })] })] }) })] })) : null, _jsxs("div", { role: "button", tabIndex: 0, "data-testid": "repository-node-card", onClick: (e) => {
+                                            }, className: "bg-card text-muted-foreground hover:border-destructive hover:text-destructive flex h-7 w-7 cursor-pointer items-center justify-center rounded-full border shadow-sm transition-colors", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Remove repository" })] }) }) }), _jsx(AlertDialog, { open: confirmOpen, onOpenChange: setConfirmOpen, children: _jsxs(AlertDialogContent, { size: "sm", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Remove repository?" }), _jsxs(AlertDialogDescription, { children: ["This will remove ", _jsx("strong", { children: data.name }), " from your workspace. The repository files on disk won't be affected."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", onClick: () => data.onDelete?.(data.id), children: "Remove" })] })] }) })] })) : null, _jsxs("div", { role: "button", tabIndex: 0, "data-testid": "repository-node-card", "data-repo-name": data.name, onClick: (e) => {
                     e.stopPropagation();
                     data.onClick?.();
                 }, onKeyDown: (e) => {

package/dist/src/presentation/web/components/common/sound-toggle/index.d.ts

@@ -0,0 +1,2 @@
+export { SoundToggle } from './sound-toggle.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/sound-toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sound-toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/presentation/web/components/common/sound-toggle/index.js

@@ -0,0 +1 @@
+export { SoundToggle } from './sound-toggle.js';

package/dist/src/presentation/web/components/common/sound-toggle/sound-toggle.d.ts

@@ -0,0 +1,2 @@
+export declare function SoundToggle(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sound-toggle.d.ts.map

package/dist/src/presentation/web/components/common/sound-toggle/sound-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sound-toggle.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sound-toggle/sound-toggle.tsx"],"names":[],"mappings":"AAMA,wBAAgB,WAAW,4CAc1B"}

package/dist/src/presentation/web/components/common/sound-toggle/sound-toggle.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Volume2, VolumeOff } from 'lucide-react';
+import { Button } from '../../ui/button.js';
+import { useSoundEnabled } from '../../../hooks/use-sound-enabled.js';
+export function SoundToggle() {
+    const { enabled, toggle } = useSoundEnabled();
+    return (_jsxs(Button, { variant: "ghost", size: "icon", onClick: toggle, "aria-label": enabled ? 'Mute sounds' : 'Unmute sounds', children: [enabled ? _jsx(Volume2, { className: "h-5 w-5" }) : _jsx(VolumeOff, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Toggle sound" })] }));
+}

package/dist/src/presentation/web/components/common/sound-toggle/sound-toggle.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SoundToggle } from './sound-toggle.js';
+declare const meta: Meta<typeof SoundToggle>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const InContext: Story;
+//# sourceMappingURL=sound-toggle.stories.d.ts.map

package/dist/src/presentation/web/components/common/sound-toggle/sound-toggle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sound-toggle.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sound-toggle/sound-toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAOlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC"}

package/dist/src/presentation/web/components/common/sound-toggle/sound-toggle.stories.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SoundToggle } from './sound-toggle.js';
+const meta = {
+    title: 'Composed/SoundToggle',
+    component: SoundToggle,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => _jsx(SoundToggle, {}),
+};
+export const InContext = {
+    render: () => (_jsxs("div", { className: "flex items-center gap-4 rounded-lg border p-4", children: [_jsx("span", { className: "text-muted-foreground text-sm", children: "Toggle sound:" }), _jsx(SoundToggle, {})] })),
+};

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

@@ -1 +1 @@
-{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAgB1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAW5E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CAmZzF"}
+{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAgB1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAY5E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CAgazF"}

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

@@ -14,10 +14,11 @@ import { PrdQuestionnaireDrawer } from '../../common/prd-questionnaire/index.js'
 import { TechDecisionsDrawer } from '../../common/tech-decisions-review/index.js';
 import { MergeReviewDrawer } from '../../common/merge-review/index.js';
 import { NotificationPermissionBanner } from '../../common/notification-permission-banner/index.js';
+import { useSound } from '../../../hooks/use-sound.js';
 import { ControlCenterEmptyState } from './control-center-empty-state.js';
 import { useControlCenterState } from './use-control-center-state.js';
 export function ControlCenterInner({ initialNodes, initialEdges }) {
-    const { nodes, edges, selectedNode, isCreateDrawerOpen, isDeleting, pendingRepositoryPath, onNodesChange, handleConnect, handleAddFeature, handleAddFeatureToRepo, handleAddFeatureToFeature, handleAddRepository, handleNodeClick, clearSelection, handleCreateFeatureSubmit, handleDeleteFeature, handleDeleteRepository, closeCreateDrawer, pendingParentFeatureId, } = useControlCenterState(initialNodes, initialEdges);
+    const { nodes, edges, selectedNode, isCreateDrawerOpen, isDeleting, pendingRepositoryPath, onNodesChange, handleConnect, handleAddFeature, handleAddFeatureToRepo, handleAddFeatureToFeature, handleAddRepository, handleNodeClick, clearSelection, handleCreateFeatureSubmit, handleDeleteFeature, handleDeleteRepository, closeCreateDrawer, selectFeatureById, pendingParentFeatureId, } = useControlCenterState(initialNodes, initialEdges);
     // Extract feature list for the parent selector in the create drawer
     const featureOptions = useMemo(() => nodes
         .filter((n) => n.type === 'featureNode')
@@ -42,6 +43,7 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
     const [isLoadingQuestionnaire, setIsLoadingQuestionnaire] = useState(false);
     // Reject state (shared by both drawers)
     const [isRejecting, setIsRejecting] = useState(false);
+    const rejectSound = useSound('caution', { volume: 0.5 });
     // Tech decisions drawer state
     const [techDecisionsData, setTechDecisionsData] = useState(null);
     const [isLoadingTechDecisions, setIsLoadingTechDecisions] = useState(false);
@@ -94,6 +96,7 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
                 toast.error(result.error ?? `Failed to reject ${label.toLowerCase()}`);
                 return;
             }
+            rejectSound.play();
             toast.success(`${label} rejected — agent re-iterating (iteration ${result.iteration})`);
             if (result.iterationWarning) {
                 toast.warning(`Iteration ${result.iteration} — consider approving or adjusting feedback to avoid excessive iterations`);
@@ -104,7 +107,7 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
         finally {
             setIsRejecting(false);
         }
-    }, [selectedNode?.featureId, clearSelection]);
+    }, [selectedNode?.featureId, clearSelection, rejectSound]);
     const handlePrdReject = useCallback((feedback) => handleReject(feedback, 'Requirements', () => setPrdSelections({})), [handleReject]);
     const handleTechDecisionsReject = useCallback((feedback) => handleReject(feedback, 'Plan'), [handleReject]);
     const handleMergeReject = useCallback((feedback) => handleReject(feedback, 'Merge'), [handleReject]);
@@ -233,6 +236,15 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
         window.addEventListener('shep:open-create-drawer', handler);
         return () => window.removeEventListener('shep:open-create-drawer', handler);
     }, [handleAddFeature]);
+    // Listen for notification "Review" clicks to open the relevant drawer
+    useEffect(() => {
+        const handler = (e) => {
+            const featureId = e.detail.featureId;
+            selectFeatureById(featureId);
+        };
+        window.addEventListener('shep:select-feature', handler);
+        return () => window.removeEventListener('shep:select-feature', handler);
+    }, [selectFeatureById]);
     if (!hasRepositories) {
         return (_jsxs(_Fragment, { children: [_jsx(NotificationPermissionBanner, {}), _jsx(ControlCenterEmptyState, { onRepositorySelect: handleAddRepository }), _jsx(FeatureCreateDrawer, { open: isCreateDrawerOpen, onClose: closeCreateDrawer, onSubmit: handleCreateFeatureSubmit, repositoryPath: pendingRepositoryPath, workflowDefaults: workflowDefaults, features: featureOptions, initialParentId: pendingParentFeatureId })] }));
     }

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

@@ -26,6 +26,7 @@ export interface ControlCenterState {
     handleDeleteRepository: (repositoryId: string) => Promise<void>;
     isDeleting: boolean;
     createFeatureNode: (sourceNodeId: string | null, dataOverride?: Partial<FeatureNodeData>) => string;
+    selectFeatureById: (featureId: string) => void;
 }
 export declare function useControlCenterState(initialNodes: CanvasNodeType[], initialEdges: Edge[]): ControlCenterState;
 //# sourceMappingURL=use-control-center-state.d.ts.map

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,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAOhF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,4EAA4E;IAC5E,sBAAsB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,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,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,yBAAyB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,yBAAyB,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChE,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,KACpC,MAAM,CAAC;CACb;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAmjBpB"}
+{"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,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAYhF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,4EAA4E;IAC5E,sBAAsB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,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,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,yBAAyB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,yBAAyB,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChE,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,KACpC,MAAM,CAAC;IACZ,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAgtBpB"}