@shepai/cli 1.70.1 → 1.71.0

package/dist/src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.js

@@ -1,13 +1,24 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Loader2, ExternalLink } from 'lucide-react';
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Loader2, ExternalLink, Terminal } from 'lucide-react';
 import { DeploymentState } from '../../../../../../packages/core/src/domain/generated/output.js';
 import { Badge } from '../../ui/badge.js';
-export function DeploymentStatusBadge({ status, url }) {
+import { ServerLogViewer } from '../../common/server-log-viewer/index.js';
+export function DeploymentStatusBadge({ status, url, targetId }) {
+    const [logViewerOpen, setLogViewerOpen] = useState(false);
+    const showLogButton = targetId && (status === DeploymentState.Booting || status === DeploymentState.Ready);
     switch (status) {
         case DeploymentState.Booting:
-            return (_jsxs(Badge, { className: "border-transparent bg-blue-50 text-blue-700 hover:bg-blue-50", children: [_jsx(Loader2, { className: "mr-1 h-3.5 w-3.5 animate-spin" }), "Starting..."] }));
+            return (_jsxs(_Fragment, { children: [_jsxs(Badge, { className: "border-transparent bg-blue-50 text-blue-700 hover:bg-blue-50", children: [_jsx(Loader2, { className: "mr-1 h-3.5 w-3.5 animate-spin" }), "Starting...", showLogButton ? (_jsx("button", { type: "button", "aria-label": "View server logs", className: "ml-1.5 inline-flex items-center rounded-sm p-0.5 hover:bg-blue-100", onClick: (e) => {
+                                    e.stopPropagation();
+                                    setLogViewerOpen(true);
+                                }, children: _jsx(Terminal, { className: "h-3 w-3" }) })) : null] }), showLogButton ? (_jsx(ServerLogViewer, { open: logViewerOpen, onOpenChange: setLogViewerOpen, targetId: targetId })) : null] }));
         case DeploymentState.Ready:
-            return (_jsxs(Badge, { className: "border-transparent bg-green-50 text-green-700 hover:bg-green-50", children: [_jsx("span", { className: "mr-1 inline-block h-2 w-2 rounded-full bg-green-500" }), url ? (_jsxs("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 hover:underline", onClick: (e) => e.stopPropagation(), children: [url, _jsx(ExternalLink, { className: "h-3 w-3" })] })) : ('Ready')] }));
+            return (_jsxs(_Fragment, { children: [_jsxs(Badge, { className: "border-transparent bg-green-50 text-green-700 hover:bg-green-50", children: [_jsx("span", { className: "mr-1 inline-block h-2 w-2 rounded-full bg-green-500" }), url ? (_jsxs("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 hover:underline", onClick: (e) => e.stopPropagation(), children: [url, _jsx(ExternalLink, { className: "h-3 w-3" })] })) : ('Ready'), showLogButton ? (_jsx("button", { type: "button", "aria-label": "View server logs", className: "ml-1.5 inline-flex items-center rounded-sm p-0.5 hover:bg-green-100", onClick: (e) => {
+                                    e.stopPropagation();
+                                    setLogViewerOpen(true);
+                                }, children: _jsx(Terminal, { className: "h-3 w-3" }) })) : null] }), showLogButton ? (_jsx(ServerLogViewer, { open: logViewerOpen, onOpenChange: setLogViewerOpen, targetId: targetId })) : null] }));
         default:
             return null;
     }

package/dist/src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.stories.d.ts

@@ -11,4 +11,8 @@ export declare const Ready: Story;
 export declare const Stopped: Story;
 /** No deployment — renders nothing. */
 export declare const NoDeployment: Story;
+/** Booting with View Logs button — shows log button next to spinner. */
+export declare const BootingWithLogs: Story;
+/** Ready with View Logs button — shows URL and log button. */
+export declare const ReadyWithLogs: Story;
 //# sourceMappingURL=deployment-status-badge.stories.d.ts.map

package/dist/src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deployment-status-badge.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAO5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpD,kDAAkD;AAClD,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC"}
+{"version":3,"file":"deployment-status-badge.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAO5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpD,kDAAkD;AAClD,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC"}

package/dist/src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.stories.js

@@ -25,3 +25,11 @@ export const Stopped = {
 export const NoDeployment = {
     args: { status: null },
 };
+/** Booting with View Logs button — shows log button next to spinner. */
+export const BootingWithLogs = {
+    args: { status: DeploymentState.Booting, targetId: 'demo-target' },
+};
+/** Ready with View Logs button — shows URL and log button. */
+export const ReadyWithLogs = {
+    args: { status: DeploymentState.Ready, url: 'http://localhost:3000', targetId: 'demo-target' },
+};

package/dist/src/presentation/web/components/common/merge-review/merge-review.js

@@ -9,7 +9,7 @@ function PhaseList({ phases }) {
 }
 export function MergeReview({ data, onApprove, onReject, isProcessing = false, isRejecting = false, }) {
     const { pr, diffSummary, phases, branch, warning } = data;
-    return (_jsxs("div", { className: "flex flex-1 flex-col", children: [_jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "mt-1.5 h-2.5 w-2.5 shrink-0 rounded-full bg-emerald-500" }), _jsxs("div", { className: "flex-1", children: [_jsx("h2", { className: "text-foreground text-sm font-bold", children: "Merge Review" }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs leading-relaxed", children: pr
+    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "mt-1.5 h-2.5 w-2.5 shrink-0 rounded-full bg-emerald-500" }), _jsxs("div", { className: "flex-1", children: [_jsx("h2", { className: "text-foreground text-sm font-bold", children: "Merge Review" }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs leading-relaxed", children: pr
                                             ? 'Review the pull request details and approve to merge.'
                                             : 'Review the changes and approve to merge.' })] })] }), branch ? (_jsx("div", { className: "border-border rounded-lg border", children: _jsxs("div", { className: "flex items-center gap-2 px-4 py-3", children: [_jsx(GitBranch, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx(Badge, { variant: "secondary", className: "font-mono text-[11px]", children: branch.source }), _jsx(ArrowRight, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }), _jsx(Badge, { variant: "outline", className: "font-mono text-[11px]", children: branch.target })] }) })) : null, pr ? (_jsx("div", { className: "border-border rounded-lg border", children: _jsxs("div", { className: "space-y-3 px-4 py-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("a", { href: pr.url, target: "_blank", rel: "noopener noreferrer", className: "text-primary flex items-center gap-1.5 text-sm font-semibold underline underline-offset-2", children: ["PR #", pr.number, _jsx(ExternalLink, { className: "h-3.5 w-3.5" })] }), _jsx(Badge, { variant: "outline", className: "text-xs", children: pr.status })] }), pr.ciStatus ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "CI Status" }), _jsx(CiStatusBadge, { status: pr.ciStatus })] })) : null, pr.commitHash ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "Commit" }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(GitCommitHorizontal, { className: "text-muted-foreground h-3.5 w-3.5" }), _jsx("code", { className: "bg-muted text-foreground rounded-md px-1.5 py-0.5 font-mono text-[11px]", children: pr.commitHash.slice(0, 7) })] })] })) : null] }) })) : null, diffSummary ? (_jsx("div", { className: "border-border rounded-lg border", children: _jsxs("div", { className: "px-4 py-3", children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx(FileDiff, { className: "text-muted-foreground h-4 w-4" }), _jsx("span", { className: "text-foreground text-xs font-semibold", children: "Changes" })] }), _jsxs("div", { className: "grid grid-cols-4 gap-3", children: [_jsxs("div", { className: "text-center", children: [_jsx("div", { className: "text-foreground text-sm font-bold", children: diffSummary.filesChanged }), _jsx("div", { className: "text-muted-foreground text-[10px]", children: "files" })] }), _jsxs("div", { className: "text-center", children: [_jsxs("div", { className: "text-sm font-bold text-green-600", children: ["+", diffSummary.additions] }), _jsx("div", { className: "text-muted-foreground text-[10px]", children: "additions" })] }), _jsxs("div", { className: "text-center", children: [_jsxs("div", { className: "text-sm font-bold text-red-600", children: ["-", diffSummary.deletions] }), _jsx("div", { className: "text-muted-foreground text-[10px]", children: "deletions" })] }), _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "text-foreground text-sm font-bold", children: diffSummary.commitCount }), _jsx("div", { className: "text-muted-foreground text-[10px]", children: "commits" })] })] })] }) })) : warning ? (_jsx("div", { className: "border-border rounded-lg border", children: _jsxs("div", { className: "flex items-center gap-2 px-4 py-3", children: [_jsx(AlertTriangle, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx("span", { className: "text-muted-foreground text-xs", children: warning })] }) })) : null, phases && phases.length > 0 ? _jsx(PhaseList, { phases: phases }) : null] }), _jsx(DrawerActionBar, { onReject: onReject, onApprove: onApprove, approveLabel: "Approve Merge", approveIcon: isProcessing ? (_jsx(Loader2, { className: "mr-1.5 h-4 w-4 animate-spin" })) : (_jsx(GitMerge, { className: "mr-1.5 h-4 w-4" })), revisionPlaceholder: "Ask AI to revise before merging...", isProcessing: isProcessing, isRejecting: isRejecting })] }));
 }

package/dist/src/presentation/web/components/common/prd-questionnaire/prd-questionnaire.js

@@ -27,7 +27,7 @@ export function PrdQuestionnaire({ data, selections, onSelect, onApprove, onReje
     }, [onSelect, isLastStep, selectSound]);
     if (total === 0)
         return null;
-    return (_jsxs("div", { className: "flex flex-1 flex-col", children: [_jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [showHeader ? (_jsxs("div", { className: "border-border flex items-start gap-3 border-b pb-3", children: [_jsx("div", { className: "mt-1.5 h-2 w-2 shrink-0 rounded-full bg-amber-500" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-foreground mb-1.5 text-sm font-bold", children: question }), _jsx("p", { className: "text-muted-foreground text-xs leading-relaxed", children: context })] })] })) : null, _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("label", { className: "text-foreground min-w-0 flex-1 text-sm font-semibold", children: currentQuestion.question }), _jsx("div", { className: "mt-1.5 flex shrink-0 gap-1", children: questions.map((q, idx) => (_jsx("button", { type: "button", "aria-label": `Go to question ${idx + 1}`, className: cn('h-1.5 rounded-full transition-all duration-200', idx === currentStep ? 'bg-primary w-4' : 'w-1.5', idx !== currentStep && selections[q.id] ? 'bg-primary/50' : '', idx !== currentStep && !selections[q.id] ? 'bg-muted-foreground/25' : ''), onClick: () => {
+    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [showHeader ? (_jsxs("div", { className: "border-border flex items-start gap-3 border-b pb-3", children: [_jsx("div", { className: "mt-1.5 h-2 w-2 shrink-0 rounded-full bg-amber-500" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-foreground mb-1.5 text-sm font-bold", children: question }), _jsx("p", { className: "text-muted-foreground text-xs leading-relaxed", children: context })] })] })) : null, _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("label", { className: "text-foreground min-w-0 flex-1 text-sm font-semibold", children: currentQuestion.question }), _jsx("div", { className: "mt-1.5 flex shrink-0 gap-1", children: questions.map((q, idx) => (_jsx("button", { type: "button", "aria-label": `Go to question ${idx + 1}`, className: cn('h-1.5 rounded-full transition-all duration-200', idx === currentStep ? 'bg-primary w-4' : 'w-1.5', idx !== currentStep && selections[q.id] ? 'bg-primary/50' : '', idx !== currentStep && !selections[q.id] ? 'bg-muted-foreground/25' : ''), onClick: () => {
                                                 navigateSound.play();
                                                 setCurrentStep(idx);
                                             } }, q.id))) })] }), _jsx("div", { className: "space-y-2", children: currentQuestion.options.map((opt, optIdx) => {

package/dist/src/presentation/web/components/common/product-decisions-summary/index.d.ts

@@ -0,0 +1,3 @@
+export { ProductDecisionsSummary } from './product-decisions-summary.js';
+export type { ProductDecisionsSummaryData, ProductDecisionItem, ProductDecisionsSummaryProps, } from './product-decisions-summary-config.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/product-decisions-summary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/product-decisions-summary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EACV,2BAA2B,EAC3B,mBAAmB,EACnB,4BAA4B,GAC7B,MAAM,oCAAoC,CAAC"}

package/dist/src/presentation/web/components/common/product-decisions-summary/index.js

@@ -0,0 +1 @@
+export { ProductDecisionsSummary } from './product-decisions-summary.js';

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary-config.d.ts

@@ -0,0 +1,23 @@
+export interface ProductDecisionItem {
+    /** Question text */
+    question: string;
+    /** The selected option label */
+    selectedOption: string;
+    /** Rationale for the selected option */
+    rationale: string;
+    /** Whether it was the AI-recommended option */
+    wasRecommended: boolean;
+}
+export interface ProductDecisionsSummaryData {
+    /** Goal/title from the PRD */
+    question: string;
+    /** Context description (one-liner) */
+    context: string;
+    /** Resolved questions with selected options */
+    questions: ProductDecisionItem[];
+}
+export interface ProductDecisionsSummaryProps {
+    /** Product decisions data from the feature artifact */
+    data: ProductDecisionsSummaryData;
+}
+//# sourceMappingURL=product-decisions-summary-config.d.ts.map

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-decisions-summary-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/product-decisions-summary/product-decisions-summary-config.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,oBAAoB;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,wCAAwC;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,2BAA2B;IAC1C,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,+CAA+C;IAC/C,SAAS,EAAE,mBAAmB,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,4BAA4B;IAC3C,uDAAuD;IACvD,IAAI,EAAE,2BAA2B,CAAC;CACnC"}

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary-config.js

@@ -0,0 +1 @@
+export {};

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.d.ts

@@ -0,0 +1,3 @@
+import type { ProductDecisionsSummaryProps } from './product-decisions-summary-config.js';
+export declare function ProductDecisionsSummary({ data }: ProductDecisionsSummaryProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=product-decisions-summary.d.ts.map

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-decisions-summary.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,4BAA4B,EAE7B,MAAM,oCAAoC,CAAC;AAyB5C,wBAAgB,uBAAuB,CAAC,EAAE,IAAI,EAAE,EAAE,4BAA4B,kDAmB7E"}

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ClipboardList } from 'lucide-react';
+import { Badge } from '../../ui/badge.js';
+function ProductDecisionCard({ item, index }) {
+    return (_jsx("div", { className: "border-border rounded-lg border", children: _jsx("div", { className: "space-y-2 px-4 py-3", children: _jsxs("div", { className: "flex items-start gap-2.5", children: [_jsx("span", { className: "bg-primary text-primary-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-bold", children: index + 1 }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "text-foreground text-sm leading-tight font-semibold", children: item.question }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: item.selectedOption }), item.wasRecommended ? (_jsx(Badge, { className: "px-1.5 py-0 text-[10px]", children: "AI Recommended" })) : null] })] })] }) }) }));
+}
+export function ProductDecisionsSummary({ data }) {
+    const { questions } = data;
+    if (questions.length === 0)
+        return null;
+    return (_jsxs("div", { className: "space-y-4 p-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ClipboardList, { className: "text-primary h-4 w-4" }), _jsx("h3", { className: "text-foreground text-sm font-bold", children: "Product Decisions" })] }), questions.map((item, i) => (_jsx(ProductDecisionCard, { item: item, index: i }, item.question)))] }));
+}

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ProductDecisionsSummary } from './product-decisions-summary.js';
+declare const meta: Meta<typeof ProductDecisionsSummary>;
+export default meta;
+type Story = StoryObj<typeof ProductDecisionsSummary>;
+/** Default — multiple product decisions with a mix of recommended and non-recommended. */
+export declare const Default: Story;
+/** Single question. */
+export declare const SingleQuestion: Story;
+/** All recommended — every option was the AI-recommended choice. */
+export declare const AllRecommended: Story;
+/** No recommended badges — none of the selected options were AI-recommended. */
+export declare const NoneRecommended: Story;
+//# sourceMappingURL=product-decisions-summary.stories.d.ts.map

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-decisions-summary.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAkCtE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAc9C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAEtD,0FAA0F;AAC1F,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,uBAAuB;AACvB,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC;AAEF,oEAAoE;AACpE,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC"}

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.stories.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ProductDecisionsSummary } from './product-decisions-summary.js';
+const mockData = {
+    question: 'Goal',
+    context: 'Add user authentication to the application',
+    questions: [
+        {
+            question: 'Which authentication strategy should we use?',
+            selectedOption: 'OAuth 2.0',
+            rationale: 'Industry standard with broad provider support and well-maintained libraries.',
+            wasRecommended: true,
+        },
+        {
+            question: 'How should we handle session management?',
+            selectedOption: 'JWT tokens',
+            rationale: 'Stateless and scalable across services without shared session storage.',
+            wasRecommended: false,
+        },
+        {
+            question: 'What level of MFA should we support?',
+            selectedOption: 'Optional TOTP',
+            rationale: 'Balances security with user convenience. Power users can opt in.',
+            wasRecommended: true,
+        },
+        {
+            question: 'Where should we store user profiles?',
+            selectedOption: 'PostgreSQL',
+            rationale: 'Relational data model fits well for user attributes and relationships.',
+            wasRecommended: false,
+        },
+    ],
+};
+const meta = {
+    title: 'Drawers/Review/ProductDecisionsSummary',
+    component: ProductDecisionsSummary,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { height: '600px', width: '400px', border: '1px solid var(--color-border)' }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+/** Default — multiple product decisions with a mix of recommended and non-recommended. */
+export const Default = {
+    args: {
+        data: mockData,
+    },
+};
+/** Single question. */
+export const SingleQuestion = {
+    args: {
+        data: { ...mockData, questions: [mockData.questions[0]] },
+    },
+};
+/** All recommended — every option was the AI-recommended choice. */
+export const AllRecommended = {
+    args: {
+        data: {
+            ...mockData,
+            questions: mockData.questions.map((q) => ({ ...q, wasRecommended: true })),
+        },
+    },
+};
+/** No recommended badges — none of the selected options were AI-recommended. */
+export const NoneRecommended = {
+    args: {
+        data: {
+            ...mockData,
+            questions: mockData.questions.map((q) => ({ ...q, wasRecommended: false })),
+        },
+    },
+};

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

@@ -1 +1 @@
-{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CAiO5F"}
+{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CAqO5F"}

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

@@ -34,7 +34,7 @@ export function RepositoryNode({ data }) {
                         e.stopPropagation();
                         data.onClick?.();
                     }
-                }, className: "nodrag bg-card flex min-w-[18rem] cursor-default items-center gap-3 rounded-full border px-4 py-3 shadow-sm", children: [_jsx(Github, { className: "text-muted-foreground h-5 w-5 shrink-0" }), _jsx("span", { "data-testid": "repository-node-name", className: "min-w-0 truncate text-sm font-medium", children: data.name }), _jsxs("div", { className: cn('flex shrink-0 items-center gap-2', (data.repositoryPath ?? data.onAdd) && 'ml-auto'), onClick: (e) => e.stopPropagation(), children: [data.repositoryPath ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in IDE", onClick: actions.openInIde, loading: actions.ideLoading, error: !!actions.ideError, icon: Code2, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in IDE" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in Shell", onClick: actions.openInShell, loading: actions.shellLoading, error: !!actions.shellError, icon: Terminal, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in Shell" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open Folder", onClick: actions.openFolder, loading: actions.folderLoading, error: !!actions.folderError, icon: FolderOpen, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open Folder" })] }) }), featureFlags.envDeploy ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", 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: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isDeploymentActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url })) : null] })) : null] })) : null, data.onAdd ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { "aria-label": "Add feature", "data-testid": "repository-node-add-button", onClick: (e) => {
+                }, className: "nodrag bg-card flex min-w-[18rem] cursor-default items-center gap-3 rounded-full border px-4 py-3 shadow-sm", children: [_jsx(Github, { className: "text-muted-foreground h-5 w-5 shrink-0" }), _jsx("span", { "data-testid": "repository-node-name", className: "min-w-0 truncate text-sm font-medium", children: data.name }), _jsxs("div", { className: cn('flex shrink-0 items-center gap-2', (data.repositoryPath ?? data.onAdd) && 'ml-auto'), onClick: (e) => e.stopPropagation(), children: [data.repositoryPath ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in IDE", onClick: actions.openInIde, loading: actions.ideLoading, error: !!actions.ideError, icon: Code2, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in IDE" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in Shell", onClick: actions.openInShell, loading: actions.shellLoading, error: !!actions.shellError, icon: Terminal, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in Shell" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open Folder", onClick: actions.openFolder, loading: actions.folderLoading, error: !!actions.folderError, icon: FolderOpen, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open Folder" })] }) }), featureFlags.envDeploy ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", 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: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isDeploymentActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: data.repositoryPath })) : null] })) : null] })) : null, data.onAdd ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { "aria-label": "Add feature", "data-testid": "repository-node-add-button", onClick: (e) => {
                                                     e.stopPropagation();
                                                     data.onAdd?.();
                                                 }, className: "text-muted-foreground hover:bg-accent dark:hover:bg-accent/50 flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-full transition-colors hover:text-blue-500", children: _jsx(Plus, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Add feature" })] }) })) : null] })] }), data.onAdd || data.showHandles ? (_jsx(Handle, { type: "source", position: Position.Right, isConnectable: !data.showHandles, className: "opacity-0!" })) : null] }));

package/dist/src/presentation/web/components/common/server-log-viewer/index.d.ts

@@ -0,0 +1,2 @@
+export { ServerLogViewer, ServerLogViewerContent, type ServerLogViewerProps, type ServerLogViewerContentProps, } from './server-log-viewer.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/server-log-viewer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/server-log-viewer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,GACjC,MAAM,qBAAqB,CAAC"}

package/dist/src/presentation/web/components/common/server-log-viewer/index.js

@@ -0,0 +1 @@
+export { ServerLogViewer, ServerLogViewerContent, } from './server-log-viewer.js';

package/dist/src/presentation/web/components/common/server-log-viewer/server-log-viewer.d.ts

@@ -0,0 +1,15 @@
+import type { LogEntry } from '../../../../../../packages/core/src/application/ports/output/services/deployment-service.interface.js';
+export interface ServerLogViewerProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    targetId: string;
+}
+export interface ServerLogViewerContentProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    logs: LogEntry[];
+    isConnected: boolean;
+}
+export declare function ServerLogViewer({ open, onOpenChange, targetId }: ServerLogViewerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ServerLogViewerContent({ open, onOpenChange, logs, isConnected, }: ServerLogViewerContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=server-log-viewer.d.ts.map

package/dist/src/presentation/web/components/common/server-log-viewer/server-log-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-log-viewer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/server-log-viewer/server-log-viewer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6EAA6E,CAAC;AAI5G,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACtB;AAID,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAWrF;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,WAAW,GACZ,EAAE,2BAA2B,2CAyD7B"}

package/dist/src/presentation/web/components/common/server-log-viewer/server-log-viewer.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect, useCallback } from 'react';
+import { Terminal } from 'lucide-react';
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../ui/dialog.js';
+import { useDeploymentLogs } from '../../../hooks/use-deployment-logs.js';
+const AUTO_SCROLL_THRESHOLD = 50;
+export function ServerLogViewer({ open, onOpenChange, targetId }) {
+    const { logs, isConnected } = useDeploymentLogs(open ? targetId : null);
+    return (_jsx(ServerLogViewerContent, { open: open, onOpenChange: onOpenChange, logs: logs, isConnected: isConnected }));
+}
+export function ServerLogViewerContent({ open, onOpenChange, logs, isConnected, }) {
+    const scrollRef = useRef(null);
+    const isAtBottomRef = useRef(true);
+    const handleScroll = useCallback(() => {
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        isAtBottomRef.current =
+            el.scrollTop + el.clientHeight >= el.scrollHeight - AUTO_SCROLL_THRESHOLD;
+    }, []);
+    useEffect(() => {
+        if (isAtBottomRef.current && scrollRef.current) {
+            scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+        }
+    }, [logs]);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "flex h-[calc(100vh-48px)] max-h-[calc(100vh-48px)] w-full max-w-[calc(100vw-48px)] flex-col gap-0 bg-zinc-950 p-0 text-zinc-100 sm:rounded-lg", "aria-describedby": undefined, children: [_jsxs(DialogHeader, { className: "flex flex-row items-center justify-between border-b border-zinc-800 px-4 py-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Terminal, { className: "h-4 w-4 text-zinc-400" }), _jsx(DialogTitle, { className: "text-sm font-medium text-zinc-100", children: "Server Logs" })] }), _jsxs("div", { className: "flex items-center gap-2 pr-8", children: [_jsx("span", { className: `inline-block h-2 w-2 rounded-full ${isConnected ? 'bg-green-500' : 'bg-zinc-500'}` }), _jsx("span", { className: "text-xs text-zinc-400", children: isConnected ? 'Connected' : 'Disconnected' })] })] }), _jsxs("div", { ref: scrollRef, onScroll: handleScroll, className: "flex-1 overflow-auto p-4 font-mono text-sm leading-relaxed", children: [logs.length === 0 ? (_jsx("p", { className: "text-zinc-500", children: "Waiting for log output..." })) : (logs.map((entry) => (_jsx(LogLine, { entry: entry }, `${entry.timestamp}-${entry.stream}-${entry.line}`)))), !isConnected && logs.length > 0 && (_jsx("div", { className: "mt-2 border-t border-zinc-800 pt-2 text-zinc-500", children: "[Server stopped]" }))] })] }) }));
+}
+function LogLine({ entry }) {
+    return (_jsx("div", { "data-stream": entry.stream, className: entry.stream === 'stderr' ? 'text-red-400' : 'text-zinc-200', children: _jsx("span", { className: "break-all whitespace-pre-wrap", children: entry.line }) }));
+}

package/dist/src/presentation/web/components/common/server-log-viewer/server-log-viewer.stories.d.ts

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ServerLogViewerContent } from './server-log-viewer.js';
+declare const meta: Meta<typeof ServerLogViewerContent>;
+export default meta;
+type Story = StoryObj<typeof ServerLogViewerContent>;
+/** Empty state — no log output yet. */
+export declare const Empty: Story;
+/** A few stdout-only lines. */
+export declare const FewLines: Story;
+/** Interleaved stdout and stderr showing color differentiation. */
+export declare const MixedOutput: Story;
+/** 100+ lines demonstrating scrollable content. */
+export declare const ManyLines: Story;
+/** Lines exceeding viewport width showing wrap behavior. */
+export declare const LongLines: Story;
+/** Disconnected state — shows server stopped message. */
+export declare const Disconnected: Story;
+//# sourceMappingURL=server-log-viewer.stories.d.ts.map

package/dist/src/presentation/web/components/common/server-log-viewer/server-log-viewer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-log-viewer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/server-log-viewer/server-log-viewer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,sBAAsB,CAO7C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAuBrD,uCAAuC;AACvC,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,+BAA+B;AAC/B,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAEF,mEAAmE;AACnE,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,SAAS,EAAE,KAoCvB,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC"}

package/dist/src/presentation/web/components/common/server-log-viewer/server-log-viewer.stories.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ServerLogViewerContent } from './server-log-viewer.js';
+const meta = {
+    title: 'Common/ServerLogViewer',
+    component: ServerLogViewerContent,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+function makeLog(line, stream = 'stdout', offsetMs = 0) {
+    return {
+        targetId: 'story-target',
+        stream,
+        line,
+        timestamp: Date.now() + offsetMs,
+    };
+}
+function InteractiveWrapper({ logs, isConnected }) {
+    const [open, setOpen] = useState(true);
+    return (_jsx(ServerLogViewerContent, { open: open, onOpenChange: setOpen, logs: logs, isConnected: isConnected }));
+}
+/** Empty state — no log output yet. */
+export const Empty = {
+    render: () => _jsx(InteractiveWrapper, { logs: [], isConnected: true }),
+};
+/** A few stdout-only lines. */
+export const FewLines = {
+    render: () => (_jsx(InteractiveWrapper, { logs: [
+            makeLog('$ npm run dev', 'stdout', 0),
+            makeLog('', 'stdout', 10),
+            makeLog('> my-app@1.0.0 dev', 'stdout', 20),
+            makeLog('> next dev', 'stdout', 30),
+            makeLog('', 'stdout', 40),
+            makeLog('  ▲ Next.js 14.2.3', 'stdout', 50),
+            makeLog('  - Local:        http://localhost:3000', 'stdout', 60),
+            makeLog('  - Environments: .env.local', 'stdout', 70),
+            makeLog('', 'stdout', 80),
+            makeLog(' ✓ Ready in 1.2s', 'stdout', 90),
+        ], isConnected: true })),
+};
+/** Interleaved stdout and stderr showing color differentiation. */
+export const MixedOutput = {
+    render: () => (_jsx(InteractiveWrapper, { logs: [
+            makeLog('$ npm run dev', 'stdout', 0),
+            makeLog('> next dev', 'stdout', 10),
+            makeLog('  ▲ Next.js 14.2.3', 'stdout', 20),
+            makeLog('(node:12345) [DEP0040] DeprecationWarning: The punycode module is deprecated.', 'stderr', 30),
+            makeLog('Use `node:punycode` instead.', 'stderr', 31),
+            makeLog('  - Local:        http://localhost:3000', 'stdout', 40),
+            makeLog(' ✓ Ready in 1.8s', 'stdout', 50),
+            makeLog(' ○ Compiling /page ...', 'stdout', 100),
+            makeLog(' ✓ Compiled /page in 342ms', 'stdout', 200),
+            makeLog('GET / 200 in 412ms', 'stdout', 300),
+            makeLog('Warning: Each child in a list should have a unique "key" prop.', 'stderr', 310),
+            makeLog('GET /api/data 200 in 23ms', 'stdout', 400),
+            makeLog('GET /favicon.ico 304 in 2ms', 'stdout', 410),
+            makeLog("Error: ENOENT: no such file or directory, open '/tmp/cache.json'", 'stderr', 500),
+            makeLog('GET /api/users 500 in 156ms', 'stdout', 510),
+        ], isConnected: true })),
+};
+/** 100+ lines demonstrating scrollable content. */
+export const ManyLines = {
+    render: () => {
+        const logs = [];
+        logs.push(makeLog('$ npm run dev', 'stdout', 0));
+        logs.push(makeLog('> next dev', 'stdout', 10));
+        logs.push(makeLog(' ✓ Ready in 1.2s', 'stdout', 20));
+        for (let i = 0; i < 120; i++) {
+            const method = ['GET', 'POST', 'PUT', 'DELETE'][i % 4];
+            const path = ['/api/users', '/api/features', '/api/repos', '/api/deploy'][i % 4];
+            const status = i % 15 === 0 ? 500 : i % 7 === 0 ? 404 : 200;
+            const ms = Math.floor(Math.random() * 500) + 5;
+            const stream = status >= 500 ? 'stderr' : 'stdout';
+            logs.push(makeLog(`${method} ${path}/${i} ${status} in ${ms}ms`, stream, 100 + i * 10));
+        }
+        return _jsx(InteractiveWrapper, { logs: logs, isConnected: true });
+    },
+};
+/** Lines exceeding viewport width showing wrap behavior. */
+export const LongLines = {
+    render: () => (_jsx(InteractiveWrapper, { logs: [
+            makeLog('Short line', 'stdout', 0),
+            makeLog("Error: Module not found: Can't resolve '@/components/features/really-long-component-name/that-goes-on-and-on/sub-component/deeply-nested-module/index.tsx' in '/Users/developer/projects/my-very-long-project-name/src/presentation/web/components/features'", 'stderr', 10),
+            makeLog('at Object.resolve (webpack://my-app/node_modules/enhanced-resolve/lib/Resolver.js?:331:11) at Object.resolve (webpack://my-app/node_modules/enhanced-resolve/lib/Resolver.js?:331:11) at Object.resolve (webpack://my-app/node_modules/enhanced-resolve/lib/Resolver.js?:331:11)', 'stderr', 20),
+            makeLog('Normal log line here', 'stdout', 30),
+            makeLog(JSON.stringify({
+                level: 'info',
+                message: 'Request processed',
+                metadata: {
+                    userId: 'usr_abc123',
+                    path: '/api/features',
+                    method: 'POST',
+                    duration: 234,
+                    headers: { 'content-type': 'application/json', authorization: 'Bearer xxx...xxx' },
+                },
+            }), 'stdout', 40),
+            makeLog('Another normal line', 'stdout', 50),
+        ], isConnected: true })),
+};
+/** Disconnected state — shows server stopped message. */
+export const Disconnected = {
+    render: () => (_jsx(InteractiveWrapper, { logs: [
+            makeLog('$ npm run dev', 'stdout', 0),
+            makeLog('> next dev', 'stdout', 10),
+            makeLog(' ✓ Ready in 1.2s', 'stdout', 20),
+            makeLog('GET / 200 in 412ms', 'stdout', 100),
+            makeLog('GET /api/data 200 in 23ms', 'stdout', 200),
+            makeLog('SIGTERM received, shutting down...', 'stderr', 300),
+        ], isConnected: false })),
+};

package/dist/src/presentation/web/components/common/tech-decisions-review/index.d.ts

@@ -1,4 +1,4 @@
-export { TechDecisionsReview } from './tech-decisions-review.js';
+export { TechDecisionsReview, TechDecisionsContent } from './tech-decisions-review.js';
 export { TechDecisionsDrawer } from './tech-decisions-drawer.js';
 export type { TechDecisionsReviewProps, TechDecisionsDrawerProps, TechDecisionsReviewData, TechDecision, } from './tech-decisions-review-config.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/tech-decisions-review/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-decisions-review/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EACV,wBAAwB,EACxB,wBAAwB,EACxB,uBAAuB,EACvB,YAAY,GACb,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-decisions-review/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EACV,wBAAwB,EACxB,wBAAwB,EACxB,uBAAuB,EACvB,YAAY,GACb,MAAM,gCAAgC,CAAC"}

package/dist/src/presentation/web/components/common/tech-decisions-review/index.js

@@ -1,2 +1,2 @@
-export { TechDecisionsReview } from './tech-decisions-review.js';
+export { TechDecisionsReview, TechDecisionsContent } from './tech-decisions-review.js';
 export { TechDecisionsDrawer } from './tech-decisions-drawer.js';

package/dist/src/presentation/web/components/common/tech-decisions-review/tech-decisions-review.d.ts

@@ -1,3 +1,10 @@
-import type { TechDecisionsReviewProps } from './tech-decisions-review-config.js';
+import type { TechDecisionsReviewProps, TechDecisionsReviewData } from './tech-decisions-review-config.js';
+/**
+ * Renders the tech decisions content (header + decision cards) without the action bar.
+ * Used by TechReviewTabs to compose with a shared DrawerActionBar.
+ */
+export declare function TechDecisionsContent({ data }: {
+    data: TechDecisionsReviewData;
+}): import("react/jsx-runtime").JSX.Element | null;
 export declare function TechDecisionsReview({ data, onApprove, onReject, isProcessing, isRejecting, }: TechDecisionsReviewProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=tech-decisions-review.d.ts.map

package/dist/src/presentation/web/components/common/tech-decisions-review/tech-decisions-review.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tech-decisions-review.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-decisions-review/tech-decisions-review.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,wBAAwB,EAAgB,MAAM,gCAAgC,CAAC;AAgH7F,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,YAAoB,EACpB,WAAmB,GACpB,EAAE,wBAAwB,kDA4C1B"}
+{"version":3,"file":"tech-decisions-review.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-decisions-review/tech-decisions-review.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,wBAAwB,EACxB,uBAAuB,EAExB,MAAM,gCAAgC,CAAC;AAgHxC;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,uBAAuB,CAAA;CAAE,kDAgC/E;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,YAAoB,EACpB,WAAmB,GACpB,EAAE,wBAAwB,kDAoB1B"}

package/dist/src/presentation/web/components/common/tech-decisions-review/tech-decisions-review.js

@@ -34,9 +34,18 @@ function DecisionCard({ decision, index }) {
     return (_jsxs("div", { className: "border-border rounded-lg border", children: [_jsxs("div", { className: "space-y-3 px-4 py-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex items-start gap-2.5", children: [_jsx("span", { className: "bg-primary text-primary-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-bold", children: index + 1 }), _jsxs("div", { className: "min-w-0", children: [_jsx("h3", { className: "text-foreground text-sm leading-tight font-semibold", children: decision.title }), _jsx("p", { className: "text-muted-foreground mt-0.5 text-xs", children: decision.chosen })] })] }), 'decisionName' in decision &&
                                 decision.decisionName ? (_jsx(Badge, { variant: "secondary", className: "bg-primary/10 text-primary shrink-0", children: decision.decisionName })) : null] }), decision.rationale ? (_jsx(Markdown, { components: markdownComponents, children: decision.rationale })) : null] }), decision.rejected.length > 0 ? (_jsxs("div", { className: "border-border border-t", children: [_jsxs("button", { type: "button", onClick: handleToggleAlternatives, className: "text-muted-foreground hover:bg-muted/50 flex w-full items-center gap-1.5 px-4 py-3 text-xs font-medium transition-colors", children: [_jsx(ChevronRight, { className: `h-3.5 w-3.5 transition-transform ${alternativesOpen ? 'rotate-90' : ''}` }), _jsx(Layers, { className: "h-3.5 w-3.5" }), "Other Options Considered (", decision.rejected.length, ")"] }), alternativesOpen ? (_jsx("div", { className: "space-y-1.5 px-4 pb-3", children: decision.rejected.map((alt) => (_jsx("div", { className: "bg-primary/5 rounded-md px-3 py-2", children: _jsx("span", { className: "text-foreground text-xs", children: alt }) }, alt))) })) : null] })) : null] }));
 }
-export function TechDecisionsReview({ data, onApprove, onReject, isProcessing = false, isRejecting = false, }) {
+/**
+ * Renders the tech decisions content (header + decision cards) without the action bar.
+ * Used by TechReviewTabs to compose with a shared DrawerActionBar.
+ */
+export function TechDecisionsContent({ data }) {
     const { summary, decisions } = data;
     if (decisions.length === 0)
         return null;
-    return (_jsxs("div", { className: "flex flex-1 flex-col", children: [_jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "mt-1.5 h-2.5 w-2.5 shrink-0 rounded-full bg-blue-500" }), _jsxs("div", { className: "flex-1", children: [_jsx("h2", { className: "text-foreground text-sm font-bold", children: "Technical Implementation Plan Review" }), summary ? (_jsx("p", { className: "text-muted-foreground mt-1 text-xs leading-relaxed", children: summary })) : null] })] }), _jsxs("div", { className: "flex items-center gap-2 pt-1", children: [_jsx(GitCompareArrows, { className: "text-primary h-4 w-4" }), _jsx("h3", { className: "text-foreground text-sm font-bold", children: "Technical Decisions" })] }), decisions.map((decision, i) => (_jsx(DecisionCard, { decision: decision, index: i }, decision.title)))] }), _jsx(DrawerActionBar, { onReject: onReject, onApprove: onApprove, approveLabel: "Approve Plan", approveIcon: _jsx(Check, { className: "mr-1.5 h-4 w-4" }), revisionPlaceholder: "Ask AI to revise the plan...", isProcessing: isProcessing, isRejecting: isRejecting })] }));
+    return (_jsxs("div", { className: "space-y-4 p-4", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "mt-1.5 h-2.5 w-2.5 shrink-0 rounded-full bg-blue-500" }), _jsxs("div", { className: "flex-1", children: [_jsx("h2", { className: "text-foreground text-sm font-bold", children: "Technical Implementation Plan Review" }), summary ? (_jsx("p", { className: "text-muted-foreground mt-1 text-xs leading-relaxed", children: summary })) : null] })] }), _jsxs("div", { className: "flex items-center gap-2 pt-1", children: [_jsx(GitCompareArrows, { className: "text-primary h-4 w-4" }), _jsx("h3", { className: "text-foreground text-sm font-bold", children: "Technical Decisions" })] }), decisions.map((decision, i) => (_jsx(DecisionCard, { decision: decision, index: i }, decision.title)))] }));
+}
+export function TechDecisionsReview({ data, onApprove, onReject, isProcessing = false, isRejecting = false, }) {
+    if (data.decisions.length === 0)
+        return null;
+    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx(TechDecisionsContent, { data: data }) }), _jsx(DrawerActionBar, { onReject: onReject, onApprove: onApprove, approveLabel: "Approve Plan", approveIcon: _jsx(Check, { className: "mr-1.5 h-4 w-4" }), revisionPlaceholder: "Ask AI to revise the plan...", isProcessing: isProcessing, isRejecting: isRejecting })] }));
 }

package/dist/src/presentation/web/components/common/tech-review-tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { TechReviewTabs } from './tech-review-tabs.js';
+export type { TechReviewTabsProps } from './tech-review-tabs-config.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/tech-review-tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-review-tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/src/presentation/web/components/common/tech-review-tabs/index.js

@@ -0,0 +1 @@
+export { TechReviewTabs } from './tech-review-tabs.js';

package/dist/src/presentation/web/components/common/tech-review-tabs/tech-review-tabs-config.d.ts

@@ -0,0 +1,17 @@
+import type { TechDecisionsReviewData } from '../../common/tech-decisions-review/index.js';
+import type { ProductDecisionsSummaryData } from '../../common/product-decisions-summary/index.js';
+export interface TechReviewTabsProps {
+    /** Tech decisions data from the research artifact */
+    techData: TechDecisionsReviewData;
+    /** Product decisions data — null while loading, undefined if unavailable */
+    productData?: ProductDecisionsSummaryData | null;
+    /** Approve plan callback */
+    onApprove: () => void;
+    /** Reject plan callback */
+    onReject?: (feedback: string) => void;
+    /** Controls disabled state during loading */
+    isProcessing?: boolean;
+    /** Whether a reject operation is in flight */
+    isRejecting?: boolean;
+}
+//# sourceMappingURL=tech-review-tabs-config.d.ts.map