@shepai/cli 1.24.0 → 1.25.0

package/dist/packages/core/src/application/use-cases/features/create/metadata-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metadata-generator.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/core/src/application/use-cases/features/create/metadata-generator.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAChH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAKlD,qBACa,iBAAiB;IAG1B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;gBAAhB,gBAAgB,EAAE,sBAAsB;IAG3D;;;OAGG;IACG,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC;IAyCnE;;OAEG;IACH,OAAO,CAAC,cAAc;IAgBtB;;;OAGG;IACH,OAAO,CAAC,MAAM;CAgBf"}
+{"version":3,"file":"metadata-generator.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/core/src/application/use-cases/features/create/metadata-generator.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAChH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAKlD,qBACa,iBAAiB;IAG1B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;gBAAhB,gBAAgB,EAAE,sBAAsB;IAG3D;;;OAGG;IACG,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC;IA4CnE;;OAEG;IACH,OAAO,CAAC,cAAc;IAgBtB;;;OAGG;IACH,OAAO,CAAC,MAAM;CAgBf"}

package/dist/packages/core/src/application/use-cases/features/create/metadata-generator.js

@@ -53,6 +53,9 @@ JSON only, no markdown fences.`;
             silent: true,
         });
         const cleaned = this.stripCodeFence(result.result);
+        if (!cleaned) {
+            throw new Error('AI returned empty response for metadata generation');
+        }
         const parsed = JSON.parse(cleaned);
         if (!parsed.slug || !parsed.name || !parsed.description) {
             throw new Error('Missing required fields in AI response');

package/dist/packages/core/src/infrastructure/di/populate-use-cases-bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"populate-use-cases-bridge.d.ts","sourceRoot":"","sources":["../../../../../../packages/core/src/infrastructure/di/populate-use-cases-bridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAKpD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAOnE"}
+{"version":3,"file":"populate-use-cases-bridge.d.ts","sourceRoot":"","sources":["../../../../../../packages/core/src/infrastructure/di/populate-use-cases-bridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAQnE"}

package/dist/packages/core/src/infrastructure/di/populate-use-cases-bridge.js

@@ -12,6 +12,7 @@
  * @see use-cases-bridge.ts for the reader side (web-safe).
  */
 import { ListFeaturesUseCase } from '../../application/use-cases/features/list-features.use-case.js';
+import { CreateFeatureUseCase } from '../../application/use-cases/features/create/create-feature.use-case.js';
 import { SHEP_USE_CASES_KEY } from './use-cases-bridge.js';
 /**
  * Populate the globalThis bridge with resolved use cases from the DI container.
@@ -21,6 +22,7 @@ export function populateUseCasesBridge(c) {
     const bridge = {
         listFeatures: c.resolve(ListFeaturesUseCase),
         agentRunRepo: c.resolve('IAgentRunRepository'),
+        createFeature: c.resolve(CreateFeatureUseCase),
     };
     globalThis[SHEP_USE_CASES_KEY] = bridge;
     process[SHEP_USE_CASES_KEY] = bridge;

package/dist/packages/core/src/infrastructure/di/use-cases-bridge.d.ts

@@ -17,7 +17,8 @@
  */
 import type { Feature, AgentRun } from '../../domain/generated/output.js';
 import type { FeatureListFilters } from '../../application/ports/output/repositories/feature-repository.interface.js';
-export type { FeatureListFilters };
+import type { CreateFeatureInput, CreateFeatureResult } from '../../application/use-cases/features/create/types.js';
+export type { FeatureListFilters, CreateFeatureInput, CreateFeatureResult };
 /** The globalThis key shared between writer and reader. */
 export declare const SHEP_USE_CASES_KEY = "__shepUseCases";
 /**
@@ -31,4 +32,11 @@ export declare function getFeatures(filters?: FeatureListFilters): Promise<Featu
  * Returns null if the DI bridge is not initialized or the run is not found.
  */
 export declare function getAgentRun(id: string): Promise<AgentRun | null>;
+/**
+ * Create a new feature via the DI-managed use case.
+ * Unlike getFeatures/getAgentRun, this function propagates errors so callers
+ * (API routes) can return proper HTTP error responses and surface messages to the user.
+ * Throws if the bridge is not initialized or the use case fails.
+ */
+export declare function createFeature(input: CreateFeatureInput): Promise<CreateFeatureResult>;
 //# sourceMappingURL=use-cases-bridge.d.ts.map

package/dist/packages/core/src/infrastructure/di/use-cases-bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-cases-bridge.d.ts","sourceRoot":"","sources":["../../../../../../packages/core/src/infrastructure/di/use-cases-bridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6EAA6E,CAAC;AAEtH,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,mBAAmB,CAAC;AAiCnD;;;;GAIG;AACH,wBAAsB,WAAW,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,CAWlF;AAED;;;GAGG;AACH,wBAAsB,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAStE"}
+{"version":3,"file":"use-cases-bridge.d.ts","sourceRoot":"","sources":["../../../../../../packages/core/src/infrastructure/di/use-cases-bridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6EAA6E,CAAC;AACtH,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,sDAAsD,CAAC;AAE9D,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC;AAE5E,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,mBAAmB,CAAC;AAqCnD;;;;GAIG;AACH,wBAAsB,WAAW,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,CAWlF;AAED;;;GAGG;AACH,wBAAsB,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAStE;AAED;;;;;GAKG;AACH,wBAAsB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAO3F"}

package/dist/packages/core/src/infrastructure/di/use-cases-bridge.js

@@ -23,10 +23,13 @@ function isShepUseCases(value) {
     const maybe = value;
     const listFeatures = maybe.listFeatures;
     const agentRunRepo = maybe.agentRunRepo;
+    const createFeature = maybe.createFeature;
     return (!!listFeatures &&
         typeof listFeatures.execute === 'function' &&
         !!agentRunRepo &&
-        typeof agentRunRepo.findById === 'function');
+        typeof agentRunRepo.findById === 'function' &&
+        !!createFeature &&
+        typeof createFeature.execute === 'function');
 }
 function getUseCases() {
     const globalBridge = globalThis[SHEP_USE_CASES_KEY];
@@ -70,3 +73,16 @@ export async function getAgentRun(id) {
         return null;
     }
 }
+/**
+ * Create a new feature via the DI-managed use case.
+ * Unlike getFeatures/getAgentRun, this function propagates errors so callers
+ * (API routes) can return proper HTTP error responses and surface messages to the user.
+ * Throws if the bridge is not initialized or the use case fails.
+ */
+export async function createFeature(input) {
+    const useCases = getUseCases();
+    if (!useCases?.createFeature) {
+        throw new Error('Use-cases bridge is not initialized. Ensure the CLI process is running.');
+    }
+    return useCases.createFeature.execute(input);
+}

package/dist/src/presentation/web/app/api/features/create/route.d.ts

@@ -0,0 +1,5 @@
+import { NextResponse } from 'next/server';
+export declare function POST(request: Request): Promise<NextResponse<{
+    error: string;
+}> | NextResponse<import("../../../../../../../packages/core/src/infrastructure/di/use-cases-bridge.js").CreateFeatureResult>>;
+//# sourceMappingURL=route.d.ts.map

package/dist/src/presentation/web/app/api/features/create/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../../src/presentation/web/app/api/features/create/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA2B3C,wBAAsB,IAAI,CAAC,OAAO,EAAE,OAAO;;kGA0B1C"}

package/dist/src/presentation/web/app/api/features/create/route.js

@@ -0,0 +1,32 @@
+import { NextResponse } from 'next/server';
+import { createFeature } from '../../../../../../../packages/core/src/infrastructure/di/use-cases-bridge.js';
+function composeUserInput(name, description, attachments) {
+    let userInput = `Feature: ${name}`;
+    if (description) {
+        userInput += `\n\n${description}`;
+    }
+    if (attachments && attachments.length > 0) {
+        const paths = attachments.map((a) => `- ${a.path}`).join('\n');
+        userInput += `\n\nAttached files:\n${paths}`;
+    }
+    return userInput;
+}
+export async function POST(request) {
+    const body = await request.json();
+    const { name, description, repositoryPath, attachments } = body;
+    if (!name?.trim()) {
+        return NextResponse.json({ error: 'name is required' }, { status: 400 });
+    }
+    if (!repositoryPath?.trim()) {
+        return NextResponse.json({ error: 'repositoryPath is required' }, { status: 400 });
+    }
+    const userInput = composeUserInput(name, description, attachments);
+    try {
+        const result = await createFeature({ userInput, repositoryPath });
+        return NextResponse.json(result);
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : 'Failed to create feature';
+        return NextResponse.json({ error: message }, { status: 500 });
+    }
+}

package/dist/src/presentation/web/app/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,eAAe,CAAC;AAGvB,eAAO,MAAM,QAAQ,EAAE,QAItB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,GACT,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,2CAyBD"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,eAAe,CAAC;AAIvB,eAAO,MAAM,QAAQ,EAAE,QAItB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,GACT,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,2CA0BD"}

package/dist/src/presentation/web/app/layout.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@xyflow/react/dist/base.css';
 import './globals.css';
 import { AppShell } from '../components/layouts/app-shell/index.js';
+import { Toaster } from '../components/ui/sonner.js';
 export const metadata = {
     title: 'Shep AI',
     description: 'Autonomous AI Native SDLC Platform - Automate the development cycle from idea to deploy',
@@ -19,5 +20,5 @@ export default function RootLayout({ children, }) {
                 } catch (e) {}
               })();
             `,
-                    } }) }), _jsx("body", { className: "min-h-screen antialiased", children: _jsx(AppShell, { children: children }) })] }));
+                    } }) }), _jsxs("body", { className: "min-h-screen antialiased", children: [_jsx(AppShell, { children: children }), _jsx(Toaster, {})] })] }));
 }

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":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAK5E,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,2CAgDzF"}
+{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAK5E,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,2CAkDzF"}

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

@@ -6,12 +6,12 @@ import { FeatureDrawer, FeatureCreateDrawer } from '../../common/index.js';
 import { ControlCenterEmptyState } from './control-center-empty-state.js';
 import { useControlCenterState } from './use-control-center-state.js';
 export function ControlCenterInner({ initialNodes, initialEdges }) {
-    const { nodes, edges, selectedNode, isCreateDrawerOpen, onNodesChange, handleConnect, handleAddFeature, handleAddFeatureToRepo, handleAddFeatureToFeature, handleAddRepository, handleNodeClick, clearSelection, handleCreateFeatureSubmit, closeCreateDrawer, } = useControlCenterState(initialNodes, initialEdges);
+    const { nodes, edges, selectedNode, isCreateDrawerOpen, isSubmitting, onNodesChange, handleConnect, handleAddFeature, handleAddFeatureToRepo, handleAddFeatureToFeature, handleAddRepository, handleNodeClick, clearSelection, handleCreateFeatureSubmit, closeCreateDrawer, } = useControlCenterState(initialNodes, initialEdges);
     // Listen for global "open create drawer" events from the sidebar
     useEffect(() => {
         const handler = () => handleAddFeature();
         window.addEventListener('shep:open-create-drawer', handler);
         return () => window.removeEventListener('shep:open-create-drawer', handler);
     }, [handleAddFeature]);
-    return (_jsxs(_Fragment, { children: [_jsx(FeaturesCanvas, { nodes: nodes, edges: edges, onNodesChange: onNodesChange, onConnect: handleConnect, onAddFeature: handleAddFeature, onNodeAction: handleAddFeatureToFeature, onNodeClick: handleNodeClick, onPaneClick: clearSelection, onRepositoryAdd: handleAddFeatureToRepo, onRepositorySelect: handleAddRepository, emptyState: _jsx(ControlCenterEmptyState, { onRepositorySelect: handleAddRepository }) }), _jsx(FeatureDrawer, { selectedNode: selectedNode, onClose: clearSelection }), _jsx(FeatureCreateDrawer, { open: isCreateDrawerOpen, onClose: closeCreateDrawer, onSubmit: handleCreateFeatureSubmit })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(FeaturesCanvas, { nodes: nodes, edges: edges, onNodesChange: onNodesChange, onConnect: handleConnect, onAddFeature: handleAddFeature, onNodeAction: handleAddFeatureToFeature, onNodeClick: handleNodeClick, onPaneClick: clearSelection, onRepositoryAdd: handleAddFeatureToRepo, onRepositorySelect: handleAddRepository, emptyState: _jsx(ControlCenterEmptyState, { onRepositorySelect: handleAddRepository }) }), _jsx(FeatureDrawer, { selectedNode: selectedNode, onClose: clearSelection }), _jsx(FeatureCreateDrawer, { open: isCreateDrawerOpen, onClose: closeCreateDrawer, onSubmit: handleCreateFeatureSubmit, isSubmitting: isSubmitting })] }));
 }

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

@@ -8,6 +8,7 @@ export interface ControlCenterState {
     edges: Edge[];
     selectedNode: FeatureNodeData | null;
     isCreateDrawerOpen: boolean;
+    isSubmitting: boolean;
     onNodesChange: (changes: NodeChange<CanvasNodeType>[]) => void;
     handleConnect: (connection: Connection) => void;
     clearSelection: () => void;

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":"AAIA,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,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEhF,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,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,qBAAqB,KAAK,IAAI,CAAC;IACjE,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAkRpB"}
+{"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,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEhF,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,YAAY,EAAE,OAAO,CAAC;IACtB,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,qBAAqB,KAAK,IAAI,CAAC;IACjE,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAmTpB"}

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));
     }, []);
@@ -161,19 +166,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 +255,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
         edges,
         selectedNode,
         isCreateDrawerOpen,
+        isSubmitting,
         onNodesChange,
         handleConnect,
         clearSelection,

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);