@shepai/cli 1.78.1-pr241.ee88d2d → 1.78.1-pr246.ca9db57

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

@@ -1,7 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { fn } from '@storybook/test';
 import { PrdQuestionnaire } from './prd-questionnaire.js';
+import { PrdQuestionnaireDrawer } from './prd-questionnaire-drawer.js';
 const mockQuestions = [
     {
         id: 'problem',
@@ -226,6 +227,42 @@ export const MinimalData = {
             },
         } })),
 };
+const drawerMeta = {
+    component: PrdQuestionnaireDrawer,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+function DrawerTemplate({ selections: initialSelections = {}, ...props }) {
+    const [open, setOpen] = useState(true);
+    const [selections, setSelections] = useState(initialSelections);
+    return (_jsxs("div", { style: { height: '100vh', background: '#f8fafc', padding: '2rem' }, children: [_jsx("button", { type: "button", onClick: () => setOpen(true), style: { padding: '8px 16px', border: '1px solid #ccc', borderRadius: '6px' }, children: "Open Drawer" }), _jsx(PrdQuestionnaireDrawer, { ...props, open: open, onClose: () => setOpen(false), selections: selections, onSelect: (qId, optId) => setSelections((prev) => ({ ...prev, [qId]: optId })), onApprove: fn().mockName('onApprove') })] }));
+}
+/** Drawer with stepper — navigate questions one at a time. */
+export const InDrawer = {
+    ...drawerMeta,
+    render: () => (_jsx(DrawerTemplate, { featureName: "User Authentication Flow", featureDescription: "Implement OAuth2 login with social providers and MFA support", featureId: "FEAT-042", lifecycleLabel: "Requirements", data: mockData })),
+};
+/** Drawer with partial selections showing progress dots. */
+export const InDrawerWithSelections = {
+    ...drawerMeta,
+    render: () => (_jsx(DrawerTemplate, { featureName: "User Authentication Flow", featureId: "FEAT-042", lifecycleLabel: "Requirements", data: mockData, selections: {
+            problem: 'user_pain',
+            priority: 'p1',
+            success: 'adoption',
+        } })),
+};
+/** Drawer with delete button visible. */
+export const WithDeleteButton = {
+    ...drawerMeta,
+    render: () => (_jsx(DrawerTemplate, { featureName: "User Authentication Flow", featureId: "FEAT-042", lifecycleLabel: "Requirements", data: mockData, onDelete: fn().mockName('onDelete') })),
+};
+/** Drawer with delete in progress (button disabled). */
+export const DeletingState = {
+    ...drawerMeta,
+    render: () => (_jsx(DrawerTemplate, { featureName: "User Authentication Flow", featureId: "FEAT-042", lifecycleLabel: "Requirements", data: mockData, onDelete: fn().mockName('onDelete'), isDeleting: true })),
+};
 /* ─── Reject Variants ─── */
 const allAnsweredSelections = {
     problem: 'user_pain',

package/dist/src/presentation/web/components/common/review-drawer-shell/index.d.ts

@@ -0,0 +1,3 @@
+export { ReviewDrawerShell } from './review-drawer-shell.js';
+export type { ReviewDrawerShellProps } from './review-drawer-shell-config.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/review-drawer-shell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/review-drawer-shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/src/presentation/web/components/common/review-drawer-shell/index.js

@@ -0,0 +1 @@
+export { ReviewDrawerShell } from './review-drawer-shell.js';

package/dist/src/presentation/web/components/common/review-drawer-shell/review-drawer-shell-config.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+export interface ReviewDrawerShellProps {
+    /** Whether the drawer is open */
+    open: boolean;
+    /** Callback when drawer should close */
+    onClose: () => void;
+    /** Feature name shown in drawer header */
+    featureName: string;
+    /** Short description shown below the feature name */
+    featureDescription?: string;
+    /** Feature ID shown below the name (sr-only) */
+    featureId?: string;
+    /** Absolute path to the repository on disk */
+    repositoryPath?: string;
+    /** Git branch name for this feature */
+    branch?: string;
+    /** Absolute path to the specs folder on disk */
+    specPath?: string;
+    /** Callback to delete the feature — shows inline delete button when provided */
+    onDelete?: (featureId: string) => void;
+    /** Whether a delete operation is in progress */
+    isDeleting?: boolean;
+    /** Drawer body content */
+    children: ReactNode;
+}
+//# sourceMappingURL=review-drawer-shell-config.d.ts.map

package/dist/src/presentation/web/components/common/review-drawer-shell/review-drawer-shell-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"review-drawer-shell-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/review-drawer-shell/review-drawer-shell-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,sBAAsB;IACrC,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,wCAAwC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB"}

package/dist/src/presentation/web/components/common/review-drawer-shell/review-drawer-shell-config.js

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

package/dist/src/presentation/web/components/common/review-drawer-shell/review-drawer-shell.d.ts

@@ -0,0 +1,3 @@
+import type { ReviewDrawerShellProps } from './review-drawer-shell-config.js';
+export declare function ReviewDrawerShell({ open, onClose, featureName, featureDescription, featureId, repositoryPath, branch, specPath, onDelete, isDeleting, children, }: ReviewDrawerShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=review-drawer-shell.d.ts.map

package/dist/src/presentation/web/components/common/review-drawer-shell/review-drawer-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"review-drawer-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/review-drawer-shell/review-drawer-shell.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,sBAAsB,2CA0HxB"}

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

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Loader2, Trash2, Play, Square } from 'lucide-react';
+import { BaseDrawer } from '../../common/base-drawer/index.js';
+import { DrawerTitle, DrawerDescription } from '../../ui/drawer.js';
+import { Button } from '../../ui/button.js';
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from '../../ui/alert-dialog.js';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
+import { OpenActionMenu } from '../../common/open-action-menu/index.js';
+import { ActionButton } from '../../common/action-button/index.js';
+import { useFeatureActions } from '../../common/feature-drawer/use-feature-actions.js';
+import { DeploymentStatusBadge } from '../../common/deployment-status-badge/index.js';
+import { useDeployAction } from '../../../hooks/use-deploy-action.js';
+import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
+export function ReviewDrawerShell({ open, onClose, featureName, featureDescription, featureId, repositoryPath, branch, specPath, onDelete, isDeleting, children, }) {
+    const featureFlags = useFeatureFlags();
+    const handleClose = useCallback(() => {
+        onClose();
+    }, [onClose]);
+    const actionsInput = repositoryPath && branch ? { repositoryPath, branch, specPath } : null;
+    const actions = useFeatureActions(actionsInput);
+    const deployTargetInput = featureId && repositoryPath && branch
+        ? { targetId: featureId, targetType: 'feature', repositoryPath, branch }
+        : null;
+    const deployAction = useDeployAction(deployTargetInput);
+    const isDeploymentActive = deployAction.status === 'Booting' || deployAction.status === 'Ready';
+    return (_jsx(BaseDrawer, { open: open, onClose: handleClose, size: "md", modal: false, "data-testid": "review-drawer", header: _jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "feature-drawer-header", children: [_jsx(DrawerTitle, { children: featureName }), featureDescription ? (_jsx(DrawerDescription, { children: featureDescription })) : featureId ? (_jsx(DrawerDescription, { className: "sr-only", children: featureId })) : null] }), actionsInput ? (_jsxs("div", { className: "flex items-center gap-2 pt-2", children: [_jsx(OpenActionMenu, { actions: actions, repositoryPath: actionsInput.repositoryPath, showSpecs: !!specPath }), featureFlags.envDeploy && deployTargetInput ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(ActionButton, { label: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isDeploymentActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isDeploymentActive ? Square : Play, iconOnly: true, variant: "outline", size: "icon-sm" }) }) }), _jsx(TooltipContent, { children: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) })) : null, featureFlags.envDeploy && isDeploymentActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url })) : null, onDelete && featureId ? (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Delete feature", disabled: isDeleting, className: "text-muted-foreground hover:text-destructive ml-auto", "data-testid": "review-drawer-delete", children: isDeleting ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(Trash2, { className: "size-4" })) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete feature?" }), _jsxs(AlertDialogDescription, { children: ["This will permanently delete ", _jsx("strong", { children: featureName }), " (", featureId, "). This action cannot be undone."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: isDeleting, children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", disabled: isDeleting, onClick: () => onDelete(featureId), children: isDeleting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Deleting\u2026"] })) : ('Delete') })] })] })] })) : null] })) : null] }), children: children }));
+}

package/dist/src/presentation/web/components/common/review-drawer-shell/review-drawer-shell.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ReviewDrawerShell } from './review-drawer-shell.js';
+declare const meta: Meta<typeof ReviewDrawerShell>;
+export default meta;
+type Story = StoryObj<typeof ReviewDrawerShell>;
+/** Default shell with action buttons. */
+export declare const Default: Story;
+/** Shell with inline delete button. */
+export declare const WithDelete: Story;
+/** Shell with delete in progress. */
+export declare const DeletingState: Story;
+/** Shell without action buttons (no repositoryPath). */
+export declare const NoActions: Story;
+//# sourceMappingURL=review-drawer-shell.stories.d.ts.map

package/dist/src/presentation/web/components/common/review-drawer-shell/review-drawer-shell.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"review-drawer-shell.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/review-drawer-shell/review-drawer-shell.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAOxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAyBhD,yCAAyC;AACzC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,qCAAqC;AACrC,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC"}

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { fn } from '@storybook/test';
+import { ReviewDrawerShell } from './review-drawer-shell.js';
+const meta = {
+    title: 'Drawers/Review/ReviewDrawerShell',
+    component: ReviewDrawerShell,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+function ShellTemplate(props) {
+    const [open, setOpen] = useState(true);
+    return (_jsxs("div", { style: { height: '100vh', background: '#f8fafc', padding: '2rem' }, children: [_jsx("button", { type: "button", onClick: () => setOpen(true), style: { padding: '8px 16px', border: '1px solid #ccc', borderRadius: '6px' }, children: "Open Drawer" }), _jsx(ReviewDrawerShell, { ...props, open: open, onClose: () => setOpen(false), children: _jsx("div", { className: "flex flex-1 items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "Review content goes here" }) }) })] }));
+}
+/** Default shell with action buttons. */
+export const Default = {
+    render: () => (_jsx(ShellTemplate, { featureName: "User Authentication Flow", featureDescription: "Implement OAuth2 login with social providers and MFA support", featureId: "FEAT-042", repositoryPath: "/Users/dev/my-project", branch: "feat/auth-flow", specPath: "/Users/dev/my-project/specs/042-auth-flow" })),
+};
+/** Shell with inline delete button. */
+export const WithDelete = {
+    render: () => (_jsx(ShellTemplate, { featureName: "User Authentication Flow", featureId: "FEAT-042", repositoryPath: "/Users/dev/my-project", branch: "feat/auth-flow", specPath: "/Users/dev/my-project/specs/042-auth-flow", onDelete: fn().mockName('onDelete') })),
+};
+/** Shell with delete in progress. */
+export const DeletingState = {
+    render: () => (_jsx(ShellTemplate, { featureName: "User Authentication Flow", featureId: "FEAT-042", repositoryPath: "/Users/dev/my-project", branch: "feat/auth-flow", onDelete: fn().mockName('onDelete'), isDeleting: true })),
+};
+/** Shell without action buttons (no repositoryPath). */
+export const NoActions = {
+    render: () => _jsx(ShellTemplate, { featureName: "Standalone Feature", featureId: "FEAT-001" }),
+};

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

@@ -1,3 +1,4 @@
 export { TechDecisionsReview, TechDecisionsContent } from './tech-decisions-review.js';
-export type { TechDecisionsReviewProps, TechDecisionsReviewData, TechDecision, } from './tech-decisions-review-config.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,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpF,YAAY,EACV,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 +1,2 @@
 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-drawer.d.ts

@@ -0,0 +1,3 @@
+import type { TechDecisionsDrawerProps } from './tech-decisions-review-config.js';
+export declare function TechDecisionsDrawer({ open, onClose, featureName, featureId, repositoryPath, branch, specPath, onDelete, isDeleting, data, ...reviewProps }: TechDecisionsDrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tech-decisions-drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tech-decisions-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-decisions-review/tech-decisions-drawer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,SAAS,EACT,cAAc,EACd,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,GAAG,WAAW,EACf,EAAE,wBAAwB,2CAsB1B"}

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

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader2 } from 'lucide-react';
+import { ReviewDrawerShell } from '../../common/review-drawer-shell/index.js';
+import { TechDecisionsReview } from './tech-decisions-review.js';
+export function TechDecisionsDrawer({ open, onClose, featureName, featureId, repositoryPath, branch, specPath, onDelete, isDeleting, data, ...reviewProps }) {
+    return (_jsx(ReviewDrawerShell, { open: open, onClose: onClose, featureName: featureName, featureId: featureId, repositoryPath: repositoryPath, branch: branch, specPath: specPath, onDelete: onDelete, isDeleting: isDeleting, children: data ? (_jsx(TechDecisionsReview, { data: data, ...reviewProps })) : (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) })) }));
+}

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

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { TechDecisionsReview } from './tech-decisions-review.js';
+import { TechDecisionsDrawer } from './tech-decisions-drawer.js';
 declare const meta: Meta<typeof TechDecisionsReview>;
 export default meta;
 type Story = StoryObj<typeof TechDecisionsReview>;
@@ -11,6 +12,13 @@ export declare const Processing: Story;
 export declare const SingleDecision: Story;
 /** No technologies listed. */
 export declare const NoTechnologies: Story;
+type DrawerStory = StoryObj<typeof TechDecisionsDrawer>;
+/** Drawer with tech decisions list. */
+export declare const InDrawer: DrawerStory;
+/** Drawer with delete button visible. */
+export declare const WithDeleteButton: DrawerStory;
+/** Drawer with delete in progress (button disabled). */
+export declare const DeletingState: DrawerStory;
 /** With reject button visible next to approve. */
 export declare const WithRejectButton: Story;
 /** Rejecting state — reject button disabled while reject action is in flight. */

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

@@ -1 +1 @@
-{"version":3,"file":"tech-decisions-review.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-decisions-review/tech-decisions-review.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AA0C9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAc1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAElD,oHAAoH;AACpH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,uBAAuB;AACvB,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,8BAA8B;AAC9B,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAIF,kDAAkD;AAClD,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}
+{"version":3,"file":"tech-decisions-review.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-decisions-review/tech-decisions-review.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AA0C9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAc1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAElD,oHAAoH;AACpH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,uBAAuB;AACvB,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,8BAA8B;AAC9B,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAIF,KAAK,WAAW,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AA6BxD,uCAAuC;AACvC,eAAO,MAAM,QAAQ,EAAE,WAWtB,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,gBAAgB,EAAE,WAY9B,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,aAAa,EAAE,WAa3B,CAAC;AAIF,kDAAkD;AAClD,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}

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

@@ -1,6 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { fn } from '@storybook/test';
 import { TechDecisionsReview } from './tech-decisions-review.js';
+import { TechDecisionsDrawer } from './tech-decisions-drawer.js';
 const mockData = {
     name: 'Agent Executor Abstraction',
     summary: 'Research into the best approach for abstracting agent executors to support multiple AI backends (Claude Code, Cursor, custom agents).',
@@ -77,6 +79,32 @@ export const NoTechnologies = {
         onApprove: fn().mockName('onApprove'),
     },
 };
+const drawerMeta = {
+    component: TechDecisionsDrawer,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+function DrawerTemplate(props) {
+    const [open, setOpen] = useState(true);
+    return (_jsxs("div", { style: { height: '100vh', background: '#f8fafc', padding: '2rem' }, children: [_jsx("button", { type: "button", onClick: () => setOpen(true), style: { padding: '8px 16px', border: '1px solid #ccc', borderRadius: '6px' }, children: "Open Drawer" }), _jsx(TechDecisionsDrawer, { ...props, open: open, onClose: () => setOpen(false) })] }));
+}
+/** Drawer with tech decisions list. */
+export const InDrawer = {
+    ...drawerMeta,
+    render: () => (_jsx(DrawerTemplate, { featureName: "Agent Executor Abstraction", featureId: "FEAT-099", data: mockData, onApprove: fn().mockName('onApprove'), onReject: fn().mockName('onReject') })),
+};
+/** Drawer with delete button visible. */
+export const WithDeleteButton = {
+    ...drawerMeta,
+    render: () => (_jsx(DrawerTemplate, { featureName: "Agent Executor Abstraction", featureId: "FEAT-099", data: mockData, onApprove: fn().mockName('onApprove'), onReject: fn().mockName('onReject'), onDelete: fn().mockName('onDelete') })),
+};
+/** Drawer with delete in progress (button disabled). */
+export const DeletingState = {
+    ...drawerMeta,
+    render: () => (_jsx(DrawerTemplate, { featureName: "Agent Executor Abstraction", featureId: "FEAT-099", data: mockData, onApprove: fn().mockName('onApprove'), onReject: fn().mockName('onReject'), onDelete: fn().mockName('onDelete'), isDeleting: true })),
+};
 /* ─── Reject Variants ─── */
 /** With reject button visible next to approve. */
 export const WithRejectButton = {

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,21 @@
+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;
+    /** Controlled chat input for the revision input. */
+    chatInput?: string;
+    /** Handler for chat input changes. */
+    onChatInputChange?: (value: string) => void;
+}
+//# 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;IACtB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C"}

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, chatInput, onChatInputChange, }: 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,EACnB,SAAS,EACT,iBAAiB,GAClB,EAAE,mBAAmB,kDA6CrB"}

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, chatInput, onChatInputChange, }) {
+    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, chatInput: chatInput, onChatInputChange: onChatInputChange })] }));
+}

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/next.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"next.config.d.ts","sourceRoot":"","sources":["../../../../src/presentation/web/next.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAgCvC,QAAA,MAAM,UAAU,EAAE,UA+BjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"next.config.d.ts","sourceRoot":"","sources":["../../../../src/presentation/web/next.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAgCvC,QAAA,MAAM,UAAU,EAAE,UAsCjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/presentation/web/next.config.js

@@ -53,5 +53,11 @@ const nextConfig = {
     // Use standalone output mode for server-side rendering on demand
     // This prevents issues with statically prerendering pages that depend on client context
     output: 'standalone',
+    // Allow attachment uploads up to 11 MB (10 MB limit + multipart overhead)
+    experimental: {
+        serverActions: {
+            bodySizeLimit: '11mb',
+        },
+    },
 };
 export default nextConfig;