@shepai/cli 1.47.0 → 1.49.0

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;AAS1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAS5E,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,2CA2QzF"}
+{"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,13 +3,16 @@ 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';
+import { getMergeReviewData } from '../../../app/actions/get-merge-review-data.js';
 import { FeaturesCanvas } from '../../features/features-canvas/index.js';
 import { FeatureDrawer, FeatureCreateDrawer } from '../../common/index.js';
 import { PrdQuestionnaireDrawer } from '../../common/prd-questionnaire/index.js';
 import { TechDecisionsDrawer } from '../../common/tech-decisions-review/index.js';
+import { MergeReviewDrawer } from '../../common/merge-review/index.js';
 import { NotificationPermissionBanner } from '../../common/notification-permission-banner/index.js';
 import { ControlCenterEmptyState } from './control-center-empty-state.js';
 import { useControlCenterState } from './use-control-center-state.js';
@@ -26,29 +29,42 @@ 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);
+    // Merge review drawer state
+    const [mergeReviewData, setMergeReviewData] = useState(null);
+    const [isLoadingMergeReview, setIsLoadingMergeReview] = useState(false);
     const showPrdDrawer = selectedNode?.lifecycle === 'requirements' && selectedNode?.state === 'action-required';
     const showTechDecisionsDrawer = selectedNode?.lifecycle === 'implementation' && selectedNode?.state === 'action-required';
+    const showMergeReviewDrawer = selectedNode?.lifecycle === 'review' && selectedNode?.state === 'action-required';
     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;
@@ -56,25 +72,48 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
         toast.success('Requirements approved — agent resuming');
         clearSelection();
         setPrdSelections({});
+    }, [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;
+        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);
+        }
     }, [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 () => {
+    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 plan');
+            toast.error(result.error ?? `Failed to approve ${label.toLowerCase()}`);
             return;
         }
-        toast.success('Plan approved — agent resuming');
+        toast.success(`${label} approved — agent resuming`);
         clearSelection();
     }, [selectedNode?.featureId, clearSelection]);
+    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(() => {
@@ -148,6 +187,36 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
             cancelled = true;
         };
     }, [techDecisionsFeatureId]);
+    // Fetch merge review data when a feature is in review + action-required
+    const mergeFeatureId = showMergeReviewDrawer ? selectedNode?.featureId : null;
+    useEffect(() => {
+        setMergeReviewData(null);
+        if (!mergeFeatureId)
+            return;
+        let cancelled = false;
+        setIsLoadingMergeReview(true);
+        getMergeReviewData(mergeFeatureId)
+            .then((result) => {
+            if (cancelled)
+                return;
+            if ('error' in result) {
+                toast.error(result.error);
+                return;
+            }
+            setMergeReviewData(result);
+        })
+            .catch(() => {
+            if (!cancelled)
+                toast.error('Failed to load merge review data');
+        })
+            .finally(() => {
+            if (!cancelled)
+                setIsLoadingMergeReview(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [mergeFeatureId]);
     const hasRepositories = nodes.some((n) => n.type === 'repositoryNode');
     // Listen for global "open create drawer" events from the sidebar
     useEffect(() => {
@@ -158,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 ? 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, _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 })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"control-center.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAgBpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkEnC,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAwIF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC"}
+{"version":3,"file":"control-center.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAgBpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiFnC,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAwIF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC"}

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

@@ -60,6 +60,21 @@ const featureNodes = [
             branch: 'feat/api-gateway',
         },
     },
+    {
+        id: 'feat-4',
+        type: 'featureNode',
+        position: { x: 800, y: 345 },
+        data: {
+            name: 'Merge Review',
+            description: 'PR ready for merge approval',
+            featureId: '#f4',
+            lifecycle: 'review',
+            state: 'action-required',
+            progress: 90,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/merge-review',
+        },
+    },
 ];
 const repoNode = {
     id: 'repo-1',

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

@@ -1 +1 @@
-{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAOhF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,yBAAyB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,yBAAyB,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChE,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,KACpC,MAAM,CAAC;CACb;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAwepB"}
+{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAOhF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,yBAAyB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,yBAAyB,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChE,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,KACpC,MAAM,CAAC;CACb;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAsgBpB"}

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

@@ -273,8 +273,17 @@ export function useControlCenterState(initialNodes, initialEdges) {
                 return;
             }
             setSelectedNode(null);
-            setNodes((prev) => prev.filter((n) => n.id !== featureId));
-            setEdges((prev) => prev.filter((e) => e.source !== featureId && e.target !== featureId));
+            setNodes((currentNodes) => {
+                const remainingNodes = currentNodes.filter((n) => n.id !== featureId);
+                const remainingEdges = edges.filter((e) => e.source !== featureId && e.target !== featureId);
+                const result = layoutWithDagre(remainingNodes, remainingEdges, {
+                    direction: 'LR',
+                    ranksep: 200,
+                    nodesep: 60,
+                });
+                setEdges(result.edges);
+                return result.nodes;
+            });
             toast.success('Feature deleted successfully');
             router.refresh();
         }
@@ -284,7 +293,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
         finally {
             setIsDeleting(false);
         }
-    }, [router]);
+    }, [router, edges]);
     const handleDeleteRepository = useCallback(async (repositoryId) => {
         const repoNodeId = `repo-${repositoryId}`;
         // Optimistic: remove node and its edges immediately
@@ -332,27 +341,31 @@ export function useControlCenterState(initialNodes, initialEdges) {
             .split(/[\\/]/)
             .pop() ?? path;
         // Optimistic UI: add node immediately
+        let savedAddRepoY = 0;
         setNodes((currentNodes) => {
             const repoNodes = currentNodes.filter((n) => n.type === 'repositoryNode');
             const addRepoNode = currentNodes.find((n) => n.type === 'addRepositoryNode');
-            // Place in the repo column, below the last existing repo node
+            // Save addRepoNode's original Y for rollback on error
+            if (addRepoNode)
+                savedAddRepoY = addRepoNode.position.y;
+            // Place in the repo column, at the addRepoNode's current position
             const repoX = repoNodes[0]?.position.x ?? addRepoNode?.position.x ?? 50;
             const repoHeight = 50; // repositoryNode height
             const gap = 15; // match dagre nodesep
-            const lastRepoBottomY = repoNodes.length > 0
-                ? Math.max(...repoNodes.map((n) => n.position.y)) + repoHeight
-                : addRepoNode
-                    ? addRepoNode.position.y
-                    : 0;
-            const position = { x: repoX, y: lastRepoBottomY + gap };
+            const position = {
+                x: repoX,
+                y: addRepoNode ? addRepoNode.position.y : 0,
+            };
             const newNode = {
                 id: tempId,
                 type: 'repositoryNode',
                 position,
                 data: { name: repoName, repositoryPath: path, id: tempId },
             };
-            // Move addRepo button below the new node
-            const addRepoY = position.y + repoHeight + gap;
+            // Shift addRepo button down by exactly one slot
+            const addRepoY = addRepoNode
+                ? addRepoNode.position.y + repoHeight + gap
+                : position.y + repoHeight + gap;
             return currentNodes
                 .map((n) => n.type === 'addRepositoryNode' ? { ...n, position: { ...n.position, y: addRepoY } } : n)
                 .concat(newNode);
@@ -361,8 +374,12 @@ export function useControlCenterState(initialNodes, initialEdges) {
         addRepository({ path, name: repoName })
             .then((result) => {
             if (result.error) {
-                // Rollback optimistic node
-                setNodes((prev) => prev.filter((n) => n.id !== tempId));
+                // Rollback optimistic node and restore addRepoNode position
+                setNodes((prev) => prev
+                    .filter((n) => n.id !== tempId)
+                    .map((n) => n.type === 'addRepositoryNode'
+                    ? { ...n, position: { ...n.position, y: savedAddRepoY } }
+                    : n));
                 toast.error(result.error);
                 return;
             }
@@ -385,7 +402,12 @@ export function useControlCenterState(initialNodes, initialEdges) {
             router.refresh();
         })
             .catch(() => {
-            setNodes((prev) => prev.filter((n) => n.id !== tempId));
+            // Rollback optimistic node and restore addRepoNode position
+            setNodes((prev) => prev
+                .filter((n) => n.id !== tempId)
+                .map((n) => n.type === 'addRepositoryNode'
+                ? { ...n, position: { ...n.position, y: savedAddRepoY } }
+                : n));
             toast.error('Failed to add repository');
         });
     }, [router]);