@shepai/cli 1.70.2 → 1.72.0

package/dist/src/presentation/web/app/actions/get-feature-artifact.js

@@ -26,6 +26,27 @@ function toQuestionnaireData(artifact) {
         },
     };
 }
+/**
+ * Map FeatureArtifact openQuestions into a read-only summary for the
+ * Product Decisions tab in the tech review drawer.
+ */
+function toProductDecisionsData(artifact) {
+    return {
+        question: 'Goal',
+        context: artifact.oneLiner,
+        questions: artifact.openQuestions
+            .filter((oq) => oq.resolved)
+            .map((oq) => {
+            const selected = oq.options?.find((o) => o.selected);
+            return {
+                question: oq.question,
+                selectedOption: selected?.option ?? oq.answer ?? 'N/A',
+                rationale: oq.selectionRationale ?? selected?.description ?? '',
+                wasRecommended: false,
+            };
+        }),
+    };
+}
 export async function getFeatureArtifact(featureId) {
     if (!featureId.trim()) {
         return { error: 'Feature id is required' };
@@ -34,7 +55,8 @@ export async function getFeatureArtifact(featureId) {
         const useCase = resolve('GetFeatureArtifactUseCase');
         const artifact = await useCase.execute(featureId);
         const questionnaire = toQuestionnaireData(artifact);
-        return { questionnaire, artifact };
+        const productDecisions = toProductDecisionsData(artifact);
+        return { questionnaire, productDecisions, artifact };
     }
     catch (error) {
         const message = error instanceof Error ? error.message : 'Failed to load feature artifact';

package/dist/src/presentation/web/app/api/deployment-logs/route.d.ts

@@ -0,0 +1,15 @@
+/**
+ * SSE API Route: GET /api/deployment-logs
+ *
+ * Streams deployment log events to the client via Server-Sent Events.
+ * Subscribes to the DeploymentService EventEmitter for real-time log
+ * entries, filtered by targetId.
+ *
+ * - Accepts ?targetId query parameter (required)
+ * - Sends log entries as SSE "log" events
+ * - Sends heartbeat comments every 30 seconds to keep connection alive
+ * - Cleans up EventEmitter subscription on client disconnect
+ */
+export declare const dynamic = "force-dynamic";
+export declare function GET(request: Request): Response;
+//# sourceMappingURL=route.d.ts.map

package/dist/src/presentation/web/app/api/deployment-logs/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/app/api/deployment-logs/route.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AASH,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAIvC,wBAAgB,GAAG,CAAC,OAAO,EAAE,OAAO,GAAG,QAAQ,CAuF9C"}

package/dist/src/presentation/web/app/api/deployment-logs/route.js

@@ -0,0 +1,94 @@
+/**
+ * SSE API Route: GET /api/deployment-logs
+ *
+ * Streams deployment log events to the client via Server-Sent Events.
+ * Subscribes to the DeploymentService EventEmitter for real-time log
+ * entries, filtered by targetId.
+ *
+ * - Accepts ?targetId query parameter (required)
+ * - Sends log entries as SSE "log" events
+ * - Sends heartbeat comments every 30 seconds to keep connection alive
+ * - Cleans up EventEmitter subscription on client disconnect
+ */
+import { resolve } from '../../../lib/server-container.js';
+// Force dynamic — SSE streams must never be statically optimized or cached
+export const dynamic = 'force-dynamic';
+const HEARTBEAT_INTERVAL_MS = 30_000;
+export function GET(request) {
+    try {
+        const url = new URL(request.url);
+        const targetId = url.searchParams.get('targetId');
+        if (!targetId?.trim()) {
+            const errorStream = new ReadableStream({
+                start(controller) {
+                    const encoder = new TextEncoder();
+                    controller.enqueue(encoder.encode(`event: error\ndata: ${JSON.stringify({ error: 'targetId is required' })}\n\n`));
+                    controller.close();
+                },
+            });
+            return new Response(errorStream, {
+                headers: {
+                    'Content-Type': 'text/event-stream',
+                    'Cache-Control': 'no-cache',
+                    Connection: 'keep-alive',
+                },
+            });
+        }
+        const stream = new ReadableStream({
+            start(controller) {
+                const encoder = new TextEncoder();
+                let stopped = false;
+                function enqueue(text) {
+                    if (stopped)
+                        return;
+                    try {
+                        controller.enqueue(encoder.encode(text));
+                    }
+                    catch {
+                        // Stream may be closed
+                    }
+                }
+                const deploymentService = resolve('IDeploymentService');
+                // Subscribe to log events, filtering by targetId
+                const logHandler = (entry) => {
+                    if (entry.targetId !== targetId)
+                        return;
+                    enqueue(`event: log\ndata: ${JSON.stringify(entry)}\n\n`);
+                };
+                deploymentService.on('log', logHandler);
+                // Heartbeat to keep connection alive
+                const heartbeatInterval = setInterval(() => {
+                    enqueue(': heartbeat\n\n');
+                }, HEARTBEAT_INTERVAL_MS);
+                // Cleanup on client disconnect
+                const cleanup = () => {
+                    stopped = true;
+                    deploymentService.off('log', logHandler);
+                    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',
+            },
+        });
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('[SSE route] GET /api/deployment-logs error:', error);
+        return new Response(JSON.stringify({ error: String(error) }), {
+            status: 500,
+            headers: { 'Content-Type': 'application/json' },
+        });
+    }
+}

package/dist/src/presentation/web/app/build-feature-node-data.d.ts

@@ -0,0 +1,8 @@
+import type { Feature, AgentRun } from '../../../../packages/core/src/domain/generated/output.js';
+import type { FeatureNodeData } from '../components/common/feature-node/index.js';
+/**
+ * Builds a FeatureNodeData object from a Feature entity and optional AgentRun.
+ * This is the single-feature version of the logic in `buildGraphNodes`.
+ */
+export declare function buildFeatureNodeData(feature: Feature, run: AgentRun | null): FeatureNodeData;
+//# sourceMappingURL=build-feature-node-data.d.ts.map

package/dist/src/presentation/web/app/build-feature-node-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-feature-node-data.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/build-feature-node-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAK9E,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,kCAAkC,CAAC;AAsB/F;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,GAAG,IAAI,GAAG,eAAe,CA+B5F"}

package/dist/src/presentation/web/app/build-feature-node-data.js

@@ -0,0 +1,53 @@
+import { deriveNodeState, deriveProgress, } from '../components/common/feature-node/derive-feature-state.js';
+/** Map domain SdlcLifecycle enum values to UI FeatureLifecyclePhase (1:1). */
+const lifecycleMap = {
+    Requirements: 'requirements',
+    Research: 'research',
+    Implementation: 'implementation',
+    Review: 'review',
+    'Deploy & QA': 'deploy',
+    Maintain: 'maintain',
+};
+/** Map agent graph node names (from agent_run.result) to UI lifecycle phases. */
+const nodeToLifecyclePhase = {
+    analyze: 'requirements',
+    requirements: 'requirements',
+    research: 'research',
+    plan: 'implementation',
+    implement: 'implementation',
+    merge: 'review',
+};
+/**
+ * Builds a FeatureNodeData object from a Feature entity and optional AgentRun.
+ * This is the single-feature version of the logic in `buildGraphNodes`.
+ */
+export function buildFeatureNodeData(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] ??
+            'requirements');
+    return {
+        name: feature.name,
+        description: feature.description ?? feature.slug,
+        featureId: feature.id,
+        lifecycle,
+        repositoryPath: feature.repositoryPath,
+        branch: feature.branch,
+        specPath: feature.specPath,
+        state: deriveNodeState(feature, run),
+        progress: deriveProgress(feature),
+        ...(run?.agentType && { agentType: run.agentType }),
+        ...(run?.error && { errorMessage: run.error }),
+        ...(feature.pr && {
+            pr: {
+                url: feature.pr.url,
+                number: feature.pr.number,
+                status: feature.pr.status,
+                ciStatus: feature.pr.ciStatus,
+                commitHash: feature.pr.commitHash,
+            },
+        }),
+    };
+}

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

@@ -49,5 +49,5 @@ export function BaseDrawer({ open, onClose, modal = false, size, header, childre
 function DeployBar({ deployTarget }) {
     const deployAction = useDeployAction(deployTarget);
     const isDeploymentActive = deployAction.status === 'Booting' || deployAction.status === 'Ready';
-    return (_jsxs("div", { "data-testid": "base-drawer-deploy-bar", className: "flex items-center gap-2 px-4 pb-3", children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(ActionButton, { label: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isDeploymentActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isDeploymentActive ? Square : Play, iconOnly: true, variant: "outline", size: "icon-sm" }) }) }), _jsx(TooltipContent, { children: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isDeploymentActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url })) : null] }));
+    return (_jsxs("div", { "data-testid": "base-drawer-deploy-bar", className: "flex items-center gap-2 px-4 pb-3", children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(ActionButton, { label: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isDeploymentActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isDeploymentActive ? Square : Play, iconOnly: true, variant: "outline", size: "icon-sm" }) }) }), _jsx(TooltipContent, { children: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isDeploymentActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: deployTarget.targetId })) : null] }));
 }

package/dist/src/presentation/web/components/common/control-center-drawer/control-center-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-center-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/control-center-drawer.tsx"],"names":[],"mappings":"AA8DA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,UAAU,EACV,cAAc,EACd,YAAY,GACb,EAAE,wBAAwB,2CAqhB1B"}
+{"version":3,"file":"control-center-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/control-center-drawer.tsx"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,UAAU,EACV,cAAc,EACd,YAAY,GACb,EAAE,wBAAwB,2CA0jB1B"}

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

@@ -27,7 +27,7 @@ import { ActionButton } from '../../common/action-button/index.js';
 import { OpenActionMenu } from '../../common/open-action-menu/index.js';
 import { FeatureCreateDrawer } from '../../common/feature-create-drawer/index.js';
 import { PrdQuestionnaire } from '../../common/prd-questionnaire/index.js';
-import { TechDecisionsReview } from '../../common/tech-decisions-review/index.js';
+import { TechReviewTabs } from '../../common/tech-review-tabs/index.js';
 import { MergeReview } from '../../common/merge-review/index.js';
 import { featureNodeStateConfig, lifecycleDisplayLabels } from '../../common/feature-node/index.js';
 import { useFeatureActions } from '../../common/feature-drawer/use-feature-actions.js';
@@ -40,6 +40,9 @@ export function ControlCenterDrawer({ view, onClose, onDelete, isDeleting, onCre
     // ── Tech decisions state ────────────────────────────────────────────────
     const [techData, setTechData] = useState(null);
     const [isLoadingTech, setIsLoadingTech] = useState(false);
+    // ── Product decisions state (for tech review Product tab) ─────────────
+    const [techProductData, setTechProductData] = useState(undefined);
+    const [isLoadingTechProduct, setIsLoadingTechProduct] = useState(false);
     // ── Merge review state ──────────────────────────────────────────────────
     const [mergeData, setMergeData] = useState(null);
     const [isLoadingMerge, setIsLoadingMerge] = useState(false);
@@ -116,6 +119,33 @@ export function ControlCenterDrawer({ view, onClose, onDelete, isDeleting, onCre
             cancelled = true;
         };
     }, [techFeatureId]);
+    // Fetch product decisions for the Product tab in tech review
+    useEffect(() => {
+        setTechProductData(undefined);
+        if (!techFeatureId)
+            return;
+        let cancelled = false;
+        setIsLoadingTechProduct(true);
+        getFeatureArtifact(techFeatureId)
+            .then((result) => {
+            if (cancelled)
+                return;
+            if (result.productDecisions) {
+                setTechProductData(result.productDecisions);
+            }
+            // Silent failure — product tab shows "not available"
+        })
+            .catch(() => {
+            // Silent failure — the product tab is supplementary
+        })
+            .finally(() => {
+            if (!cancelled)
+                setIsLoadingTechProduct(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [techFeatureId]);
     const mergeFeatureId = view?.type === 'merge-review' ? view.node.featureId : null;
     useEffect(() => {
         setMergeData(null);
@@ -253,7 +283,7 @@ export function ControlCenterDrawer({ view, onClose, onDelete, isDeleting, onCre
     // ── Header ──────────────────────────────────────────────────────────────
     let header = undefined;
     if (featureNode) {
-        header = (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "feature-drawer-header", children: [_jsx(DrawerTitle, { children: featureNode.name }), featureNode.description ? (_jsx(DrawerDescription, { children: featureNode.description })) : featureNode.featureId ? (_jsx(DrawerDescription, { className: "sr-only", children: featureNode.featureId })) : null] }), featureActionsInput ? (_jsxs("div", { className: "flex items-center gap-2 pt-2", children: [_jsx(OpenActionMenu, { actions: featureActions, repositoryPath: featureActionsInput.repositoryPath, showSpecs: !!featureActionsInput.specPath }), featureFlags.envDeploy && featureDeployTarget ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(ActionButton, { label: isFeatureDeployActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isFeatureDeployActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isFeatureDeployActive ? Square : Play, iconOnly: true, variant: "outline", size: "icon-sm" }) }) }), _jsx(TooltipContent, { children: isFeatureDeployActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isFeatureDeployActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url })) : null] })) : null, onDelete && featureNode.featureId ? (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Delete feature", disabled: isDeleting, className: "text-muted-foreground hover:text-destructive ml-auto", "data-testid": "feature-drawer-delete", children: isDeleting ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(Trash2, { className: "size-4" })) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete feature?" }), _jsxs(AlertDialogDescription, { children: ["This will permanently delete ", _jsx("strong", { children: featureNode.name }), " (", featureNode.featureId, "). This action cannot be undone.", featureNode.state === 'running' ? (_jsx(_Fragment, { children: " This feature has a running agent that will be stopped." })) : null] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: isDeleting, children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", disabled: isDeleting, onClick: () => onDelete(featureNode.featureId), children: isDeleting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Deleting\u2026"] })) : ('Delete') })] })] })] })) : null] })) : null] }));
+        header = (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "feature-drawer-header", children: [_jsx(DrawerTitle, { children: featureNode.name }), featureNode.description ? (_jsx(DrawerDescription, { children: featureNode.description })) : featureNode.featureId ? (_jsx(DrawerDescription, { className: "sr-only", children: featureNode.featureId })) : null] }), featureActionsInput ? (_jsxs("div", { className: "flex items-center gap-2 pt-2", children: [_jsx(OpenActionMenu, { actions: featureActions, repositoryPath: featureActionsInput.repositoryPath, showSpecs: !!featureActionsInput.specPath }), featureFlags.envDeploy && featureDeployTarget ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(ActionButton, { label: isFeatureDeployActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isFeatureDeployActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isFeatureDeployActive ? Square : Play, iconOnly: true, variant: "outline", size: "icon-sm" }) }) }), _jsx(TooltipContent, { children: isFeatureDeployActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isFeatureDeployActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: featureDeployTarget?.targetId })) : null] })) : null, onDelete && featureNode.featureId ? (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Delete feature", disabled: isDeleting, className: "text-muted-foreground hover:text-destructive ml-auto", "data-testid": "feature-drawer-delete", children: isDeleting ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(Trash2, { className: "size-4" })) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete feature?" }), _jsxs(AlertDialogDescription, { children: ["This will permanently delete ", _jsx("strong", { children: featureNode.name }), " (", featureNode.featureId, "). This action cannot be undone.", featureNode.state === 'running' ? (_jsx(_Fragment, { children: " This feature has a running agent that will be stopped." })) : null] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: isDeleting, children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", disabled: isDeleting, onClick: () => onDelete(featureNode.featureId), children: isDeleting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Deleting\u2026"] })) : ('Delete') })] })] })] })) : null] })) : null] }));
     }
     else if (repoData) {
         header = (_jsxs("div", { "data-testid": "repository-drawer-header", children: [_jsx(DrawerTitle, { children: repoData.name }), repoData.repositoryPath ? (_jsx(DrawerDescription, { className: "truncate font-mono text-xs", children: repoData.repositoryPath })) : null] }));
@@ -267,7 +297,7 @@ export function ControlCenterDrawer({ view, onClose, onDelete, isDeleting, onCre
         body = prdData ? (_jsx(PrdQuestionnaire, { data: prdData, selections: prdSelections, onSelect: (qId, oId) => setPrdSelections((prev) => ({ ...prev, [qId]: oId })), onApprove: handlePrdApprove, onReject: handlePrdReject, isProcessing: isLoadingPrd, isRejecting: isRejecting })) : (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) }));
     }
     else if (view?.type === 'tech-review') {
-        body = techData ? (_jsx(TechDecisionsReview, { data: techData, onApprove: handleTechApprove, onReject: handleTechReject, isProcessing: isLoadingTech, isRejecting: isRejecting })) : (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) }));
+        body = techData ? (_jsx(TechReviewTabs, { techData: techData, productData: isLoadingTechProduct ? null : techProductData, onApprove: handleTechApprove, onReject: handleTechReject, isProcessing: isLoadingTech, isRejecting: isRejecting })) : (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) }));
     }
     else if (view?.type === 'merge-review') {
         body = mergeData ? (_jsx(MergeReview, { data: mergeData, onApprove: handleMergeApprove, onReject: handleMergeReject, isProcessing: isLoadingMerge, isRejecting: isRejecting })) : (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) }));

package/dist/src/presentation/web/components/common/control-center-drawer/create-drawer-client.d.ts

@@ -0,0 +1,10 @@
+import type { ParentFeatureOption } from '../../common/feature-create-drawer/feature-create-drawer.js';
+import type { WorkflowDefaults } from '../../../app/actions/get-workflow-defaults.js';
+export interface CreateDrawerClientProps {
+    repositoryPath: string;
+    initialParentId?: string;
+    features: ParentFeatureOption[];
+    workflowDefaults?: WorkflowDefaults;
+}
+export declare function CreateDrawerClient({ repositoryPath, initialParentId, features, workflowDefaults, }: CreateDrawerClientProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=create-drawer-client.d.ts.map

package/dist/src/presentation/web/components/common/control-center-drawer/create-drawer-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/create-drawer-client.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iEAAiE,CAAC;AAC3G,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAG5E,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,cAAc,EACd,eAAe,EACf,QAAQ,EACR,gBAAgB,GACjB,EAAE,uBAAuB,2CA8DzB"}

package/dist/src/presentation/web/components/common/control-center-drawer/create-drawer-client.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { useRouter } from 'next/navigation';
+import { toast } from 'sonner';
+import { createFeature } from '../../../app/actions/create-feature.js';
+import { FeatureCreateDrawer } from '../../common/feature-create-drawer/index.js';
+import { useSoundAction } from '../../../hooks/use-sound-action.js';
+export function CreateDrawerClient({ repositoryPath, initialParentId, features, workflowDefaults, }) {
+    const router = useRouter();
+    const createSound = useSoundAction('create');
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const onClose = useCallback(() => {
+        router.push('/');
+    }, [router]);
+    const onSubmit = useCallback((data) => {
+        setIsSubmitting(true);
+        // Dispatch event for optimistic canvas update before navigating
+        window.dispatchEvent(new CustomEvent('shep:feature-created', {
+            detail: {
+                name: data.name,
+                description: data.description,
+                repositoryPath: data.repositoryPath,
+            },
+        }));
+        // Close the drawer immediately for responsive UI
+        router.push('/');
+        // Fire server action in the background
+        createFeature(data)
+            .then((result) => {
+            if (result.error) {
+                toast.error(result.error);
+                // Dispatch rollback event
+                window.dispatchEvent(new CustomEvent('shep:feature-create-failed'));
+                return;
+            }
+            createSound.play();
+            router.refresh();
+        })
+            .catch(() => {
+            toast.error('Failed to create feature');
+            window.dispatchEvent(new CustomEvent('shep:feature-create-failed'));
+        })
+            .finally(() => {
+            setIsSubmitting(false);
+        });
+    }, [router, createSound]);
+    return (_jsx(FeatureCreateDrawer, { open: true, onClose: onClose, onSubmit: onSubmit, repositoryPath: repositoryPath, features: features, workflowDefaults: workflowDefaults, initialParentId: initialParentId, isSubmitting: isSubmitting }));
+}

package/dist/src/presentation/web/components/common/control-center-drawer/feature-drawer-client.d.ts

@@ -0,0 +1,6 @@
+import type { DrawerView } from './drawer-view.js';
+export interface FeatureDrawerClientProps {
+    view: DrawerView;
+}
+export declare function FeatureDrawerClient({ view: initialView }: FeatureDrawerClientProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=feature-drawer-client.d.ts.map

package/dist/src/presentation/web/components/common/control-center-drawer/feature-drawer-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/feature-drawer-client.tsx"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,wBAAwB,2CAojBlF"}