@shepai/cli 1.80.0-pr240.79a8bf7 → 1.80.0-pr251.01d2174

package/dist/src/presentation/web/components/common/feature-node/feature-node.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Handle, Position } from '@xyflow/react';
-import { Plus, FileText, Wrench, GitMerge, Trash2 } from 'lucide-react';
+import { Plus, FileText, Wrench, GitMerge, Trash2, Zap } from 'lucide-react';
 import { cn } from '../../../lib/utils.js';
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../ui/dialog.js';
 import { Button } from '../../ui/button.js';
@@ -17,10 +17,8 @@ function AgentIcon({ agentType, className }) {
 function getBadgeIcon(data) {
     const config = featureNodeStateConfig[data.state];
     if (data.state === 'action-required') {
-        if (data.lifecycle === 'requirements' || data.lifecycle === 'gathering')
+        if (data.lifecycle === 'requirements')
             return FileText;
-        if (data.lifecycle === 'planning')
-            return Wrench;
         if (data.lifecycle === 'implementation')
             return Wrench;
         if (data.lifecycle === 'review')
@@ -32,13 +30,13 @@ function getBadgeIcon(data) {
 function getActionRequiredBadgeClasses(data) {
     if (data.state !== 'action-required')
         return null;
-    if (data.lifecycle === 'planning' || data.lifecycle === 'implementation') {
+    if (data.lifecycle === 'implementation') {
         return { badgeClass: 'text-indigo-700', badgeBgClass: 'bg-indigo-50' };
     }
     if (data.lifecycle === 'review') {
         return { badgeClass: 'text-emerald-700', badgeBgClass: 'bg-emerald-50' };
     }
-    return null; // requirements/gathering stays amber (default)
+    return null; // requirements stays amber (default)
 }
 function getBadgeText(data) {
     const config = featureNodeStateConfig[data.state];
@@ -52,12 +50,10 @@ function getBadgeText(data) {
         case 'blocked':
             return data.blockedBy ? `Waiting on ${data.blockedBy}` : 'Blocked';
         case 'action-required':
-            if (data.lifecycle === 'requirements' || data.lifecycle === 'gathering')
+            if (data.lifecycle === 'requirements')
                 return 'Review Product Requirements';
-            if (data.lifecycle === 'planning')
-                return 'Review Technical Planning';
             if (data.lifecycle === 'implementation')
-                return 'Review Implementation';
+                return 'Review Technical Planning';
             if (data.lifecycle === 'review')
                 return 'Review Merge Request';
             return config.label;
@@ -78,12 +74,12 @@ export function FeatureNode({ data, selected, }) {
                                                 e.stopPropagation();
                                                 setConfirmOpen(false);
                                                 data.onDelete?.(data.featureId);
-                                            }, children: "Delete" })] })] }) })] })) : null, _jsxs("div", { "data-testid": "feature-node-card", "aria-busy": data.state === 'creating' ? 'true' : undefined, className: cn('bg-card flex min-h-35 w-72 flex-col rounded-lg border p-3 shadow-sm', selected && 'ring-primary ring-2'), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { "data-testid": "feature-node-lifecycle-label", className: cn('text-[10px] font-semibold tracking-wider'), children: data.state === 'blocked' ? 'BLOCKED' : lifecycleDisplayLabels[data.lifecycle] }), data.agentType ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": agentTypeLabels[data.agentType] ?? data.agentType, "data-testid": "feature-node-agent-badge", onClick: (e) => {
-                                                    e.stopPropagation();
-                                                    data.onSettings?.();
-                                                }, className: cn('nodrag -mt-1 -mr-1 p-1', data.onSettings
-                                                    ? 'cursor-pointer opacity-80 transition-opacity hover:opacity-100'
-                                                    : 'cursor-default'), children: _jsx(AgentIcon, { agentType: data.agentType, className: "h-3.5 w-3.5" }) }) }), _jsxs(TooltipContent, { side: "bottom", children: [_jsx("span", { className: "font-medium", children: agentTypeLabels[data.agentType] ?? data.agentType }), data.modelId ? (_jsxs("span", { className: "ml-1 opacity-70", children: ["\u00B7 ", getModelMeta(data.modelId).displayName || data.modelId] })) : null] })] }) })) : null] }), _jsx("h3", { className: "mt-1 truncate text-sm font-bold", children: data.name }), data.description ? (_jsx("p", { "data-testid": "feature-node-description", className: "text-muted-foreground mt-0.5 truncate text-xs", children: data.description })) : null, _jsx("div", { className: "mt-auto pt-2", children: data.state === 'creating' ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mt-1.5 flex items-center gap-1.5 text-xs", children: [_jsx(Icon, { className: "h-3.5 w-3.5 shrink-0 animate-spin" }), _jsx("span", { className: "text-muted-foreground", children: getBadgeText(data) })] }), _jsx("div", { "data-testid": "feature-node-progress-bar", className: "bg-muted mt-1.5 h-1 w-full overflow-hidden rounded-full", children: _jsx("div", { className: "motion-safe:animate-indeterminate-progress bg-foreground/30 h-full w-1/3 rounded-full" }) })] })) : data.state === 'running' ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mt-1.5 flex items-center gap-1.5 text-xs", children: [_jsx(AgentIcon, { agentType: data.agentType, className: "h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "text-muted-foreground", children: getBadgeText(data) })] }), _jsx("div", { "data-testid": "feature-node-progress-bar", className: "bg-muted mt-1.5 h-1 w-full overflow-hidden rounded-full", children: _jsx("div", { className: "animate-indeterminate-progress bg-foreground/30 h-full w-1/3 rounded-full" }) })] })) : config.showProgressBar ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-muted-foreground flex items-center justify-end text-[10px]", children: _jsxs("span", { children: [data.progress, "%"] }) }), _jsx("div", { "data-testid": "feature-node-progress-bar", className: "bg-muted mt-1.5 h-1 w-full overflow-hidden rounded-full", children: _jsx("div", { className: cn('h-full rounded-full transition-all', config.progressClass), style: { width: `${data.progress}%` } }) })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-muted-foreground text-[10px]", children: _jsx("span", { children: data.featureId }) }), _jsxs("div", { "data-testid": "feature-node-badge", className: (() => {
+                                            }, children: "Delete" })] })] }) })] })) : null, _jsxs("div", { "data-testid": "feature-node-card", "aria-busy": data.state === 'creating' ? 'true' : undefined, className: cn('bg-card flex min-h-35 w-72 flex-col rounded-lg border p-3 shadow-sm', selected && 'ring-primary ring-2'), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { "data-testid": "feature-node-lifecycle-label", className: cn('text-[10px] font-semibold tracking-wider'), children: data.state === 'blocked' ? 'BLOCKED' : lifecycleDisplayLabels[data.lifecycle] }), _jsxs("div", { className: "flex items-center gap-0.5", children: [data.fastMode ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { "data-testid": "feature-node-fast-mode-badge", className: "-mt-1 p-1", children: _jsx(Zap, { className: "h-3.5 w-3.5 text-amber-500" }) }) }), _jsx(TooltipContent, { side: "bottom", children: "Fast Mode" })] }) })) : null, data.agentType ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": agentTypeLabels[data.agentType] ?? data.agentType, "data-testid": "feature-node-agent-badge", onClick: (e) => {
+                                                            e.stopPropagation();
+                                                            data.onSettings?.();
+                                                        }, className: cn('nodrag -mt-1 -mr-1 p-1', data.onSettings
+                                                            ? 'cursor-pointer opacity-80 transition-opacity hover:opacity-100'
+                                                            : 'cursor-default'), children: _jsx(AgentIcon, { agentType: data.agentType, className: "h-3.5 w-3.5" }) }) }), _jsxs(TooltipContent, { side: "bottom", children: [_jsx("span", { className: "font-medium", children: agentTypeLabels[data.agentType] ?? data.agentType }), data.modelId ? (_jsxs("span", { className: "ml-1 opacity-70", children: ["\u00B7 ", getModelMeta(data.modelId).displayName || data.modelId] })) : null] })] }) })) : null] })] }), _jsx("h3", { className: "mt-1 truncate text-sm font-bold", children: data.name }), data.description ? (_jsx("p", { "data-testid": "feature-node-description", className: "text-muted-foreground mt-0.5 truncate text-xs", children: data.description })) : null, _jsx("div", { className: "mt-auto pt-2", children: data.state === 'creating' ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mt-1.5 flex items-center gap-1.5 text-xs", children: [_jsx(Icon, { className: "h-3.5 w-3.5 shrink-0 animate-spin" }), _jsx("span", { className: "text-muted-foreground", children: getBadgeText(data) })] }), _jsx("div", { "data-testid": "feature-node-progress-bar", className: "bg-muted mt-1.5 h-1 w-full overflow-hidden rounded-full", children: _jsx("div", { className: "motion-safe:animate-indeterminate-progress bg-foreground/30 h-full w-1/3 rounded-full" }) })] })) : data.state === 'running' ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mt-1.5 flex items-center gap-1.5 text-xs", children: [_jsx(AgentIcon, { agentType: data.agentType, className: "h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "text-muted-foreground", children: getBadgeText(data) })] }), _jsx("div", { "data-testid": "feature-node-progress-bar", className: "bg-muted mt-1.5 h-1 w-full overflow-hidden rounded-full", children: _jsx("div", { className: "animate-indeterminate-progress bg-foreground/30 h-full w-1/3 rounded-full" }) })] })) : config.showProgressBar ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-muted-foreground flex items-center justify-end text-[10px]", children: _jsxs("span", { children: [data.progress, "%"] }) }), _jsx("div", { "data-testid": "feature-node-progress-bar", className: "bg-muted mt-1.5 h-1 w-full overflow-hidden rounded-full", children: _jsx("div", { className: cn('h-full rounded-full transition-all', config.progressClass), style: { width: `${data.progress}%` } }) })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-muted-foreground text-[10px]", children: _jsx("span", { children: data.featureId }) }), _jsxs("div", { "data-testid": "feature-node-badge", className: (() => {
                                         const override = getActionRequiredBadgeClasses(data);
                                         return cn('mt-1.5 flex items-center justify-center gap-1.5 rounded-full px-2.5 py-1 text-[11px] font-medium', override?.badgeBgClass ?? config.badgeBgClass, override?.badgeClass ?? config.badgeClass);
                                     })(), children: [(() => {

package/dist/src/presentation/web/components/common/feature-node/feature-node.stories.d.ts

@@ -12,9 +12,10 @@ export declare const LongContent: Story;
 export declare const DoneWithRuntime: Story;
 export declare const BlockedByFeature: Story;
 export declare const Creating: Story;
-export declare const PlanningActionRequired: Story;
 export declare const MergeReviewActionRequired: Story;
 export declare const ErrorWithMessage: Story;
 export declare const WithDeleteButton: Story;
+export declare const FastMode: Story;
+export declare const FastModeDone: Story;
 export declare const Interactive: Story;
 //# sourceMappingURL=feature-node.stories.d.ts.map

package/dist/src/presentation/web/components/common/feature-node/feature-node.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-node.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/feature-node.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,KAAK,EACV,eAAe,EAIhB,MAAM,6BAA6B,CAAC;AAiCrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,eAAe,CAc/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAgHF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAaF,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AA2EF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAUpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAUvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AA4EF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC"}
+{"version":3,"file":"feature-node.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/feature-node.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,KAAK,EACV,eAAe,EAIhB,MAAM,6BAA6B,CAAC;AAiCrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,eAAe,CAc/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAsGF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAWF,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AA2EF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAUvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AA4EF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC"}

package/dist/src/presentation/web/components/common/feature-node/feature-node.stories.js

@@ -75,16 +75,6 @@ const allStatesData = [
         repositoryPath: '/home/user/my-repo',
         branch: 'feat/data-pipeline',
     },
-    {
-        name: 'Tech Plan Review',
-        description: 'Technical plan awaiting review',
-        featureId: '#bi4',
-        lifecycle: 'planning',
-        state: 'action-required',
-        progress: 25,
-        repositoryPath: '/home/user/my-repo',
-        branch: 'feat/tech-plan',
-    },
     {
         name: 'Merge Review',
         description: 'PR ready for merge approval',
@@ -142,9 +132,7 @@ export const AllStates = {
 };
 const allLifecycles = [
     'requirements',
-    'gathering',
     'research',
-    'planning',
     'implementation',
     'review',
     'deploy',
@@ -286,17 +274,6 @@ export const Creating = {
     },
     render: (args) => _jsx(FeatureNodeCanvas, { data: args }),
 };
-export const PlanningActionRequired = {
-    args: {
-        name: 'Tech Plan Review',
-        description: 'Technical planning awaiting review',
-        featureId: '#bi4',
-        lifecycle: 'planning',
-        state: 'action-required',
-        progress: 30,
-    },
-    render: (args) => _jsx(FeatureNodeCanvas, { data: args }),
-};
 export const MergeReviewActionRequired = {
     args: {
         name: 'Merge Review',
@@ -332,6 +309,35 @@ export const WithDeleteButton = {
     },
     render: (args) => _jsx(FeatureNodeCanvas, { data: args }),
 };
+export const FastMode = {
+    args: {
+        name: 'Quick Feature',
+        description: 'Fast mode feature — skipping SDLC phases',
+        featureId: '#fm1',
+        lifecycle: 'implementation',
+        state: 'running',
+        progress: 50,
+        fastMode: true,
+        agentType: 'claude-code',
+        modelId: 'claude-sonnet-4-6',
+    },
+    render: (args) => _jsx(FeatureNodeCanvas, { data: args }),
+};
+export const FastModeDone = {
+    args: {
+        name: 'Fast Feature Done',
+        description: 'Completed fast mode feature',
+        featureId: '#fm2',
+        lifecycle: 'deploy',
+        state: 'done',
+        progress: 100,
+        runtime: '12m',
+        fastMode: true,
+        agentType: 'claude-code',
+        modelId: 'claude-sonnet-4-6',
+    },
+    render: (args) => _jsx(FeatureNodeCanvas, { data: args }),
+};
 const interactiveInitialNodes = [
     {
         id: 'node-1',