@shepai/cli 1.26.0 → 1.28.0

package/dist/src/presentation/web/app/api/agent-events/route.js

@@ -0,0 +1,77 @@
+/**
+ * SSE API Route: GET /api/agent-events
+ *
+ * Streams agent lifecycle notification events to connected web UI clients
+ * via Server-Sent Events (SSE). This is the first API route in the web UI.
+ *
+ * - Subscribes to the notification event bus (shared in-process singleton)
+ * - Formats events as SSE data frames (event: notification\ndata: JSON\n\n)
+ * - Sends heartbeat comments every 30 seconds to keep connection alive
+ * - Supports optional ?runId query parameter to filter events
+ * - Cleans up listeners and intervals on client disconnect
+ */
+import { getNotificationBus, hasNotificationBus, } from '../../../../../../packages/core/src/infrastructure/services/notifications/notification-bus.js';
+const HEARTBEAT_INTERVAL_MS = 30_000;
+function formatSSEEvent(event) {
+    return `event: notification\ndata: ${JSON.stringify(event)}\n\n`;
+}
+function formatHeartbeat() {
+    return ': heartbeat\n\n';
+}
+export function GET(request) {
+    const url = new URL(request.url);
+    const runIdFilter = url.searchParams.get('runId');
+    const stream = new ReadableStream({
+        start(controller) {
+            const encoder = new TextEncoder();
+            // Check if bus is available
+            if (!hasNotificationBus()) {
+                controller.close();
+                return;
+            }
+            const bus = getNotificationBus();
+            // Notification event listener
+            const onNotification = (event) => {
+                // Apply runId filter if set
+                if (runIdFilter && event.agentRunId !== runIdFilter) {
+                    return;
+                }
+                try {
+                    controller.enqueue(encoder.encode(formatSSEEvent(event)));
+                }
+                catch {
+                    // Stream may be closed — ignore enqueue errors
+                }
+            };
+            bus.on('notification', onNotification);
+            // Heartbeat to keep connection alive
+            const heartbeatInterval = setInterval(() => {
+                try {
+                    controller.enqueue(encoder.encode(formatHeartbeat()));
+                }
+                catch {
+                    // Stream may be closed — ignore enqueue errors
+                }
+            }, HEARTBEAT_INTERVAL_MS);
+            // Cleanup on client disconnect
+            const cleanup = () => {
+                bus.removeListener('notification', onNotification);
+                clearInterval(heartbeatInterval);
+                try {
+                    controller.close();
+                }
+                catch {
+                    // Stream may already be closed
+                }
+            };
+            request.signal.addEventListener('abort', cleanup, { once: true });
+        },
+    });
+    return new Response(stream, {
+        headers: {
+            'Content-Type': 'text/event-stream',
+            'Cache-Control': 'no-cache',
+            Connection: 'keep-alive',
+        },
+    });
+}

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

@@ -1 +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"}
+{"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;AAqD3C,wBAAsB,IAAI,CAAC,OAAO,EAAE,OAAO;;kGAyC1C"}

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

@@ -1,5 +1,22 @@
 import { NextResponse } from 'next/server';
 import { createFeature } from '../../../../../../../packages/core/src/infrastructure/di/use-cases-bridge.js';
+function isValidApprovalGates(value) {
+    if (typeof value !== 'object' || value === null || Array.isArray(value))
+        return false;
+    const obj = value;
+    if (typeof obj.allowPrd !== 'boolean' || typeof obj.allowPlan !== 'boolean')
+        return false;
+    if ('allowMerge' in obj && typeof obj.allowMerge !== 'boolean')
+        return false;
+    return true;
+}
+function normalizeApprovalGates(gates) {
+    return {
+        allowPrd: gates.allowPrd,
+        allowPlan: gates.allowPlan,
+        allowMerge: 'allowMerge' in gates ? gates.allowMerge : false,
+    };
+}
 function composeUserInput(name, description, attachments) {
     let userInput = `Feature: ${name}`;
     if (description) {
@@ -13,16 +30,25 @@ function composeUserInput(name, description, attachments) {
 }
 export async function POST(request) {
     const body = await request.json();
-    const { name, description, repositoryPath, attachments } = body;
+    const { name, description, repositoryPath, attachments, approvalGates } = 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 });
     }
+    if (approvalGates !== undefined && !isValidApprovalGates(approvalGates)) {
+        return NextResponse.json({
+            error: 'approvalGates must be an object with boolean allowPrd, allowPlan, and optional boolean allowMerge',
+        }, { status: 400 });
+    }
     const userInput = composeUserInput(name, description, attachments);
+    const defaultGates = { allowPrd: false, allowPlan: false, allowMerge: false };
+    const gates = isValidApprovalGates(approvalGates)
+        ? normalizeApprovalGates(approvalGates)
+        : defaultGates;
     try {
-        const result = await createFeature({ userInput, repositoryPath });
+        const result = await createFeature({ userInput, repositoryPath, approvalGates: gates });
         return NextResponse.json(result);
     }
     catch (error) {

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

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/page.tsx"],"names":[],"mappings":"AAQA,6EAA6E;AAC7E,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAqBvC,wBAA8B,QAAQ,qDAsFrC"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/page.tsx"],"names":[],"mappings":"AAWA,6EAA6E;AAC7E,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAqBvC,wBAA8B,QAAQ,qDAmFrC"}

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ControlCenter } from '../components/features/control-center/index.js';
 import { getAgentRun, getFeatures } from '../../../../packages/core/src/infrastructure/di/use-cases-bridge.js';
-import { deriveState } from './derive-state.js';
+import { deriveNodeState, deriveProgress, } from '../components/common/feature-node/derive-feature-state.js';
 import { layoutWithDagre } from '../lib/layout-with-dagre.js';
 /** Force request-time rendering so the globalThis DI bridge is available. */
 export const dynamic = 'force-dynamic';
@@ -26,12 +26,7 @@ export default async function HomePage() {
     const features = await getFeatures();
     const featuresWithRuns = await Promise.all(features.map(async (feature) => {
         const run = feature.agentRunId ? await getAgentRun(feature.agentRunId) : null;
-        return {
-            feature,
-            agentStatus: run?.status,
-            agentError: run?.error,
-            agentResult: run?.result,
-        };
+        return { feature, run };
     }));
     // Group features by repository path
     const featuresByRepo = {};
@@ -53,9 +48,9 @@ export default async function HomePage() {
             position: { x: 0, y: 0 },
             data: { name: repoName },
         });
-        repoFeatures.forEach(({ feature, agentStatus, agentError, agentResult }) => {
-            const agentNode = agentResult?.startsWith('node:') ? agentResult.slice(5) : undefined;
-            const lifecycle = agentStatus === 'completed'
+        repoFeatures.forEach(({ feature, run }) => {
+            const agentNode = run?.result?.startsWith('node:') ? run.result.slice(5) : undefined;
+            const lifecycle = run?.status === 'completed'
                 ? 'maintain'
                 : ((agentNode ? nodeToLifecyclePhase[agentNode] : undefined) ??
                     lifecycleMap[feature.lifecycle] ??
@@ -67,8 +62,10 @@ export default async function HomePage() {
                 lifecycle,
                 repositoryPath: feature.repositoryPath,
                 branch: feature.branch,
-                ...deriveState(lifecycle, agentStatus),
-                ...(agentError && { errorMessage: agentError }),
+                state: deriveNodeState(feature, run),
+                progress: deriveProgress(feature),
+                ...(run?.agentType && { agentType: run.agentType }),
+                ...(run?.error && { errorMessage: run.error }),
             };
             const featureNodeId = `feat-${feature.id}`;
             nodes.push({

package/dist/src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.d.ts

@@ -1,15 +1,11 @@
-import type { FileAttachment } from '../../../../../../packages/core/src/infrastructure/services/file-dialog.service.js';
+import type { CreateFeatureInput } from '../../../../../../packages/core/src/infrastructure/di/use-cases-bridge.js';
 export type { FileAttachment } from '../../../../../../packages/core/src/infrastructure/services/file-dialog.service.js';
-export interface CreateFeatureFormData {
-    name: string;
-    description: string;
-    attachments: FileAttachment[];
-}
 export interface FeatureCreateDrawerProps {
     open: boolean;
     onClose: () => void;
-    onSubmit: (data: CreateFeatureFormData) => void;
+    onSubmit: (data: CreateFeatureInput) => void;
+    repositoryPath: string;
     isSubmitting?: boolean;
 }
-export declare function FeatureCreateDrawer({ open, onClose, onSubmit, isSubmitting, }: FeatureCreateDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeatureCreateDrawer({ open, onClose, onSubmit, repositoryPath, isSubmitting, }: FeatureCreateDrawerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=feature-create-drawer.d.ts.map

package/dist/src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-create-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAG/F,YAAY,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAE/F,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,cAAc,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,YAAoB,GACrB,EAAE,wBAAwB,2CAkK1B"}
+{"version":3,"file":"feature-create-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAG1F,YAAY,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAiC/F,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,cAAc,EACd,YAAoB,GACrB,EAAE,wBAAwB,2CA6L1B"}

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

@@ -8,17 +8,41 @@ import { Button } from '../../ui/button.js';
 import { Input } from '../../ui/input.js';
 import { Textarea } from '../../ui/textarea.js';
 import { Label } from '../../ui/label.js';
+import { CheckboxGroup } from '../../ui/checkbox-group.js';
 import { Separator } from '../../ui/separator.js';
 import { Badge } from '../../ui/badge.js';
 import { pickFiles } from './pick-files.js';
-export function FeatureCreateDrawer({ open, onClose, onSubmit, isSubmitting = false, }) {
+const AUTO_APPROVE_OPTIONS = [
+    { id: 'allowPrd', label: 'PRD', description: 'Auto-approve requirements move to planning.' },
+    { id: 'allowPlan', label: 'Plan', description: 'Auto-approve planning move to implementation.' },
+    { id: 'allowMerge', label: 'Merge', description: 'Auto-approve merge move to Done.' },
+];
+const EMPTY_GATES = {
+    allowPrd: false,
+    allowPlan: false,
+    allowMerge: false,
+};
+function composeUserInput(name, description, attachments) {
+    let userInput = `Feature: ${name}`;
+    if (description) {
+        userInput += `\n\n${description}`;
+    }
+    if (attachments.length > 0) {
+        const paths = attachments.map((a) => `- ${a.path}`).join('\n');
+        userInput += `\n\nAttached files:\n${paths}`;
+    }
+    return userInput;
+}
+export function FeatureCreateDrawer({ open, onClose, onSubmit, repositoryPath, isSubmitting = false, }) {
     const [name, setName] = useState('');
     const [description, setDescription] = useState('');
     const [attachments, setAttachments] = useState([]);
+    const [approvalGates, setApprovalGates] = useState({ ...EMPTY_GATES });
     const resetForm = useCallback(() => {
         setName('');
         setDescription('');
         setAttachments([]);
+        setApprovalGates({ ...EMPTY_GATES });
     }, []);
     const handleOpenChange = useCallback((nextOpen) => {
         if (!nextOpen) {
@@ -30,8 +54,17 @@ export function FeatureCreateDrawer({ open, onClose, onSubmit, isSubmitting = fa
         e.preventDefault();
         if (!name.trim())
             return;
-        onSubmit({ name: name.trim(), description: description.trim(), attachments });
-    }, [name, description, attachments, onSubmit]);
+        const userInput = composeUserInput(name.trim(), description.trim() || undefined, attachments);
+        onSubmit({
+            userInput,
+            repositoryPath,
+            approvalGates: {
+                allowPrd: approvalGates.allowPrd ?? false,
+                allowPlan: approvalGates.allowPlan ?? false,
+                allowMerge: approvalGates.allowMerge ?? false,
+            },
+        });
+    }, [name, description, attachments, approvalGates, repositoryPath, onSubmit]);
     const handleAddFiles = useCallback(async () => {
         try {
             const files = await pickFiles();
@@ -46,7 +79,7 @@ export function FeatureCreateDrawer({ open, onClose, onSubmit, isSubmitting = fa
     const handleRemoveFile = useCallback((path) => {
         setAttachments((prev) => prev.filter((f) => f.path !== path));
     }, []);
-    return (_jsx(Drawer, { direction: "right", modal: false, open: open, onOpenChange: handleOpenChange, children: _jsxs(DrawerContent, { direction: "right", className: "w-96", showCloseButton: false, children: [_jsx("button", { type: "button", "aria-label": "Close", onClick: onClose, className: "ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden", children: _jsx(XIcon, { className: "size-4" }) }), _jsxs(DrawerHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-2.5 w-2.5 shrink-0 rounded-full bg-blue-500" }), _jsx(DrawerTitle, { children: "NEW FEATURE" })] }), _jsx(DrawerDescription, { asChild: true, children: _jsx("div", { children: _jsx(Badge, { variant: "secondary", children: "Creating..." }) }) })] }), _jsx(Separator, {}), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: _jsxs("form", { id: "create-feature-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "feature-name", className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "FEATURE NAME" }), _jsx(Input, { id: "feature-name", placeholder: "e.g. GitHub OAuth Login", value: name, onChange: (e) => setName(e.target.value), required: true, disabled: isSubmitting })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "feature-description", className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "DESCRIPTION" }), _jsx(Textarea, { id: "feature-description", placeholder: "Describe what this feature does...", value: description, onChange: (e) => setDescription(e.target.value), rows: 4, disabled: isSubmitting })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(Label, { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: ["ATTACHMENTS", attachments.length > 0 && (_jsxs("span", { className: "text-muted-foreground/60 ml-1.5", children: ["(", attachments.length, ")"] }))] }), _jsxs(Button, { type: "button", variant: "outline", size: "xs", onClick: handleAddFiles, disabled: isSubmitting, children: [_jsx(PlusIcon, { className: "size-3" }), "Add Files"] })] }), attachments.length > 0 && (_jsx("div", { className: "flex flex-col gap-2", children: attachments.map((file) => (_jsx(AttachmentCard, { file: file, onRemove: () => handleRemoveFile(file.path), disabled: isSubmitting }, file.path))) }))] })] }) }), _jsx(Separator, {}), _jsxs(DrawerFooter, { className: "flex-row justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: onClose, disabled: isSubmitting, children: "Cancel" }), _jsx(Button, { type: "submit", form: "create-feature-form", disabled: !name.trim() || isSubmitting, children: isSubmitting ? 'Creating...' : '+ Create Feature' })] })] }) }));
+    return (_jsx(Drawer, { direction: "right", modal: false, open: open, onOpenChange: handleOpenChange, children: _jsxs(DrawerContent, { direction: "right", className: "w-96", showCloseButton: false, children: [_jsx("button", { type: "button", "aria-label": "Close", onClick: onClose, className: "ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden", children: _jsx(XIcon, { className: "size-4" }) }), _jsxs(DrawerHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-2.5 w-2.5 shrink-0 rounded-full bg-blue-500" }), _jsx(DrawerTitle, { children: "NEW FEATURE" })] }), _jsx(DrawerDescription, { asChild: true, children: _jsx("div", { children: _jsx(Badge, { variant: "secondary", children: "Creating..." }) }) })] }), _jsx(Separator, {}), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: _jsxs("form", { id: "create-feature-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "feature-name", className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "FEATURE NAME" }), _jsx(Input, { id: "feature-name", placeholder: "e.g. GitHub OAuth Login", value: name, onChange: (e) => setName(e.target.value), required: true, disabled: isSubmitting })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "feature-description", className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "DESCRIPTION" }), _jsx(Textarea, { id: "feature-description", placeholder: "Describe what this feature does...", value: description, onChange: (e) => setDescription(e.target.value), rows: 4, disabled: isSubmitting })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "APPROVE" }), _jsx(CheckboxGroup, { label: "Autonomous Mode", description: "YOLO!", parentAriaLabel: "Auto approve all", options: AUTO_APPROVE_OPTIONS, value: approvalGates, onValueChange: setApprovalGates, disabled: isSubmitting })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(Label, { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: ["ATTACHMENTS", attachments.length > 0 && (_jsxs("span", { className: "text-muted-foreground/60 ml-1.5", children: ["(", attachments.length, ")"] }))] }), _jsxs(Button, { type: "button", variant: "outline", size: "xs", onClick: handleAddFiles, disabled: isSubmitting, children: [_jsx(PlusIcon, { className: "size-3" }), "Add Files"] })] }), attachments.length > 0 && (_jsx("div", { className: "flex flex-col gap-2", children: attachments.map((file) => (_jsx(AttachmentCard, { file: file, onRemove: () => handleRemoveFile(file.path), disabled: isSubmitting }, file.path))) }))] })] }) }), _jsx(Separator, {}), _jsxs(DrawerFooter, { className: "flex-row justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: onClose, disabled: isSubmitting, children: "Cancel" }), _jsx(Button, { type: "submit", form: "create-feature-form", disabled: !name.trim() || isSubmitting, children: isSubmitting ? 'Creating...' : '+ Create Feature' })] })] }) }));
 }
 /* ---------------------------------------------------------------------------
  * Private sub-components & utilities

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

@@ -7,6 +7,8 @@ import { FeatureCreateDrawer } from './feature-create-drawer.js';
  * ### Form sections
  * - **Feature Name** (required) — text input, submit is disabled when empty
  * - **Description** (optional) — multi-line textarea
+ * - **Auto Approve** — Tri-state parent checkbox with 3 child checkboxes (PRD, Plan, Merge).
+ *   Parent shows indeterminate when some children are selected, checks/unchecks all on click.
  * - **Attachments** (optional) — native OS file picker with extension-based icon system:
  *   image → blue, PDF → red, code/text → emerald, generic → gray.
  *   Each attachment card shows the **full absolute file path**.
@@ -16,12 +18,14 @@ import { FeatureCreateDrawer } from './feature-create-drawer.js';
  * |------|------|-------------|
  * | `open` | `boolean` | Controls drawer visibility |
  * | `onClose` | `() => void` | Called on dismiss (close button, cancel, or backdrop) |
- * | `onSubmit` | `(data: CreateFeatureFormData) => void` | Called with `{ name, description, attachments }` |
+ * | `onSubmit` | `(data: CreateFeatureInput) => void` | Called with `{ userInput, repositoryPath, approvalGates }` |
+ * | `repositoryPath` | `string` | Repository path (mandatory) included in the submitted data |
  * | `isSubmitting` | `boolean` | Disables all fields and shows "Creating..." on submit button |
  *
  * ### Behavior
- * - Form resets (name, description, attachments cleared) when the drawer closes
+ * - Form resets (name, description, attachments, checkboxes) when the drawer closes
  * - Submit button is disabled when name is empty OR `isSubmitting` is true
+ * - `approvalGates` always included: `{ allowPrd, allowPlan, allowMerge }` (all false by default)
  * - Non-modal (`modal={false}`) — canvas stays interactive behind the drawer
  * - Fixed width: 384px (`w-96`)
  * - Attachments use native OS file picker via `pickFiles()` — returns `FileAttachment[]`
@@ -50,11 +54,31 @@ export declare const ValidationDisabled: Story;
 /** Click to open the drawer for quick visual inspection. */
 export declare const PreOpened: Story;
 /**
- * Fully interactive story — open the drawer, fill the form, and click
- * "Add Files" to attach files via the native OS file picker.
+ * All checkboxes unchecked (default) — drawer opens with no auto-approve gates enabled.
+ * This is the safest default: every phase requires manual review.
+ */
+export declare const AllUnchecked: Story;
+/**
+ * All checkboxes checked via parent "Auto Approve" — fully autonomous mode.
+ * Clicking the parent checkbox selects all children at once.
+ */
+export declare const AllChecked: Story;
+/**
+ * Only PRD checkbox checked — parent shows **indeterminate** (dash) state,
+ * indicating partial selection at a glance.
+ */
+export declare const PrdOnly: Story;
+/**
+ * Only Merge checkbox checked — parent shows **indeterminate** (dash) state.
+ * Manual review for requirements and planning, auto-approve merge to Done.
+ */
+export declare const MergeOnly: Story;
+/**
+ * Fully interactive story — open the drawer, fill the form, toggle checkboxes,
+ * and click "Add Files" to attach files via the native OS file picker.
  *
- * **Submitted data** is displayed in a styled panel showing `FileAttachment[]`
- * with **full absolute file paths**, filenames, and sizes.
+ * **Submitted data** is displayed in a styled panel showing `CreateFeatureInput`
+ * with `approvalGates: { allowPrd, allowPlan, allowMerge }`.
  *
  * In Storybook, the native picker won't work (no backend), but submitted data
  * would show the paths if files were attached programmatically.

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

@@ -1 +1 @@
-{"version":3,"file":"feature-create-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAQ9D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CA0B1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAgDlD,uFAAuF;AACvF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAMF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAiDzB,CAAC"}
+{"version":3,"file":"feature-create-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAQ9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CA8B1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAiDlD,uFAAuF;AACvF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAMF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAsCzB,CAAC"}

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

@@ -13,6 +13,8 @@ import { Button } from '../../ui/button.js';
  * ### Form sections
  * - **Feature Name** (required) — text input, submit is disabled when empty
  * - **Description** (optional) — multi-line textarea
+ * - **Auto Approve** — Tri-state parent checkbox with 3 child checkboxes (PRD, Plan, Merge).
+ *   Parent shows indeterminate when some children are selected, checks/unchecks all on click.
  * - **Attachments** (optional) — native OS file picker with extension-based icon system:
  *   image → blue, PDF → red, code/text → emerald, generic → gray.
  *   Each attachment card shows the **full absolute file path**.
@@ -22,12 +24,14 @@ import { Button } from '../../ui/button.js';
  * |------|------|-------------|
  * | `open` | `boolean` | Controls drawer visibility |
  * | `onClose` | `() => void` | Called on dismiss (close button, cancel, or backdrop) |
- * | `onSubmit` | `(data: CreateFeatureFormData) => void` | Called with `{ name, description, attachments }` |
+ * | `onSubmit` | `(data: CreateFeatureInput) => void` | Called with `{ userInput, repositoryPath, approvalGates }` |
+ * | `repositoryPath` | `string` | Repository path (mandatory) included in the submitted data |
  * | `isSubmitting` | `boolean` | Disables all fields and shows "Creating..." on submit button |
  *
  * ### Behavior
- * - Form resets (name, description, attachments cleared) when the drawer closes
+ * - Form resets (name, description, attachments, checkboxes) when the drawer closes
  * - Submit button is disabled when name is empty OR `isSubmitting` is true
+ * - `approvalGates` always included: `{ allowPrd, allowPlan, allowMerge }` (all false by default)
  * - Non-modal (`modal={false}`) — canvas stays interactive behind the drawer
  * - Fixed width: 384px (`w-96`)
  * - Attachments use native OS file picker via `pickFiles()` — returns `FileAttachment[]`
@@ -49,7 +53,11 @@ const meta = {
             description: 'Callback fired when the drawer is dismissed (close button, cancel, or backdrop click).',
         },
         onSubmit: {
-            description: 'Callback fired with `CreateFeatureFormData` when the form is submitted. Receives `{ name, description, attachments }`.',
+            description: 'Callback fired with `CreateFeatureInput` when the form is submitted. Receives `{ userInput, repositoryPath, approvalGates }`.',
+        },
+        repositoryPath: {
+            control: 'text',
+            description: 'Repository path (mandatory) included in the submitted data.',
         },
         isSubmitting: {
             control: 'boolean',
@@ -75,7 +83,7 @@ function CreateDrawerTrigger({ isSubmitting = false, label = 'Open Create Featur
                 }, onSubmit: (data) => {
                     logSubmit(data);
                     setOpen(false);
-                }, isSubmitting: isSubmitting })] }));
+                }, repositoryPath: "/Users/dev/my-repo", isSubmitting: isSubmitting })] }));
 }
 /* ---------------------------------------------------------------------------
  * Per-state stories
@@ -127,15 +135,71 @@ export const PreOpened = {
         await userEvent.click(canvas.getByRole('button', { name: 'Open Drawer' }));
     },
 };
+/* ---------------------------------------------------------------------------
+ * Auto-approve checkbox stories
+ * ------------------------------------------------------------------------- */
+/**
+ * All checkboxes unchecked (default) — drawer opens with no auto-approve gates enabled.
+ * This is the safest default: every phase requires manual review.
+ */
+export const AllUnchecked = {
+    render: () => _jsx(CreateDrawerTrigger, { label: "Open (All Unchecked)" }),
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.click(canvas.getByRole('button', { name: 'Open (All Unchecked)' }));
+    },
+};
+/**
+ * All checkboxes checked via parent "Auto Approve" — fully autonomous mode.
+ * Clicking the parent checkbox selects all children at once.
+ */
+export const AllChecked = {
+    render: () => _jsx(CreateDrawerTrigger, { label: "Open (All Checked)" }),
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.click(canvas.getByRole('button', { name: 'Open (All Checked)' }));
+        const body = within(canvasElement.ownerDocument.body);
+        const parent = await body.findByLabelText('Auto approve all');
+        await userEvent.click(parent);
+    },
+};
+/**
+ * Only PRD checkbox checked — parent shows **indeterminate** (dash) state,
+ * indicating partial selection at a glance.
+ */
+export const PrdOnly = {
+    render: () => _jsx(CreateDrawerTrigger, { label: "Open (PRD Only)" }),
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.click(canvas.getByRole('button', { name: 'Open (PRD Only)' }));
+        const body = within(canvasElement.ownerDocument.body);
+        const prd = await body.findByLabelText('PRD');
+        await userEvent.click(prd);
+    },
+};
+/**
+ * Only Merge checkbox checked — parent shows **indeterminate** (dash) state.
+ * Manual review for requirements and planning, auto-approve merge to Done.
+ */
+export const MergeOnly = {
+    render: () => _jsx(CreateDrawerTrigger, { label: "Open (Merge Only)" }),
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.click(canvas.getByRole('button', { name: 'Open (Merge Only)' }));
+        const body = within(canvasElement.ownerDocument.body);
+        const merge = await body.findByLabelText('Merge');
+        await userEvent.click(merge);
+    },
+};
 /* ---------------------------------------------------------------------------
  * Interactive story — full paths shown in submitted data panel
  * ------------------------------------------------------------------------- */
 /**
- * Fully interactive story — open the drawer, fill the form, and click
- * "Add Files" to attach files via the native OS file picker.
+ * Fully interactive story — open the drawer, fill the form, toggle checkboxes,
+ * and click "Add Files" to attach files via the native OS file picker.
  *
- * **Submitted data** is displayed in a styled panel showing `FileAttachment[]`
- * with **full absolute file paths**, filenames, and sizes.
+ * **Submitted data** is displayed in a styled panel showing `CreateFeatureInput`
+ * with `approvalGates: { allowPrd, allowPlan, allowMerge }`.
  *
  * In Storybook, the native picker won't work (no backend), but submitted data
  * would show the paths if files were attached programmatically.
@@ -144,21 +208,13 @@ export const Interactive = {
     render: function InteractiveRender() {
         const [open, setOpen] = useState(false);
         const [submitted, setSubmitted] = useState(null);
-        return (_jsxs("div", { className: "flex h-screen items-start gap-4 p-4", children: [_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(Button, { variant: "outline", onClick: () => setOpen(true), children: "Open Create Feature" }), submitted ? (_jsxs("div", { className: "bg-muted/50 max-w-sm rounded-md border p-3", children: [_jsx("span", { className: "text-muted-foreground mb-1 text-xs font-semibold tracking-wider uppercase", children: "Last submitted" }), _jsx("pre", { className: "mt-1 text-xs whitespace-pre-wrap", children: JSON.stringify({
-                                        name: submitted.name,
-                                        description: submitted.description,
-                                        attachments: submitted.attachments.map((f) => ({
-                                            path: f.path,
-                                            name: f.name,
-                                            size: f.size,
-                                        })),
-                                    }, null, 2) })] })) : null] }), _jsx(FeatureCreateDrawer, { open: open, onClose: () => {
+        return (_jsxs("div", { className: "flex h-screen items-start gap-4 p-4", children: [_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(Button, { variant: "outline", onClick: () => setOpen(true), children: "Open Create Feature" }), submitted ? (_jsxs("div", { className: "bg-muted/50 max-w-sm rounded-md border p-3", children: [_jsx("span", { className: "text-muted-foreground mb-1 text-xs font-semibold tracking-wider uppercase", children: "Last submitted" }), _jsx("pre", { className: "mt-1 text-xs whitespace-pre-wrap", children: JSON.stringify(submitted, null, 2) })] })) : null] }), _jsx(FeatureCreateDrawer, { open: open, onClose: () => {
                         setOpen(false);
                         logClose();
                     }, onSubmit: (data) => {
                         logSubmit(data);
                         setSubmitted(data);
                         setOpen(false);
-                    } })] }));
+                    }, repositoryPath: "/Users/dev/my-repo" })] }));
     },
 };

package/dist/src/presentation/web/components/common/feature-create-drawer/index.d.ts

@@ -1,2 +1,2 @@
-export { FeatureCreateDrawer, type FeatureCreateDrawerProps, type CreateFeatureFormData, type FileAttachment, } from './feature-create-drawer.js';
+export { FeatureCreateDrawer, type FeatureCreateDrawerProps, type FileAttachment, } from './feature-create-drawer.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/feature-create-drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC1B,KAAK,cAAc,GACpB,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,cAAc,GACpB,MAAM,yBAAyB,CAAC"}

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

@@ -20,10 +20,10 @@ function StateBadge({ data }) {
     return (_jsxs("div", { className: cn('flex items-center gap-2 rounded-full px-3 py-1.5 text-sm font-medium', config.badgeBgClass, config.badgeClass), children: [data.state === 'running' ? (_jsx(CometSpinner, { size: "sm", className: "shrink-0" })) : (_jsx(Icon, { className: "h-4 w-4 shrink-0" })), _jsx("span", { children: config.label })] }));
 }
 function DetailsSection({ data }) {
-    const hasAnyDetail = data.description ?? data.agentName ?? data.runtime ?? data.blockedBy ?? data.errorMessage;
+    const hasAnyDetail = data.description ?? data.agentType ?? data.runtime ?? data.blockedBy ?? data.errorMessage;
     if (!hasAnyDetail)
         return null;
-    return (_jsxs("div", { "data-testid": "feature-drawer-details", className: "flex flex-col gap-3 p-4", children: [data.description ? _jsx(DetailRow, { label: "Description", value: data.description }) : null, data.agentName ? _jsx(DetailRow, { label: "Agent", value: data.agentName }) : null, data.runtime ? _jsx(DetailRow, { label: "Runtime", value: data.runtime }) : null, data.blockedBy ? _jsx(DetailRow, { label: "Blocked by", value: data.blockedBy }) : null, data.errorMessage ? _jsx(DetailRow, { label: "Error", value: data.errorMessage }) : null] }));
+    return (_jsxs("div", { "data-testid": "feature-drawer-details", className: "flex flex-col gap-3 p-4", children: [data.description ? _jsx(DetailRow, { label: "Description", value: data.description }) : null, data.agentType ? _jsx(DetailRow, { label: "Agent", value: data.agentType }) : null, data.runtime ? _jsx(DetailRow, { label: "Runtime", value: data.runtime }) : null, data.blockedBy ? _jsx(DetailRow, { label: "Blocked by", value: data.blockedBy }) : null, data.errorMessage ? _jsx(DetailRow, { label: "Error", value: data.errorMessage }) : null] }));
 }
 function DetailRow({ label, value }) {
     return (_jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: label }), _jsx("span", { className: "text-sm", children: value })] }));

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

@@ -30,7 +30,7 @@ const runningData = {
     lifecycle: 'implementation',
     state: 'running',
     progress: 45,
-    agentName: 'Planner',
+    agentType: 'claude-code',
     repositoryPath: '/home/user/my-repo',
     branch: 'feat/auth-module',
 };
@@ -118,7 +118,7 @@ export const AllFields = {
             lifecycle: 'implementation',
             state: 'running',
             progress: 68,
-            agentName: 'Implementer',
+            agentType: 'cursor',
             runtime: '3h 15m',
             blockedBy: 'Database Migration',
             errorMessage: 'Token refresh failed: invalid_grant',
@@ -169,7 +169,7 @@ function AllLifecyclesRender() {
                                 lifecycle: phase,
                                 state: 'running',
                                 progress: 50,
-                                agentName: 'Agent',
+                                agentType: 'claude-code',
                                 repositoryPath: '/home/user/my-repo',
                                 branch: 'feat/feature-name',
                             });

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

@@ -1,9 +1,12 @@
 import { type LucideIcon } from 'lucide-react';
 import type { Node } from '@xyflow/react';
+import type { AgentTypeValue } from './agent-type-icons.js';
 export type FeatureNodeState = 'running' | 'action-required' | 'done' | 'blocked' | 'error';
 export type FeatureLifecyclePhase = 'requirements' | 'research' | 'implementation' | 'review' | 'deploy' | 'maintain';
 /** Human-readable display labels for lifecycle phases. */
 export declare const lifecycleDisplayLabels: Record<FeatureLifecyclePhase, string>;
+/** Present-participle verbs for the running badge, keyed by lifecycle phase. */
+export declare const lifecycleRunningVerbs: Record<FeatureLifecyclePhase, string>;
 export interface FeatureNodeData {
     [key: string]: unknown;
     name: string;
@@ -22,8 +25,8 @@ export interface FeatureNodeData {
     blockedBy?: string;
     /** Short error message for error state */
     errorMessage?: string;
-    /** Agent name shown in the running badge (e.g. "Planner") */
-    agentName?: string;
+    /** Agent executor type (e.g. "claude-code", "cursor"). */
+    agentType?: AgentTypeValue;
     onAction?: () => void;
     onSettings?: () => void;
     showHandles?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"feature-node-state-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/feature-node-state-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAChG,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5F,MAAM,MAAM,qBAAqB,GAC7B,cAAc,GACd,UAAU,GACV,gBAAgB,GAChB,QAAQ,GACR,QAAQ,GACR,UAAU,CAAC;AAEf,0DAA0D;AAC1D,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAOxE,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,qBAAqB,CAAC;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,cAAc,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AAEnE,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,UAAU,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,gBAAgB,EAAE,sBAAsB,CAmDnF,CAAC"}
+{"version":3,"file":"feature-node-state-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/feature-node-state-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAChG,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5F,MAAM,MAAM,qBAAqB,GAC7B,cAAc,GACd,UAAU,GACV,gBAAgB,GAChB,QAAQ,GACR,QAAQ,GACR,UAAU,CAAC;AAEf,0DAA0D;AAC1D,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAOxE,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAOvE,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,qBAAqB,CAAC;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,cAAc,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AAEnE,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,UAAU,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,gBAAgB,EAAE,sBAAsB,CAmDnF,CAAC"}

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

@@ -8,6 +8,15 @@ export const lifecycleDisplayLabels = {
     deploy: 'DEPLOY & QA',
     maintain: 'COMPLETED',
 };
+/** Present-participle verbs for the running badge, keyed by lifecycle phase. */
+export const lifecycleRunningVerbs = {
+    requirements: 'Analyzing',
+    research: 'Researching',
+    implementation: 'Implementing',
+    review: 'Reviewing',
+    deploy: 'Deploying',
+    maintain: 'Maintaining',
+};
 export const featureNodeStateConfig = {
     running: {
         icon: Loader2,