@shepai/cli 1.152.0-pr476.5b101f5 → 1.152.0

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

@@ -1,20 +1,16 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
-import { Sparkles, FolderPlus, Github, GitBranch } from 'lucide-react';
 import { useReactFlow } from '@xyflow/react';
 import { FeaturesCanvas } from '../../features/features-canvas/index.js';
 import { CanvasToolbar } from '../../features/features-canvas/canvas-toolbar.js';
-import { FloatingActionButton, } from '../../common/floating-action-button/index.js';
 import { useSidebarFeaturesContext, mapNodeStateToSidebarStatus, } from '../../../hooks/sidebar-features-context.js';
-import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
 import { useSelectedFeatureId } from '../../../hooks/use-selected-feature-id.js';
 import { useSelectedRepository } from '../../../hooks/use-selected-repository.js';
 import { useSoundAction } from '../../../hooks/use-sound-action.js';
 import { useDrawerCloseGuard } from '../../../hooks/drawer-close-guard.js';
 import { useViewportPersistence } from '../../../hooks/use-viewport-persistence.js';
-import { useSidebar } from '../../ui/sidebar.js';
 import { ControlCenterEmptyState } from './control-center-empty-state.js';
 import { useControlCenterState } from './use-control-center-state.js';
 const AUTO_FOCUS_OPTIONS = {
@@ -295,65 +291,6 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
     const handlePickFolder = useCallback(() => {
         window.dispatchEvent(new CustomEvent('shep:pick-folder'));
     }, []);
-    const featureFlags = useFeatureFlags();
-    // (+) FAB actions — only visible on control center
-    const fabActions = useMemo(() => {
-        const actions = [
-            {
-                id: 'new-feature',
-                label: 'New Feature',
-                icon: _jsx(Sparkles, { className: "h-4 w-4" }),
-                onClick: () => {
-                    clickSound.play();
-                    guardedNavigate(() => router.push('/create'));
-                },
-            },
-            {
-                id: 'add-local-repo',
-                label: 'Local Folder',
-                icon: _jsx(FolderPlus, { className: "h-4 w-4" }),
-                onClick: handlePickFolder,
-            },
-        ];
-        if (featureFlags.adoptBranch) {
-            actions.push({
-                id: 'adopt-branch',
-                label: 'Adopt Branch',
-                icon: _jsx(GitBranch, { className: "h-4 w-4" }),
-                onClick: () => {
-                    guardedNavigate(() => router.push('/adopt'));
-                },
-            });
-        }
-        if (featureFlags.githubImport) {
-            actions.push({
-                id: 'add-github-repo',
-                label: 'From GitHub',
-                icon: _jsx(Github, { className: "h-4 w-4" }),
-                onClick: () => {
-                    window.dispatchEvent(new CustomEvent('shep:open-github-import'));
-                },
-            });
-        }
-        return actions;
-    }, [
-        clickSound,
-        guardedNavigate,
-        router,
-        handlePickFolder,
-        featureFlags.adoptBranch,
-        featureFlags.githubImport,
-    ]);
-    const canvasToolbar = (_jsx(CanvasToolbar, { showArchived: showArchived, onToggleArchived: () => setShowArchived(!showArchived), onResetViewport: resetViewport }));
-    return (_jsxs(_Fragment, { children: [_jsx(FeaturesCanvas, { nodes: showCanvas ? displayNodes : [], edges: showCanvas ? edges : [], selectedFeatureId: selectedFeatureId, selectedRepository: selectedRepository, defaultViewport: defaultViewport, onNodesChange: onNodesChange, onConnect: handleConnect, onAddFeature: handleAddFeature, onNodeClick: handleNodeClick, onPaneClick: handleClearDrawers, onMoveEnd: handleMoveEnd, toolbar: canvasToolbar, emptyState: _jsx(ControlCenterEmptyState, { onRepositorySelect: addRepoAndFocus }) }), showCanvas ? _jsx(CreateFab, { actions: fabActions }) : null] }));
-}
-/** (+) FAB that tracks sidebar width via CSS var + transition. */
-function CreateFab({ actions }) {
-    const { state } = useSidebar();
-    // Sidebar expanded = var(--sidebar-width) = 16rem, collapsed = var(--sidebar-width-icon) = 3rem
-    // Position just outside the sidebar edge with 16px gap
-    const left = state === 'expanded'
-        ? 'calc(var(--sidebar-width) + 32px)'
-        : 'calc(var(--sidebar-width-icon) + 32px)';
-    return (_jsx(FloatingActionButton, { actions: actions, className: "!fixed bottom-6", style: { left, transition: 'left 200ms ease-in-out' } }));
+    const canvasToolbar = (_jsx(CanvasToolbar, { showArchived: showArchived, onToggleArchived: () => setShowArchived(!showArchived), onAddFeature: handleAddFeature, onAddRepository: handlePickFolder, onResetViewport: resetViewport }));
+    return (_jsx(FeaturesCanvas, { nodes: showCanvas ? displayNodes : [], edges: showCanvas ? edges : [], selectedFeatureId: selectedFeatureId, selectedRepository: selectedRepository, defaultViewport: defaultViewport, onNodesChange: onNodesChange, onConnect: handleConnect, onAddFeature: handleAddFeature, onNodeClick: handleNodeClick, onPaneClick: handleClearDrawers, onMoveEnd: handleMoveEnd, toolbar: canvasToolbar, emptyState: _jsx(ControlCenterEmptyState, { onRepositorySelect: addRepoAndFocus }) }));
 }

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

@@ -2,7 +2,12 @@ import type { Viewport } from '@xyflow/react';
 export interface CanvasToolbarProps {
     showArchived: boolean;
     onToggleArchived: () => void;
+    onAddFeature: () => void;
+    onAddRepository: () => void;
+    addingRepo?: boolean;
     onResetViewport?: () => Viewport;
+    /** Extra action buttons (adopt branch, github import, etc.) */
+    extraActions?: React.ReactNode;
 }
-export declare function CanvasToolbar({ showArchived, onToggleArchived, onResetViewport, }: CanvasToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function CanvasToolbar({ showArchived, onToggleArchived, onAddFeature, onAddRepository, addingRepo, onResetViewport, extraActions, }: CanvasToolbarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=canvas-toolbar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"canvas-toolbar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/canvas-toolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI9C,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,QAAQ,CAAC;CAClC;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,gBAAgB,EAChB,eAAe,GAChB,EAAE,kBAAkB,2CAqDpB"}
+{"version":3,"file":"canvas-toolbar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/canvas-toolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAK9C,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,QAAQ,CAAC;IACjC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,UAAU,EACV,eAAe,EACf,YAAY,GACb,EAAE,kBAAkB,2CAoEpB"}

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

@@ -2,9 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { useReactFlow } from '@xyflow/react';
-import { Eye, EyeOff, ZoomIn, ZoomOut, Maximize, RotateCcw } from 'lucide-react';
+import { Plus, FolderPlus, Eye, EyeOff, ZoomIn, ZoomOut, Maximize, RotateCcw } from 'lucide-react';
 import { cn } from '../../../lib/utils.js';
-export function CanvasToolbar({ showArchived, onToggleArchived, onResetViewport, }) {
+import { Separator } from '../../ui/separator.js';
+export function CanvasToolbar({ showArchived, onToggleArchived, onAddFeature, onAddRepository, addingRepo, onResetViewport, extraActions, }) {
     const { zoomIn, zoomOut, fitView, setViewport } = useReactFlow();
     const handleZoomIn = useCallback(() => {
         zoomIn({ duration: 200 });
@@ -21,9 +22,9 @@ export function CanvasToolbar({ showArchived, onToggleArchived, onResetViewport,
             setViewport(viewport, { duration: 400 });
         }
     }, [onResetViewport, setViewport]);
-    return (_jsxs("div", { className: "bg-background flex items-center gap-1 rounded-xl border px-2 py-1.5 shadow-md dark:bg-neutral-900", children: [_jsx(ToolbarButton, { onClick: onToggleArchived, title: showArchived ? 'Hide archived' : 'Show archived', active: showArchived, label: showArchived ? 'Hide Archived' : 'Show Archived', children: showArchived ? _jsx(Eye, { className: "h-4 w-4" }) : _jsx(EyeOff, { className: "h-4 w-4" }) }), _jsx("div", { className: "bg-border mx-1 h-5 w-px" }), _jsx(ToolbarButton, { onClick: handleZoomOut, title: "Zoom out", children: _jsx(ZoomOut, { className: "h-4 w-4" }) }), _jsx(ToolbarButton, { onClick: handleZoomIn, title: "Zoom in", children: _jsx(ZoomIn, { className: "h-4 w-4" }) }), _jsx(ToolbarButton, { onClick: handleFitView, title: "Fit view", children: _jsx(Maximize, { className: "h-4 w-4" }) }), onResetViewport ? (_jsx(ToolbarButton, { onClick: handleReset, title: "Reset view", children: _jsx(RotateCcw, { className: "h-4 w-4" }) })) : null] }));
+    return (_jsxs("div", { className: "bg-background flex items-center gap-1 rounded-xl border px-2 py-1.5 shadow-md dark:bg-neutral-900", children: [_jsx(ToolbarButton, { onClick: onAddFeature, title: "New Feature", label: "New", children: _jsx(Plus, { className: "h-4 w-4" }) }), _jsx(ToolbarButton, { onClick: onAddRepository, title: "Add Repository", label: "Repo", disabled: addingRepo, children: _jsx(FolderPlus, { className: "h-4 w-4" }) }), extraActions, _jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" }), _jsx(ToolbarButton, { onClick: onToggleArchived, title: showArchived ? 'Hide archived' : 'Show archived', active: showArchived, children: showArchived ? _jsx(Eye, { className: "h-4 w-4" }) : _jsx(EyeOff, { className: "h-4 w-4" }) }), _jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" }), _jsx(ToolbarButton, { onClick: handleZoomOut, title: "Zoom out", children: _jsx(ZoomOut, { className: "h-4 w-4" }) }), _jsx(ToolbarButton, { onClick: handleZoomIn, title: "Zoom in", children: _jsx(ZoomIn, { className: "h-4 w-4" }) }), _jsx(ToolbarButton, { onClick: handleFitView, title: "Fit view", children: _jsx(Maximize, { className: "h-4 w-4" }) }), onResetViewport ? (_jsx(ToolbarButton, { onClick: handleReset, title: "Reset view", children: _jsx(RotateCcw, { className: "h-4 w-4" }) })) : null] }));
 }
 // ── Internal button ──────────────────────────────────────────────────────
-function ToolbarButton({ children, onClick, title, label, active, }) {
-    return (_jsxs("button", { type: "button", onClick: onClick, title: title, className: cn('inline-flex items-center gap-1.5 rounded-lg px-2 py-1.5 text-xs font-medium transition-colors', 'hover:bg-accent hover:text-accent-foreground', active ? 'text-primary bg-primary/10' : 'text-muted-foreground'), children: [children, label ? _jsx("span", { children: label }) : null] }));
+function ToolbarButton({ children, onClick, title, label, active, disabled, }) {
+    return (_jsxs("button", { type: "button", onClick: onClick, title: title, disabled: disabled, className: cn('inline-flex items-center gap-1.5 rounded-lg px-2 py-1.5 text-xs font-medium transition-colors', 'hover:bg-accent hover:text-accent-foreground', 'disabled:pointer-events-none disabled:opacity-50', active ? 'text-primary bg-primary/10' : 'text-muted-foreground'), children: [children, label ? _jsx("span", { children: label }) : null] }));
 }

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

@@ -69,5 +69,5 @@ export function FeaturesCanvas({ nodes, edges, selectedFeatureId, selectedReposi
     }, [isEmpty]);
     const fallbackEmptyState = isEmpty && !emptyState ? (_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"] }) })) : null;
     const overlayContent = emptyState ?? fallbackEmptyState;
-    return (_jsxs("div", { "data-testid": isEmpty ? 'features-canvas-empty' : 'features-canvas', "data-no-drawer-close": true, className: "dark:bg-background pointer-events-auto relative h-full w-full bg-[#f6f7f8]", children: [_jsxs(ReactFlow, { nodes: enrichedNodes, edges: edges, nodeTypes: nodeTypes, edgeTypes: edgeTypes, onConnect: onConnect, onNodesChange: onNodesChange, onNodeClick: onNodeClick, onPaneClick: onPaneClick, onMoveStart: onCanvasDrag, onMoveEnd: onMoveEnd, defaultViewport: defaultViewport ?? FALLBACK_VIEWPORT, nodesDraggable: false, nodesConnectable: false, elementsSelectable: false, proOptions: { hideAttribution: true }, className: "[&_.react-flow__pane]:!cursor-default", children: [_jsx(Background, { variant: BackgroundVariant.Dots, gap: 24, size: 1, color: "#b8bcc4", className: "dark:[&_circle]:!fill-white/[0.1]" }), !isEmpty && toolbar ? (_jsx(Panel, { position: "top-right", className: "!mt-3 !mr-3", children: toolbar })) : null] }), showOverlay && overlayContent ? (_jsx("div", { className: cn('pointer-events-none absolute inset-0 z-10 flex items-center justify-center transition-opacity duration-300', overlayExiting ? 'opacity-0' : 'animate-in fade-in opacity-100 duration-200'), children: _jsx("div", { className: "pointer-events-auto h-full w-full", children: overlayContent }) })) : null] }));
+    return (_jsxs("div", { "data-testid": isEmpty ? 'features-canvas-empty' : 'features-canvas', "data-no-drawer-close": true, className: "dark:bg-background pointer-events-auto relative h-full w-full bg-[#f6f7f8]", children: [_jsxs(ReactFlow, { nodes: enrichedNodes, edges: edges, nodeTypes: nodeTypes, edgeTypes: edgeTypes, onConnect: onConnect, onNodesChange: onNodesChange, onNodeClick: onNodeClick, onPaneClick: onPaneClick, onMoveStart: onCanvasDrag, onMoveEnd: onMoveEnd, defaultViewport: defaultViewport ?? FALLBACK_VIEWPORT, nodesDraggable: false, nodesConnectable: false, elementsSelectable: false, proOptions: { hideAttribution: true }, className: "[&_.react-flow__pane]:!cursor-default", children: [_jsx(Background, { variant: BackgroundVariant.Dots, gap: 24, size: 1, color: "#b8bcc4", className: "dark:[&_circle]:!fill-white/[0.1]" }), !isEmpty && toolbar ? (_jsx(Panel, { position: "bottom-center", className: "!mb-4", children: toolbar })) : null] }), showOverlay && overlayContent ? (_jsx("div", { className: cn('pointer-events-none absolute inset-0 z-10 flex items-center justify-center transition-opacity duration-300', overlayExiting ? 'opacity-0' : 'animate-in fade-in opacity-100 duration-200'), children: _jsx("div", { className: "pointer-events-auto h-full w-full", children: overlayContent }) })) : null] }));
 }

package/dist/src/presentation/web/components/layouts/app-shell/app-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-shell/app-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBzE,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAiHD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,aAAa,2CAYhE"}
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-shell/app-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBlF,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA4GD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,aAAa,2CAYhE"}

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useRouter } from 'next/navigation';
 import { SidebarProvider, SidebarInset } from '../../ui/sidebar.js';
 import { AppSidebar } from '../../layouts/app-sidebar/index.js';
@@ -57,12 +57,6 @@ function AppShellInner({ children, sidebarOpen }) {
         window.addEventListener('shep:pick-folder', handler);
         return () => window.removeEventListener('shep:pick-folder', handler);
     }, [handleAddRepository]);
-    // Listen for GitHub import event from (+) FAB
-    useEffect(() => {
-        const handler = () => setGithubDialogOpen(true);
-        window.addEventListener('shep:open-github-import', handler);
-        return () => window.removeEventListener('shep:open-github-import', handler);
-    }, []);
     const handleReactPickerSelect = useCallback((path) => {
         if (path) {
             window.dispatchEvent(new CustomEvent('shep:add-repository', { detail: { path } }));
@@ -79,9 +73,11 @@ function AppShellInner({ children, sidebarOpen }) {
                         setShowReactPicker(false);
                 }, onSelect: handleReactPickerSelect })] }));
 }
-/** Wraps children with TurnStatusesProvider (polls all active statuses from backend). */
+/** Wraps children with TurnStatusesProvider, collecting scope IDs from sidebar features. */
 function TurnStatusesBridge({ children }) {
-    return _jsx(TurnStatusesProvider, { children: children });
+    const { features } = useSidebarFeaturesContext();
+    const scopeIds = useMemo(() => ['global', ...features.map((f) => f.featureId)], [features]);
+    return _jsx(TurnStatusesProvider, { scopeIds: scopeIds, children: children });
 }
 export function AppShell({ children, sidebarOpen }) {
     return (_jsx(AgentEventsProvider, { children: _jsx(DrawerCloseGuardProvider, { children: _jsx(SidebarFeaturesProvider, { children: _jsx(TurnStatusesBridge, { children: _jsx(AppShellInner, { sidebarOpen: sidebarOpen, children: children }) }) }) }) }));

package/dist/src/presentation/web/hooks/turn-statuses-provider.d.ts

@@ -1,15 +1,19 @@
 import { type ReactNode } from 'react';
 import { type TurnStatus } from './use-turn-statuses.js';
+interface TurnStatusesProviderProps {
+    /** All scope IDs to poll turn statuses for */
+    scopeIds: string[];
+    children: ReactNode;
+}
 /**
- * Polls ALL active turn statuses in a single API call (no IDs needed).
+ * Polls turn statuses for all provided scope IDs in a single API call.
  * Children use `useTurnStatus(scopeId)` to read individual statuses.
  */
-export declare function TurnStatusesProvider({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+export declare function TurnStatusesProvider({ scopeIds, children }: TurnStatusesProviderProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Get the turn status for a specific scope ID.
  * Must be used within a TurnStatusesProvider.
  */
 export declare function useTurnStatus(scopeId: string): TurnStatus;
+export {};
 //# sourceMappingURL=turn-statuses-provider.d.ts.map

package/dist/src/presentation/web/hooks/turn-statuses-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"turn-statuses-provider.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/turn-statuses-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAsB,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAW1E;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAWzE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,UAAU,CAGzD"}
+{"version":3,"file":"turn-statuses-provider.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/turn-statuses-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAWvE,UAAU,yBAAyB;IACjC,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CAWrF;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,UAAU,CAGzD"}

package/dist/src/presentation/web/hooks/turn-statuses-provider.js

@@ -1,16 +1,16 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useMemo } from 'react';
-import { useAllTurnStatuses } from './use-turn-statuses.js';
+import { useTurnStatuses } from './use-turn-statuses.js';
 const TurnStatusesContext = createContext({
     getStatus: () => 'idle',
 });
 /**
- * Polls ALL active turn statuses in a single API call (no IDs needed).
+ * Polls turn statuses for all provided scope IDs in a single API call.
  * Children use `useTurnStatus(scopeId)` to read individual statuses.
  */
-export function TurnStatusesProvider({ children }) {
-    const statuses = useAllTurnStatuses();
+export function TurnStatusesProvider({ scopeIds, children }) {
+    const statuses = useTurnStatuses(scopeIds);
     const value = useMemo(() => ({
         getStatus: (scopeId) => statuses[scopeId] ?? 'idle',
     }), [statuses]);

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

@@ -1,10 +1,11 @@
 export type TurnStatus = 'idle' | 'processing' | 'unread';
 /**
- * Polls ALL active turn statuses from the backend.
- * No IDs needed — the backend returns every non-idle session status.
- * Returns a map of scopeId → TurnStatus.
+ * Polls turn statuses for multiple feature/scope IDs.
+ * Returns a map of featureId → TurnStatus for dot indicator rendering.
+ *
+ * Polls every 3 seconds to keep indicators responsive.
  */
-export declare function useAllTurnStatuses(): Record<string, TurnStatus>;
+export declare function useTurnStatuses(featureIds: string[]): Record<string, TurnStatus>;
 /**
  * Marks a feature's chat as read (clears 'unread' → 'idle').
  */

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

@@ -1 +1 @@
-{"version":3,"file":"use-turn-statuses.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-turn-statuses.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,QAAQ,CAAC;AAE1D;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAY/D;AAED;;GAEG;AACH,wBAAsB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAEnE"}
+{"version":3,"file":"use-turn-statuses.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-turn-statuses.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,QAAQ,CAAC;AAE1D;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAgBhF;AAED;;GAEG;AACH,wBAAsB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAEnE"}

package/dist/src/presentation/web/hooks/use-turn-statuses.js

@@ -1,20 +1,25 @@
 'use client';
 import { useQuery } from '@tanstack/react-query';
 /**
- * Polls ALL active turn statuses from the backend.
- * No IDs needed — the backend returns every non-idle session status.
- * Returns a map of scopeId → TurnStatus.
+ * Polls turn statuses for multiple feature/scope IDs.
+ * Returns a map of featureId → TurnStatus for dot indicator rendering.
+ *
+ * Polls every 3 seconds to keep indicators responsive.
  */
-export function useAllTurnStatuses() {
+export function useTurnStatuses(featureIds) {
+    const sortedIds = [...featureIds].sort().join(',');
     const { data } = useQuery({
-        queryKey: ['turn-statuses'],
+        queryKey: ['turn-statuses', sortedIds],
         queryFn: async () => {
-            const res = await fetch('/api/interactive/chat/turn-statuses');
+            if (!sortedIds)
+                return {};
+            const res = await fetch(`/api/interactive/chat/turn-statuses?featureIds=${sortedIds}`);
             if (!res.ok)
                 return {};
             return res.json();
         },
-        refetchInterval: 5_000,
+        refetchInterval: 3_000,
+        enabled: featureIds.length > 0,
     });
     return data ?? {};
 }