@shepai/cli 1.152.0 → 1.153.0-pr477.9c7fcd0

package/dist/src/presentation/web/components/features/chat/ChatSheet.js

@@ -19,9 +19,14 @@ function loadPersistedState() {
         if (!raw)
             return { pos: null, size: null };
         const parsed = JSON.parse(raw);
+        let size = parsed.size ?? null;
+        // Clamp persisted size to minimums — prevents invisible panel from bad state
+        if (size && (size.w < MIN_W || size.h < MIN_H)) {
+            size = { w: Math.max(MIN_W, size.w), h: Math.max(MIN_H, size.h) };
+        }
         return {
             pos: parsed.pos ?? null,
-            size: parsed.size ?? null,
+            size,
         };
     }
     catch {
@@ -119,13 +124,24 @@ export function GlobalChatPopup() {
         const timer = setTimeout(() => persistState(pos, size), 300);
         return () => clearTimeout(timer);
     }, [pos, size]);
+    /** Clamp position so the header (top 48px) stays within viewport. */
+    const clampPos = useCallback((x, y, w) => {
+        const vw = window.innerWidth;
+        const vh = window.innerHeight;
+        const HEADER_H = 48;
+        return {
+            // Keep at least 100px of width visible horizontally
+            x: Math.max(-w + 100, Math.min(x, vw - 100)),
+            // Keep header on screen: top >= 0, top <= viewport - header height
+            y: Math.max(0, Math.min(y, vh - HEADER_H)),
+        };
+    }, []);
     // ── Drag handling ──────────────────────────────────────────────────────
     const onDragStart = useCallback((e) => {
         e.preventDefault();
         const panel = panelRef.current;
         if (!panel)
             return;
-        // If no custom position yet, compute from current DOM position
         const rect = panel.getBoundingClientRect();
         const currentX = pos?.x ?? rect.left;
         const currentY = pos?.y ?? rect.top;
@@ -135,15 +151,13 @@ export function GlobalChatPopup() {
             startPosX: currentX,
             startPosY: currentY,
         };
+        const panelW = size?.w ?? rect.width;
         const onMove = (ev) => {
             if (!dragRef.current)
                 return;
             const dx = ev.clientX - dragRef.current.startX;
             const dy = ev.clientY - dragRef.current.startY;
-            setPos({
-                x: dragRef.current.startPosX + dx,
-                y: dragRef.current.startPosY + dy,
-            });
+            setPos(clampPos(dragRef.current.startPosX + dx, dragRef.current.startPosY + dy, panelW));
         };
         const onUp = () => {
             dragRef.current = null;
@@ -152,7 +166,7 @@ export function GlobalChatPopup() {
         };
         document.addEventListener('mousemove', onMove);
         document.addEventListener('mouseup', onUp);
-    }, [pos, setPos]);
+    }, [pos, size, setPos, clampPos]);
     // ── Resize handling (from top-right corner) ────────────────────────────
     const onResizeStart = useCallback((e) => {
         e.preventDefault();
@@ -161,29 +175,27 @@ export function GlobalChatPopup() {
         if (!panel)
             return;
         const rect = panel.getBoundingClientRect();
-        resizeRef.current = {
-            startX: e.clientX,
-            startY: e.clientY,
-            startW: size?.w ?? rect.width,
-            startH: size?.h ?? rect.height,
-        };
-        // Also capture position if not set yet
+        const startW = size?.w ?? rect.width;
+        const startH = size?.h ?? rect.height;
+        const startX = e.clientX;
+        const startY = e.clientY;
+        const startPosY = pos?.y ?? rect.top;
+        resizeRef.current = { startX, startY, startW, startH };
+        // Capture position if not set yet
         if (!pos) {
             setPos({ x: rect.left, y: rect.top });
         }
         const onMove = (ev) => {
             if (!resizeRef.current)
                 return;
-            const dx = ev.clientX - resizeRef.current.startX;
-            const dy = ev.clientY - resizeRef.current.startY;
-            setSize({
-                w: Math.max(MIN_W, resizeRef.current.startW + dx),
-                h: Math.max(MIN_H, resizeRef.current.startH - dy),
-            });
-            // Move top edge up as height increases
-            if (pos) {
-                setPos((prev) => (prev ? { ...prev, y: (prev.y ?? 0) + dy } : prev));
-            }
+            const dx = ev.clientX - startX;
+            const dy = ev.clientY - startY;
+            const newW = Math.max(MIN_W, startW + dx);
+            const newH = Math.max(MIN_H, startH - dy);
+            // Top edge moves with height change, clamped to viewport
+            const newY = Math.max(0, startPosY + dy);
+            setSize({ w: newW, h: newH });
+            setPos((prev) => clampPos(prev?.x ?? rect.left, newY, newW));
         };
         const onUp = () => {
             resizeRef.current = null;
@@ -192,7 +204,7 @@ export function GlobalChatPopup() {
         };
         document.addEventListener('mousemove', onMove);
         document.addEventListener('mouseup', onUp);
-    }, [size, pos, setPos, setSize]);
+    }, [size, pos, setPos, setSize, clampPos]);
     // Reset position/size on close for clean reopen
     const handleClose = useCallback(() => {
         setIsOpen(false);
@@ -214,8 +226,8 @@ export function GlobalChatPopup() {
                 height: size?.h ?? `${DEFAULT_H_VH}vh`,
             };
     return (_jsxs(_Fragment, { children: [hasOpened ? (_jsxs("div", { ref: panelRef, className: cn(isMaximized
-                    ? 'bg-background absolute inset-0 z-30 flex flex-col overflow-hidden dark:bg-neutral-900'
-                    : cn(!pos && 'absolute bottom-24 left-4', 'z-30 flex flex-col overflow-hidden rounded-lg', 'border-border/60 border dark:border-white/10', 'bg-background dark:bg-neutral-900', 'shadow-[0_8px_40px_-8px_rgba(0,0,0,0.2)] dark:shadow-[0_8px_40px_-8px_rgba(0,0,0,0.6)]'), 'transition-opacity duration-300 ease-out', isOpen ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'), style: panelStyle, children: [!isMaximized ? (_jsx("div", { className: "h-[2px] shrink-0 bg-gradient-to-r from-transparent via-violet-500/50 to-transparent" })) : null, !isMaximized ? (_jsx("div", { onMouseDown: onResizeStart, className: "absolute top-0 right-0 z-10 h-4 w-4 cursor-ne-resize" })) : null, _jsxs("div", { onMouseDown: isMaximized ? undefined : onDragStart, className: cn('relative flex h-11 shrink-0 items-center gap-2.5 border-b border-black/[0.06] px-3.5 dark:border-white/[0.06]', !isMaximized && 'cursor-grab active:cursor-grabbing'), children: [_jsx("div", { className: "from-foreground/[0.02] to-foreground/[0.02] pointer-events-none absolute inset-0 bg-gradient-to-r via-transparent" }), !isMaximized ? (_jsx(GripVertical, { className: "text-foreground/15 relative h-3.5 w-3.5 shrink-0" })) : null, _jsx("div", { className: "relative flex h-5 w-5 items-center justify-center", children: _jsx(Bot, { className: "text-foreground/50 h-4 w-4" }) }), _jsxs("div", { className: "relative flex items-baseline gap-2", children: [_jsx("span", { className: "text-foreground/90 text-base font-bold tracking-tight", children: "Shep" }), _jsx("span", { className: "text-foreground/30 text-xs font-medium tracking-widest uppercase", children: "global" })] }), _jsxs("div", { className: "relative ml-auto flex items-center gap-0.5", children: [_jsx("button", { type: "button", onClick: toggleMaximize, className: "text-foreground/30 hover:text-foreground/60 rounded-md p-1 transition-colors", title: isMaximized ? 'Restore (⌘⇧M)' : 'Maximize (⌘⇧M)', children: isMaximized ? (_jsx(Minimize2, { className: "h-3.5 w-3.5" })) : (_jsx(Maximize2, { className: "h-3.5 w-3.5" })) }), _jsx("button", { type: "button", onClick: handleClose, className: "text-foreground/30 hover:text-foreground/60 rounded-md p-1 transition-colors", title: "Close (\u2318\u21E7K)", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] })] }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: _jsx(ChatTab, { featureId: "global" }) }), !isMaximized ? (_jsx("div", { onMouseDown: (e) => {
+                    ? 'bg-background fixed inset-0 z-[60] flex flex-col overflow-hidden dark:bg-neutral-900'
+                    : cn(!pos && 'fixed right-8 bottom-24', 'z-[60] flex flex-col overflow-hidden rounded-lg', 'border-border/60 border dark:border-white/10', 'bg-background dark:bg-neutral-900', 'shadow-[0_8px_40px_-8px_rgba(0,0,0,0.2)] dark:shadow-[0_8px_40px_-8px_rgba(0,0,0,0.6)]'), 'transition-opacity duration-300 ease-out', isOpen ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'), style: panelStyle, children: [!isMaximized ? (_jsx("div", { className: "h-[2px] shrink-0 bg-gradient-to-r from-transparent via-violet-500/50 to-transparent" })) : null, !isMaximized ? (_jsx("div", { onMouseDown: onResizeStart, className: "absolute top-0 right-0 z-10 h-4 w-4 cursor-ne-resize" })) : null, _jsxs("div", { onMouseDown: isMaximized ? undefined : onDragStart, className: cn('relative flex h-11 shrink-0 items-center gap-2.5 border-b border-black/[0.06] px-3.5 dark:border-white/[0.06]', !isMaximized && 'cursor-grab active:cursor-grabbing'), children: [_jsx("div", { className: "from-foreground/[0.02] to-foreground/[0.02] pointer-events-none absolute inset-0 bg-gradient-to-r via-transparent" }), !isMaximized ? (_jsx(GripVertical, { className: "text-foreground/15 relative h-3.5 w-3.5 shrink-0" })) : null, _jsx("div", { className: "relative flex h-5 w-5 items-center justify-center", children: _jsx(Bot, { className: "text-foreground/50 h-4 w-4" }) }), _jsxs("div", { className: "relative flex items-baseline gap-2", children: [_jsx("span", { className: "text-foreground/90 text-base font-bold tracking-tight", children: "Shep" }), _jsx("span", { className: "text-foreground/30 text-xs font-medium tracking-widest uppercase", children: "global" })] }), _jsxs("div", { className: "relative ml-auto flex items-center gap-0.5", children: [_jsx("button", { type: "button", onClick: toggleMaximize, className: "text-foreground/30 hover:text-foreground/60 rounded-md p-1 transition-colors", title: isMaximized ? 'Restore (⌘⇧M)' : 'Maximize (⌘⇧M)', children: isMaximized ? (_jsx(Minimize2, { className: "h-3.5 w-3.5" })) : (_jsx(Maximize2, { className: "h-3.5 w-3.5" })) }), _jsx("button", { type: "button", onClick: handleClose, className: "text-foreground/30 hover:text-foreground/60 rounded-md p-1 transition-colors", title: "Close (\u2318\u21E7K)", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] })] }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: _jsx(ChatTab, { featureId: "global" }) }), !isMaximized ? (_jsx("div", { onMouseDown: (e) => {
                             e.preventDefault();
                             e.stopPropagation();
                             const panel = panelRef.current;
@@ -229,9 +241,10 @@ export function GlobalChatPopup() {
                             if (!pos)
                                 setPos({ x: rect.left, y: rect.top });
                             const onMove = (ev) => {
+                                const maxH = window.innerHeight - (pos?.y ?? rect.top);
                                 setSize({
                                     w: Math.max(MIN_W, startW + (ev.clientX - startX)),
-                                    h: Math.max(MIN_H, startH + (ev.clientY - startY)),
+                                    h: Math.max(MIN_H, Math.min(startH + (ev.clientY - startY), maxH)),
                                 });
                             };
                             const onUp = () => {
@@ -240,7 +253,7 @@ export function GlobalChatPopup() {
                             };
                             document.addEventListener('mousemove', onMove);
                             document.addEventListener('mouseup', onUp);
-                        }, className: "absolute right-0 bottom-0 z-10 h-4 w-4 cursor-se-resize" })) : null] })) : null, _jsxs("div", { className: cn('group/fab absolute bottom-4 left-4 z-30 flex items-center', isMaximized && 'hidden'), children: [_jsxs(Button, { size: "icon", onClick: toggle, className: cn('relative h-14 w-14 rounded-full shadow-lg', 'transition-all duration-200 hover:scale-105 hover:shadow-xl active:scale-95', isOpen
+                        }, className: "absolute right-0 bottom-0 z-10 h-4 w-4 cursor-se-resize" })) : null] })) : null, _jsxs("div", { className: cn('group/fab fixed right-8 bottom-6 z-30', isMaximized && 'hidden'), children: [_jsxs(Button, { size: "icon", onClick: toggle, className: cn('relative h-14 w-14 rounded-full shadow-lg', 'transition-all duration-200 hover:scale-105 hover:shadow-xl active:scale-95', isOpen
                             ? 'bg-violet-600 text-white hover:bg-violet-500'
-                            : 'bg-violet-500 text-white hover:bg-violet-400 dark:bg-violet-500 dark:hover:bg-violet-400'), children: [_jsx(MessageSquare, { className: cn('absolute h-7 w-7 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-0 rotate-90 opacity-0' : 'scale-100 rotate-0 opacity-100') }), _jsx(X, { className: cn('absolute h-6 w-6 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-100 rotate-0 opacity-100' : 'scale-0 -rotate-90 opacity-0') }), !isOpen && _jsx(ChatDotIndicator, { status: globalChatTurnStatus, className: "top-0 right-0" })] }), _jsx("div", { className: "pointer-events-none ml-3 flex translate-x-[-4px] items-center gap-2 opacity-0 transition-all duration-200 group-hover/fab:translate-x-0 group-hover/fab:opacity-100", children: _jsxs("div", { className: "bg-foreground rounded-lg px-3 py-1.5 shadow-lg", children: [_jsx("p", { className: "text-background text-xs font-medium", children: "Shep Chat" }), _jsxs("p", { className: "text-background/50 mt-0.5 flex items-center gap-1 text-[10px]", children: [_jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u2318" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u21E7" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "K" })] })] }) })] })] }));
+                            : 'bg-violet-500 text-white hover:bg-violet-400 dark:bg-violet-500 dark:hover:bg-violet-400'), children: [_jsx(MessageSquare, { className: cn('absolute h-7 w-7 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-0 rotate-90 opacity-0' : 'scale-100 rotate-0 opacity-100') }), _jsx(X, { className: cn('absolute h-6 w-6 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-100 rotate-0 opacity-100' : 'scale-0 -rotate-90 opacity-0') }), !isOpen && _jsx(ChatDotIndicator, { status: globalChatTurnStatus, className: "top-0 right-0" })] }), _jsx("div", { className: "pointer-events-none absolute bottom-[calc(100%+8px)] left-1/2 -translate-x-1/2 translate-y-1 opacity-0 transition-all duration-200 group-hover/fab:translate-y-0 group-hover/fab:opacity-100", children: _jsxs("div", { className: "bg-foreground rounded-lg px-3 py-1.5 text-center shadow-lg", children: [_jsx("p", { className: "text-background text-xs font-medium whitespace-nowrap", children: "Shep Chat" }), _jsxs("p", { className: "text-background/50 mt-0.5 flex items-center justify-center gap-1 text-[10px]", children: [_jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u2318" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u21E7" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "K" })] })] }) })] })] }));
 }

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":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AAIpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAwB5E,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":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AAIpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AA8B5E,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,2CAwczF"}

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

@@ -1,16 +1,20 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } 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 = {
@@ -291,6 +295,65 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
     const handlePickFolder = useCallback(() => {
         window.dispatchEvent(new CustomEvent('shep:pick-folder'));
     }, []);
-    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 }) }));
+    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' } }));
 }

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

@@ -2,12 +2,7 @@ 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, onAddFeature, onAddRepository, addingRepo, onResetViewport, extraActions, }: CanvasToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function CanvasToolbar({ showArchived, onToggleArchived, onResetViewport, }: 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;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"}
+{"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"}

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

@@ -2,10 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { useReactFlow } from '@xyflow/react';
-import { Plus, FolderPlus, Eye, EyeOff, ZoomIn, ZoomOut, Maximize, RotateCcw } from 'lucide-react';
+import { Eye, EyeOff, ZoomIn, ZoomOut, Maximize, RotateCcw } from 'lucide-react';
 import { cn } from '../../../lib/utils.js';
-import { Separator } from '../../ui/separator.js';
-export function CanvasToolbar({ showArchived, onToggleArchived, onAddFeature, onAddRepository, addingRepo, onResetViewport, extraActions, }) {
+export function CanvasToolbar({ showArchived, onToggleArchived, onResetViewport, }) {
     const { zoomIn, zoomOut, fitView, setViewport } = useReactFlow();
     const handleZoomIn = useCallback(() => {
         zoomIn({ duration: 200 });
@@ -22,9 +21,9 @@ export function CanvasToolbar({ showArchived, onToggleArchived, onAddFeature, on
             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: 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] }));
+    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] }));
 }
 // ── Internal button ──────────────────────────────────────────────────────
-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] }));
+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] }));
 }

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: "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] }));
+    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] }));
 }

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

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, useMemo, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { useRouter } from 'next/navigation';
 import { SidebarProvider, SidebarInset } from '../../ui/sidebar.js';
 import { AppSidebar } from '../../layouts/app-sidebar/index.js';
@@ -57,6 +57,12 @@ 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 } }));
@@ -73,11 +79,9 @@ function AppShellInner({ children, sidebarOpen }) {
                         setShowReactPicker(false);
                 }, onSelect: handleReactPickerSelect })] }));
 }
-/** Wraps children with TurnStatusesProvider, collecting scope IDs from sidebar features. */
+/** Wraps children with TurnStatusesProvider (polls all active statuses from backend). */
 function TurnStatusesBridge({ children }) {
-    const { features } = useSidebarFeaturesContext();
-    const scopeIds = useMemo(() => ['global', ...features.map((f) => f.featureId)], [features]);
-    return _jsx(TurnStatusesProvider, { scopeIds: scopeIds, children: children });
+    return _jsx(TurnStatusesProvider, { 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,19 +1,15 @@
 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 turn statuses for all provided scope IDs in a single API call.
+ * Polls ALL active turn statuses in a single API call (no IDs needed).
  * Children use `useTurnStatus(scopeId)` to read individual statuses.
  */
-export declare function TurnStatusesProvider({ scopeIds, children }: TurnStatusesProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function TurnStatusesProvider({ children }: {
+    children: ReactNode;
+}): 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,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"}
+{"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"}

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 { useTurnStatuses } from './use-turn-statuses.js';
+import { useAllTurnStatuses } from './use-turn-statuses.js';
 const TurnStatusesContext = createContext({
     getStatus: () => 'idle',
 });
 /**
- * Polls turn statuses for all provided scope IDs in a single API call.
+ * Polls ALL active turn statuses in a single API call (no IDs needed).
  * Children use `useTurnStatus(scopeId)` to read individual statuses.
  */
-export function TurnStatusesProvider({ scopeIds, children }) {
-    const statuses = useTurnStatuses(scopeIds);
+export function TurnStatusesProvider({ children }) {
+    const statuses = useAllTurnStatuses();
     const value = useMemo(() => ({
         getStatus: (scopeId) => statuses[scopeId] ?? 'idle',
     }), [statuses]);

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

@@ -1,11 +1,10 @@
 export type TurnStatus = 'idle' | 'processing' | 'unread';
 /**
- * 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.
+ * 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.
  */
-export declare function useTurnStatuses(featureIds: string[]): Record<string, TurnStatus>;
+export declare function useAllTurnStatuses(): 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;;;;;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"}
+{"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"}

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

@@ -1,25 +1,20 @@
 'use client';
 import { useQuery } from '@tanstack/react-query';
 /**
- * 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.
+ * 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.
  */
-export function useTurnStatuses(featureIds) {
-    const sortedIds = [...featureIds].sort().join(',');
+export function useAllTurnStatuses() {
     const { data } = useQuery({
-        queryKey: ['turn-statuses', sortedIds],
+        queryKey: ['turn-statuses'],
         queryFn: async () => {
-            if (!sortedIds)
-                return {};
-            const res = await fetch(`/api/interactive/chat/turn-statuses?featureIds=${sortedIds}`);
+            const res = await fetch('/api/interactive/chat/turn-statuses');
             if (!res.ok)
                 return {};
             return res.json();
         },
-        refetchInterval: 3_000,
-        enabled: featureIds.length > 0,
+        refetchInterval: 5_000,
     });
     return data ?? {};
 }