@shepai/cli 1.43.0 → 1.44.0

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ControlCenter } from './control-center.js';
 import { layoutWithDagre } from '../../../lib/layout-with-dagre.js';
+import { AgentEventsProvider } from '../../../hooks/agent-events-provider.js';
 const meta = {
     title: 'Features/ControlCenter',
     component: ControlCenter,
@@ -9,7 +10,7 @@ const meta = {
         layout: 'fullscreen',
     },
     decorators: [
-        (Story) => (_jsx("div", { style: { height: '100vh' }, children: _jsx(Story, {}) })),
+        (Story) => (_jsx(AgentEventsProvider, { children: _jsx("div", { style: { height: '100vh' }, children: _jsx(Story, {}) }) })),
     ],
 };
 export default meta;

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

@@ -21,6 +21,7 @@ export interface ControlCenterState {
     handleCreateFeatureSubmit: (data: FeatureCreatePayload) => void;
     closeCreateDrawer: () => void;
     handleDeleteFeature: (featureId: string) => Promise<void>;
+    handleDeleteRepository: (repositoryId: string) => Promise<void>;
     isDeleting: boolean;
     createFeatureNode: (sourceNodeId: string | null, dataOverride?: Partial<FeatureNodeData>) => string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAKhF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,yBAAyB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,yBAAyB,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChE,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,KACpC,MAAM,CAAC;CACb;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAmZpB"}
+{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAOhF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,yBAAyB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,yBAAyB,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChE,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,KACpC,MAAM,CAAC;CACb;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAwepB"}

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

@@ -6,6 +6,8 @@ import { applyNodeChanges } from '@xyflow/react';
 import { layoutWithDagre } from '../../../lib/layout-with-dagre.js';
 import { createFeature } from '../../../app/actions/create-feature.js';
 import { deleteFeature } from '../../../app/actions/delete-feature.js';
+import { addRepository } from '../../../app/actions/add-repository.js';
+import { deleteRepository } from '../../../app/actions/delete-repository.js';
 import { useAgentEventsContext } from '../../../hooks/agent-events-provider.js';
 let nextFeatureId = 0;
 export function useControlCenterState(initialNodes, initialEdges) {
@@ -151,8 +153,8 @@ export function useControlCenterState(initialNodes, initialEdges) {
             else if (sourceNodeId) {
                 // First child — position to the right of parent
                 const parent = currentNodes.find((n) => n.id === sourceNodeId);
-                // Parent width + consistent 56px gap (repo: 224+56=280, feature: 288+56=344)
-                const xOffset = parent?.type === 'featureNode' ? 344 : 280;
+                // Parent width (288) + 200px gap matching dagre ranksep
+                const xOffset = 488;
                 position = parent
                     ? { x: parent.position.x + xOffset, y: parent.position.y }
                     : { x: 400, y: 200 };
@@ -283,6 +285,26 @@ export function useControlCenterState(initialNodes, initialEdges) {
             setIsDeleting(false);
         }
     }, [router]);
+    const handleDeleteRepository = useCallback(async (repositoryId) => {
+        const repoNodeId = `repo-${repositoryId}`;
+        // Optimistic: remove node and its edges immediately
+        setNodes((prev) => prev.filter((n) => n.id !== repoNodeId));
+        setEdges((prev) => prev.filter((e) => e.source !== repoNodeId && e.target !== repoNodeId));
+        try {
+            const result = await deleteRepository(repositoryId);
+            if (!result.success) {
+                toast.error(result.error ?? 'Failed to remove repository');
+                router.refresh();
+                return;
+            }
+            toast.success('Repository removed');
+            router.refresh();
+        }
+        catch {
+            toast.error('Failed to remove repository');
+            router.refresh();
+        }
+    }, [router]);
     const handleAddFeatureToRepo = useCallback((repoNodeId) => {
         setSelectedNode(null);
         setPendingRepoNodeId(repoNodeId);
@@ -304,32 +326,71 @@ export function useControlCenterState(initialNodes, initialEdges) {
         });
     }, [edges]);
     const handleAddRepository = useCallback((path) => {
-        const id = `repo-${Date.now()}`;
+        const tempId = `repo-temp-${Date.now()}`;
+        const repoName = path
+            .replace(/[\\/]+$/, '')
+            .split(/[\\/]/)
+            .pop() ?? path;
+        // Optimistic UI: add node immediately
         setNodes((currentNodes) => {
+            const repoNodes = currentNodes.filter((n) => n.type === 'repositoryNode');
             const addRepoNode = currentNodes.find((n) => n.type === 'addRepositoryNode');
-            const position = addRepoNode
-                ? { x: addRepoNode.position.x, y: addRepoNode.position.y }
-                : { x: 50, y: 50 };
+            // Place in the repo column, below the last existing repo node
+            const repoX = repoNodes[0]?.position.x ?? addRepoNode?.position.x ?? 50;
+            const repoHeight = 50; // repositoryNode height
+            const gap = 15; // match dagre nodesep
+            const lastRepoBottomY = repoNodes.length > 0
+                ? Math.max(...repoNodes.map((n) => n.position.y)) + repoHeight
+                : addRepoNode
+                    ? addRepoNode.position.y
+                    : 0;
+            const position = { x: repoX, y: lastRepoBottomY + gap };
             const newNode = {
-                id,
+                id: tempId,
                 type: 'repositoryNode',
                 position,
-                data: {
-                    name: path
-                        .replace(/[\\/]+$/, '')
-                        .split(/[\\/]/)
-                        .pop() ?? path,
-                },
+                data: { name: repoName, repositoryPath: path, id: tempId },
             };
-            // Shift the add-repo node down
+            // Move addRepo button below the new node
+            const addRepoY = position.y + repoHeight + gap;
             return currentNodes
-                .map((n) => n.type === 'addRepositoryNode'
-                ? { ...n, position: { ...n.position, y: n.position.y + 80 } }
-                : n)
+                .map((n) => n.type === 'addRepositoryNode' ? { ...n, position: { ...n.position, y: addRepoY } } : n)
                 .concat(newNode);
         });
-    }, []);
-    const pendingRepositoryPath = pendingRepoNodeId?.replace(/^repo-/, '') ?? '';
+        // Persist via server action
+        addRepository({ path, name: repoName })
+            .then((result) => {
+            if (result.error) {
+                // Rollback optimistic node
+                setNodes((prev) => prev.filter((n) => n.id !== tempId));
+                toast.error(result.error);
+                return;
+            }
+            // Replace temp ID with real repository ID
+            const repo = result.repository;
+            const realId = `repo-${repo.id}`;
+            setNodes((prev) => prev.map((n) => n.id === tempId
+                ? {
+                    ...n,
+                    id: realId,
+                    data: { ...n.data, id: repo.id, repositoryPath: repo.path },
+                }
+                : n));
+            setEdges((prev) => prev.map((e) => ({
+                ...e,
+                source: e.source === tempId ? realId : e.source,
+                target: e.target === tempId ? realId : e.target,
+                id: e.id.replace(tempId, realId),
+            })));
+            router.refresh();
+        })
+            .catch(() => {
+            setNodes((prev) => prev.filter((n) => n.id !== tempId));
+            toast.error('Failed to add repository');
+        });
+    }, [router]);
+    const pendingNode = pendingRepoNodeId ? nodes.find((n) => n.id === pendingRepoNodeId) : null;
+    const pendingRepositoryPath = pendingNode?.data?.repositoryPath ?? '';
     return {
         nodes,
         edges,
@@ -348,6 +409,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
         handleCreateFeatureSubmit,
         closeCreateDrawer,
         handleDeleteFeature,
+        handleDeleteRepository,
         isDeleting,
         createFeatureNode,
     };

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

@@ -13,10 +13,11 @@ export interface FeaturesCanvasProps {
     onNodeClick?: (event: React.MouseEvent, node: CanvasNodeType) => void;
     onPaneClick?: (event: React.MouseEvent) => void;
     onRepositoryAdd?: (repoNodeId: string) => void;
+    onRepositoryDelete?: (repositoryId: string) => void;
     onConnect?: (connection: Connection) => void;
     onRepositorySelect?: (path: string) => void;
     toolbar?: React.ReactNode;
     emptyState?: React.ReactNode;
 }
-export declare function FeaturesCanvas({ nodes, edges, onNodesChange, onAddFeature, onNodeAction, onNodeSettings, onConnect, onNodeClick, onPaneClick, onRepositoryAdd, onRepositorySelect, toolbar, emptyState, }: FeaturesCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeaturesCanvas({ nodes, edges, onNodesChange, onAddFeature, onNodeAction, onNodeSettings, onConnect, onNodeClick, onPaneClick, onRepositoryAdd, onRepositoryDelete, onRepositorySelect, toolbar, emptyState, }: FeaturesCanvasProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=features-canvas.d.ts.map

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,MAAM,eAAe,CAAC;AAKlE,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,kCAAkC,CAAC;AAEzF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAErF,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;AAE1F,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,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,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,OAAO,EACP,UAAU,GACX,EAAE,mBAAmB,2CAiGrB"}
+{"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,MAAM,eAAe,CAAC;AAKlE,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,kCAAkC,CAAC;AAEzF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAErF,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;AAE1F,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,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,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,OAAO,EACP,UAAU,GACX,EAAE,mBAAmB,2CA0GrB"}

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

@@ -8,7 +8,7 @@ import { EmptyState } from '../../common/empty-state/index.js';
 import { FeatureNode } from '../../common/feature-node/index.js';
 import { RepositoryNode } from '../../common/repository-node/index.js';
 import { AddRepositoryNode } from '../../common/add-repository-node/index.js';
-export function FeaturesCanvas({ nodes, edges, onNodesChange, onAddFeature, onNodeAction, onNodeSettings, onConnect, onNodeClick, onPaneClick, onRepositoryAdd, onRepositorySelect, toolbar, emptyState, }) {
+export function FeaturesCanvas({ nodes, edges, onNodesChange, onAddFeature, onNodeAction, onNodeSettings, onConnect, onNodeClick, onPaneClick, onRepositoryAdd, onRepositoryDelete, onRepositorySelect, toolbar, emptyState, }) {
     const nodeTypes = useMemo(() => ({
         featureNode: FeatureNode,
         repositoryNode: RepositoryNode,
@@ -37,12 +37,21 @@ export function FeaturesCanvas({ nodes, edges, onNodesChange, onAddFeature, onNo
             }),
             ...(node.type === 'repositoryNode' && {
                 onAdd: onRepositoryAdd ? () => onRepositoryAdd(node.id) : undefined,
+                onDelete: onRepositoryDelete,
             }),
             ...(node.type === 'addRepositoryNode' && {
                 onSelect: onRepositorySelect ? (path) => onRepositorySelect(path) : undefined,
             }),
         },
-    })), [nodes, edges.length, onNodeAction, onNodeSettings, onRepositoryAdd, onRepositorySelect]);
+    })), [
+        nodes,
+        edges.length,
+        onNodeAction,
+        onNodeSettings,
+        onRepositoryAdd,
+        onRepositoryDelete,
+        onRepositorySelect,
+    ]);
     if (nodes.length === 0) {
         if (emptyState) {
             return (_jsx("div", { "data-testid": "features-canvas-empty", className: "h-full w-full", children: emptyState }));

package/dist/src/presentation/web/lib/layout-with-dagre.js

@@ -2,7 +2,7 @@ import dagre from '@dagrejs/dagre';
 /** Known node-type dimensions for the canvas node types */
 const NODE_DIMENSIONS = {
     featureNode: { width: 288, height: 140 },
-    repositoryNode: { width: 224, height: 50 },
+    repositoryNode: { width: 288, height: 50 },
     addRepositoryNode: { width: 224, height: 50 },
 };
 function getNodeSize(node, defaultSize) {