@shepai/cli 1.70.2 → 1.72.0

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tech-review-tabs-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-review-tabs/tech-review-tabs-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;AAEjG,MAAM,WAAW,mBAAmB;IAClC,qDAAqD;IACrD,QAAQ,EAAE,uBAAuB,CAAC;IAClC,4EAA4E;IAC5E,WAAW,CAAC,EAAE,2BAA2B,GAAG,IAAI,CAAC;IACjD,4BAA4B;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,6CAA6C;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

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

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

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

@@ -0,0 +1,3 @@
+import type { TechReviewTabsProps } from './tech-review-tabs-config.js';
+export declare function TechReviewTabs({ techData, productData, onApprove, onReject, isProcessing, isRejecting, }: TechReviewTabsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=tech-review-tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tech-review-tabs.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-review-tabs/tech-review-tabs.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAoB,EACpB,WAAmB,GACpB,EAAE,mBAAmB,kDA2CrB"}

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

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, Loader2 } from 'lucide-react';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../ui/tabs.js';
+import { DrawerActionBar } from '../../common/drawer-action-bar/index.js';
+import { TechDecisionsContent } from '../../common/tech-decisions-review/index.js';
+import { ProductDecisionsSummary } from '../../common/product-decisions-summary/index.js';
+export function TechReviewTabs({ techData, productData, onApprove, onReject, isProcessing = false, isRejecting = false, }) {
+    if (techData.decisions.length === 0)
+        return null;
+    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsxs(Tabs, { defaultValue: "technical", className: "flex min-h-0 flex-1 flex-col", children: [_jsx("div", { className: "shrink-0 px-4 pt-4", children: _jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsx(TabsTrigger, { value: "product", children: "Product" }), _jsx(TabsTrigger, { value: "technical", children: "Technical" })] }) }), _jsx(TabsContent, { value: "product", className: "mt-0 flex-1 overflow-y-auto", children: productData === null ? (_jsx("div", { className: "flex items-center justify-center p-8", "data-testid": "product-loading", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) })) : productData ? (_jsx(ProductDecisionsSummary, { data: productData })) : (_jsx("p", { className: "text-muted-foreground p-4 text-center text-sm", children: "No product decisions available." })) }), _jsx(TabsContent, { value: "technical", className: "mt-0 flex-1 overflow-y-auto", children: _jsx(TechDecisionsContent, { data: techData }) })] }), _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/tech-review-tabs.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TechReviewTabs } from './tech-review-tabs.js';
+declare const meta: Meta<typeof TechReviewTabs>;
+export default meta;
+type Story = StoryObj<typeof TechReviewTabs>;
+/** Default — both tabs with data, Technical tab active. */
+export declare const Default: Story;
+/** Product data loading — spinner in the Product tab. */
+export declare const ProductDataLoading: Story;
+/** Product data unavailable — fallback message in the Product tab. */
+export declare const ProductDataUnavailable: Story;
+/** Processing state — approve button disabled. */
+export declare const Processing: Story;
+/** Rejecting state — reject input disabled. */
+export declare const Rejecting: Story;
+//# sourceMappingURL=tech-review-tabs.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tech-review-tabs.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-review-tabs/tech-review-tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AA0DpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAcrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,2DAA2D;AAC3D,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,sEAAsE;AACtE,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC"}

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

@@ -0,0 +1,110 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fn } from '@storybook/test';
+import { TechReviewTabs } from './tech-review-tabs.js';
+const mockTechData = {
+    name: 'Agent Executor Abstraction',
+    summary: 'Research into the best approach for abstracting agent executors to support multiple AI backends.',
+    technologies: ['TypeScript', 'tsyringe', 'LangGraph', 'Claude API'],
+    decisions: [
+        {
+            title: 'Agent Execution Framework',
+            chosen: 'LangGraph',
+            rejected: ['Custom state machine', 'Temporal.io', 'Step Functions'],
+            rationale: 'LangGraph provides built-in checkpointing, human-in-the-loop support, and integrates natively with LangChain.',
+        },
+        {
+            title: 'Dependency Injection',
+            chosen: 'tsyringe',
+            rejected: ['InversifyJS', 'TypeDI', 'Manual DI'],
+            rationale: 'tsyringe is lightweight, uses standard decorators, and has minimal overhead.',
+        },
+        {
+            title: 'Inter-Process Communication',
+            chosen: 'Server-Sent Events (SSE)',
+            rejected: ['WebSockets', 'Long Polling', 'gRPC'],
+            rationale: 'SSE provides a simple one-way streaming protocol for agent status updates to the UI.',
+        },
+    ],
+};
+const mockProductData = {
+    question: 'Goal',
+    context: 'Add multi-agent support to the platform',
+    questions: [
+        {
+            question: 'Which authentication strategy should we use?',
+            selectedOption: 'OAuth 2.0',
+            rationale: 'Industry standard with broad provider support.',
+            wasRecommended: true,
+        },
+        {
+            question: 'How should we handle session management?',
+            selectedOption: 'JWT tokens',
+            rationale: 'Stateless and scalable across services.',
+            wasRecommended: false,
+        },
+        {
+            question: 'What level of MFA should we support?',
+            selectedOption: 'Optional TOTP',
+            rationale: 'Balances security with user convenience.',
+            wasRecommended: true,
+        },
+    ],
+};
+const meta = {
+    title: 'Drawers/Review/TechReviewTabs',
+    component: TechReviewTabs,
+    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 — both tabs with data, Technical tab active. */
+export const Default = {
+    args: {
+        techData: mockTechData,
+        productData: mockProductData,
+        onReject: fn().mockName('onReject'),
+        onApprove: fn().mockName('onApprove'),
+    },
+};
+/** Product data loading — spinner in the Product tab. */
+export const ProductDataLoading = {
+    args: {
+        techData: mockTechData,
+        productData: null,
+        onReject: fn().mockName('onReject'),
+        onApprove: fn().mockName('onApprove'),
+    },
+};
+/** Product data unavailable — fallback message in the Product tab. */
+export const ProductDataUnavailable = {
+    args: {
+        techData: mockTechData,
+        productData: undefined,
+        onReject: fn().mockName('onReject'),
+        onApprove: fn().mockName('onApprove'),
+    },
+};
+/** Processing state — approve button disabled. */
+export const Processing = {
+    args: {
+        techData: mockTechData,
+        productData: mockProductData,
+        onApprove: fn().mockName('onApprove'),
+        isProcessing: true,
+    },
+};
+/** Rejecting state — reject input disabled. */
+export const Rejecting = {
+    args: {
+        techData: mockTechData,
+        productData: mockProductData,
+        onReject: fn().mockName('onReject'),
+        onApprove: fn().mockName('onApprove'),
+        isRejecting: true,
+    },
+};

package/dist/src/presentation/web/components/features/control-center/control-center-inner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAc5E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CAiMzF"}
+{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAa5E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CAmMzF"}