@shepai/cli 1.24.0 → 1.26.0

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

@@ -1,13 +1,18 @@
 'use client';
 import { useState, useCallback, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { toast } from 'sonner';
 import { applyNodeChanges } from '@xyflow/react';
 import { layoutWithDagre } from '../../../lib/layout-with-dagre.js';
 let nextFeatureId = 0;
 export function useControlCenterState(initialNodes, initialEdges) {
+    const router = useRouter();
     const [nodes, setNodes] = useState(initialNodes);
     const [edges, setEdges] = useState(initialEdges);
     const [selectedNode, setSelectedNode] = useState(null);
     const [isCreateDrawerOpen, setIsCreateDrawerOpen] = useState(false);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [pendingRepoNodeId, setPendingRepoNodeId] = useState(null);
     const onNodesChange = useCallback((changes) => {
         setNodes((ns) => applyNodeChanges(changes, ns));
     }, []);
@@ -67,6 +72,8 @@ export function useControlCenterState(initialNodes, initialEdges) {
             lifecycle: 'requirements',
             state: 'running',
             progress: 0,
+            repositoryPath: dataOverride?.repositoryPath ?? '',
+            branch: dataOverride?.branch ?? '',
         };
         setNodes((currentNodes) => {
             // Find siblings connected to the same parent
@@ -161,19 +168,49 @@ export function useControlCenterState(initialNodes, initialEdges) {
         setSelectedNode(null);
         setIsCreateDrawerOpen(true);
     }, []);
-    const handleCreateFeatureSubmit = useCallback((data) => {
-        setIsCreateDrawerOpen(false);
-        createFeatureNode(null, {
-            name: data.name,
-            description: data.description || undefined,
-        });
-    }, [createFeatureNode]);
+    const handleCreateFeatureSubmit = useCallback(async (data) => {
+        if (!pendingRepoNodeId) {
+            toast.error('Please create the feature from a repository node.');
+            return;
+        }
+        const repositoryPath = pendingRepoNodeId.replace(/^repo-/, '');
+        setIsSubmitting(true);
+        try {
+            const response = await fetch('/api/features/create', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    name: data.name,
+                    description: data.description || '',
+                    repositoryPath,
+                    attachments: data.attachments,
+                }),
+            });
+            if (!response.ok) {
+                const body = await response.json();
+                toast.error(body.error ?? 'Failed to create feature');
+                return;
+            }
+            setIsCreateDrawerOpen(false);
+            setPendingRepoNodeId(null);
+            toast.success('Feature created successfully');
+            router.refresh();
+        }
+        catch {
+            toast.error('Failed to create feature');
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }, [pendingRepoNodeId, router]);
     const closeCreateDrawer = useCallback(() => {
         setIsCreateDrawerOpen(false);
     }, []);
     const handleAddFeatureToRepo = useCallback((repoNodeId) => {
-        createFeatureNode(repoNodeId);
-    }, [createFeatureNode]);
+        setSelectedNode(null);
+        setPendingRepoNodeId(repoNodeId);
+        setIsCreateDrawerOpen(true);
+    }, []);
     const handleAddFeatureToFeature = useCallback((featureNodeId) => {
         createFeatureNode(featureNodeId);
     }, [createFeatureNode]);
@@ -220,6 +257,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
         edges,
         selectedNode,
         isCreateDrawerOpen,
+        isSubmitting,
         onNodesChange,
         handleConnect,
         clearSelection,

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

@@ -1 +1 @@
-{"version":3,"file":"features-canvas.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAcrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoJnC,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAwDF,eAAO,MAAM,mCAAmC,EAAE,KAOjD,CAAC;AAgCF,eAAO,MAAM,gCAAgC,EAAE,KAS9C,CAAC;AA0DF,eAAO,MAAM,gCAAgC,EAAE,KAW9C,CAAC;AAmDF,eAAO,MAAM,oBAAoB,EAAE,KAUlC,CAAC;AAmGF,eAAO,MAAM,oCAAoC,EAAE,KAOlD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KASvC,CAAC"}
+{"version":3,"file":"features-canvas.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAcrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAwKnC,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AA4DF,eAAO,MAAM,mCAAmC,EAAE,KAOjD,CAAC;AAkCF,eAAO,MAAM,gCAAgC,EAAE,KAS9C,CAAC;AAgEF,eAAO,MAAM,gCAAgC,EAAE,KAW9C,CAAC;AAuDF,eAAO,MAAM,oBAAoB,EAAE,KAUlC,CAAC;AA2GF,eAAO,MAAM,oCAAoC,EAAE,KAOlD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KASvC,CAAC"}

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

@@ -24,6 +24,8 @@ const singleNode = {
         lifecycle: 'requirements',
         state: 'running',
         progress: 45,
+        repositoryPath: '/home/user/my-repo',
+        branch: 'feat/auth-module',
     },
 };
 const multipleNodes = [
@@ -38,6 +40,8 @@ const multipleNodes = [
             lifecycle: 'implementation',
             state: 'running',
             progress: 65,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/auth-module',
         },
     },
     {
@@ -51,6 +55,8 @@ const multipleNodes = [
             lifecycle: 'research',
             state: 'action-required',
             progress: 20,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/user-dashboard',
         },
     },
     {
@@ -64,6 +70,8 @@ const multipleNodes = [
             lifecycle: 'deploy',
             state: 'done',
             progress: 100,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/api-gateway',
         },
     },
     {
@@ -77,6 +85,8 @@ const multipleNodes = [
             lifecycle: 'review',
             state: 'blocked',
             progress: 40,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/payment-integration',
         },
     },
     {
@@ -90,6 +100,8 @@ const multipleNodes = [
             lifecycle: 'implementation',
             state: 'error',
             progress: 30,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/email-service',
         },
     },
 ];
@@ -105,6 +117,8 @@ const connectedNodes = [
             lifecycle: 'implementation',
             state: 'running',
             progress: 65,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/auth-module',
         },
     },
     {
@@ -119,6 +133,8 @@ const connectedNodes = [
             state: 'blocked',
             progress: 10,
             blockedBy: 'Auth Module',
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/user-dashboard',
         },
     },
     {
@@ -132,6 +148,8 @@ const connectedNodes = [
             lifecycle: 'requirements',
             state: 'action-required',
             progress: 5,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/api-gateway',
         },
     },
     {
@@ -146,6 +164,8 @@ const connectedNodes = [
             state: 'blocked',
             progress: 0,
             blockedBy: 'User Dashboard',
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/admin-panel',
         },
     },
 ];
@@ -220,6 +240,8 @@ const repoFeatureNodes = [
             lifecycle: 'implementation',
             state: 'running',
             progress: 65,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/auth-module',
         },
     },
     {
@@ -233,6 +255,8 @@ const repoFeatureNodes = [
             lifecycle: 'requirements',
             state: 'action-required',
             progress: 20,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/feature-flow-canvas',
         },
     },
 ];
@@ -274,6 +298,8 @@ const singleRepoSingleFeatureNodes = [
             lifecycle: 'implementation',
             state: 'running',
             progress: 65,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/auth-module',
         },
     },
 ];
@@ -312,6 +338,8 @@ const singleRepoMultiFeatNodes = [
             lifecycle: 'implementation',
             state: 'running',
             progress: 40,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/sso-integration',
         },
     },
     {
@@ -325,6 +353,8 @@ const singleRepoMultiFeatNodes = [
             lifecycle: 'requirements',
             state: 'action-required',
             progress: 10,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/auth-module',
         },
     },
     {
@@ -338,6 +368,8 @@ const singleRepoMultiFeatNodes = [
             lifecycle: 'research',
             state: 'running',
             progress: 25,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/api-gateway',
         },
     },
 ];
@@ -384,6 +416,8 @@ const multiRepoNodes = [
             lifecycle: 'implementation',
             state: 'running',
             progress: 65,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/auth-module',
         },
     },
     {
@@ -397,6 +431,8 @@ const multiRepoNodes = [
             lifecycle: 'requirements',
             state: 'action-required',
             progress: 15,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/dashboard-ui',
         },
     },
 ];
@@ -448,6 +484,8 @@ const mixedRepoFeatureNodesRaw = [
             lifecycle: 'implementation',
             state: 'running',
             progress: 65,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/auth-module',
         },
     },
     {
@@ -461,6 +499,8 @@ const mixedRepoFeatureNodesRaw = [
             lifecycle: 'research',
             state: 'action-required',
             progress: 20,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/sso-integration',
         },
     },
     {
@@ -474,6 +514,8 @@ const mixedRepoFeatureNodesRaw = [
             lifecycle: 'requirements',
             state: 'running',
             progress: 10,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/api-gateway',
         },
     },
     {
@@ -487,6 +529,8 @@ const mixedRepoFeatureNodesRaw = [
             lifecycle: 'deploy',
             state: 'done',
             progress: 100,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/admin-panel',
         },
     },
 ];

package/dist/src/presentation/web/dev-server.js

@@ -39,21 +39,34 @@ async function main() {
     const server = http.createServer((req, res) => {
         handle(req, res);
     });
+    // Forward WebSocket upgrades to Next.js for HMR/Fast Refresh
+    server.on('upgrade', (req, socket, head) => {
+        app.getUpgradeHandler()(req, socket, head);
+    });
     await new Promise((resolve, reject) => {
         server.on('error', reject);
         server.listen(port, 'localhost', resolve);
     });
     console.log(`[dev-server] Ready at http://localhost:${port}`);
-    // Graceful shutdown
+    // Graceful shutdown with timeout to avoid hanging on open connections
     let isShuttingDown = false;
     const shutdown = async () => {
         if (isShuttingDown)
             return;
         isShuttingDown = true;
         console.log('\n[dev-server] Shutting down...');
-        await new Promise((resolve) => server.close(() => resolve()));
-        await app.close();
-        process.exit(0);
+        const forceExit = setTimeout(() => process.exit(0), 2000);
+        try {
+            server.closeAllConnections();
+            await Promise.all([
+                new Promise((resolve) => server.close(() => resolve())),
+                app.close(),
+            ]);
+        }
+        finally {
+            clearTimeout(forceExit);
+            process.exit(0);
+        }
     };
     process.on('SIGINT', shutdown);
     process.on('SIGTERM', shutdown);