@shepai/cli 1.72.9-pr220.ce0911d → 1.72.9-pr220.f17b60a

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

@@ -1,337 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback, useEffect } from 'react';
-import { toast } from 'sonner';
-import { Loader2, Trash2, ExternalLink, GitCommitHorizontal, Code2, Terminal, FolderOpen, Play, Square, } from 'lucide-react';
-import { PrStatus } from '../../../../../../packages/core/src/domain/generated/output.js';
-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 { getMergeReviewData } from '../../../app/actions/get-merge-review-data.js';
-import { cn } from '../../../lib/utils.js';
-import { featureFlags } from '../../../lib/feature-flags.js';
-import { useSoundAction } from '../../../hooks/use-sound-action.js';
-import { useDeployAction } from '../../../hooks/use-deploy-action.js';
-import { BaseDrawer } from '../../common/base-drawer/index.js';
-import { DeploymentStatusBadge } from '../../common/deployment-status-badge/index.js';
-import { DrawerTitle, DrawerDescription } from '../../ui/drawer.js';
-import { Button } from '../../ui/button.js';
-import { Badge } from '../../ui/badge.js';
-import { Separator } from '../../ui/separator.js';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
-import { CometSpinner } from '../../ui/comet-spinner.js';
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from '../../ui/alert-dialog.js';
-import { CiStatusBadge } from '../../common/ci-status-badge/index.js';
-import { ActionButton } from '../../common/action-button/index.js';
-import { OpenActionMenu } from '../../common/open-action-menu/index.js';
-import { FeatureCreateDrawer } from '../../common/feature-create-drawer/index.js';
-import { PrdQuestionnaire } from '../../common/prd-questionnaire/index.js';
-import { TechReviewTabs } from '../../common/tech-review-tabs/index.js';
-import { MergeReview } from '../../common/merge-review/index.js';
-import { featureNodeStateConfig, lifecycleDisplayLabels } from '../../common/feature-node/index.js';
-import { useFeatureActions } from '../../common/feature-drawer/use-feature-actions.js';
-import { useRepositoryActions } from '../../common/repository-node/use-repository-actions.js';
-export function ControlCenterDrawer({ view, onClose, onDelete, isDeleting, onCreateSubmit, isSubmitting, }) {
-    // ── PRD questionnaire state ─────────────────────────────────────────────
-    const [prdData, setPrdData] = useState(null);
-    const [prdSelections, setPrdSelections] = useState({});
-    const [isLoadingPrd, setIsLoadingPrd] = useState(false);
-    // ── Tech decisions state ────────────────────────────────────────────────
-    const [techData, setTechData] = useState(null);
-    const [isLoadingTech, setIsLoadingTech] = useState(false);
-    // ── Product decisions state (for tech review Product tab) ─────────────
-    const [techProductData, setTechProductData] = useState(undefined);
-    const [isLoadingTechProduct, setIsLoadingTechProduct] = useState(false);
-    // ── Merge review state ──────────────────────────────────────────────────
-    const [mergeData, setMergeData] = useState(null);
-    const [isLoadingMerge, setIsLoadingMerge] = useState(false);
-    // ── Shared reject state ─────────────────────────────────────────────────
-    const [isRejecting, setIsRejecting] = useState(false);
-    const rejectSound = useSoundAction('reject');
-    // ── Data fetching ───────────────────────────────────────────────────────
-    const prdFeatureId = view?.type === 'prd-review' ? view.node.featureId : null;
-    useEffect(() => {
-        setPrdSelections({});
-        setPrdData(null);
-        if (!prdFeatureId)
-            return;
-        let cancelled = false;
-        setIsLoadingPrd(true);
-        getFeatureArtifact(prdFeatureId)
-            .then((result) => {
-            if (cancelled)
-                return;
-            if (result.error) {
-                toast.error(result.error);
-                return;
-            }
-            if (result.questionnaire) {
-                setPrdData(result.questionnaire);
-                const defaults = {};
-                for (const q of result.questionnaire.questions) {
-                    const recommended = q.options.find((o) => o.recommended);
-                    if (recommended)
-                        defaults[q.id] = recommended.id;
-                }
-                setPrdSelections(defaults);
-            }
-        })
-            .catch(() => {
-            if (!cancelled)
-                toast.error('Failed to load questionnaire');
-        })
-            .finally(() => {
-            if (!cancelled)
-                setIsLoadingPrd(false);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [prdFeatureId]);
-    const techFeatureId = view?.type === 'tech-review' ? view.node.featureId : null;
-    useEffect(() => {
-        setTechData(null);
-        if (!techFeatureId)
-            return;
-        let cancelled = false;
-        setIsLoadingTech(true);
-        getResearchArtifact(techFeatureId)
-            .then((result) => {
-            if (cancelled)
-                return;
-            if (result.error) {
-                toast.error(result.error);
-                return;
-            }
-            if (result.techDecisions)
-                setTechData(result.techDecisions);
-        })
-            .catch(() => {
-            if (!cancelled)
-                toast.error('Failed to load tech decisions');
-        })
-            .finally(() => {
-            if (!cancelled)
-                setIsLoadingTech(false);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [techFeatureId]);
-    // Fetch product decisions for the Product tab in tech review
-    useEffect(() => {
-        setTechProductData(undefined);
-        if (!techFeatureId)
-            return;
-        let cancelled = false;
-        setIsLoadingTechProduct(true);
-        getFeatureArtifact(techFeatureId)
-            .then((result) => {
-            if (cancelled)
-                return;
-            if (result.productDecisions) {
-                setTechProductData(result.productDecisions);
-            }
-            // Silent failure — product tab shows "not available"
-        })
-            .catch(() => {
-            // Silent failure — the product tab is supplementary
-        })
-            .finally(() => {
-            if (!cancelled)
-                setIsLoadingTechProduct(false);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [techFeatureId]);
-    const mergeFeatureId = view?.type === 'merge-review' ? view.node.featureId : null;
-    useEffect(() => {
-        setMergeData(null);
-        if (!mergeFeatureId)
-            return;
-        let cancelled = false;
-        setIsLoadingMerge(true);
-        getMergeReviewData(mergeFeatureId)
-            .then((result) => {
-            if (cancelled)
-                return;
-            if ('error' in result) {
-                toast.error(result.error);
-                return;
-            }
-            setMergeData(result);
-        })
-            .catch(() => {
-            if (!cancelled)
-                toast.error('Failed to load merge review data');
-        })
-            .finally(() => {
-            if (!cancelled)
-                setIsLoadingMerge(false);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [mergeFeatureId]);
-    // ── Approve / reject handlers ───────────────────────────────────────────
-    const reviewNode = view?.type === 'prd-review' || view?.type === 'tech-review' || view?.type === 'merge-review'
-        ? view.node
-        : null;
-    const handleReject = useCallback(async (feedback, label, onDone) => {
-        if (!reviewNode?.featureId)
-            return;
-        setIsRejecting(true);
-        try {
-            const result = await rejectFeature(reviewNode.featureId, feedback);
-            if (!result.rejected) {
-                toast.error(result.error ?? `Failed to reject ${label.toLowerCase()}`);
-                return;
-            }
-            rejectSound.play();
-            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`);
-            }
-            onClose();
-            onDone?.();
-        }
-        finally {
-            setIsRejecting(false);
-        }
-    }, [reviewNode, onClose, rejectSound]);
-    const handlePrdReject = useCallback((feedback) => handleReject(feedback, 'Requirements', () => setPrdSelections({})), [handleReject]);
-    const handleTechReject = useCallback((feedback) => handleReject(feedback, 'Plan'), [handleReject]);
-    const handleMergeReject = useCallback((feedback) => handleReject(feedback, 'Merge'), [handleReject]);
-    const handleSimpleApprove = useCallback(async (label) => {
-        if (!reviewNode?.featureId)
-            return;
-        const result = await approveFeature(reviewNode.featureId);
-        if (!result.approved) {
-            toast.error(result.error ?? `Failed to approve ${label.toLowerCase()}`);
-            return;
-        }
-        toast.success(`${label} approved — agent resuming`);
-        onClose();
-    }, [reviewNode, onClose]);
-    const handlePrdApprove = useCallback(async (_actionId) => {
-        if (view?.type !== 'prd-review')
-            return;
-        let payload;
-        if (prdData) {
-            const changedSelections = [];
-            for (const [questionId, optionId] of Object.entries(prdSelections)) {
-                const question = prdData.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(view.node.featureId, payload);
-        if (!result.approved) {
-            toast.error(result.error ?? 'Failed to approve requirements');
-            return;
-        }
-        toast.success('Requirements approved — agent resuming');
-        setPrdSelections({});
-        onClose();
-    }, [view, prdData, prdSelections, onClose]);
-    const handleTechApprove = useCallback(() => handleSimpleApprove('Plan'), [handleSimpleApprove]);
-    const handleMergeApprove = useCallback(() => handleSimpleApprove('Merge'), [handleSimpleApprove]);
-    // ── Derived view data ───────────────────────────────────────────────────
-    const isCreateView = view?.type === 'feature-create';
-    const createView = isCreateView ? view : null;
-    const featureNode = view?.type === 'feature' ||
-        view?.type === 'prd-review' ||
-        view?.type === 'tech-review' ||
-        view?.type === 'merge-review'
-        ? view.node
-        : null;
-    const repoData = view?.type === 'repository' ? view.data : null;
-    // ── Hooks (always called unconditionally per Rules of Hooks) ────────────
-    const featureActionsInput = featureNode?.repositoryPath && featureNode?.branch
-        ? {
-            repositoryPath: featureNode.repositoryPath,
-            branch: featureNode.branch,
-            specPath: featureNode.specPath,
-        }
-        : null;
-    const featureActions = useFeatureActions(featureActionsInput);
-    const repoActions = useRepositoryActions(repoData?.repositoryPath ? { repositoryPath: repoData.repositoryPath } : null);
-    // ── Deploy targets ──────────────────────────────────────────────────────
-    // Feature deploy is rendered inline in the header; repo deploy uses BaseDrawer's bar.
-    const featureDeployTarget = featureNode?.repositoryPath && featureNode.branch
-        ? {
-            targetId: featureNode.featureId,
-            targetType: 'feature',
-            repositoryPath: featureNode.repositoryPath,
-            branch: featureNode.branch,
-        }
-        : null;
-    const repoDeployTarget = repoData?.repositoryPath
-        ? {
-            targetId: repoData.repositoryPath,
-            targetType: 'repository',
-            repositoryPath: repoData.repositoryPath,
-        }
-        : undefined;
-    const deployAction = useDeployAction(featureDeployTarget);
-    const isFeatureDeployActive = deployAction.status === 'Booting' || deployAction.status === 'Ready';
-    // ── Header ──────────────────────────────────────────────────────────────
-    let header = undefined;
-    if (featureNode) {
-        header = (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "feature-drawer-header", children: [_jsx(DrawerTitle, { children: featureNode.name }), featureNode.description ? (_jsx(DrawerDescription, { children: featureNode.description })) : featureNode.featureId ? (_jsx(DrawerDescription, { className: "sr-only", children: featureNode.featureId })) : null] }), featureActionsInput ? (_jsxs("div", { className: "flex items-center gap-2 pt-2", children: [_jsx(OpenActionMenu, { actions: featureActions, repositoryPath: featureActionsInput.repositoryPath, showSpecs: !!featureActionsInput.specPath }), featureFlags.envDeploy && featureDeployTarget ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(ActionButton, { label: isFeatureDeployActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isFeatureDeployActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isFeatureDeployActive ? Square : Play, iconOnly: true, variant: "outline", size: "icon-sm" }) }) }), _jsx(TooltipContent, { children: isFeatureDeployActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isFeatureDeployActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: featureDeployTarget?.targetId })) : null] })) : null, onDelete && featureNode.featureId ? (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Delete feature", disabled: isDeleting, className: "text-muted-foreground hover:text-destructive ml-auto", "data-testid": "feature-drawer-delete", children: isDeleting ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(Trash2, { className: "size-4" })) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete feature?" }), _jsxs(AlertDialogDescription, { children: ["This will permanently delete ", _jsx("strong", { children: featureNode.name }), " (", featureNode.featureId, "). This action cannot be undone.", featureNode.state === 'running' ? (_jsx(_Fragment, { children: " This feature has a running agent that will be stopped." })) : null] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: isDeleting, children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", disabled: isDeleting, onClick: () => onDelete(featureNode.featureId), children: isDeleting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Deleting\u2026"] })) : ('Delete') })] })] })] })) : null] })) : null] }));
-    }
-    else if (repoData) {
-        header = (_jsxs("div", { "data-testid": "repository-drawer-header", children: [_jsx(DrawerTitle, { children: repoData.name }), repoData.repositoryPath ? (_jsx(DrawerDescription, { className: "truncate font-mono text-xs", children: repoData.repositoryPath })) : null] }));
-    }
-    // ── Body ────────────────────────────────────────────────────────────────
-    let body = null;
-    if (view?.type === 'feature' && featureNode) {
-        body = (_jsxs("div", { className: "flex-1 overflow-y-auto", children: [_jsxs("div", { "data-testid": "feature-drawer-status", className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: lifecycleDisplayLabels[featureNode.lifecycle] }), _jsx(FeatureStateBadge, { data: featureNode }), featureNode.progress > 0 ? (_jsxs("div", { "data-testid": "feature-drawer-progress", className: "flex flex-col gap-1", children: [_jsxs("div", { className: "text-muted-foreground flex items-center justify-between text-xs", children: [_jsx("span", { children: "Progress" }), _jsxs("span", { children: [featureNode.progress, "%"] })] }), _jsx("div", { className: "bg-muted h-2 w-full overflow-hidden rounded-full", children: _jsx("div", { className: cn('h-full rounded-full transition-all', featureNodeStateConfig[featureNode.state].progressClass), style: { width: `${featureNode.progress}%` } }) })] })) : null] }), featureNode.pr ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx(FeaturePrInfo, { pr: featureNode.pr })] })) : null, _jsx(FeatureDetails, { data: featureNode })] }));
-    }
-    else if (view?.type === 'prd-review') {
-        body = prdData ? (_jsx(PrdQuestionnaire, { data: prdData, selections: prdSelections, onSelect: (qId, oId) => setPrdSelections((prev) => ({ ...prev, [qId]: oId })), onApprove: handlePrdApprove, onReject: handlePrdReject, isProcessing: isLoadingPrd, isRejecting: isRejecting })) : (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) }));
-    }
-    else if (view?.type === 'tech-review') {
-        body = techData ? (_jsx(TechReviewTabs, { techData: techData, productData: isLoadingTechProduct ? null : techProductData, onApprove: handleTechApprove, onReject: handleTechReject, isProcessing: isLoadingTech, isRejecting: isRejecting })) : (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) }));
-    }
-    else if (view?.type === 'merge-review') {
-        body = mergeData ? (_jsx(MergeReview, { data: mergeData, onApprove: handleMergeApprove, onReject: handleMergeReject, isProcessing: isLoadingMerge, isRejecting: isRejecting })) : (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) }));
-    }
-    else if (view?.type === 'repository' && repoData?.repositoryPath) {
-        body = (_jsxs("div", { className: "flex-1 overflow-y-auto", children: [_jsx(Separator, {}), _jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "OPEN WITH" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(ActionButton, { label: "Open in IDE", onClick: repoActions.openInIde, loading: repoActions.ideLoading, error: !!repoActions.ideError, icon: Code2, variant: "outline", size: "sm" }), _jsx(ActionButton, { label: "Open in Shell", onClick: repoActions.openInShell, loading: repoActions.shellLoading, error: !!repoActions.shellError, icon: Terminal, variant: "outline", size: "sm" }), _jsx(ActionButton, { label: "Open Folder", onClick: repoActions.openFolder, loading: repoActions.folderLoading, error: !!repoActions.folderError, icon: FolderOpen, variant: "outline", size: "sm" })] })] })] }));
-    }
-    // ── Render ──────────────────────────────────────────────────────────────
-    return (_jsxs(_Fragment, { children: [_jsx(BaseDrawer, { open: view !== null && !isCreateView, onClose: onClose, size: "md", modal: false, header: header, deployTarget: repoDeployTarget, "data-testid": view?.type === 'feature'
-                    ? 'feature-drawer'
-                    : view?.type === 'repository'
-                        ? 'repository-drawer'
-                        : 'review-drawer', children: body }), _jsx(FeatureCreateDrawer, { open: isCreateView, onClose: onClose, onSubmit: onCreateSubmit, repositoryPath: createView?.repositoryPath ?? '', features: createView?.features ?? [], workflowDefaults: createView?.workflowDefaults, initialParentId: createView?.initialParentId, isSubmitting: isSubmitting })] }));
-}
-// ── Private sub-components ────────────────────────────────────────────────────
-function FeatureStateBadge({ data }) {
-    const config = featureNodeStateConfig[data.state];
-    const Icon = config.icon;
-    return (_jsxs("div", { className: cn('flex items-center gap-2 rounded-full px-3 py-1.5 text-sm font-medium', config.badgeBgClass, config.badgeClass), children: [data.state === 'running' ? (_jsx(CometSpinner, { size: "sm", className: "shrink-0" })) : (_jsx(Icon, { className: "h-4 w-4 shrink-0" })), _jsx("span", { children: config.label })] }));
-}
-const prStatusStyles = {
-    [PrStatus.Open]: 'border-transparent bg-blue-50 text-blue-700 hover:bg-blue-50',
-    [PrStatus.Merged]: 'border-transparent bg-purple-50 text-purple-700 hover:bg-purple-50',
-    [PrStatus.Closed]: 'border-transparent bg-red-50 text-red-700 hover:bg-red-50',
-};
-function FeaturePrInfo({ pr }) {
-    return (_jsx("div", { "data-testid": "feature-drawer-pr", className: "border-border mx-4 rounded-lg border", children: _jsxs("div", { className: "space-y-3 px-4 py-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("a", { href: pr.url, target: "_blank", rel: "noopener noreferrer", className: "text-primary flex items-center gap-1.5 text-sm font-semibold underline underline-offset-2", children: ["PR #", pr.number, _jsx(ExternalLink, { className: "h-3.5 w-3.5" })] }), _jsx(Badge, { className: prStatusStyles[pr.status], children: pr.status })] }), pr.ciStatus ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "CI Status" }), _jsx(CiStatusBadge, { status: pr.ciStatus })] })) : null, pr.commitHash ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "Commit" }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(GitCommitHorizontal, { className: "text-muted-foreground h-3.5 w-3.5" }), _jsx("code", { className: "bg-muted text-foreground rounded-md px-1.5 py-0.5 font-mono text-[11px]", children: pr.commitHash.slice(0, 7) })] })] })) : null] }) }));
-}
-function FeatureDetails({ data }) {
-    const hasAnyDetail = data.agentType ?? data.runtime ?? data.blockedBy ?? data.errorMessage;
-    if (!hasAnyDetail)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { "data-testid": "feature-drawer-details", className: "flex flex-col gap-3 p-4", children: [data.agentType ? _jsx(DetailRow, { label: "Agent", value: data.agentType }) : null, data.runtime ? _jsx(DetailRow, { label: "Runtime", value: data.runtime }) : null, data.blockedBy ? _jsx(DetailRow, { label: "Blocked by", value: data.blockedBy }) : null, data.errorMessage ? _jsx(DetailRow, { label: "Error", value: data.errorMessage }) : null] })] }));
-}
-function DetailRow({ label, value }) {
-    return (_jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: label }), _jsx("span", { className: "text-sm", children: value })] }));
-}

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

@@ -1,33 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ControlCenterDrawer } from './control-center-drawer.js';
-declare const meta: Meta<typeof ControlCenterDrawer>;
-export default meta;
-type Story = StoryObj<typeof ControlCenterDrawer>;
-/** Feature info view — running state with progress. Default story. */
-export declare const Default: Story;
-/** Feature info view — completed (maintain lifecycle, done state, merged PR). */
-export declare const FeatureDone: Story;
-/** Feature info view — error state. */
-export declare const FeatureError: Story;
-/**
- * PRD review view — loads questionnaire data via server action.
- * Shows spinner in Storybook (no real API available).
- */
-export declare const PrdReview: Story;
-/**
- * Tech decisions review view — loads research artifact via server action.
- * Shows spinner in Storybook.
- */
-export declare const TechReview: Story;
-/**
- * Merge review view — loads merge review data via server action.
- * Shows spinner in Storybook.
- */
-export declare const MergeReview: Story;
-/** Feature create form. */
-export declare const FeatureCreate: Story;
-/** Repository actions view. */
-export declare const Repository: Story;
-/** Interactive — click any view type to open that drawer panel. */
-export declare const AllViews: Story;
-//# sourceMappingURL=control-center-drawer.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"control-center-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/control-center-drawer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAc1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AA+JlD,sEAAsE;AACtE,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,2BAA2B;AAC3B,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,+BAA+B;AAC/B,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AA0DF,mEAAmE;AACnE,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

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

@@ -1,214 +0,0 @@
-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 { DrawerCloseGuardProvider } from '../../../hooks/drawer-close-guard.js';
-import { ControlCenterDrawer } from './control-center-drawer.js';
-const meta = {
-    title: 'Drawers/ControlCenterDrawer',
-    component: ControlCenterDrawer,
-    tags: ['autodocs'],
-    decorators: [
-        (Story) => (_jsx(DrawerCloseGuardProvider, { children: _jsx(Story, {}) })),
-    ],
-    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, {}),
-};