@shepai/cli 1.177.0 → 1.178.0

package/dist/src/presentation/web/components/features/control-center/use-canvas-event-listeners.js

@@ -0,0 +1,84 @@
+/**
+ * Wire global window events used by the control center canvas to the
+ * appropriate handlers. The canvas listens for cross-component requests
+ * dispatched as CustomEvents:
+ *
+ *   - shep:add-repository           → addRepoAndFocus(path)
+ *   - shep:feature-created          → createFeatureNode(...)
+ *   - shep:feature-delete-requested → handleDeleteFeature(...)
+ *   - shep:feature-archive-requested → handleArchiveFeature(...)
+ *   - shep:feature-unarchive-requested → handleUnarchiveFeature(...)
+ *
+ * Extracted from control-center-inner.tsx so the parent component stays
+ * focused on graph state + rendering, not event-bus plumbing.
+ */
+import { useEffect } from 'react';
+export function useCanvasEventListeners(handlers) {
+    const { addRepoAndFocus, createFeatureNode, nodes, handleDeleteFeature, handleArchiveFeature, handleUnarchiveFeature, } = handlers;
+    // shep:add-repository — top-bar "add folder" button
+    useEffect(() => {
+        const handler = (e) => {
+            const path = e.detail.path;
+            addRepoAndFocus(path);
+        };
+        window.addEventListener('shep:add-repository', handler);
+        return () => window.removeEventListener('shep:add-repository', handler);
+    }, [addRepoAndFocus]);
+    // shep:feature-created — fired by the create drawer with the real server feature ID
+    useEffect(() => {
+        const handler = (e) => {
+            const detail = e.detail;
+            // When parentId is provided, attach to the parent feature node via a
+            // dependency edge instead of the repo node.
+            if (detail.parentId) {
+                const parentNodeId = `feat-${detail.parentId}`;
+                createFeatureNode(parentNodeId, {
+                    state: 'creating',
+                    featureId: detail.featureId,
+                    name: detail.name,
+                    description: detail.description,
+                    repositoryPath: detail.repositoryPath,
+                }, 'dependencyEdge');
+                return;
+            }
+            const repoNode = nodes.find((n) => n.type === 'repositoryNode' &&
+                n.data.repositoryPath === detail.repositoryPath);
+            createFeatureNode(repoNode?.id ?? null, {
+                state: 'running',
+                featureId: detail.featureId,
+                name: detail.name,
+                description: detail.description,
+                repositoryPath: detail.repositoryPath,
+            });
+        };
+        window.addEventListener('shep:feature-created', handler);
+        return () => window.removeEventListener('shep:feature-created', handler);
+    }, [nodes, createFeatureNode]);
+    // shep:feature-delete-requested — fired from the feature drawer
+    useEffect(() => {
+        const handler = (e) => {
+            const { featureId, cleanup, cascadeDelete, closePr } = e.detail;
+            handleDeleteFeature(featureId, cleanup, cascadeDelete, closePr);
+        };
+        window.addEventListener('shep:feature-delete-requested', handler);
+        return () => window.removeEventListener('shep:feature-delete-requested', handler);
+    }, [handleDeleteFeature]);
+    // shep:feature-archive-requested — fired from the feature drawer
+    useEffect(() => {
+        const handler = (e) => {
+            const { featureId } = e.detail;
+            handleArchiveFeature(featureId);
+        };
+        window.addEventListener('shep:feature-archive-requested', handler);
+        return () => window.removeEventListener('shep:feature-archive-requested', handler);
+    }, [handleArchiveFeature]);
+    // shep:feature-unarchive-requested — fired from the feature drawer
+    useEffect(() => {
+        const handler = (e) => {
+            const { featureId } = e.detail;
+            handleUnarchiveFeature(featureId);
+        };
+        window.addEventListener('shep:feature-unarchive-requested', handler);
+        return () => window.removeEventListener('shep:feature-unarchive-requested', handler);
+    }, [handleUnarchiveFeature]);
+}

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

@@ -21,7 +21,9 @@ export interface ControlCenterState {
     handleStartFeature: (featureId: string) => void;
     handleStopFeature: (featureId: string) => void;
     handleUnarchiveFeature: (featureId: string) => void;
-    handleDeleteRepository: (repositoryId: string) => Promise<void>;
+    handleDeleteRepository: (repositoryId: string, options?: {
+        deleteFromDisk?: boolean;
+    }) => Promise<void>;
     createFeatureNode: (sourceNodeId: string | null, dataOverride?: Partial<FeatureNodeData>, edgeType?: string) => string;
     /** Whether archived features are shown on the canvas. */
     showArchived: boolean;

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":"AAKA,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,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAkBjC,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM7E,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QACrC,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,mBAAmB,EAAE,CACnB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,OAAO,EACjB,aAAa,CAAC,EAAE,OAAO,EACvB,OAAO,CAAC,EAAE,OAAO,KACd,IAAI,CAAC;IACV,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sBAAsB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,EACvC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;IACZ,yDAAyD;IACzD,YAAY,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,wDAAwD;IACxD,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,gDAAgD;IAChD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,0EAA0E;IAC1E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAQD,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAilBpB"}
+{"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":"AAKA,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,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAkBjC,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM7E,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QACrC,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,mBAAmB,EAAE,CACnB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,OAAO,EACjB,aAAa,CAAC,EAAE,OAAO,EACvB,OAAO,CAAC,EAAE,OAAO,KACd,IAAI,CAAC;IACV,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sBAAsB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,sBAAsB,EAAE,CACtB,YAAY,EAAE,MAAM,EACpB,OAAO,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,OAAO,CAAA;KAAE,KACnC,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,EACvC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;IACZ,yDAAyD;IACzD,YAAY,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,wDAAwD;IACxD,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,gDAAgD;IAChD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,0EAA0E;IAC1E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAQD,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAmlBpB"}

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

@@ -388,7 +388,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
         })
             .finally(() => endMutation());
     }, [router, deleteSound, updateFeature, removeFeature, beginMutation, endMutation]);
-    const handleDeleteRepository = useCallback(async (repositoryId) => {
+    const handleDeleteRepository = useCallback(async (repositoryId, options) => {
         const repoNodeId = `repo-${repositoryId}`;
         // Find children of this repo via edges
         const childFeatureIds = new Set(edgesRef.current.filter((e) => e.source === repoNodeId).map((e) => e.target));
@@ -415,7 +415,9 @@ export function useControlCenterState(initialNodes, initialEdges) {
             removeFeature(childId);
         }
         try {
-            const result = await deleteRepository(repositoryId);
+            const result = await deleteRepository(repositoryId, {
+                deleteFromDisk: options?.deleteFromDisk === true,
+            });
             if (!result.success) {
                 toast.error(result.error ?? 'Failed to remove repository');
                 rollback();

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

@@ -0,0 +1,21 @@
+/**
+ * Build the action list for the (+) FloatingActionButton on the control
+ * center. Extracted from control-center-inner.tsx so the parent component
+ * stays focused on graph state + rendering.
+ */
+import type { useRouter } from 'next/navigation';
+import type { FloatingActionButtonAction } from '../../common/floating-action-button/index.js';
+import type { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
+interface UseFabActionsParams {
+    router: ReturnType<typeof useRouter>;
+    clickSound: {
+        play: () => void;
+    };
+    guardedNavigate: (fn: () => void) => void;
+    handlePickFolder: () => void;
+    onNewProject: () => void;
+    featureFlags: ReturnType<typeof useFeatureFlags>;
+}
+export declare function useFabActions({ router, clickSound, guardedNavigate, handlePickFolder, onNewProject, featureFlags, }: UseFabActionsParams): FloatingActionButtonAction[];
+export {};
+//# sourceMappingURL=use-fab-actions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-fab-actions.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-fab-actions.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAC7F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAIrE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;IACrC,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACjC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;CAClD;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,EAAE,mBAAmB,GAAG,0BAA0B,EAAE,CA6DpD"}

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

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Build the action list for the (+) FloatingActionButton on the control
+ * center. Extracted from control-center-inner.tsx so the parent component
+ * stays focused on graph state + rendering.
+ */
+import { useMemo } from 'react';
+import { FolderOpen, FolderPlus, GitBranch, Github, Sparkles } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+export function useFabActions({ router, clickSound, guardedNavigate, handlePickFolder, onNewProject, featureFlags, }) {
+    const { t } = useTranslation('web');
+    return useMemo(() => {
+        const actions = [
+            {
+                id: 'new-project',
+                label: 'New project',
+                icon: _jsx(FolderPlus, { className: "h-4 w-4" }),
+                onClick: () => {
+                    clickSound.play();
+                    onNewProject();
+                },
+            },
+            {
+                id: 'new-feature',
+                label: t('fab.newFeature'),
+                icon: _jsx(Sparkles, { className: "h-4 w-4" }),
+                onClick: () => {
+                    clickSound.play();
+                    guardedNavigate(() => router.push('/create'));
+                },
+            },
+            {
+                id: 'add-local-repo',
+                label: t('fab.localFolder'),
+                icon: _jsx(FolderOpen, { className: "h-4 w-4" }),
+                onClick: handlePickFolder,
+            },
+        ];
+        if (featureFlags.adoptBranch) {
+            actions.push({
+                id: 'adopt-branch',
+                label: t('fab.adoptBranch'),
+                icon: _jsx(GitBranch, { className: "h-4 w-4" }),
+                onClick: () => {
+                    guardedNavigate(() => router.push('/adopt'));
+                },
+            });
+        }
+        if (featureFlags.githubImport) {
+            actions.push({
+                id: 'add-github-repo',
+                label: t('fab.fromGithub'),
+                icon: _jsx(Github, { className: "h-4 w-4" }),
+                onClick: () => {
+                    window.dispatchEvent(new CustomEvent('shep:open-github-import'));
+                },
+            });
+        }
+        return actions;
+    }, [
+        t,
+        clickSound,
+        guardedNavigate,
+        router,
+        handlePickFolder,
+        onNewProject,
+        featureFlags.adoptBranch,
+        featureFlags.githubImport,
+    ]);
+}

package/dist/src/presentation/web/components/features/control-center/use-workspace-fit-view.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Re-fit the React Flow viewport when the active workspace's visible node
+ * set changes (switching workspaces, or changing the active workspace's
+ * membership via the Manage dialog).
+ *
+ * Intentionally scoped:
+ * - Skips the first run so we don't override the persisted viewport on mount.
+ * - Skips the default workspace, which shows everything and owns the
+ *   persisted viewport via useViewportPersistence.
+ * - Skips empty workspaces — there's nothing to fit.
+ * - Defers fitView to the next tick so React Flow has committed the new
+ *   node set before measuring.
+ */
+import type { useReactFlow } from '@xyflow/react';
+import type { CanvasNodeType } from '../../features/features-canvas/index.js';
+type FitViewFn = ReturnType<typeof useReactFlow>['fitView'];
+interface ActiveWorkspaceLike {
+    id: string;
+}
+export declare function useWorkspaceFitView(params: {
+    activeWorkspace: ActiveWorkspaceLike;
+    isDefaultActive: boolean;
+    workspaceFilteredNodes: CanvasNodeType[];
+    fitView: FitViewFn;
+}): void;
+export {};
+//# sourceMappingURL=use-workspace-fit-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-workspace-fit-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-workspace-fit-view.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAE5E,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;AAE5D,UAAU,mBAAmB;IAC3B,EAAE,EAAE,MAAM,CAAC;CACZ;AAQD,wBAAgB,mBAAmB,CAAC,MAAM,EAAE;IAC1C,eAAe,EAAE,mBAAmB,CAAC;IACrC,eAAe,EAAE,OAAO,CAAC;IACzB,sBAAsB,EAAE,cAAc,EAAE,CAAC;IACzC,OAAO,EAAE,SAAS,CAAC;CACpB,GAAG,IAAI,CA2BP"}

package/dist/src/presentation/web/components/features/control-center/use-workspace-fit-view.js

@@ -0,0 +1,48 @@
+/**
+ * Re-fit the React Flow viewport when the active workspace's visible node
+ * set changes (switching workspaces, or changing the active workspace's
+ * membership via the Manage dialog).
+ *
+ * Intentionally scoped:
+ * - Skips the first run so we don't override the persisted viewport on mount.
+ * - Skips the default workspace, which shows everything and owns the
+ *   persisted viewport via useViewportPersistence.
+ * - Skips empty workspaces — there's nothing to fit.
+ * - Defers fitView to the next tick so React Flow has committed the new
+ *   node set before measuring.
+ */
+import { useEffect, useMemo, useRef } from 'react';
+const AUTO_FOCUS_OPTIONS = {
+    maxZoom: 1.0,
+    padding: 0.5,
+    duration: 500,
+};
+export function useWorkspaceFitView(params) {
+    const { activeWorkspace, isDefaultActive, workspaceFilteredNodes, fitView } = params;
+    const fingerprint = useMemo(() => {
+        if (isDefaultActive)
+            return 'default';
+        const ids = workspaceFilteredNodes
+            .map((n) => n.id)
+            .sort()
+            .join(',');
+        return `${activeWorkspace.id}:${ids}`;
+    }, [isDefaultActive, activeWorkspace.id, workspaceFilteredNodes]);
+    const prevFingerprintRef = useRef(null);
+    useEffect(() => {
+        const prev = prevFingerprintRef.current;
+        prevFingerprintRef.current = fingerprint;
+        if (prev === null)
+            return;
+        if (prev === fingerprint)
+            return;
+        if (isDefaultActive)
+            return;
+        if (workspaceFilteredNodes.length === 0)
+            return;
+        const t = setTimeout(() => {
+            fitView(AUTO_FOCUS_OPTIONS);
+        }, 0);
+        return () => clearTimeout(t);
+    }, [fingerprint, isDefaultActive, workspaceFilteredNodes.length, fitView]);
+}

package/dist/src/presentation/web/components/features/control-center/welcome-agent-setup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"welcome-agent-setup.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/welcome-agent-setup.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAkPlF"}
+{"version":3,"file":"welcome-agent-setup.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/welcome-agent-setup.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAyPlF"}

package/dist/src/presentation/web/components/features/control-center/welcome-agent-setup.js

@@ -5,6 +5,7 @@ import { ChevronLeft, Loader2, AlertTriangle } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { getAllAgentModels } from '../../../app/actions/get-all-agent-models.js';
 import { updateAgentAndModel } from '../../../app/actions/update-agent-and-model.js';
+import { checkToolStatus } from '../../../app/actions/check-tool-status.js';
 import { getAgentTypeIcon } from '../../common/feature-node/agent-type-icons.js';
 import { getModelMeta } from '../../../lib/model-metadata.js';
 import { cn } from '../../../lib/utils.js';
@@ -13,6 +14,7 @@ export function WelcomeAgentSetup({ onComplete, className }) {
     const { t } = useTranslation('web');
     const [groups, setGroups] = useState([]);
     const [loading, setLoading] = useState(true);
+    const [ghInstalled, setGhInstalled] = useState(null);
     const [step, setStep] = useState('select-agent');
     const [selectedAgent, setSelectedAgent] = useState(null);
     const [saving, setSaving] = useState(false);
@@ -24,6 +26,11 @@ export function WelcomeAgentSetup({ onComplete, className }) {
             .then(setGroups)
             .finally(() => setLoading(false));
     }, []);
+    useEffect(() => {
+        checkToolStatus()
+            .then((status) => setGhInstalled(status.gh.installed))
+            .catch(() => setGhInstalled(null));
+    }, []);
     const activeGroup = selectedAgent ? groups.find((g) => g.agentType === selectedAgent) : null;
     const transitionTo = useCallback((nextStep, setup) => {
         setTransitioning(true);
@@ -95,7 +102,7 @@ export function WelcomeAgentSetup({ onComplete, className }) {
         : activeGroup
             ? t('welcome.chooseModelSubtitle', { label: activeGroup.label })
             : '';
-    return (_jsxs("div", { "data-testid": "welcome-agent-setup", className: cn('flex w-full flex-col items-center', className), children: [_jsx("div", { className: "mb-8 flex w-full max-w-xs items-center gap-1.5", children: STEPS.map((s, i) => (_jsx("div", { className: cn('h-[3px] flex-1 rounded-full transition-colors duration-300', i <= stepIndex ? 'bg-foreground/60' : 'bg-muted') }, s))) }), _jsxs("div", { className: cn('flex w-full flex-col items-center transition-opacity duration-200', visible && !transitioning ? 'opacity-100' : 'opacity-0'), children: [_jsx("h1", { className: "text-foreground/90 text-center text-5xl font-extralight tracking-tight", children: heroTitle }), _jsx("p", { className: "text-muted-foreground mt-3 text-center text-lg leading-relaxed font-light", children: heroSubtitle }), step === 'select-agent' && (_jsxs("div", { "data-testid": "gh-cli-notice", className: "mt-5 flex items-start gap-2 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 dark:border-amber-900 dark:bg-amber-950/40", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500" }), _jsxs("p", { className: "text-sm leading-relaxed text-amber-800 dark:text-amber-300", children: [_jsx("span", { className: "font-medium", children: t('welcome.ghCliRequired') }), ' ', t('welcome.ghCliRequiredText'), ' ', _jsx("a", { href: "https://cli.github.com/", target: "_blank", rel: "noopener noreferrer", className: "underline underline-offset-2 hover:text-amber-900 dark:hover:text-amber-200", children: t('welcome.installHere') }), "."] })] })), _jsxs("div", { className: "mt-8 flex w-full flex-col items-center", children: [step === 'select-agent' && (_jsx("div", { "data-testid": "agent-list", className: "grid w-full max-w-lg gap-3", style: {
+    return (_jsxs("div", { "data-testid": "welcome-agent-setup", className: cn('flex w-full flex-col items-center', className), children: [_jsx("div", { className: "mb-8 flex w-full max-w-xs items-center gap-1.5", children: STEPS.map((s, i) => (_jsx("div", { className: cn('h-[3px] flex-1 rounded-full transition-colors duration-300', i <= stepIndex ? 'bg-foreground/60' : 'bg-muted') }, s))) }), _jsxs("div", { className: cn('flex w-full flex-col items-center transition-opacity duration-200', visible && !transitioning ? 'opacity-100' : 'opacity-0'), children: [_jsx("h1", { className: "text-foreground/90 text-center text-5xl font-extralight tracking-tight", children: heroTitle }), _jsx("p", { className: "text-muted-foreground mt-3 text-center text-lg leading-relaxed font-light", children: heroSubtitle }), step === 'select-agent' && ghInstalled === false && (_jsxs("div", { "data-testid": "gh-cli-notice", className: "mt-5 flex items-start gap-2 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 dark:border-amber-900 dark:bg-amber-950/40", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500" }), _jsxs("p", { className: "text-sm leading-relaxed text-amber-800 dark:text-amber-300", children: [_jsx("span", { className: "font-medium", children: t('welcome.ghCliRequired') }), ' ', t('welcome.ghCliRequiredText'), ' ', _jsx("a", { href: "https://cli.github.com/", target: "_blank", rel: "noopener noreferrer", className: "underline underline-offset-2 hover:text-amber-900 dark:hover:text-amber-200", children: t('welcome.installHere') }), "."] })] })), _jsxs("div", { className: "mt-8 flex w-full flex-col items-center", children: [step === 'select-agent' && (_jsx("div", { "data-testid": "agent-list", className: "grid w-full max-w-lg gap-3", style: {
                                     gridTemplateColumns: `repeat(${Math.min(groups.length, 4)}, minmax(0, 1fr))`,
                                 }, children: groups.map((group) => {
                                     const GroupIcon = getAgentTypeIcon(group.agentType);

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

@@ -3,6 +3,8 @@ export interface CanvasToolbarProps {
     showArchived: boolean;
     onToggleArchived: () => void;
     onResetViewport?: () => Viewport;
+    /** Optional slot rendered at the start of the toolbar (e.g. workspace selector). */
+    startSlot?: React.ReactNode;
 }
-export declare function CanvasToolbar({ showArchived, onToggleArchived, onResetViewport, }: CanvasToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function CanvasToolbar({ showArchived, onToggleArchived, onResetViewport, startSlot, }: 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,eAAe,CAAC,EAAE,MAAM,QAAQ,CAAC;CAClC;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,gBAAgB,EAChB,eAAe,GAChB,EAAE,kBAAkB,2CAsDpB"}
+{"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,eAAe,CAAC,EAAE,MAAM,QAAQ,CAAC;IACjC,oFAAoF;IACpF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,SAAS,GACV,EAAE,kBAAkB,2CA4DpB"}

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

@@ -1,11 +1,11 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, 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 { useTranslation } from 'react-i18next';
 import { cn } from '../../../lib/utils.js';
-export function CanvasToolbar({ showArchived, onToggleArchived, onResetViewport, }) {
+export function CanvasToolbar({ showArchived, onToggleArchived, onResetViewport, startSlot, }) {
     const { t } = useTranslation('web');
     const { zoomIn, zoomOut, fitView, setViewport } = useReactFlow();
     const handleZoomIn = useCallback(() => {
@@ -23,7 +23,7 @@ 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 ? t('canvas.hideArchived') : t('canvas.showArchived'), active: showArchived, label: showArchived ? t('canvas.hideArchivedLabel') : t('canvas.showArchivedLabel'), 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: t('canvas.zoomOut'), children: _jsx(ZoomOut, { className: "h-4 w-4" }) }), _jsx(ToolbarButton, { onClick: handleZoomIn, title: t('canvas.zoomIn'), children: _jsx(ZoomIn, { className: "h-4 w-4" }) }), _jsx(ToolbarButton, { onClick: handleFitView, title: t('canvas.fitView'), children: _jsx(Maximize, { className: "h-4 w-4" }) }), onResetViewport ? (_jsx(ToolbarButton, { onClick: handleReset, title: t('canvas.resetView'), 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: [startSlot ? (_jsxs(_Fragment, { children: [startSlot, _jsx("div", { className: "bg-border mx-1 h-5 w-px" })] })) : null, _jsx(ToolbarButton, { onClick: onToggleArchived, title: showArchived ? t('canvas.hideArchived') : t('canvas.showArchived'), active: showArchived, label: showArchived ? t('canvas.hideArchivedLabel') : t('canvas.showArchivedLabel'), 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: t('canvas.zoomOut'), children: _jsx(ZoomOut, { className: "h-4 w-4" }) }), _jsx(ToolbarButton, { onClick: handleZoomIn, title: t('canvas.zoomIn'), children: _jsx(ZoomIn, { className: "h-4 w-4" }) }), _jsx(ToolbarButton, { onClick: handleFitView, title: t('canvas.fitView'), children: _jsx(Maximize, { className: "h-4 w-4" }) }), onResetViewport ? (_jsx(ToolbarButton, { onClick: handleReset, title: t('canvas.resetView'), children: _jsx(RotateCcw, { className: "h-4 w-4" }) })) : null] }));
 }
 // ── Internal button ──────────────────────────────────────────────────────
 function ToolbarButton({ children, onClick, title, label, active, }) {

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

@@ -1 +1 @@
-{"version":3,"file":"features-canvas.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOvF,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,kCAAkC,CAAC;AAEzF,OAAO,KAAK,EAAE,kBAAkB,EAAsB,MAAM,qCAAqC,CAAC;AAGlG,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IAChE,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAID,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAU,GACX,EAAE,mBAAmB,2CA0IrB"}
+{"version":3,"file":"features-canvas.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOvF,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,kCAAkC,CAAC;AAEzF,OAAO,KAAK,EAAE,kBAAkB,EAAsB,MAAM,qCAAqC,CAAC;AAGlG,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IAChE,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAID,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAU,GACX,EAAE,mBAAmB,2CA+IrB"}

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

@@ -71,5 +71,5 @@ export function FeaturesCanvas({ nodes, edges, selectedFeatureId, selectedReposi
     }, [isEmpty]);
     const fallbackEmptyState = isEmpty && !emptyState ? (_jsx(EmptyState, { title: t('canvas.noFeatures'), description: t('canvas.noFeaturesDescription'), action: _jsxs(Button, { onClick: onAddFeature, children: [_jsx(Plus, { className: "me-2 h-4 w-4" }), t('canvas.newFeature')] }) })) : 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: "!me-3 !mt-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]" }), toolbar && !isEmpty ? (_jsx(Panel, { position: "top-right", className: "!me-3 !mt-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, toolbar && isEmpty ? (_jsx("div", { className: "pointer-events-auto absolute end-3 top-3 z-20", children: toolbar })) : null] }));
 }

package/dist/src/presentation/web/components/features/features-canvas/manage-workspace-dialog.d.ts

@@ -0,0 +1,15 @@
+import type { CanvasNodeType } from '../../features/features-canvas/index.js';
+import type { Workspace } from '../../../hooks/use-workspaces.js';
+export interface ManageWorkspaceDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    workspace: Workspace;
+    /** All nodes currently on the canvas (unfiltered). */
+    allNodes: CanvasNodeType[];
+    onSave: (members: {
+        repoIds: string[];
+        featureIds: string[];
+    }) => void;
+}
+export declare function ManageWorkspaceDialog({ open, onOpenChange, workspace, allNodes, onSave, }: ManageWorkspaceDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=manage-workspace-dialog.d.ts.map

package/dist/src/presentation/web/components/features/features-canvas/manage-workspace-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manage-workspace-dialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/manage-workspace-dialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAG5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,SAAS,CAAC;IACrB,sDAAsD;IACtD,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,MAAM,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,EAAE,CAAC;QAAC,UAAU,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;CACxE;AAQD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,MAAM,GACP,EAAE,0BAA0B,2CA8H5B"}

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

@@ -0,0 +1,74 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { GitBranch, Sparkles } from 'lucide-react';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../ui/dialog.js';
+import { Checkbox } from '../../ui/checkbox.js';
+import { Button } from '../../ui/button.js';
+export function ManageWorkspaceDialog({ open, onOpenChange, workspace, allNodes, onSave, }) {
+    const [selectedRepoIds, setSelectedRepoIds] = useState(new Set());
+    const [selectedFeatureIds, setSelectedFeatureIds] = useState(new Set());
+    // Reset selection state whenever the dialog opens for a (possibly different) workspace.
+    useEffect(() => {
+        if (open) {
+            setSelectedRepoIds(new Set(workspace.repoIds));
+            setSelectedFeatureIds(new Set(workspace.featureIds));
+        }
+    }, [open, workspace]);
+    // Group features under their parent repo by repositoryPath.
+    const repoEntries = useMemo(() => {
+        const repos = [];
+        const byPath = new Map();
+        for (const node of allNodes) {
+            if (node.type !== 'repositoryNode')
+                continue;
+            const data = node.data;
+            const path = data.repositoryPath ?? '';
+            const entry = {
+                nodeId: node.id,
+                name: data.name ?? path.split('/').filter(Boolean).pop() ?? path,
+                features: [],
+            };
+            repos.push(entry);
+            byPath.set(path, entry);
+        }
+        for (const node of allNodes) {
+            if (node.type !== 'featureNode')
+                continue;
+            const data = node.data;
+            const repo = byPath.get(data.repositoryPath ?? '');
+            if (repo) {
+                repo.features.push({ nodeId: node.id, name: data.name });
+            }
+        }
+        return repos;
+    }, [allNodes]);
+    const toggleRepo = (id) => {
+        setSelectedRepoIds((prev) => {
+            const next = new Set(prev);
+            if (next.has(id))
+                next.delete(id);
+            else
+                next.add(id);
+            return next;
+        });
+    };
+    const toggleFeature = (id) => {
+        setSelectedFeatureIds((prev) => {
+            const next = new Set(prev);
+            if (next.has(id))
+                next.delete(id);
+            else
+                next.add(id);
+            return next;
+        });
+    };
+    const handleSave = () => {
+        onSave({
+            repoIds: Array.from(selectedRepoIds),
+            featureIds: Array.from(selectedFeatureIds),
+        });
+        onOpenChange(false);
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-h-[80vh] max-w-lg overflow-hidden", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Manage workspace: ", workspace.name] }), _jsx(DialogDescription, { children: "Select the repositories and features that should appear on this workspace's canvas." })] }), _jsx("div", { className: "-mx-6 max-h-[50vh] overflow-y-auto px-6", children: repoEntries.length === 0 ? (_jsx("p", { className: "text-muted-foreground py-8 text-center text-sm", children: "No repositories on the canvas yet." })) : (_jsx("ul", { className: "space-y-3 py-2", children: repoEntries.map((repo) => (_jsxs("li", { children: [_jsxs("label", { className: "hover:bg-accent/30 flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5", children: [_jsx(Checkbox, { checked: selectedRepoIds.has(repo.nodeId), onCheckedChange: () => toggleRepo(repo.nodeId) }), _jsx(GitBranch, { className: "text-muted-foreground h-4 w-4" }), _jsx("span", { className: "text-sm font-medium", children: repo.name })] }), repo.features.length > 0 ? (_jsx("ul", { className: "mt-1 ml-7 space-y-0.5", children: repo.features.map((feat) => (_jsx("li", { children: _jsxs("label", { className: "hover:bg-accent/30 flex cursor-pointer items-center gap-2 rounded-md px-2 py-1", children: [_jsx(Checkbox, { checked: selectedFeatureIds.has(feat.nodeId), onCheckedChange: () => toggleFeature(feat.nodeId) }), _jsx(Sparkles, { className: "text-muted-foreground h-3.5 w-3.5" }), _jsx("span", { className: "text-muted-foreground text-xs", children: feat.name })] }) }, feat.nodeId))) })) : null] }, repo.nodeId))) })) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsx(Button, { onClick: handleSave, children: "Save" })] })] }) }));
+}

package/dist/src/presentation/web/components/features/features-canvas/workspace-name-dialog.d.ts

@@ -0,0 +1,11 @@
+export interface WorkspaceNameDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description?: string;
+    initialValue?: string;
+    confirmLabel: string;
+    onConfirm: (name: string) => void;
+}
+export declare function WorkspaceNameDialog({ open, onOpenChange, title, description, initialValue, confirmLabel, onConfirm, }: WorkspaceNameDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=workspace-name-dialog.d.ts.map

package/dist/src/presentation/web/components/features/features-canvas/workspace-name-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-name-dialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/workspace-name-dialog.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,YAAiB,EACjB,YAAY,EACZ,SAAS,GACV,EAAE,wBAAwB,2CA4C1B"}

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../ui/dialog.js';
+import { Input } from '../../ui/input.js';
+import { Button } from '../../ui/button.js';
+export function WorkspaceNameDialog({ open, onOpenChange, title, description, initialValue = '', confirmLabel, onConfirm, }) {
+    const [value, setValue] = useState(initialValue);
+    useEffect(() => {
+        if (open)
+            setValue(initialValue);
+    }, [open, initialValue]);
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        const trimmed = value.trim();
+        if (!trimmed)
+            return;
+        onConfirm(trimmed);
+        onOpenChange(false);
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsx(DialogContent, { className: "max-w-sm", children: _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), description ? _jsx(DialogDescription, { children: description }) : null] }), _jsx("div", { className: "py-4", children: _jsx(Input, { autoFocus: true, value: value, onChange: (e) => setValue(e.target.value), placeholder: "Workspace name", "data-testid": "workspace-name-input" }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsx(Button, { type: "submit", disabled: !value.trim(), children: confirmLabel })] })] }) }) }));
+}

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

@@ -0,0 +1,13 @@
+import { type UseWorkspacesResult, type Workspace } from '../../../hooks/use-workspaces.js';
+export interface WorkspaceSelectorProps {
+    workspaces: UseWorkspacesResult['workspaces'];
+    activeWorkspace: Workspace;
+    onSelect: (id: string) => void;
+    onRequestCreate: () => void;
+    onRequestRename: () => void;
+    /** Request deletion of a specific workspace by id. */
+    onRequestDelete: (id: string) => void;
+    onManage: () => void;
+}
+export declare function WorkspaceSelector({ workspaces, activeWorkspace, onSelect, onRequestCreate, onRequestRename, onRequestDelete, onManage, }: WorkspaceSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=workspace-selector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-selector.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/workspace-selector.tsx"],"names":[],"mappings":"AAaA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC9C,eAAe,EAAE,SAAS,CAAC;IAC3B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,sDAAsD;IACtD,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,eAAe,EACf,QAAQ,EACR,eAAe,EACf,eAAe,EACf,eAAe,EACf,QAAQ,GACT,EAAE,sBAAsB,2CAwExB"}

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

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Layers, Check, Plus, Pencil, Trash2, SlidersHorizontal } from 'lucide-react';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from '../../ui/dropdown-menu.js';
+import { cn } from '../../../lib/utils.js';
+import { DEFAULT_WORKSPACE_ID, } from '../../../hooks/use-workspaces.js';
+export function WorkspaceSelector({ workspaces, activeWorkspace, onSelect, onRequestCreate, onRequestRename, onRequestDelete, onManage, }) {
+    const [open, setOpen] = useState(false);
+    const isDefault = activeWorkspace.id === DEFAULT_WORKSPACE_ID;
+    return (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", "data-testid": "workspace-selector-trigger", 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', isDefault ? 'text-muted-foreground' : 'text-primary bg-primary/10'), title: "Workspace", children: [_jsx(Layers, { className: "h-4 w-4" }), _jsx("span", { className: "max-w-[120px] truncate", children: activeWorkspace.name })] }) }), _jsxs(DropdownMenuContent, { align: "start", className: "min-w-[220px]", children: [_jsx(DropdownMenuLabel, { children: "Workspaces" }), _jsx(DropdownMenuSeparator, {}), workspaces.map((w) => {
+                        const active = w.id === activeWorkspace.id;
+                        const canDelete = w.id !== DEFAULT_WORKSPACE_ID;
+                        return (_jsxs(DropdownMenuItem, { onSelect: () => onSelect(w.id), className: "group/ws-row flex items-center justify-between gap-2", children: [_jsx("span", { className: "truncate", children: w.name }), _jsxs("span", { className: "flex shrink-0 items-center gap-1", children: [active ? _jsx(Check, { className: "h-3.5 w-3.5" }) : null, canDelete ? (_jsx("button", { type: "button", "aria-label": `Delete workspace ${w.name}`, title: `Delete workspace ${w.name}`, onClick: (event) => {
+                                                event.preventDefault();
+                                                event.stopPropagation();
+                                                setOpen(false);
+                                                onRequestDelete(w.id);
+                                            }, className: "text-muted-foreground hover:bg-destructive/10 hover:text-destructive rounded p-0.5 opacity-0 transition-opacity group-hover/ws-row:opacity-100 focus-visible:opacity-100", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })) : null] })] }, w.id));
+                    }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onSelect: onRequestCreate, children: [_jsx(Plus, { className: "mr-2 h-3.5 w-3.5" }), "New workspace\u2026"] }), _jsxs(DropdownMenuItem, { onSelect: onManage, disabled: isDefault, children: [_jsx(SlidersHorizontal, { className: "mr-2 h-3.5 w-3.5" }), "Manage items\u2026"] }), _jsxs(DropdownMenuItem, { onSelect: onRequestRename, disabled: isDefault, children: [_jsx(Pencil, { className: "mr-2 h-3.5 w-3.5" }), "Rename"] })] })] }));
+}