@shepai/cli 1.37.2 → 1.38.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/prd-questionnaire/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,YAAY,EACV,qBAAqB,EACrB,2BAA2B,EAC3B,SAAS,EACT,WAAW,EACX,cAAc,EACd,oBAAoB,GACrB,MAAM,4BAA4B,CAAC"}

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

@@ -0,0 +1,2 @@
+export { PrdQuestionnaire } from './prd-questionnaire.js';
+export { PrdQuestionnaireDrawer } from './prd-questionnaire-drawer.js';

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

@@ -0,0 +1,41 @@
+import type { PrdOption, PrdQuestion, PrdFinalAction, PrdQuestionnaireData } from '../../../../../../packages/core/src/domain/generated/output.js';
+export type { PrdOption, PrdQuestion, PrdFinalAction, PrdQuestionnaireData };
+export interface PrdQuestionnaireProps {
+    /** Questionnaire data from the domain (questions, context, finalAction) */
+    data: PrdQuestionnaireData;
+    /** Map of questionId to selected optionId (controlled state) */
+    selections: Record<string, string>;
+    /** Selection change callback */
+    onSelect: (questionId: string, optionId: string) => void;
+    /** Chat refinement submit callback */
+    onRefine: (text: string) => void;
+    /** Finalize requirements callback */
+    onApprove: (actionId: string) => void;
+    /** Controls disabled/animated state during refinement */
+    isProcessing?: boolean;
+    /** Show the goal/context header (default: false) */
+    showHeader?: boolean;
+}
+export interface PrdQuestionnaireDrawerProps extends PrdQuestionnaireProps {
+    /** Whether the drawer is open */
+    open: boolean;
+    /** Callback when drawer should close */
+    onClose: () => void;
+    /** Feature name shown in drawer header */
+    featureName: string;
+    /** Feature ID shown below the name */
+    featureId?: string;
+    /** Current lifecycle stage label */
+    lifecycleLabel?: string;
+    /** Absolute path to the repository on disk */
+    repositoryPath?: string;
+    /** Git branch name for this feature */
+    branch?: string;
+    /** Absolute path to the specs folder on disk */
+    specPath?: string;
+    /** Callback to delete the feature — shows delete button when provided */
+    onDelete?: (featureId: string) => void;
+    /** Whether a delete operation is in progress */
+    isDeleting?: boolean;
+}
+//# sourceMappingURL=prd-questionnaire-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prd-questionnaire-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/prd-questionnaire/prd-questionnaire-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAE9C,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAC;AAE7E,MAAM,WAAW,qBAAqB;IACpC,2EAA2E;IAC3E,IAAI,EAAE,oBAAoB,CAAC;IAC3B,gEAAgE;IAChE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,gCAAgC;IAChC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,sCAAsC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,qCAAqC;IACrC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,2BAA4B,SAAQ,qBAAqB;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,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,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/prd-questionnaire/prd-questionnaire-config.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"prd-questionnaire-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/prd-questionnaire/prd-questionnaire-drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAE9E,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,SAAS,EACT,cAAc,EACd,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,GAAG,kBAAkB,EACtB,EAAE,2BAA2B,2CAgB7B"}

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

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ReviewDrawerShell } from '../../common/review-drawer-shell/index.js';
+import { PrdQuestionnaire } from './prd-questionnaire.js';
+export function PrdQuestionnaireDrawer({ open, onClose, featureName, featureId, repositoryPath, branch, specPath, onDelete, isDeleting, ...questionnaireProps }) {
+    return (_jsx(ReviewDrawerShell, { open: open, onClose: onClose, featureName: featureName, featureId: featureId, repositoryPath: repositoryPath, branch: branch, specPath: specPath, onDelete: onDelete, isDeleting: isDeleting, children: _jsx(PrdQuestionnaire, { ...questionnaireProps }) }));
+}

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

@@ -0,0 +1,3 @@
+import type { PrdQuestionnaireProps } from './prd-questionnaire-config.js';
+export declare function PrdQuestionnaire({ data, selections, onSelect, onRefine, onApprove, isProcessing, showHeader, }: PrdQuestionnaireProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=prd-questionnaire.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prd-questionnaire.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/prd-questionnaire/prd-questionnaire.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAExE,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAoB,EACpB,UAAkB,GACnB,EAAE,qBAAqB,kDAqMvB"}

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

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Send, Check, ChevronLeft, ChevronRight } from 'lucide-react';
+import { useCallback, useMemo, useState } from 'react';
+import { cn } from '../../../lib/utils.js';
+import { Button } from '../../ui/button.js';
+import { Input } from '../../ui/input.js';
+import { Badge } from '../../ui/badge.js';
+export function PrdQuestionnaire({ data, selections, onSelect, onRefine, onApprove, isProcessing = false, showHeader = false, }) {
+    const { question, context, questions, finalAction } = data;
+    const [currentStep, setCurrentStep] = useState(0);
+    const [chatInput, setChatInput] = useState('');
+    const total = questions.length;
+    const isFirstStep = currentStep === 0;
+    const isLastStep = currentStep === total - 1;
+    const currentQuestion = questions[currentStep];
+    const answeredCount = useMemo(() => Object.keys(selections).length, [selections]);
+    const handleSelect = useCallback((questionId, optionId) => {
+        onSelect(questionId, optionId);
+        // Auto-advance to the next step after selection (unless last step)
+        if (!isLastStep) {
+            setTimeout(() => setCurrentStep((s) => s + 1), 250);
+        }
+    }, [onSelect, isLastStep]);
+    function handleSubmit(e) {
+        e.preventDefault();
+        const text = chatInput.trim();
+        if (!text)
+            return;
+        onRefine(text);
+        setChatInput('');
+    }
+    if (total === 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: [showHeader ? (_jsxs("div", { className: "border-border flex items-start gap-3 border-b pb-3", children: [_jsx("div", { className: "mt-1.5 h-2 w-2 shrink-0 rounded-full bg-amber-500" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-foreground mb-1.5 text-sm font-bold", children: question }), _jsx("p", { className: "text-muted-foreground text-xs leading-relaxed", children: context })] })] })) : null, _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("label", { className: "text-foreground min-w-0 flex-1 text-sm font-semibold", children: currentQuestion.question }), _jsx("div", { className: "mt-1.5 flex shrink-0 gap-1", children: questions.map((q, idx) => (_jsx("button", { type: "button", "aria-label": `Go to question ${idx + 1}`, className: cn('h-1.5 rounded-full transition-all duration-200', idx === currentStep ? 'bg-primary w-4' : 'w-1.5', idx !== currentStep && selections[q.id] ? 'bg-primary/50' : '', idx !== currentStep && !selections[q.id] ? 'bg-muted-foreground/25' : ''), onClick: () => setCurrentStep(idx) }, q.id))) })] }), _jsx("div", { className: "space-y-2", children: currentQuestion.options.map((opt, optIdx) => {
+                                    const selected = selections[currentQuestion.id] === opt.id;
+                                    const letter = String.fromCharCode(65 + optIdx);
+                                    return (_jsx("button", { type: "button", className: cn('border-border w-full rounded-md border px-3 py-3 text-left text-xs transition-all', 'hover:border-primary/70 hover:bg-primary/5 group', selected && 'border-primary bg-primary/5', opt.isNew && 'animate-option-highlight'), disabled: isProcessing, onClick: () => handleSelect(currentQuestion.id, opt.id), children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsxs("span", { className: "text-muted-foreground mt-0.5 font-mono text-xs", children: [letter, "."] }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "mb-0.5 flex items-center gap-2", children: [_jsx("span", { className: "text-foreground text-xs font-semibold", children: opt.label }), opt.recommended ? (_jsx(Badge, { className: "px-1.5 py-0 text-[10px]", children: "AI Recommended" })) : null, opt.isNew ? (_jsx(Badge, { className: "border-transparent bg-emerald-600 px-1.5 py-0 text-[10px] text-white hover:bg-emerald-600/80", children: "New" })) : null] }), _jsx("div", { className: "text-muted-foreground text-xs leading-snug", children: opt.rationale })] })] }) }, opt.id));
+                                }) })] }), _jsxs("div", { className: "flex items-center justify-between pt-2", children: [_jsxs(Button, { type: "button", variant: "ghost", size: "sm", disabled: isFirstStep || isProcessing, onClick: () => setCurrentStep((s) => s - 1), children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), "Previous"] }), isLastStep ? (_jsxs(Button, { type: "button", size: "sm", disabled: isProcessing || answeredCount < total, onClick: () => onApprove(finalAction.id), children: [_jsx(Check, { className: "mr-1 h-4 w-4" }), finalAction.label] })) : (_jsxs(Button, { type: "button", variant: "ghost", size: "sm", disabled: isProcessing, onClick: () => setCurrentStep((s) => s + 1), children: [selections[currentQuestion.id] ? 'Next' : 'Skip', _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] }))] })] }), _jsxs("div", { className: "border-border bg-background shrink-0 border-t", children: [_jsx("div", { className: cn('bg-muted h-1.5 overflow-hidden', (answeredCount > 0 && answeredCount < total) || isProcessing
+                            ? 'opacity-100'
+                            : 'opacity-0', 'transition-opacity duration-200'), "data-testid": "progress-bar-container", children: isProcessing ? (_jsx("div", { className: "bg-primary animate-indeterminate-progress h-full w-1/3" })) : (_jsx("div", { className: "bg-primary h-full transition-all duration-300", style: { width: `${total > 0 ? (answeredCount / total) * 100 : 0}%` }, "data-testid": "progress-bar" })) }), _jsxs("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-4", children: [_jsx(Input, { type: "text", placeholder: "Ask AI to refine requirements...", "aria-label": "Ask AI to refine requirements", 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, {}) })] })] })] }));
+}

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

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PrdQuestionnaire } from './prd-questionnaire.js';
+import { PrdQuestionnaireDrawer } from './prd-questionnaire-drawer.js';
+declare const meta: Meta<typeof PrdQuestionnaire>;
+export default meta;
+type Story = StoryObj<typeof PrdQuestionnaire>;
+/** Default state — first step shown, no selections. Click options to auto-advance. */
+export declare const Default: Story;
+/** Starting with partial selections — step dots reflect answered state. */
+export declare const WithSelections: Story;
+/** All questions answered — last step shows Approve button enabled. */
+export declare const AllAnswered: Story;
+/** Processing state — all inputs disabled, indeterminate progress bar. */
+export declare const Refining: Story;
+/** Single question — minimal stepper with one step. */
+export declare const MinimalData: Story;
+type DrawerStory = StoryObj<typeof PrdQuestionnaireDrawer>;
+/** Drawer with stepper — navigate questions one at a time. */
+export declare const InDrawer: DrawerStory;
+/** Drawer with partial selections showing progress dots. */
+export declare const InDrawerWithSelections: DrawerStory;
+/** Drawer with delete button visible. */
+export declare const WithDeleteButton: DrawerStory;
+/** Drawer with delete in progress (button disabled). */
+export declare const DeletingState: DrawerStory;
+//# sourceMappingURL=prd-questionnaire.stories.d.ts.map

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

@@ -0,0 +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,WAUtB,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"}

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

@@ -0,0 +1,267 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { fn } from '@storybook/test';
+import { PrdQuestionnaire } from './prd-questionnaire.js';
+import { PrdQuestionnaireDrawer } from './prd-questionnaire-drawer.js';
+const mockQuestions = [
+    {
+        id: 'problem',
+        question: 'What specific problem does this feature solve?',
+        type: 'select',
+        options: [
+            {
+                id: 'user_pain',
+                label: 'User Pain Point',
+                rationale: 'Addresses a recurring user complaint or friction',
+                recommended: true,
+            },
+            { id: 'market_gap', label: 'Market Gap', rationale: 'Fills a gap vs competitors' },
+            { id: 'tech_debt', label: 'Technical Debt', rationale: 'Reduces accumulated technical debt' },
+            {
+                id: 'compliance',
+                label: 'Compliance',
+                rationale: 'Meets regulatory or policy requirements',
+            },
+        ],
+    },
+    {
+        id: 'priority',
+        question: 'What is the business priority level?',
+        type: 'select',
+        options: [
+            { id: 'p0', label: 'P0 - Critical', rationale: 'Blocking issue, must fix immediately' },
+            { id: 'p1', label: 'P1 - High', rationale: 'Important for next release', recommended: true },
+            { id: 'p2', label: 'P2 - Medium', rationale: 'Nice to have, schedule when possible' },
+            { id: 'p3', label: 'P3 - Low', rationale: 'Backlog item, no urgency' },
+        ],
+    },
+    {
+        id: 'success',
+        question: 'What metrics define success?',
+        type: 'select',
+        options: [
+            {
+                id: 'adoption',
+                label: 'Adoption Rate',
+                rationale: 'Percentage of users who adopt the feature',
+                recommended: true,
+            },
+            {
+                id: 'performance',
+                label: 'Performance',
+                rationale: 'Latency, throughput, or resource improvements',
+            },
+            {
+                id: 'revenue',
+                label: 'Revenue Impact',
+                rationale: 'Direct or indirect revenue contribution',
+            },
+            {
+                id: 'satisfaction',
+                label: 'User Satisfaction',
+                rationale: 'NPS or CSAT score improvement',
+            },
+        ],
+    },
+    {
+        id: 'timeline',
+        question: 'What is the target timeline?',
+        type: 'select',
+        options: [
+            {
+                id: 'sprint',
+                label: 'This Sprint',
+                rationale: 'Deliverable within the current sprint',
+                recommended: true,
+            },
+            { id: 'quarter', label: 'This Quarter', rationale: 'Target completion within 3 months' },
+            { id: 'half', label: 'This Half', rationale: 'Target completion within 6 months' },
+            { id: 'year', label: 'This Year', rationale: 'Long-term initiative for the year' },
+        ],
+    },
+    {
+        id: 'scope',
+        question: 'What is the feature scope?',
+        type: 'select',
+        options: [
+            {
+                id: 'mvp',
+                label: 'MVP',
+                rationale: 'Minimum viable product — core functionality only',
+                recommended: true,
+            },
+            {
+                id: 'full',
+                label: 'Full Feature',
+                rationale: 'Complete feature with all planned capabilities',
+            },
+            { id: 'experiment', label: 'Experiment', rationale: 'A/B test or limited rollout' },
+            {
+                id: 'platform',
+                label: 'Platform',
+                rationale: 'Foundational work enabling future features',
+            },
+        ],
+    },
+    {
+        id: 'stakeholders',
+        question: 'Who are the primary stakeholders?',
+        type: 'select',
+        options: [
+            {
+                id: 'end_users',
+                label: 'End Users',
+                rationale: 'Direct users of the product',
+                recommended: true,
+            },
+            {
+                id: 'internal',
+                label: 'Internal Teams',
+                rationale: 'Engineering, product, or design teams',
+            },
+            {
+                id: 'enterprise',
+                label: 'Enterprise Clients',
+                rationale: 'B2B customers with specific needs',
+            },
+            {
+                id: 'partners',
+                label: 'Partners',
+                rationale: 'Third-party integrations or ecosystem partners',
+            },
+        ],
+    },
+];
+const mockFinalAction = {
+    id: 'approve-reqs',
+    label: 'Approve Requirements',
+    description: 'Finalize and lock the requirements for implementation',
+};
+/* ─── 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') }));
+}
+/* ─── Standalone PrdQuestionnaire ─── */
+const meta = {
+    title: 'Composed/PrdQuestionnaire',
+    component: PrdQuestionnaire,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+    argTypes: {
+        onSelect: { action: 'onSelect' },
+        onRefine: { action: 'onRefine' },
+        onApprove: { action: 'onApprove' },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { height: '600px', width: '400px', border: '1px solid var(--color-border)' }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+const mockData = {
+    question: 'Review Feature Requirements',
+    context: 'Please review the AI-generated requirements below. Select the best option for each question, or ask the AI to refine them.',
+    questions: mockQuestions,
+    finalAction: mockFinalAction,
+};
+/** Default state — first step shown, no selections. Click options to auto-advance. */
+export const Default = {
+    render: () => _jsx(InteractiveQuestionnaire, { data: mockData }),
+};
+/** Starting with partial selections — step dots reflect answered state. */
+export const WithSelections = {
+    render: () => (_jsx(InteractiveQuestionnaire, { data: mockData, selections: {
+            problem: 'user_pain',
+            priority: 'p1',
+            success: 'adoption',
+        } })),
+};
+/** All questions answered — last step shows Approve button enabled. */
+export const AllAnswered = {
+    render: () => (_jsx(InteractiveQuestionnaire, { data: mockData, selections: {
+            problem: 'user_pain',
+            priority: 'p1',
+            success: 'adoption',
+            timeline: 'sprint',
+            scope: 'mvp',
+            stakeholders: 'end_users',
+        } })),
+};
+/** Processing state — all inputs disabled, indeterminate progress bar. */
+export const Refining = {
+    args: {
+        data: mockData,
+        selections: {
+            problem: 'user_pain',
+            priority: 'p1',
+        },
+        isProcessing: true,
+    },
+};
+/** Single question — minimal stepper with one step. */
+export const MinimalData = {
+    render: () => (_jsx(InteractiveQuestionnaire, { data: {
+            question: 'Quick Check',
+            context: 'A simple yes/no decision.',
+            questions: [
+                {
+                    id: 'confirm',
+                    question: 'Should we proceed?',
+                    type: 'select',
+                    options: [
+                        {
+                            id: 'yes',
+                            label: 'Yes',
+                            rationale: 'Proceed with implementation',
+                            recommended: true,
+                        },
+                        { id: 'no', label: 'No', rationale: 'Go back and reconsider' },
+                    ],
+                },
+            ],
+            finalAction: {
+                id: 'confirm-action',
+                label: 'Confirm',
+                description: 'Confirm the decision',
+            },
+        } })),
+};
+const drawerMeta = {
+    title: 'Composed/PrdQuestionnaireDrawer',
+    component: PrdQuestionnaireDrawer,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+function DrawerTemplate({ selections: initialSelections = {}, ...props }) {
+    const [open, setOpen] = useState(true);
+    const [selections, setSelections] = useState(initialSelections);
+    return (_jsxs("div", { style: { height: '100vh', background: '#f8fafc', padding: '2rem' }, children: [_jsx("button", { type: "button", onClick: () => setOpen(true), style: { padding: '8px 16px', border: '1px solid #ccc', borderRadius: '6px' }, children: "Open Drawer" }), _jsx(PrdQuestionnaireDrawer, { ...props, open: open, onClose: () => setOpen(false), selections: selections, onSelect: (qId, optId) => setSelections((prev) => ({ ...prev, [qId]: optId })), onRefine: fn().mockName('onRefine'), onApprove: fn().mockName('onApprove') })] }));
+}
+/** Drawer with stepper — navigate questions one at a time. */
+export const InDrawer = {
+    ...drawerMeta,
+    render: () => (_jsx(DrawerTemplate, { featureName: "User Authentication Flow", featureId: "FEAT-042", lifecycleLabel: "Requirements", data: mockData })),
+};
+/** Drawer with partial selections showing progress dots. */
+export const InDrawerWithSelections = {
+    ...drawerMeta,
+    render: () => (_jsx(DrawerTemplate, { featureName: "User Authentication Flow", featureId: "FEAT-042", lifecycleLabel: "Requirements", data: mockData, selections: {
+            problem: 'user_pain',
+            priority: 'p1',
+            success: 'adoption',
+        } })),
+};
+/** Drawer with delete button visible. */
+export const WithDeleteButton = {
+    ...drawerMeta,
+    render: () => (_jsx(DrawerTemplate, { featureName: "User Authentication Flow", featureId: "FEAT-042", lifecycleLabel: "Requirements", data: mockData, onDelete: fn().mockName('onDelete') })),
+};
+/** Drawer with delete in progress (button disabled). */
+export const DeletingState = {
+    ...drawerMeta,
+    render: () => (_jsx(DrawerTemplate, { featureName: "User Authentication Flow", featureId: "FEAT-042", lifecycleLabel: "Requirements", data: mockData, onDelete: fn().mockName('onDelete'), isDeleting: true })),
+};

package/dist/src/presentation/web/components/common/repository-node/repository-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CA0H5F"}
+{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CA6I5F"}

package/dist/src/presentation/web/components/common/repository-node/repository-node.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Handle, Position } from '@xyflow/react';
-import { Github, Plus, Code2, Terminal } from 'lucide-react';
+import { Github, Plus, Code2, Terminal, FolderOpen } from 'lucide-react';
 import { cn } from '../../../lib/utils.js';
 import { ActionButton } from '../../common/action-button/index.js';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
@@ -17,7 +17,7 @@ export function RepositoryNode({ data }) {
                         e.stopPropagation();
                         data.onClick?.();
                     }
-                }, className: "nodrag bg-card flex w-72 cursor-default items-center gap-3 rounded-full border px-4 py-3 shadow-sm", children: [_jsx(Github, { className: "text-muted-foreground h-5 w-5 shrink-0" }), _jsx("span", { "data-testid": "repository-node-name", className: "min-w-0 truncate text-sm font-medium", children: data.name }), _jsxs("div", { className: cn('flex shrink-0 items-center gap-2', (data.repositoryPath ?? data.onAdd) && 'ml-auto'), onClick: (e) => e.stopPropagation(), children: [data.repositoryPath ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in IDE", onClick: actions.openInIde, loading: actions.ideLoading, error: !!actions.ideError, icon: Code2, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in IDE" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in Shell", onClick: actions.openInShell, loading: actions.shellLoading, error: !!actions.shellError, icon: Terminal, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in Shell" })] }) })] })) : null, data.onAdd ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { "aria-label": "Add feature", "data-testid": "repository-node-add-button", onClick: (e) => {
+                }, className: "nodrag bg-card flex w-72 cursor-default items-center gap-3 rounded-full border px-4 py-3 shadow-sm", children: [_jsx(Github, { className: "text-muted-foreground h-5 w-5 shrink-0" }), _jsx("span", { "data-testid": "repository-node-name", className: "min-w-0 truncate text-sm font-medium", children: data.name }), _jsxs("div", { className: cn('flex shrink-0 items-center gap-2', (data.repositoryPath ?? data.onAdd) && 'ml-auto'), onClick: (e) => e.stopPropagation(), children: [data.repositoryPath ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in IDE", onClick: actions.openInIde, loading: actions.ideLoading, error: !!actions.ideError, icon: Code2, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in IDE" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in Shell", onClick: actions.openInShell, loading: actions.shellLoading, error: !!actions.shellError, icon: Terminal, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in Shell" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open Folder", onClick: actions.openFolder, loading: actions.folderLoading, error: !!actions.folderError, icon: FolderOpen, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open Folder" })] }) })] })) : null, data.onAdd ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { "aria-label": "Add feature", "data-testid": "repository-node-add-button", onClick: (e) => {
                                                     e.stopPropagation();
                                                     data.onAdd?.();
                                                 }, className: "text-muted-foreground hover:bg-accent dark:hover:bg-accent/50 flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-full transition-colors hover:text-blue-500", children: _jsx(Plus, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Add feature" })] }) })) : null] })] }), data.onAdd || data.showHandles ? (_jsx(Handle, { type: "source", position: Position.Right, isConnectable: !data.showHandles, className: "opacity-0!" })) : null] }));

package/dist/src/presentation/web/components/common/repository-node/use-repository-actions.d.ts

@@ -4,10 +4,13 @@ export interface RepositoryActionsInput {
 export interface RepositoryActionsState {
     openInIde: () => Promise<void>;
     openInShell: () => Promise<void>;
+    openFolder: () => Promise<void>;
     ideLoading: boolean;
     shellLoading: boolean;
+    folderLoading: boolean;
     ideError: string | null;
     shellError: string | null;
+    folderError: string | null;
 }
 export declare function useRepositoryActions(input: RepositoryActionsInput | null): RepositoryActionsState;
 //# sourceMappingURL=use-repository-actions.d.ts.map

package/dist/src/presentation/web/components/common/repository-node/use-repository-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-repository-actions.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/use-repository-actions.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,sBAAsB;IACrC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAID,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI,GAAG,sBAAsB,CAyEjG"}
+{"version":3,"file":"use-repository-actions.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/use-repository-actions.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,sBAAsB;IACrC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAID,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI,GAAG,sBAAsB,CAkIjG"}

package/dist/src/presentation/web/components/common/repository-node/use-repository-actions.js

@@ -1,25 +1,34 @@
 'use client';
 import { useState, useCallback, useRef, useEffect } from 'react';
+import { openIde } from '../../../app/actions/open-ide.js';
+import { openShell } from '../../../app/actions/open-shell.js';
+import { openFolder } from '../../../app/actions/open-folder.js';
 const ERROR_CLEAR_DELAY = 5000;
 export function useRepositoryActions(input) {
     const [ideLoading, setIdeLoading] = useState(false);
     const [shellLoading, setShellLoading] = useState(false);
+    const [folderLoading, setFolderLoading] = useState(false);
     const [ideError, setIdeError] = useState(null);
     const [shellError, setShellError] = useState(null);
+    const [folderError, setFolderError] = useState(null);
     const ideTimerRef = useRef(null);
     const shellTimerRef = useRef(null);
+    const folderTimerRef = useRef(null);
     // Clear timers on unmount
     useEffect(() => {
         const ideTimer = ideTimerRef.current;
         const shellTimer = shellTimerRef.current;
+        const folderTimer = folderTimerRef.current;
         return () => {
             if (ideTimer)
                 clearTimeout(ideTimer);
             if (shellTimer)
                 clearTimeout(shellTimer);
+            if (folderTimer)
+                clearTimeout(folderTimer);
         };
     }, []);
-    const performAction = useCallback(async (url, setLoading, setError, timerRef, isLoading) => {
+    const performToolbarAction = useCallback(async (action, setLoading, setError, timerRef, isLoading) => {
         if (!input || isLoading)
             return;
         // Clear any existing timer
@@ -28,16 +37,9 @@ export function useRepositoryActions(input) {
         setLoading(true);
         setError(null);
         try {
-            const response = await fetch(url, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    repositoryPath: input.repositoryPath,
-                }),
-            });
-            if (!response.ok) {
-                const data = await response.json();
-                const errorMessage = data.error ?? 'An unexpected error occurred';
+            const result = await action({ repositoryPath: input.repositoryPath });
+            if (!result.success) {
+                const errorMessage = result.error ?? 'An unexpected error occurred';
                 setError(errorMessage);
                 timerRef.current = setTimeout(() => setError(null), ERROR_CLEAR_DELAY);
             }
@@ -51,7 +53,42 @@ export function useRepositoryActions(input) {
             setLoading(false);
         }
     }, [input]);
-    const openInIde = useCallback(() => performAction('/api/ide/open', setIdeLoading, setIdeError, ideTimerRef, ideLoading), [performAction, ideLoading]);
-    const openInShell = useCallback(() => performAction('/api/shell/open', setShellLoading, setShellError, shellTimerRef, shellLoading), [performAction, shellLoading]);
-    return { openInIde, openInShell, ideLoading, shellLoading, ideError, shellError };
+    const performFolderAction = useCallback(async (action, setLoading, setError, timerRef, isLoading) => {
+        if (!input || isLoading)
+            return;
+        if (timerRef.current)
+            clearTimeout(timerRef.current);
+        setLoading(true);
+        setError(null);
+        try {
+            const result = await action(input.repositoryPath);
+            if (!result.success) {
+                const errorMessage = result.error ?? 'An unexpected error occurred';
+                setError(errorMessage);
+                timerRef.current = setTimeout(() => setError(null), ERROR_CLEAR_DELAY);
+            }
+        }
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'An unexpected error occurred';
+            setError(errorMessage);
+            timerRef.current = setTimeout(() => setError(null), ERROR_CLEAR_DELAY);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [input]);
+    const handleOpenIde = useCallback(() => performToolbarAction(openIde, setIdeLoading, setIdeError, ideTimerRef, ideLoading), [performToolbarAction, ideLoading]);
+    const handleOpenShell = useCallback(() => performToolbarAction(openShell, setShellLoading, setShellError, shellTimerRef, shellLoading), [performToolbarAction, shellLoading]);
+    const handleOpenFolder = useCallback(() => performFolderAction(openFolder, setFolderLoading, setFolderError, folderTimerRef, folderLoading), [performFolderAction, folderLoading]);
+    return {
+        openInIde: handleOpenIde,
+        openInShell: handleOpenShell,
+        openFolder: handleOpenFolder,
+        ideLoading,
+        shellLoading,
+        folderLoading,
+        ideError,
+        shellError,
+        folderError,
+    };
 }

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

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

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

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

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

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

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

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

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

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

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

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