@shepai/cli 1.48.0 → 1.49.0

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

@@ -23,4 +23,8 @@ export declare const InDrawerWithSelections: DrawerStory;
 export declare const WithDeleteButton: DrawerStory;
 /** Drawer with delete in progress (button disabled). */
 export declare const DeletingState: DrawerStory;
+/** All answered with reject button visible on last step. */
+export declare const WithRejectButton: Story;
+/** Rejecting state — reject button disabled with spinner while reject action is in flight. */
+export declare const RejectingState: Story;
 //# sourceMappingURL=prd-questionnaire.stories.d.ts.map

package/dist/src/presentation/web/components/common/prd-questionnaire/prd-questionnaire.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prd-questionnaire.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/prd-questionnaire/prd-questionnaire.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAmKpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAmBvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAU/C,sFAAsF;AACtF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAIF,KAAK,WAAW,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAC;AA2C3D,8DAA8D;AAC9D,eAAO,MAAM,QAAQ,EAAE,WAWtB,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,sBAAsB,EAAE,WAepC,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,gBAAgB,EAAE,WAW9B,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,aAAa,EAAE,WAY3B,CAAC"}
+{"version":3,"file":"prd-questionnaire.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/prd-questionnaire/prd-questionnaire.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAiKpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAkBvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAU/C,sFAAsF;AACtF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAIF,KAAK,WAAW,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAC;AA0C3D,8DAA8D;AAC9D,eAAO,MAAM,QAAQ,EAAE,WAWtB,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,sBAAsB,EAAE,WAepC,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,gBAAgB,EAAE,WAW9B,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,aAAa,EAAE,WAY3B,CAAC;AAaF,4DAA4D;AAC5D,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}

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

@@ -140,7 +140,7 @@ const mockFinalAction = {
 /* ─── Interactive wrapper for stories ─── */
 function InteractiveQuestionnaire({ selections: initialSelections = {}, ...props }) {
     const [selections, setSelections] = useState(initialSelections);
-    return (_jsx(PrdQuestionnaire, { ...props, selections: selections, onSelect: (qId, optId) => setSelections((prev) => ({ ...prev, [qId]: optId })), onRefine: fn().mockName('onRefine'), onApprove: fn().mockName('onApprove') }));
+    return (_jsx(PrdQuestionnaire, { ...props, selections: selections, onSelect: (qId, optId) => setSelections((prev) => ({ ...prev, [qId]: optId })), onApprove: fn().mockName('onApprove') }));
 }
 /* ─── Standalone PrdQuestionnaire ─── */
 const meta = {
@@ -152,7 +152,6 @@ const meta = {
     },
     argTypes: {
         onSelect: { action: 'onSelect' },
-        onRefine: { action: 'onRefine' },
         onApprove: { action: 'onApprove' },
     },
     decorators: [
@@ -239,7 +238,7 @@ const drawerMeta = {
 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 })), onRefine: fn().mockName('onRefine'), onApprove: fn().mockName('onApprove') })] }));
+    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 = {
@@ -265,3 +264,25 @@ 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',
+    priority: 'p1',
+    success: 'adoption',
+    timeline: 'sprint',
+    scope: 'mvp',
+    stakeholders: 'end_users',
+};
+/** All answered with reject button visible on last step. */
+export const WithRejectButton = {
+    render: () => (_jsx(InteractiveQuestionnaire, { data: mockData, selections: allAnsweredSelections, onReject: fn().mockName('onReject') })),
+};
+/** Rejecting state — reject button disabled with spinner while reject action is in flight. */
+export const RejectingState = {
+    args: {
+        data: mockData,
+        selections: allAnsweredSelections,
+        onReject: fn().mockName('onReject'),
+        isRejecting: true,
+    },
+};

package/dist/src/presentation/web/components/common/reject-feedback-dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { RejectFeedbackDialog } from './reject-feedback-dialog.js';
+export type { RejectFeedbackDialogProps } from './reject-feedback-dialog-config.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/reject-feedback-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/reject-feedback-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/src/presentation/web/components/common/reject-feedback-dialog/index.js

@@ -0,0 +1 @@
+export { RejectFeedbackDialog } from './reject-feedback-dialog.js';

package/dist/src/presentation/web/components/common/reject-feedback-dialog/reject-feedback-dialog-config.d.ts

@@ -0,0 +1,9 @@
+export interface RejectFeedbackDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: (feedback: string) => void;
+    isSubmitting: boolean;
+    title?: string;
+    description?: string;
+}
+//# sourceMappingURL=reject-feedback-dialog-config.d.ts.map

package/dist/src/presentation/web/components/common/reject-feedback-dialog/reject-feedback-dialog-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reject-feedback-dialog-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/reject-feedback-dialog/reject-feedback-dialog-config.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/src/presentation/web/components/common/reject-feedback-dialog/reject-feedback-dialog-config.js

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

package/dist/src/presentation/web/components/common/reject-feedback-dialog/reject-feedback-dialog.d.ts

@@ -0,0 +1,3 @@
+import type { RejectFeedbackDialogProps } from './reject-feedback-dialog-config.js';
+export declare function RejectFeedbackDialog({ open, onOpenChange, onConfirm, isSubmitting, title, description, }: RejectFeedbackDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=reject-feedback-dialog.d.ts.map

package/dist/src/presentation/web/components/common/reject-feedback-dialog/reject-feedback-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reject-feedback-dialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/reject-feedback-dialog/reject-feedback-dialog.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAMjF,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,KAAqB,EACrB,WAAiC,GAClC,EAAE,yBAAyB,2CAiD3B"}

package/dist/src/presentation/web/components/common/reject-feedback-dialog/reject-feedback-dialog.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Loader2 } from 'lucide-react';
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '../../ui/alert-dialog.js';
+import { Textarea } from '../../ui/textarea.js';
+const DEFAULT_TITLE = 'Reject Requirements';
+const DEFAULT_DESCRIPTION = 'Provide feedback for the agent to address in the next iteration. Feedback is required.';
+export function RejectFeedbackDialog({ open, onOpenChange, onConfirm, isSubmitting, title = DEFAULT_TITLE, description = DEFAULT_DESCRIPTION, }) {
+    const [feedback, setFeedback] = useState('');
+    // Reset feedback when dialog opens
+    useEffect(() => {
+        if (open) {
+            setFeedback('');
+        }
+    }, [open]);
+    const isFeedbackEmpty = feedback.trim().length === 0;
+    return (_jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: title }), _jsx(AlertDialogDescription, { children: description })] }), _jsx(Textarea, { "aria-label": "Rejection feedback", placeholder: "Describe what needs to change...", value: feedback, onChange: (e) => setFeedback(e.target.value), disabled: isSubmitting, rows: 4 }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: isSubmitting, onClick: () => onOpenChange(false), children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", disabled: isFeedbackEmpty || isSubmitting, onClick: () => onConfirm(feedback.trim()), children: isSubmitting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Rejecting\u2026"] })) : ('Confirm Reject') })] })] }) }));
+}

package/dist/src/presentation/web/components/common/reject-feedback-dialog/reject-feedback-dialog.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { RejectFeedbackDialog } from './reject-feedback-dialog.js';
+declare const meta: Meta<typeof RejectFeedbackDialog>;
+export default meta;
+type Story = StoryObj<typeof RejectFeedbackDialog>;
+/** Default — dialog open with empty feedback; confirm button disabled. */
+export declare const Default: Story;
+/** With feedback entered — confirm button enabled. */
+export declare const WithFeedback: Story;
+/** Submitting state — spinner shown, buttons disabled. */
+export declare const Submitting: Story;
+/** Custom title and description for tech decisions context. */
+export declare const CustomTitle: Story;
+//# sourceMappingURL=reject-feedback-dialog.stories.d.ts.map

package/dist/src/presentation/web/components/common/reject-feedback-dialog/reject-feedback-dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reject-feedback-dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/reject-feedback-dialog/reject-feedback-dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAa3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAEnD,0EAA0E;AAC1E,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,sDAAsD;AACtD,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAC;AAEF,0DAA0D;AAC1D,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,+DAA+D;AAC/D,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC"}

package/dist/src/presentation/web/components/common/reject-feedback-dialog/reject-feedback-dialog.stories.js

@@ -0,0 +1,46 @@
+import { fn } from '@storybook/test';
+import { RejectFeedbackDialog } from './reject-feedback-dialog.js';
+const meta = {
+    title: 'Composed/RejectFeedbackDialog',
+    component: RejectFeedbackDialog,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    args: {
+        open: true,
+        onOpenChange: fn().mockName('onOpenChange'),
+        onConfirm: fn().mockName('onConfirm'),
+        isSubmitting: false,
+    },
+};
+export default meta;
+/** Default — dialog open with empty feedback; confirm button disabled. */
+export const Default = {};
+/** With feedback entered — confirm button enabled. */
+export const WithFeedback = {
+    play: async ({ canvasElement }) => {
+        // Type feedback into the textarea to show enabled state
+        const textarea = canvasElement.ownerDocument.querySelector('textarea[aria-label="Rejection feedback"]');
+        if (textarea) {
+            // Simulate React-compatible input
+            const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, 'value')?.set;
+            nativeInputValueSetter?.call(textarea, 'The requirements are missing error handling for edge cases. Please add validation for empty inputs.');
+            textarea.dispatchEvent(new Event('input', { bubbles: true }));
+            textarea.dispatchEvent(new Event('change', { bubbles: true }));
+        }
+    },
+};
+/** Submitting state — spinner shown, buttons disabled. */
+export const Submitting = {
+    args: {
+        isSubmitting: true,
+    },
+};
+/** Custom title and description for tech decisions context. */
+export const CustomTitle = {
+    args: {
+        title: 'Reject Plan',
+        description: 'Provide feedback on the technical plan for the agent to revise. Be specific about which decisions need changes.',
+    },
+};

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

@@ -9,12 +9,14 @@ export interface TechDecisionsReviewData {
 export interface TechDecisionsReviewProps {
     /** Tech decisions data from the research artifact */
     data: TechDecisionsReviewData;
-    /** Chat refinement callback — sends user feedback to the agent */
-    onRefine: (text: string) => void;
     /** Approve plan callback */
     onApprove: () => void;
+    /** Reject plan callback — opens feedback dialog when provided; also used for inline text rejection */
+    onReject?: (feedback: string) => void;
     /** Controls disabled state during loading */
     isProcessing?: boolean;
+    /** Whether a reject operation is in flight */
+    isRejecting?: boolean;
 }
 export interface TechDecisionsDrawerProps extends TechDecisionsReviewProps {
     /** Whether the drawer is open */

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

@@ -1 +1 @@
-{"version":3,"file":"tech-decisions-review-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-decisions-review/tech-decisions-review-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEzE,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,wBAAwB;IACvC,qDAAqD;IACrD,IAAI,EAAE,uBAAuB,CAAC;IAC9B,kEAAkE;IAClE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,4BAA4B;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,wCAAwC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,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,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"tech-decisions-review-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-decisions-review/tech-decisions-review-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEzE,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,wBAAwB;IACvC,qDAAqD;IACrD,IAAI,EAAE,uBAAuB,CAAC;IAC9B,4BAA4B;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,sGAAsG;IACtG,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;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,wCAAwC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,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,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

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

@@ -1,3 +1,3 @@
 import type { TechDecisionsReviewProps } from './tech-decisions-review-config.js';
-export declare function TechDecisionsReview({ data, onRefine, onApprove, isProcessing, }: TechDecisionsReviewProps): 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;AAoG7F,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,YAAoB,GACrB,EAAE,wBAAwB,kDAyE1B"}
+{"version":3,"file":"tech-decisions-review.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/tech-decisions-review/tech-decisions-review.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAgB,MAAM,gCAAgC,CAAC;AAoG7F,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,YAAoB,EACpB,WAAmB,GACpB,EAAE,wBAAwB,kDA6C1B"}

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

@@ -2,10 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import Markdown from 'react-markdown';
-import { Check, ChevronRight, GitCompareArrows, Layers, Send } from 'lucide-react';
+import { Check, ChevronRight, GitCompareArrows, Layers } from 'lucide-react';
 import { Badge } from '../../ui/badge.js';
-import { Button } from '../../ui/button.js';
-import { Input } from '../../ui/input.js';
+import { DrawerActionBar } from '../../common/drawer-action-bar/index.js';
 const markdownComponents = {
     p: ({ children }) => (_jsx("p", { className: "text-muted-foreground mb-2 text-xs leading-relaxed last:mb-0", children: children })),
     strong: ({ children }) => _jsx("strong", { className: "text-foreground font-semibold", children: children }),
@@ -22,18 +21,9 @@ 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: () => setAlternativesOpen((prev) => !prev), 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, onRefine, onApprove, isProcessing = false, }) {
+export function TechDecisionsReview({ data, onApprove, onReject, isProcessing = false, isRejecting = false, }) {
     const { summary, decisions } = data;
-    const [chatInput, setChatInput] = useState('');
-    function handleSubmit(e) {
-        e.preventDefault();
-        const text = chatInput.trim();
-        if (!text)
-            return;
-        onRefine(text);
-        setChatInput('');
-    }
     if (decisions.length === 0)
         return null;
-    return (_jsxs("div", { className: "flex h-full 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)))] }), _jsxs("div", { className: "border-border shrink-0 border-t", children: [_jsxs("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-4 pb-2", children: [_jsx(Input, { type: "text", placeholder: "Ask AI to revise the plan...", "aria-label": "Ask AI to revise the plan", disabled: isProcessing, value: chatInput, onChange: (e) => setChatInput(e.target.value), className: "flex-1" }), _jsx(Button, { type: "submit", variant: "secondary", size: "icon", "aria-label": "Send", disabled: isProcessing, children: _jsx(Send, {}) })] }), _jsx("div", { className: "px-4 pt-2 pb-4", children: _jsxs(Button, { type: "button", className: "w-full", disabled: isProcessing, onClick: onApprove, children: [_jsx(Check, { className: "mr-1.5 h-4 w-4" }), "Approve Plan"] }) })] })] }));
+    return (_jsxs("div", { className: "flex h-full 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...", rejectDialogTitle: "Reject Plan", isProcessing: isProcessing, isRejecting: isRejecting })] }));
 }

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

@@ -19,4 +19,8 @@ export declare const InDrawer: DrawerStory;
 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. */
+export declare const RejectingState: Story;
 //# sourceMappingURL=tech-decisions-review.stories.d.ts.map

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":"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,oDAAoD;AACpD,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;AA8BxD,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"}
+{"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,oDAAoD;AACpD,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;AA8BxD,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

@@ -51,7 +51,7 @@ export default meta;
 export const Default = {
     args: {
         data: mockData,
-        onRefine: fn().mockName('onRefine'),
+        onReject: fn().mockName('onReject'),
         onApprove: fn().mockName('onApprove'),
     },
 };
@@ -67,7 +67,7 @@ export const Processing = {
 export const SingleDecision = {
     args: {
         data: { ...mockData, decisions: [mockData.decisions[0]] },
-        onRefine: fn().mockName('onRefine'),
+        onReject: fn().mockName('onReject'),
         onApprove: fn().mockName('onApprove'),
     },
 };
@@ -75,7 +75,7 @@ export const SingleDecision = {
 export const NoTechnologies = {
     args: {
         data: { ...mockData, technologies: [] },
-        onRefine: fn().mockName('onRefine'),
+        onReject: fn().mockName('onReject'),
         onApprove: fn().mockName('onApprove'),
     },
 };
@@ -94,15 +94,33 @@ function DrawerTemplate(props) {
 /** Drawer with tech decisions list. */
 export const InDrawer = {
     ...drawerMeta,
-    render: () => (_jsx(DrawerTemplate, { featureName: "Agent Executor Abstraction", featureId: "FEAT-099", data: mockData, onRefine: fn().mockName('onRefine'), onApprove: fn().mockName('onApprove') })),
+    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, onRefine: fn().mockName('onRefine'), onApprove: fn().mockName('onApprove'), onDelete: fn().mockName('onDelete') })),
+    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, onRefine: fn().mockName('onRefine'), onApprove: fn().mockName('onApprove'), onDelete: fn().mockName('onDelete'), isDeleting: true })),
+    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 = {
+    args: {
+        data: mockData,
+        onApprove: fn().mockName('onApprove'),
+        onReject: fn().mockName('onReject'),
+    },
+};
+/** Rejecting state — reject button disabled while reject action is in flight. */
+export const RejectingState = {
+    args: {
+        data: mockData,
+        onApprove: fn().mockName('onApprove'),
+        onReject: fn().mockName('onReject'),
+        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;AAW1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAU5E,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,2CAyVzF"}
+{"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;AAgB1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAU5E,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,2CAiYzF"}

package/dist/src/presentation/web/components/features/control-center/control-center-inner.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'sonner';
 import { approveFeature } from '../../../app/actions/approve-feature.js';
+import { rejectFeature } from '../../../app/actions/reject-feature.js';
 import { getFeatureArtifact } from '../../../app/actions/get-feature-artifact.js';
 import { getResearchArtifact } from '../../../app/actions/get-research-artifact.js';
 import { getWorkflowDefaults } from '../../../app/actions/get-workflow-defaults.js';
@@ -28,9 +29,10 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
     }, []);
     // PRD questionnaire drawer state
     const [prdSelections, setPrdSelections] = useState({});
-    const [isPrdProcessing, setIsPrdProcessing] = useState(false);
     const [questionnaireData, setQuestionnaireData] = useState(null);
     const [isLoadingQuestionnaire, setIsLoadingQuestionnaire] = useState(false);
+    // Reject state (shared by both drawers)
+    const [isRejecting, setIsRejecting] = useState(false);
     // Tech decisions drawer state
     const [techDecisionsData, setTechDecisionsData] = useState(null);
     const [isLoadingTechDecisions, setIsLoadingTechDecisions] = useState(false);
@@ -43,18 +45,26 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
     const handlePrdSelect = useCallback((questionId, optionId) => {
         setPrdSelections((prev) => ({ ...prev, [questionId]: optionId }));
     }, []);
-    const handlePrdRefine = useCallback(async (_text) => {
-        setIsPrdProcessing(true);
-        // TODO: Call API to refine requirements
-        // For now simulate a delay
-        await new Promise((resolve) => setTimeout(resolve, 1500));
-        setIsPrdProcessing(false);
-    }, []);
     const handlePrdApprove = useCallback(async (_actionId) => {
         const featureId = selectedNode?.featureId;
         if (!featureId)
             return;
-        const result = await approveFeature(featureId);
+        let payload;
+        if (questionnaireData) {
+            const changedSelections = [];
+            for (const [questionId, optionId] of Object.entries(prdSelections)) {
+                const question = questionnaireData.questions.find((q) => q.id === questionId);
+                const option = question?.options.find((o) => o.id === optionId);
+                if (question && option) {
+                    changedSelections.push({
+                        questionId: question.question,
+                        selectedOption: option.label,
+                    });
+                }
+            }
+            payload = { approved: true, changedSelections };
+        }
+        const result = await approveFeature(featureId, payload);
         if (!result.approved) {
             toast.error(result.error ?? 'Failed to approve requirements');
             return;
@@ -62,43 +72,48 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
         toast.success('Requirements approved — agent resuming');
         clearSelection();
         setPrdSelections({});
-    }, [selectedNode?.featureId, clearSelection]);
-    const handleTechDecisionsRefine = useCallback(async (_text) => {
-        setIsLoadingTechDecisions(true);
-        // TODO: Call API to refine tech decisions
-        await new Promise((resolve) => setTimeout(resolve, 1500));
-        setIsLoadingTechDecisions(false);
-    }, []);
-    const handleTechDecisionsApprove = useCallback(async () => {
+    }, [selectedNode?.featureId, clearSelection, questionnaireData, prdSelections]);
+    // Shared reject handler — all drawers use the same rejectFeature flow
+    const handleReject = useCallback(async (feedback, label, onDone) => {
         const featureId = selectedNode?.featureId;
         if (!featureId)
             return;
-        const result = await approveFeature(featureId);
-        if (!result.approved) {
-            toast.error(result.error ?? 'Failed to approve plan');
-            return;
+        setIsRejecting(true);
+        try {
+            const result = await rejectFeature(featureId, feedback);
+            if (!result.rejected) {
+                toast.error(result.error ?? `Failed to reject ${label.toLowerCase()}`);
+                return;
+            }
+            toast.success(`${label} rejected — agent re-iterating (iteration ${result.iteration})`);
+            if (result.iterationWarning) {
+                toast.warning(`Iteration ${result.iteration} — consider approving or adjusting feedback to avoid excessive iterations`);
+            }
+            clearSelection();
+            onDone?.();
+        }
+        finally {
+            setIsRejecting(false);
         }
-        toast.success('Plan approved — agent resuming');
-        clearSelection();
     }, [selectedNode?.featureId, clearSelection]);
-    const handleMergeApprove = useCallback(async () => {
+    const handlePrdReject = useCallback((feedback) => handleReject(feedback, 'Requirements', () => setPrdSelections({})), [handleReject]);
+    const handleTechDecisionsReject = useCallback((feedback) => handleReject(feedback, 'Plan'), [handleReject]);
+    const handleMergeReject = useCallback((feedback) => handleReject(feedback, 'Merge'), [handleReject]);
+    // Shared approve handler — tech decisions and merge use identical approve flows
+    const handleSimpleApprove = useCallback(async (label) => {
         const featureId = selectedNode?.featureId;
         if (!featureId)
             return;
         const result = await approveFeature(featureId);
         if (!result.approved) {
-            toast.error(result.error ?? 'Failed to approve merge');
+            toast.error(result.error ?? `Failed to approve ${label.toLowerCase()}`);
             return;
         }
-        toast.success('Merge approved — agent resuming');
+        toast.success(`${label} approved — agent resuming`);
         clearSelection();
     }, [selectedNode?.featureId, clearSelection]);
-    const handleMergeRefine = useCallback(async (_text) => {
-        setIsLoadingMergeReview(true);
-        // TODO: Call API to refine merge
-        await new Promise((resolve) => setTimeout(resolve, 1500));
-        setIsLoadingMergeReview(false);
-    }, []);
+    const handleTechDecisionsApprove = useCallback(() => handleSimpleApprove('Plan'), [handleSimpleApprove]);
+    const handleMergeApprove = useCallback(() => handleSimpleApprove('Merge'), [handleSimpleApprove]);
     // Fetch questionnaire data and reset selections when a different feature is selected
     const prdFeatureId = showPrdDrawer ? selectedNode?.featureId : null;
     useEffect(() => {
@@ -212,5 +227,5 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
     if (!hasRepositories) {
         return (_jsxs(_Fragment, { children: [_jsx(NotificationPermissionBanner, {}), _jsx(ControlCenterEmptyState, { onRepositorySelect: handleAddRepository }), _jsx(FeatureCreateDrawer, { open: isCreateDrawerOpen, onClose: closeCreateDrawer, onSubmit: handleCreateFeatureSubmit, repositoryPath: pendingRepositoryPath, workflowDefaults: workflowDefaults })] }));
     }
-    return (_jsxs(_Fragment, { children: [_jsx(NotificationPermissionBanner, {}), _jsx(FeaturesCanvas, { nodes: nodes, edges: edges, onNodesChange: onNodesChange, onConnect: handleConnect, onAddFeature: handleAddFeature, onNodeAction: handleAddFeatureToFeature, onNodeClick: handleNodeClick, onPaneClick: clearSelection, onRepositoryAdd: handleAddFeatureToRepo, onRepositoryDelete: handleDeleteRepository, onRepositorySelect: handleAddRepository, emptyState: _jsx(ControlCenterEmptyState, { onRepositorySelect: handleAddRepository }) }), _jsx(FeatureDrawer, { selectedNode: showPrdDrawer || showTechDecisionsDrawer || showMergeReviewDrawer ? null : selectedNode, onClose: clearSelection, onDelete: handleDeleteFeature, isDeleting: isDeleting }), questionnaireData ? (_jsx(PrdQuestionnaireDrawer, { open: showPrdDrawer, onClose: clearSelection, featureName: selectedNode?.name ?? '', featureDescription: selectedNode?.description, featureId: selectedNode?.featureId, repositoryPath: selectedNode?.repositoryPath, branch: selectedNode?.branch, specPath: selectedNode?.specPath, data: questionnaireData, selections: prdSelections, onSelect: handlePrdSelect, onRefine: handlePrdRefine, onApprove: handlePrdApprove, onDelete: handleDeleteFeature, isDeleting: isDeleting, isProcessing: isPrdProcessing || isLoadingQuestionnaire })) : null, techDecisionsData ? (_jsx(TechDecisionsDrawer, { open: showTechDecisionsDrawer, onClose: clearSelection, featureName: selectedNode?.name ?? '', featureId: selectedNode?.featureId, repositoryPath: selectedNode?.repositoryPath, branch: selectedNode?.branch, specPath: selectedNode?.specPath, data: techDecisionsData, onRefine: handleTechDecisionsRefine, onApprove: handleTechDecisionsApprove, onDelete: handleDeleteFeature, isDeleting: isDeleting, isProcessing: isLoadingTechDecisions })) : null, mergeReviewData ? (_jsx(MergeReviewDrawer, { open: showMergeReviewDrawer, onClose: clearSelection, featureName: selectedNode?.name ?? '', featureId: selectedNode?.featureId, repositoryPath: selectedNode?.repositoryPath, branch: selectedNode?.branch, specPath: selectedNode?.specPath, data: mergeReviewData, onApprove: handleMergeApprove, onRefine: handleMergeRefine, onDelete: handleDeleteFeature, isDeleting: isDeleting, isProcessing: isLoadingMergeReview })) : null, _jsx(FeatureCreateDrawer, { open: isCreateDrawerOpen, onClose: closeCreateDrawer, onSubmit: handleCreateFeatureSubmit, repositoryPath: pendingRepositoryPath, workflowDefaults: workflowDefaults })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(NotificationPermissionBanner, {}), _jsx(FeaturesCanvas, { nodes: nodes, edges: edges, onNodesChange: onNodesChange, onConnect: handleConnect, onAddFeature: handleAddFeature, onNodeAction: handleAddFeatureToFeature, onNodeClick: handleNodeClick, onPaneClick: clearSelection, onRepositoryAdd: handleAddFeatureToRepo, onRepositoryDelete: handleDeleteRepository, onRepositorySelect: handleAddRepository, emptyState: _jsx(ControlCenterEmptyState, { onRepositorySelect: handleAddRepository }) }), _jsx(FeatureDrawer, { selectedNode: showPrdDrawer || showTechDecisionsDrawer || showMergeReviewDrawer ? null : selectedNode, onClose: clearSelection, onDelete: handleDeleteFeature, isDeleting: isDeleting }), questionnaireData ? (_jsx(PrdQuestionnaireDrawer, { open: showPrdDrawer, onClose: clearSelection, featureName: selectedNode?.name ?? '', featureDescription: selectedNode?.description, featureId: selectedNode?.featureId, repositoryPath: selectedNode?.repositoryPath, branch: selectedNode?.branch, specPath: selectedNode?.specPath, data: questionnaireData, selections: prdSelections, onSelect: handlePrdSelect, onApprove: handlePrdApprove, onReject: handlePrdReject, isRejecting: isRejecting, onDelete: handleDeleteFeature, isDeleting: isDeleting, isProcessing: isLoadingQuestionnaire })) : null, techDecisionsData ? (_jsx(TechDecisionsDrawer, { open: showTechDecisionsDrawer, onClose: clearSelection, featureName: selectedNode?.name ?? '', featureId: selectedNode?.featureId, repositoryPath: selectedNode?.repositoryPath, branch: selectedNode?.branch, specPath: selectedNode?.specPath, data: techDecisionsData, onApprove: handleTechDecisionsApprove, onReject: handleTechDecisionsReject, isRejecting: isRejecting, onDelete: handleDeleteFeature, isDeleting: isDeleting, isProcessing: isLoadingTechDecisions })) : null, mergeReviewData ? (_jsx(MergeReviewDrawer, { open: showMergeReviewDrawer, onClose: clearSelection, featureName: selectedNode?.name ?? '', featureId: selectedNode?.featureId, repositoryPath: selectedNode?.repositoryPath, branch: selectedNode?.branch, specPath: selectedNode?.specPath, data: mergeReviewData, onApprove: handleMergeApprove, onReject: handleMergeReject, isRejecting: isRejecting, onDelete: handleDeleteFeature, isDeleting: isDeleting, isProcessing: isLoadingMergeReview })) : null, _jsx(FeatureCreateDrawer, { open: isCreateDrawerOpen, onClose: closeCreateDrawer, onSubmit: handleCreateFeatureSubmit, repositoryPath: pendingRepositoryPath, workflowDefaults: workflowDefaults })] }));
 }