@shepai/cli 1.66.3 → 1.67.0

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

@@ -0,0 +1,210 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { PrStatus, CiStatus } from '../../../../../../packages/core/src/domain/generated/output.js';
+import { Button } from '../../ui/button.js';
+import { ControlCenterDrawer } from './control-center-drawer.js';
+const meta = {
+    title: 'Drawers/ControlCenterDrawer',
+    component: ControlCenterDrawer,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+/* ---------------------------------------------------------------------------
+ * Fixtures
+ * ------------------------------------------------------------------------- */
+const featureView = {
+    type: 'feature',
+    node: {
+        name: 'Auth Module',
+        description: 'Implement OAuth2 authentication flow',
+        featureId: '#f1',
+        lifecycle: 'implementation',
+        state: 'running',
+        progress: 45,
+        agentType: 'claude-code',
+        repositoryPath: '/home/user/my-repo',
+        branch: 'feat/auth-module',
+        specPath: '/home/user/my-repo/specs/001-auth-module',
+    },
+};
+const featureDoneView = {
+    type: 'feature',
+    node: {
+        name: 'Payment Gateway',
+        description: 'Stripe integration for subscriptions',
+        featureId: '#f3',
+        lifecycle: 'maintain',
+        state: 'done',
+        progress: 100,
+        runtime: '1h 42m',
+        repositoryPath: '/home/user/my-repo',
+        branch: 'feat/payment-gateway',
+        pr: {
+            url: 'https://github.com/org/repo/pull/42',
+            number: 42,
+            status: PrStatus.Merged,
+            ciStatus: CiStatus.Success,
+            commitHash: 'abc1234567890',
+        },
+    },
+};
+const featureErrorView = {
+    type: 'feature',
+    node: {
+        name: 'Email Service',
+        description: 'Transactional email with SendGrid',
+        featureId: '#f5',
+        lifecycle: 'review',
+        state: 'error',
+        progress: 30,
+        errorMessage: 'Build failed: type mismatch in auth middleware',
+        repositoryPath: '/home/user/my-repo',
+        branch: 'feat/email-service',
+    },
+};
+const prdReviewView = {
+    type: 'prd-review',
+    node: {
+        name: 'API Rate Limiting',
+        description: 'Sliding window rate limiting for public endpoints',
+        featureId: 'feat-abc123',
+        lifecycle: 'requirements',
+        state: 'action-required',
+        progress: 0,
+        repositoryPath: '/home/user/my-repo',
+        branch: 'feat/api-rate-limiting',
+        specPath: '/home/user/my-repo/specs/002-rate-limiting',
+    },
+};
+const techReviewView = {
+    type: 'tech-review',
+    node: {
+        name: 'Search Index',
+        description: 'Elasticsearch full-text search integration',
+        featureId: 'feat-def456',
+        lifecycle: 'implementation',
+        state: 'action-required',
+        progress: 0,
+        repositoryPath: '/home/user/my-repo',
+        branch: 'feat/search-index',
+        specPath: '/home/user/my-repo/specs/003-search',
+    },
+};
+const mergeReviewView = {
+    type: 'merge-review',
+    node: {
+        name: 'Auth Module',
+        description: 'OAuth2 authentication flow',
+        featureId: 'feat-ghi789',
+        lifecycle: 'review',
+        state: 'action-required',
+        progress: 100,
+        repositoryPath: '/home/user/my-repo',
+        branch: 'feat/auth-module',
+        specPath: '/home/user/my-repo/specs/001-auth-module',
+        pr: {
+            url: 'https://github.com/org/repo/pull/17',
+            number: 17,
+            status: PrStatus.Open,
+            ciStatus: CiStatus.Success,
+        },
+    },
+};
+const createView = {
+    type: 'feature-create',
+    repositoryPath: '/home/user/my-repo',
+    features: [
+        { id: 'feat-abc123', name: 'API Rate Limiting' },
+        { id: 'feat-def456', name: 'Search Index' },
+    ],
+    workflowDefaults: {
+        approvalGates: { allowPrd: true, allowPlan: false, allowMerge: false },
+        push: true,
+        openPr: false,
+    },
+};
+const repositoryView = {
+    type: 'repository',
+    data: {
+        id: 'repo-1',
+        name: 'my-awesome-app',
+        repositoryPath: '/home/user/my-awesome-app',
+    },
+};
+/* ---------------------------------------------------------------------------
+ * Trigger wrapper
+ * ------------------------------------------------------------------------- */
+function Trigger({ view, label }) {
+    const [activeView, setActiveView] = useState(null);
+    return (_jsxs("div", { className: "flex h-screen items-start p-4", children: [_jsx(Button, { variant: "outline", onClick: () => setActiveView(view), children: label }), _jsx(ControlCenterDrawer, { view: activeView, onClose: () => setActiveView(null), onDelete: (_id) => undefined, onCreateSubmit: () => setActiveView(null) })] }));
+}
+/* ---------------------------------------------------------------------------
+ * Stories — one per view type
+ * ------------------------------------------------------------------------- */
+/** Feature info view — running state with progress. Default story. */
+export const Default = {
+    render: () => _jsx(Trigger, { view: featureView, label: "Open Feature (Running)" }),
+};
+/** Feature info view — completed (maintain lifecycle, done state, merged PR). */
+export const FeatureDone = {
+    render: () => _jsx(Trigger, { view: featureDoneView, label: "Open Feature (Done + PR)" }),
+};
+/** Feature info view — error state. */
+export const FeatureError = {
+    render: () => _jsx(Trigger, { view: featureErrorView, label: "Open Feature (Error)" }),
+};
+/**
+ * PRD review view — loads questionnaire data via server action.
+ * Shows spinner in Storybook (no real API available).
+ */
+export const PrdReview = {
+    render: () => _jsx(Trigger, { view: prdReviewView, label: "Open PRD Review" }),
+};
+/**
+ * Tech decisions review view — loads research artifact via server action.
+ * Shows spinner in Storybook.
+ */
+export const TechReview = {
+    render: () => _jsx(Trigger, { view: techReviewView, label: "Open Tech Review" }),
+};
+/**
+ * Merge review view — loads merge review data via server action.
+ * Shows spinner in Storybook.
+ */
+export const MergeReview = {
+    render: () => _jsx(Trigger, { view: mergeReviewView, label: "Open Merge Review" }),
+};
+/** Feature create form. */
+export const FeatureCreate = {
+    render: () => _jsx(Trigger, { view: createView, label: "Open Create Feature" }),
+};
+/** Repository actions view. */
+export const Repository = {
+    render: () => _jsx(Trigger, { view: repositoryView, label: "Open Repository" }),
+};
+/* ---------------------------------------------------------------------------
+ * Interactive switcher — cycle through all views
+ * ------------------------------------------------------------------------- */
+const allViews = [
+    { label: 'Feature (Running)', view: featureView },
+    { label: 'Feature (Done)', view: featureDoneView },
+    { label: 'Feature (Error)', view: featureErrorView },
+    { label: 'PRD Review', view: prdReviewView },
+    { label: 'Tech Review', view: techReviewView },
+    { label: 'Merge Review', view: mergeReviewView },
+    { label: 'Create Feature', view: createView },
+    { label: 'Repository', view: repositoryView },
+];
+function AllViewsSwitcher() {
+    const [activeView, setActiveView] = useState(null);
+    return (_jsxs("div", { className: "flex h-screen", children: [_jsxs("div", { className: "flex flex-col gap-2 p-4", children: [_jsx("span", { className: "text-muted-foreground mb-2 text-xs font-semibold tracking-wider uppercase", children: "Select view" }), allViews.map(({ label, view }) => (_jsx("button", { type: "button", onClick: () => setActiveView(view), className: `rounded-md px-3 py-1.5 text-left text-sm ${activeView?.type === view.type
+                            ? 'bg-primary text-primary-foreground'
+                            : 'bg-muted hover:bg-muted/80'}`, children: label }, label))), _jsx("button", { type: "button", onClick: () => setActiveView(null), className: "bg-destructive/10 text-destructive hover:bg-destructive/20 mt-2 rounded-md px-3 py-1.5 text-left text-sm", children: "Close drawer" })] }), _jsx(ControlCenterDrawer, { view: activeView, onClose: () => setActiveView(null), onDelete: (_id) => undefined, onCreateSubmit: () => setActiveView(null) })] }));
+}
+/** Interactive — click any view type to open that drawer panel. */
+export const AllViews = {
+    render: () => _jsx(AllViewsSwitcher, {}),
+};

package/dist/src/presentation/web/components/common/control-center-drawer/drawer-view.d.ts

@@ -0,0 +1,56 @@
+import type { FeatureNodeData } from '../../common/feature-node/index.js';
+import type { RepositoryNodeData } from '../../common/repository-node/index.js';
+import type { ParentFeatureOption } from '../../common/feature-create-drawer/feature-create-drawer.js';
+import type { WorkflowDefaults } from '../../../app/actions/get-workflow-defaults.js';
+/**
+ * Discriminated union representing every possible drawer state in the control center.
+ * Only one view can be active at a time.
+ */
+export type DrawerView = 
+/** Generic feature info (running, done, blocked, error, or unhandled action-required phases) */
+{
+    type: 'feature';
+    node: FeatureNodeData;
+}
+/** requirements lifecycle + action-required → PRD questionnaire */
+ | {
+    type: 'prd-review';
+    node: FeatureNodeData;
+}
+/** implementation lifecycle + action-required → tech decisions review */
+ | {
+    type: 'tech-review';
+    node: FeatureNodeData;
+}
+/** review lifecycle + action-required|error → merge review */
+ | {
+    type: 'merge-review';
+    node: FeatureNodeData;
+}
+/** Feature creation form */
+ | {
+    type: 'feature-create';
+    repositoryPath: string;
+    initialParentId?: string;
+    features: ParentFeatureOption[];
+    workflowDefaults?: WorkflowDefaults;
+}
+/** Repository node actions */
+ | {
+    type: 'repository';
+    data: RepositoryNodeData;
+};
+/**
+ * Derives the active DrawerView from control-center state.
+ * Priority: feature-create > selected-node (prd/tech/merge/feature) > repository
+ */
+export declare function computeDrawerView({ selectedNode, isCreateDrawerOpen, pendingRepositoryPath, pendingParentFeatureId, selectedRepoNode, features, workflowDefaults, }: {
+    selectedNode: FeatureNodeData | null;
+    isCreateDrawerOpen: boolean;
+    pendingRepositoryPath: string;
+    pendingParentFeatureId: string | undefined;
+    selectedRepoNode: RepositoryNodeData | null;
+    features: ParentFeatureOption[];
+    workflowDefaults: WorkflowDefaults | undefined;
+}): DrawerView | null;
+//# sourceMappingURL=drawer-view.d.ts.map

package/dist/src/presentation/web/components/common/control-center-drawer/drawer-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/drawer-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iEAAiE,CAAC;AAC3G,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAE5E;;;GAGG;AACH,MAAM,MAAM,UAAU;AACpB,gGAAgG;AAC9F;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,eAAe,CAAA;CAAE;AAC5C,mEAAmE;GACjE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,eAAe,CAAA;CAAE;AAC/C,yEAAyE;GACvE;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,eAAe,CAAA;CAAE;AAChD,8DAA8D;GAC5D;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,IAAI,EAAE,eAAe,CAAA;CAAE;AACjD,4BAA4B;GAC1B;IACE,IAAI,EAAE,gBAAgB,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AACH,8BAA8B;GAC5B;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAErD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,GACjB,EAAE;IACD,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,sBAAsB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,gBAAgB,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC5C,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;CAChD,GAAG,UAAU,GAAG,IAAI,CAgCpB"}

package/dist/src/presentation/web/components/common/control-center-drawer/drawer-view.js

@@ -0,0 +1,32 @@
+/**
+ * Derives the active DrawerView from control-center state.
+ * Priority: feature-create > selected-node (prd/tech/merge/feature) > repository
+ */
+export function computeDrawerView({ selectedNode, isCreateDrawerOpen, pendingRepositoryPath, pendingParentFeatureId, selectedRepoNode, features, workflowDefaults, }) {
+    if (isCreateDrawerOpen) {
+        return {
+            type: 'feature-create',
+            repositoryPath: pendingRepositoryPath,
+            initialParentId: pendingParentFeatureId,
+            features,
+            workflowDefaults,
+        };
+    }
+    if (selectedNode) {
+        if (selectedNode.lifecycle === 'requirements' && selectedNode.state === 'action-required') {
+            return { type: 'prd-review', node: selectedNode };
+        }
+        if (selectedNode.lifecycle === 'implementation' && selectedNode.state === 'action-required') {
+            return { type: 'tech-review', node: selectedNode };
+        }
+        if (selectedNode.lifecycle === 'review' &&
+            (selectedNode.state === 'action-required' || selectedNode.state === 'error')) {
+            return { type: 'merge-review', node: selectedNode };
+        }
+        return { type: 'feature', node: selectedNode };
+    }
+    if (selectedRepoNode) {
+        return { type: 'repository', data: selectedRepoNode };
+    }
+    return null;
+}

package/dist/src/presentation/web/components/common/control-center-drawer/index.d.ts

@@ -0,0 +1,3 @@
+export { ControlCenterDrawer, type ControlCenterDrawerProps } from './control-center-drawer.js';
+export { computeDrawerView, type DrawerView } from './drawer-view.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/control-center-drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/src/presentation/web/components/common/control-center-drawer/index.js

@@ -0,0 +1,2 @@
+export { ControlCenterDrawer } from './control-center-drawer.js';
+export { computeDrawerView } from './drawer-view.js';

package/dist/src/presentation/web/components/common/drawer-action-bar/drawer-action-bar-config.d.ts

@@ -10,14 +10,10 @@ export interface DrawerActionBarProps {
     approveIcon?: ReactNode;
     /** Placeholder for the inline revision input */
     revisionPlaceholder?: string;
-    /** Title for the reject feedback dialog */
-    rejectDialogTitle?: string;
     /** Whether an approval/processing operation is in flight */
     isProcessing?: boolean;
     /** Whether a reject operation is in flight */
     isRejecting?: boolean;
-    /** Whether to show the reject button (defaults to true when onReject is provided) */
-    showRejectButton?: boolean;
     /** Content rendered between revision input and action buttons (e.g. progress bar) */
     children?: ReactNode;
 }

package/dist/src/presentation/web/components/common/drawer-action-bar/drawer-action-bar-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-action-bar-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/drawer-action-bar/drawer-action-bar-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,oBAAoB;IACnC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kCAAkC;IAClC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,mCAAmC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qFAAqF;IACrF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
+{"version":3,"file":"drawer-action-bar-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/drawer-action-bar/drawer-action-bar-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,oBAAoB;IACnC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kCAAkC;IAClC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,mCAAmC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/src/presentation/web/components/common/drawer-action-bar/drawer-action-bar.d.ts

@@ -1,3 +1,3 @@
 import type { DrawerActionBarProps } from './drawer-action-bar-config.js';
-export declare function DrawerActionBar({ onReject, onApprove, approveLabel, approveIcon, revisionPlaceholder, rejectDialogTitle, isProcessing, isRejecting, showRejectButton, children, }: DrawerActionBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function DrawerActionBar({ onReject, onApprove, approveLabel, approveIcon, revisionPlaceholder, isProcessing, isRejecting, children, }: DrawerActionBarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=drawer-action-bar.d.ts.map

package/dist/src/presentation/web/components/common/drawer-action-bar/drawer-action-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-action-bar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/drawer-action-bar/drawer-action-bar.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,YAAoB,EACpB,WAAmB,EACnB,gBAAuB,EACvB,QAAQ,GACT,EAAE,oBAAoB,2CAwDtB"}
+{"version":3,"file":"drawer-action-bar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/drawer-action-bar/drawer-action-bar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,YAAoB,EACpB,WAAmB,EACnB,QAAQ,GACT,EAAE,oBAAoB,2CAkEtB"}

package/dist/src/presentation/web/components/common/drawer-action-bar/drawer-action-bar.js

@@ -1,21 +1,27 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { X } from 'lucide-react';
+import { Send } from 'lucide-react';
 import { Button } from '../../ui/button.js';
-import { RejectFeedbackDialog } from '../../common/reject-feedback-dialog/index.js';
-import { DrawerRevisionInput } from '../../common/drawer-revision-input/index.js';
+import { Input } from '../../ui/input.js';
 import { useSoundAction } from '../../../hooks/use-sound-action.js';
-export function DrawerActionBar({ onReject, onApprove, approveLabel, approveIcon, revisionPlaceholder, rejectDialogTitle, isProcessing = false, isRejecting = false, showRejectButton = true, children, }) {
-    const [rejectDialogOpen, setRejectDialogOpen] = useState(false);
+export function DrawerActionBar({ onReject, onApprove, approveLabel, approveIcon, revisionPlaceholder, isProcessing = false, isRejecting = false, children, }) {
+    const [chatInput, setChatInput] = useState('');
     const approveSound = useSoundAction('approve');
-    const rejectSound = useSoundAction('reject');
     const disabled = isProcessing || isRejecting;
-    return (_jsxs("div", { className: "border-border shrink-0 border-t", children: [children, onReject ? (_jsx(DrawerRevisionInput, { onSubmit: onReject, placeholder: revisionPlaceholder, disabled: disabled || !onReject })) : null, _jsxs("div", { className: "flex items-center gap-2 px-4 pb-4", children: [onReject && showRejectButton ? (_jsxs(_Fragment, { children: [_jsxs(Button, { type: "button", variant: "outline", className: "text-destructive hover:text-destructive", disabled: disabled, onClick: () => {
-                                    rejectSound.play();
-                                    setRejectDialogOpen(true);
-                                }, children: [_jsx(X, { className: "mr-1.5 h-4 w-4" }), "Reject"] }), _jsx(RejectFeedbackDialog, { open: rejectDialogOpen, onOpenChange: setRejectDialogOpen, onConfirm: onReject, isSubmitting: isRejecting, title: rejectDialogTitle })] })) : null, _jsxs(Button, { type: "button", className: "flex-1", disabled: disabled, onClick: () => {
+    function handleRevisionSubmit(e) {
+        e.preventDefault();
+        const text = chatInput.trim();
+        if (!text || !onReject)
+            return;
+        onReject(text);
+        setChatInput('');
+    }
+    return (_jsxs("div", { className: "border-border shrink-0 border-t", children: [children, onReject ? (_jsxs("form", { onSubmit: handleRevisionSubmit, className: "flex items-center gap-2 p-4", children: [_jsx(Input, { type: "text", placeholder: revisionPlaceholder ?? 'Ask AI to revise...', "aria-label": revisionPlaceholder ?? 'Ask AI to revise...', disabled: disabled, value: chatInput, onChange: (e) => setChatInput(e.target.value), className: "flex-1" }), _jsx(Button, { type: "submit", variant: "secondary", size: "icon", "aria-label": "Send", disabled: disabled, children: _jsx(Send, {}) }), _jsxs(Button, { type: "button", disabled: disabled, onClick: () => {
                             approveSound.play();
                             onApprove();
-                        }, children: [approveIcon, approveLabel] })] })] }));
+                        }, children: [approveIcon, approveLabel] })] })) : (_jsx("div", { className: "flex items-center gap-2 px-4 pb-4", children: _jsxs(Button, { type: "button", className: "flex-1", disabled: disabled, onClick: () => {
+                        approveSound.play();
+                        onApprove();
+                    }, children: [approveIcon, approveLabel] }) }))] }));
 }

package/dist/src/presentation/web/components/common/drawer-action-bar/drawer-action-bar.stories.d.ts

@@ -7,14 +7,12 @@ type Story = StoryObj<typeof DrawerActionBar>;
 export declare const Default: Story;
 /** With approve icon. */
 export declare const WithIcon: Story;
-/** With reject button. Plays "reject" sound on reject click, "approve" on approve. */
+/** With revision input — single line: chat input, send, approve. */
 export declare const WithReject: Story;
-/** Processing state — buttons disabled, no sounds play. */
+/** Processing state — all controls disabled. */
 export declare const Processing: Story;
-/** Rejecting state — buttons disabled. */
+/** Rejecting state — all controls disabled. */
 export declare const Rejecting: Story;
-/** With revision input and reject button. */
+/** Custom revision placeholder. */
 export declare const WithRevisionInput: Story;
-/** Custom reject dialog title. */
-export declare const CustomRejectTitle: Story;
 //# sourceMappingURL=drawer-action-bar.stories.d.ts.map

package/dist/src/presentation/web/components/common/drawer-action-bar/drawer-action-bar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-action-bar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/drawer-action-bar/drawer-action-bar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAkBtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,qEAAqE;AACrE,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,yBAAyB;AACzB,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,sFAAsF;AACtF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,0CAA0C;AAC1C,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,kCAAkC;AAClC,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC"}
+{"version":3,"file":"drawer-action-bar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/drawer-action-bar/drawer-action-bar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAkBtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,qEAAqE;AACrE,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,yBAAyB;AACzB,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,oEAAoE;AACpE,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,gDAAgD;AAChD,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,mCAAmC;AACnC,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC"}

package/dist/src/presentation/web/components/common/drawer-action-bar/drawer-action-bar.stories.js

@@ -3,7 +3,7 @@ import { fn } from '@storybook/test';
 import { Check } from 'lucide-react';
 import { DrawerActionBar } from './drawer-action-bar.js';
 const meta = {
-    title: 'Composed/DrawerActionBar',
+    title: 'Drawers/Base/DrawerActionBar',
     component: DrawerActionBar,
     tags: ['autodocs'],
     parameters: {
@@ -27,14 +27,14 @@ export const WithIcon = {
         approveIcon: _jsx(Check, { className: "mr-1.5 h-4 w-4" }),
     },
 };
-/** With reject button. Plays "reject" sound on reject click, "approve" on approve. */
+/** With revision input — single line: chat input, send, approve. */
 export const WithReject = {
     args: {
         onReject: fn().mockName('onReject'),
         approveLabel: 'Approve',
     },
 };
-/** Processing state — buttons disabled, no sounds play. */
+/** Processing state — all controls disabled. */
 export const Processing = {
     args: {
         onReject: fn().mockName('onReject'),
@@ -42,7 +42,7 @@ export const Processing = {
         isProcessing: true,
     },
 };
-/** Rejecting state — buttons disabled. */
+/** Rejecting state — all controls disabled. */
 export const Rejecting = {
     args: {
         onReject: fn().mockName('onReject'),
@@ -50,7 +50,7 @@ export const Rejecting = {
         isRejecting: true,
     },
 };
-/** With revision input and reject button. */
+/** Custom revision placeholder. */
 export const WithRevisionInput = {
     args: {
         onReject: fn().mockName('onReject'),
@@ -58,11 +58,3 @@ export const WithRevisionInput = {
         revisionPlaceholder: 'Ask AI to revise the plan...',
     },
 };
-/** Custom reject dialog title. */
-export const CustomRejectTitle = {
-    args: {
-        onReject: fn().mockName('onReject'),
-        approveLabel: 'Approve Plan',
-        rejectDialogTitle: 'Reject Plan',
-    },
-};

package/dist/src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-create-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC/F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAG5E,YAAY,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAE/F,0DAA0D;AAC1D,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE;QACb,QAAQ,EAAE,OAAO,CAAC;QAClB,SAAS,EAAE,OAAO,CAAC;QACnB,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAcD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC,kGAAkG;IAClG,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,cAAc,EACd,YAAoB,EACpB,gBAAgB,EAChB,QAAQ,EACR,eAAe,GAChB,EAAE,wBAAwB,2CAuR1B"}
+{"version":3,"file":"feature-create-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC/F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAG5E,YAAY,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAE/F,0DAA0D;AAC1D,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE;QACb,QAAQ,EAAE,OAAO,CAAC;QAClB,SAAS,EAAE,OAAO,CAAC;QACnB,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAcD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC,kGAAkG;IAClG,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,cAAc,EACd,YAAoB,EACpB,gBAAgB,EAChB,QAAQ,EACR,eAAe,GAChB,EAAE,wBAAwB,2CA0Q1B"}

package/dist/src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.js

@@ -12,7 +12,6 @@ import { Textarea } from '../../ui/textarea.js';
 import { Label } from '../../ui/label.js';
 import { CheckboxGroup } from '../../ui/checkbox-group.js';
 import { CheckboxGroupItem } from '../../ui/checkbox-group-item.js';
-import { Separator } from '../../ui/separator.js';
 import { Badge } from '../../ui/badge.js';
 import { Popover, PopoverContent, PopoverTrigger } from '../../ui/popover.js';
 import { pickFiles } from './pick-files.js';
@@ -27,8 +26,6 @@ const EMPTY_GATES = {
     allowMerge: false,
 };
 export function FeatureCreateDrawer({ open, onClose, onSubmit, repositoryPath, isSubmitting = false, workflowDefaults, features, initialParentId, }) {
-    const drawerOpenSound = useSoundAction('drawer-open');
-    const drawerCloseSound = useSoundAction('drawer-close');
     const createSound = useSoundAction('create');
     const defaultGates = workflowDefaults?.approvalGates ?? EMPTY_GATES;
     const defaultPush = workflowDefaults?.push ?? false;
@@ -40,13 +37,6 @@ export function FeatureCreateDrawer({ open, onClose, onSubmit, repositoryPath, i
     const [push, setPush] = useState(defaultPush);
     const [openPr, setOpenPr] = useState(defaultOpenPr);
     const [parentId, setParentId] = useState(undefined);
-    // Play drawer-open sound when the drawer opens
-    const playDrawerOpen = drawerOpenSound.play;
-    useEffect(() => {
-        if (open) {
-            playDrawerOpen();
-        }
-    }, [open, playDrawerOpen]);
     // Sync state when workflowDefaults load asynchronously
     useEffect(() => {
         if (workflowDefaults) {
@@ -71,10 +61,9 @@ export function FeatureCreateDrawer({ open, onClose, onSubmit, repositoryPath, i
         setParentId(undefined);
     }, [defaultGates, defaultPush, defaultOpenPr]);
     const handleClose = useCallback(() => {
-        drawerCloseSound.play();
         resetForm();
         onClose();
-    }, [onClose, resetForm, drawerCloseSound]);
+    }, [onClose, resetForm]);
     const handleSubmit = useCallback((e) => {
         e.preventDefault();
         if (!name.trim())
@@ -124,7 +113,7 @@ export function FeatureCreateDrawer({ open, onClose, onSubmit, repositoryPath, i
         setAttachments((prev) => prev.filter((f) => f.path !== path));
     }, []);
     const hasFeatures = features && features.length > 0;
-    return (_jsxs(BaseDrawer, { open: open, onClose: handleClose, size: "md", modal: false, "data-testid": "feature-create-drawer", header: _jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-2.5 w-2.5 shrink-0 rounded-full bg-blue-500" }), _jsx(DrawerTitle, { children: "NEW FEATURE" })] }), _jsx(DrawerDescription, { asChild: true, children: _jsx("div", { children: _jsx(Badge, { variant: "secondary", children: "Creating..." }) }) })] }), footer: _jsxs("div", { className: "flex flex-row justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: handleClose, disabled: isSubmitting, children: "Cancel" }), _jsx(Button, { type: "submit", form: "create-feature-form", disabled: !name.trim() || isSubmitting, children: isSubmitting ? 'Creating...' : '+ Create Feature' })] }), children: [_jsx(Separator, {}), _jsx("div", { className: "p-4", children: _jsxs("form", { id: "create-feature-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "feature-name", className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "FEATURE NAME" }), _jsx(Input, { id: "feature-name", placeholder: "e.g. GitHub OAuth Login", value: name, onChange: (e) => setName(e.target.value), required: true, disabled: isSubmitting })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "feature-description", className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "DESCRIPTION" }), _jsx(Textarea, { id: "feature-description", placeholder: "Describe what this feature does...", value: description, onChange: (e) => setDescription(e.target.value), rows: 4, disabled: isSubmitting })] }), hasFeatures ? (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "parent-feature", className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "PARENT FEATURE" }), _jsx(ParentFeatureCombobox, { features: features, value: parentId, onChange: setParentId, disabled: isSubmitting })] })) : null, _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "APPROVE" }), _jsx(CheckboxGroup, { label: "Autonomous Mode", description: "YOLO!", parentAriaLabel: "Auto approve all", options: AUTO_APPROVE_OPTIONS, value: approvalGates, onValueChange: setApprovalGates, disabled: isSubmitting })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "GIT" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(CheckboxGroupItem, { id: "push", label: "Push", description: "Push branch to remote after implementation.", checked: push || openPr, onCheckedChange: setPush, disabled: openPr || isSubmitting }), _jsx(CheckboxGroupItem, { id: "open-pr", label: "Create PR", description: "Open a pull request after pushing.", checked: openPr, onCheckedChange: setOpenPr, disabled: isSubmitting })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(Label, { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: ["ATTACHMENTS", attachments.length > 0 && (_jsxs("span", { className: "text-muted-foreground/60 ml-1.5", children: ["(", attachments.length, ")"] }))] }), _jsxs(Button, { type: "button", variant: "outline", size: "xs", onClick: handleAddFiles, disabled: isSubmitting, children: [_jsx(PlusIcon, { className: "size-3" }), "Add Files"] })] }), attachments.length > 0 && (_jsx("div", { className: "flex flex-col gap-2", children: attachments.map((file) => (_jsx(AttachmentCard, { file: file, onRemove: () => handleRemoveFile(file.path), disabled: isSubmitting }, file.path))) }))] })] }) })] }));
+    return (_jsx(BaseDrawer, { open: open, onClose: handleClose, size: "md", modal: false, "data-testid": "feature-create-drawer", header: _jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-2.5 w-2.5 shrink-0 rounded-full bg-blue-500" }), _jsx(DrawerTitle, { children: "NEW FEATURE" })] }), _jsx(DrawerDescription, { asChild: true, children: _jsx("div", { children: _jsx(Badge, { variant: "secondary", children: "Creating..." }) }) })] }), footer: _jsxs("div", { className: "flex flex-row justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: handleClose, disabled: isSubmitting, children: "Cancel" }), _jsx(Button, { type: "submit", form: "create-feature-form", disabled: !name.trim() || isSubmitting, children: isSubmitting ? 'Creating...' : '+ Create Feature' })] }), children: _jsx("div", { className: "overflow-y-auto p-4", children: _jsxs("form", { id: "create-feature-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "feature-name", className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "FEATURE NAME" }), _jsx(Input, { id: "feature-name", placeholder: "e.g. GitHub OAuth Login", value: name, onChange: (e) => setName(e.target.value), required: true, disabled: isSubmitting })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "feature-description", className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "DESCRIPTION" }), _jsx(Textarea, { id: "feature-description", placeholder: "Describe what this feature does...", value: description, onChange: (e) => setDescription(e.target.value), rows: 4, disabled: isSubmitting })] }), hasFeatures ? (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "parent-feature", className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "PARENT FEATURE" }), _jsx(ParentFeatureCombobox, { features: features, value: parentId, onChange: setParentId, disabled: isSubmitting })] })) : null, _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "APPROVE" }), _jsx(CheckboxGroup, { label: "Autonomous Mode", description: "YOLO!", parentAriaLabel: "Auto approve all", options: AUTO_APPROVE_OPTIONS, value: approvalGates, onValueChange: setApprovalGates, disabled: isSubmitting })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "GIT" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(CheckboxGroupItem, { id: "push", label: "Push", description: "Push branch to remote after implementation.", checked: push || openPr, onCheckedChange: setPush, disabled: openPr || isSubmitting }), _jsx(CheckboxGroupItem, { id: "open-pr", label: "Create PR", description: "Open a pull request after pushing.", checked: openPr, onCheckedChange: setOpenPr, disabled: isSubmitting })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(Label, { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: ["ATTACHMENTS", attachments.length > 0 && (_jsxs("span", { className: "text-muted-foreground/60 ml-1.5", children: ["(", attachments.length, ")"] }))] }), _jsxs(Button, { type: "button", variant: "outline", size: "xs", onClick: handleAddFiles, disabled: isSubmitting, children: [_jsx(PlusIcon, { className: "size-3" }), "Add Files"] })] }), attachments.length > 0 && (_jsx("div", { className: "flex flex-col gap-2", children: attachments.map((file) => (_jsx(AttachmentCard, { file: file, onRemove: () => handleRemoveFile(file.path), disabled: isSubmitting }, file.path))) }))] })] }) }) }));
 }
 function ParentFeatureCombobox({ features, value, onChange, disabled, }) {
     const [open, setOpen] = useState(false);

package/dist/src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.stories.d.ts

@@ -84,15 +84,7 @@ export declare const PrChecked: Story;
  * `shep settings workflow` and are read at mount time via `getWorkflowDefaults()`.
  */
 export declare const WithWorkflowDefaults: Story;
-/**
- * Fully interactive story — open the drawer, fill the form, toggle checkboxes,
- * and click "Add Files" to attach files via the native OS file picker.
- *
- * **Submitted data** is displayed in a styled panel showing `FeatureCreatePayload`
- * with `{ name, description, attachments, repositoryPath, approvalGates }`.
- *
- * In Storybook, the native picker won't work (no backend), but submitted data
- * would show the paths if files were attached programmatically.
- */
+/** Feature create drawer rendered inside a full-page context — starts open. */
+export declare const InDrawer: Story;
 export declare const Interactive: Story;
 //# sourceMappingURL=feature-create-drawer.stories.d.ts.map

package/dist/src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-create-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAS9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAyB1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAiDlD,uFAAuF;AACvF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAWlC,CAAC;AAMF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAsCzB,CAAC"}
+{"version":3,"file":"feature-create-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAS9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAyB1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAiDlD,uFAAuF;AACvF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAWlC,CAAC;AAgDF,+EAA+E;AAC/E,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,KAsCzB,CAAC"}

package/dist/src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.stories.js

@@ -37,7 +37,7 @@ import { Button } from '../../ui/button.js';
  *   with full absolute paths, filenames, and sizes
  */
 const meta = {
-    title: 'Composed/FeatureCreateDrawer',
+    title: 'Drawers/Feature/FeatureCreateDrawer',
     component: FeatureCreateDrawer,
     tags: ['autodocs'],
     parameters: {
@@ -244,6 +244,26 @@ export const WithWorkflowDefaults = {
  * In Storybook, the native picker won't work (no backend), but submitted data
  * would show the paths if files were attached programmatically.
  */
+/* ---------------------------------------------------------------------------
+ * In-drawer story — full page context, starts open
+ * ------------------------------------------------------------------------- */
+function CreateDrawerShellTemplate() {
+    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(FeatureCreateDrawer, { open: open, onClose: () => {
+                    setOpen(false);
+                    logClose();
+                }, onSubmit: (data) => {
+                    logSubmit(data);
+                    setOpen(false);
+                }, repositoryPath: "/Users/dev/my-repo" })] }));
+}
+/** Feature create drawer rendered inside a full-page context — starts open. */
+export const InDrawer = {
+    render: () => _jsx(CreateDrawerShellTemplate, {}),
+};
+/* ---------------------------------------------------------------------------
+ * Interactive story — full paths shown in submitted data panel
+ * ------------------------------------------------------------------------- */
 export const Interactive = {
     render: function InteractiveRender() {
         const [open, setOpen] = useState(false);

package/dist/src/presentation/web/components/common/feature-create-drawer/index.d.ts

@@ -1,2 +1,2 @@
-export { FeatureCreateDrawer, type FeatureCreateDrawerProps, type FeatureCreatePayload, type FileAttachment, } from './feature-create-drawer.js';
+export { FeatureCreateDrawer, type FeatureCreateDrawerProps, type FeatureCreatePayload, type FileAttachment, type ParentFeatureOption, } from './feature-create-drawer.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/feature-create-drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,EACzB,KAAK,cAAc,GACpB,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,mBAAmB,GACzB,MAAM,yBAAyB,CAAC"}