@shepai/cli 1.70.2 → 1.72.0

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

@@ -0,0 +1,388 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useEffect, useRef } from 'react';
+import { useRouter, usePathname } from 'next/navigation';
+import { toast } from 'sonner';
+import { Loader2, Trash2, ExternalLink, GitCommitHorizontal, 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 { deleteFeature } from '../../../app/actions/delete-feature.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 { useAgentEventsContext } from '../../../hooks/agent-events-provider.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 { 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 { mapEventTypeToState, mapPhaseNameToLifecycle, } from '../../common/feature-node/derive-feature-state.js';
+export function FeatureDrawerClient({ view: initialView }) {
+    const router = useRouter();
+    const deleteSound = useSoundAction('delete');
+    const rejectSound = useSoundAction('reject');
+    // Track the view locally so SSE events can update the drawer type in real-time
+    const [view, setView] = useState(initialView);
+    // Sync when server re-renders with new props (e.g. after router.refresh())
+    useEffect(() => {
+        setView(initialView);
+    }, [initialView]);
+    const featureNode = view.type === 'feature' ||
+        view.type === 'prd-review' ||
+        view.type === 'tech-review' ||
+        view.type === 'merge-review'
+        ? view.node
+        : null;
+    // SSE: update drawer view when feature state changes
+    const { events } = useAgentEventsContext();
+    const processedCountRef = useRef(0);
+    useEffect(() => {
+        if (!featureNode || events.length <= processedCountRef.current)
+            return;
+        const newEvents = events.slice(processedCountRef.current);
+        processedCountRef.current = events.length;
+        for (const event of newEvents) {
+            if (event.featureId !== featureNode.featureId)
+                continue;
+            const newState = mapEventTypeToState(event.eventType);
+            const newLifecycle = mapPhaseNameToLifecycle(event.phaseName);
+            // Trigger a server refresh to get the latest drawer view
+            router.refresh();
+            // Optimistically update the node data for immediate UI feedback
+            setView((prev) => {
+                if (prev.type !== 'feature' &&
+                    prev.type !== 'prd-review' &&
+                    prev.type !== 'tech-review' &&
+                    prev.type !== 'merge-review')
+                    return prev;
+                return {
+                    ...prev,
+                    node: {
+                        ...prev.node,
+                        state: newState,
+                        ...(newLifecycle !== undefined && { lifecycle: newLifecycle }),
+                    },
+                };
+            });
+        }
+    }, [events, featureNode, router]);
+    // Derive open state from the URL. Next.js parallel routes preserve slot
+    // content during soft navigation, so this component is NOT unmounted when
+    // navigating to `/`. Instead, we watch the pathname and let Vaul handle
+    // the close animation when the path no longer matches a feature route.
+    const pathname = usePathname();
+    const isOpen = pathname.startsWith('/feature/');
+    const onClose = useCallback(() => {
+        router.push('/');
+    }, [router]);
+    // ── PRD state ──────────────────────────────────────────────────────────
+    const [prdData, setPrdData] = useState(null);
+    const [prdSelections, setPrdSelections] = useState({});
+    const [isLoadingPrd, setIsLoadingPrd] = useState(false);
+    // ── Tech 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 state ────────────────────────────────────────────────────────
+    const [mergeData, setMergeData] = useState(null);
+    const [isLoadingMerge, setIsLoadingMerge] = useState(false);
+    // ── Delete state ───────────────────────────────────────────────────────
+    const [isDeleting, setIsDeleting] = useState(false);
+    // ── Shared reject state ────────────────────────────────────────────────
+    const [isRejecting, setIsRejecting] = useState(false);
+    // ── 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]);
+    useEffect(() => {
+        setTechProductData(undefined);
+        if (!techFeatureId)
+            return;
+        let cancelled = false;
+        setIsLoadingTechProduct(true);
+        getFeatureArtifact(techFeatureId)
+            .then((result) => {
+            if (cancelled)
+                return;
+            if (result.productDecisions) {
+                setTechProductData(result.productDecisions);
+            }
+        })
+            .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]);
+    const handleDelete = useCallback(async (featureId) => {
+        setIsDeleting(true);
+        try {
+            const result = await deleteFeature(featureId);
+            if (result.error) {
+                toast.error(result.error);
+                return;
+            }
+            deleteSound.play();
+            toast.success('Feature deleted successfully');
+            router.push('/');
+            router.refresh();
+        }
+        catch {
+            toast.error('Failed to delete feature');
+        }
+        finally {
+            setIsDeleting(false);
+        }
+    }, [router, deleteSound]);
+    // ── 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 featureDeployTarget = featureNode?.repositoryPath && featureNode.branch
+        ? {
+            targetId: featureNode.featureId,
+            targetType: 'feature',
+            repositoryPath: featureNode.repositoryPath,
+            branch: featureNode.branch,
+        }
+        : null;
+    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, 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: () => handleDelete(featureNode.featureId), children: isDeleting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Deleting\u2026"] })) : ('Delete') })] })] })] })) : null] })) : 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" }) }));
+    }
+    return (_jsx(BaseDrawer, { open: isOpen, onClose: onClose, size: "md", modal: false, header: header, "data-testid": view.type === 'feature'
+            ? 'feature-drawer'
+            : view.type === 'repository'
+                ? 'repository-drawer'
+                : 'review-drawer', children: body }));
+}
+// ── 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 })] }));
+}
+function FeaturePrInfo({ pr }) {
+    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',
+    };
+    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/repository-drawer-client.d.ts

@@ -0,0 +1,6 @@
+import type { RepositoryNodeData } from '../../common/repository-node/index.js';
+export interface RepositoryDrawerClientProps {
+    data: RepositoryNodeData;
+}
+export declare function RepositoryDrawerClient({ data }: RepositoryDrawerClientProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=repository-drawer-client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"repository-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/repository-drawer-client.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,EAAE,2BAA2B,2CAgF3E"}

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

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useRouter } from 'next/navigation';
+import { Code2, Terminal, FolderOpen } from 'lucide-react';
+import { BaseDrawer } from '../../common/base-drawer/index.js';
+import { ActionButton } from '../../common/action-button/index.js';
+import { DrawerTitle, DrawerDescription } from '../../ui/drawer.js';
+import { Separator } from '../../ui/separator.js';
+import { useRepositoryActions } from '../../common/repository-node/use-repository-actions.js';
+import { featureFlags } from '../../../lib/feature-flags.js';
+export function RepositoryDrawerClient({ data }) {
+    const router = useRouter();
+    const repoActions = useRepositoryActions(data.repositoryPath ? { repositoryPath: data.repositoryPath } : null);
+    const onClose = useCallback(() => {
+        router.push('/');
+    }, [router]);
+    const repoDeployTarget = data.repositoryPath
+        ? {
+            targetId: data.repositoryPath,
+            targetType: 'repository',
+            repositoryPath: data.repositoryPath,
+        }
+        : undefined;
+    const header = (_jsxs("div", { "data-testid": "repository-drawer-header", children: [_jsx(DrawerTitle, { children: data.name }), data.repositoryPath ? (_jsx(DrawerDescription, { className: "truncate font-mono text-xs", children: data.repositoryPath })) : null] }));
+    return (_jsx(BaseDrawer, { open: true, onClose: onClose, size: "md", modal: false, header: header, deployTarget: featureFlags.envDeploy ? repoDeployTarget : undefined, "data-testid": "repository-drawer", children: data.repositoryPath ? (_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" })] })] })] })) : null }));
+}

package/dist/src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.d.ts

@@ -2,6 +2,7 @@ import { DeploymentState } from '../../../../../../packages/core/src/domain/gene
 export interface DeploymentStatusBadgeProps {
     status: DeploymentState | null;
     url?: string | null;
+    targetId?: string;
 }
-export declare function DeploymentStatusBadge({ status, url }: DeploymentStatusBadgeProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DeploymentStatusBadge({ status, url, targetId }: DeploymentStatusBadgeProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=deployment-status-badge.d.ts.map

package/dist/src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deployment-status-badge.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAGvE,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,0BAA0B,kDAgChF"}
+{"version":3,"file":"deployment-status-badge.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAIvE,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,0BAA0B,kDAgF1F"}

package/dist/src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.js

@@ -1,13 +1,24 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Loader2, ExternalLink } from 'lucide-react';
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Loader2, ExternalLink, Terminal } from 'lucide-react';
 import { DeploymentState } from '../../../../../../packages/core/src/domain/generated/output.js';
 import { Badge } from '../../ui/badge.js';
-export function DeploymentStatusBadge({ status, url }) {
+import { ServerLogViewer } from '../../common/server-log-viewer/index.js';
+export function DeploymentStatusBadge({ status, url, targetId }) {
+    const [logViewerOpen, setLogViewerOpen] = useState(false);
+    const showLogButton = targetId && (status === DeploymentState.Booting || status === DeploymentState.Ready);
     switch (status) {
         case DeploymentState.Booting:
-            return (_jsxs(Badge, { className: "border-transparent bg-blue-50 text-blue-700 hover:bg-blue-50", children: [_jsx(Loader2, { className: "mr-1 h-3.5 w-3.5 animate-spin" }), "Starting..."] }));
+            return (_jsxs(_Fragment, { children: [_jsxs(Badge, { className: "border-transparent bg-blue-50 text-blue-700 hover:bg-blue-50", children: [_jsx(Loader2, { className: "mr-1 h-3.5 w-3.5 animate-spin" }), "Starting...", showLogButton ? (_jsx("button", { type: "button", "aria-label": "View server logs", className: "ml-1.5 inline-flex items-center rounded-sm p-0.5 hover:bg-blue-100", onClick: (e) => {
+                                    e.stopPropagation();
+                                    setLogViewerOpen(true);
+                                }, children: _jsx(Terminal, { className: "h-3 w-3" }) })) : null] }), showLogButton ? (_jsx(ServerLogViewer, { open: logViewerOpen, onOpenChange: setLogViewerOpen, targetId: targetId })) : null] }));
         case DeploymentState.Ready:
-            return (_jsxs(Badge, { className: "border-transparent bg-green-50 text-green-700 hover:bg-green-50", children: [_jsx("span", { className: "mr-1 inline-block h-2 w-2 rounded-full bg-green-500" }), url ? (_jsxs("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 hover:underline", onClick: (e) => e.stopPropagation(), children: [url, _jsx(ExternalLink, { className: "h-3 w-3" })] })) : ('Ready')] }));
+            return (_jsxs(_Fragment, { children: [_jsxs(Badge, { className: "border-transparent bg-green-50 text-green-700 hover:bg-green-50", children: [_jsx("span", { className: "mr-1 inline-block h-2 w-2 rounded-full bg-green-500" }), url ? (_jsxs("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 hover:underline", onClick: (e) => e.stopPropagation(), children: [url, _jsx(ExternalLink, { className: "h-3 w-3" })] })) : ('Ready'), showLogButton ? (_jsx("button", { type: "button", "aria-label": "View server logs", className: "ml-1.5 inline-flex items-center rounded-sm p-0.5 hover:bg-green-100", onClick: (e) => {
+                                    e.stopPropagation();
+                                    setLogViewerOpen(true);
+                                }, children: _jsx(Terminal, { className: "h-3 w-3" }) })) : null] }), showLogButton ? (_jsx(ServerLogViewer, { open: logViewerOpen, onOpenChange: setLogViewerOpen, targetId: targetId })) : null] }));
         default:
             return null;
     }

package/dist/src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.stories.d.ts

@@ -11,4 +11,8 @@ export declare const Ready: Story;
 export declare const Stopped: Story;
 /** No deployment — renders nothing. */
 export declare const NoDeployment: Story;
+/** Booting with View Logs button — shows log button next to spinner. */
+export declare const BootingWithLogs: Story;
+/** Ready with View Logs button — shows URL and log button. */
+export declare const ReadyWithLogs: Story;
 //# sourceMappingURL=deployment-status-badge.stories.d.ts.map

package/dist/src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deployment-status-badge.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAO5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpD,kDAAkD;AAClD,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC"}
+{"version":3,"file":"deployment-status-badge.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAO5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpD,kDAAkD;AAClD,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC"}

package/dist/src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.stories.js

@@ -25,3 +25,11 @@ export const Stopped = {
 export const NoDeployment = {
     args: { status: null },
 };
+/** Booting with View Logs button — shows log button next to spinner. */
+export const BootingWithLogs = {
+    args: { status: DeploymentState.Booting, targetId: 'demo-target' },
+};
+/** Ready with View Logs button — shows URL and log button. */
+export const ReadyWithLogs = {
+    args: { status: DeploymentState.Ready, url: 'http://localhost:3000', targetId: 'demo-target' },
+};

package/dist/src/presentation/web/components/common/product-decisions-summary/index.d.ts

@@ -0,0 +1,3 @@
+export { ProductDecisionsSummary } from './product-decisions-summary.js';
+export type { ProductDecisionsSummaryData, ProductDecisionItem, ProductDecisionsSummaryProps, } from './product-decisions-summary-config.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/product-decisions-summary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/product-decisions-summary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EACV,2BAA2B,EAC3B,mBAAmB,EACnB,4BAA4B,GAC7B,MAAM,oCAAoC,CAAC"}

package/dist/src/presentation/web/components/common/product-decisions-summary/index.js

@@ -0,0 +1 @@
+export { ProductDecisionsSummary } from './product-decisions-summary.js';

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary-config.d.ts

@@ -0,0 +1,23 @@
+export interface ProductDecisionItem {
+    /** Question text */
+    question: string;
+    /** The selected option label */
+    selectedOption: string;
+    /** Rationale for the selected option */
+    rationale: string;
+    /** Whether it was the AI-recommended option */
+    wasRecommended: boolean;
+}
+export interface ProductDecisionsSummaryData {
+    /** Goal/title from the PRD */
+    question: string;
+    /** Context description (one-liner) */
+    context: string;
+    /** Resolved questions with selected options */
+    questions: ProductDecisionItem[];
+}
+export interface ProductDecisionsSummaryProps {
+    /** Product decisions data from the feature artifact */
+    data: ProductDecisionsSummaryData;
+}
+//# sourceMappingURL=product-decisions-summary-config.d.ts.map

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-decisions-summary-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/product-decisions-summary/product-decisions-summary-config.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,oBAAoB;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,wCAAwC;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,2BAA2B;IAC1C,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,+CAA+C;IAC/C,SAAS,EAAE,mBAAmB,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,4BAA4B;IAC3C,uDAAuD;IACvD,IAAI,EAAE,2BAA2B,CAAC;CACnC"}

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary-config.js

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

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.d.ts

@@ -0,0 +1,3 @@
+import type { ProductDecisionsSummaryProps } from './product-decisions-summary-config.js';
+export declare function ProductDecisionsSummary({ data }: ProductDecisionsSummaryProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=product-decisions-summary.d.ts.map

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-decisions-summary.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,4BAA4B,EAE7B,MAAM,oCAAoC,CAAC;AAyB5C,wBAAgB,uBAAuB,CAAC,EAAE,IAAI,EAAE,EAAE,4BAA4B,kDAmB7E"}

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ClipboardList } from 'lucide-react';
+import { Badge } from '../../ui/badge.js';
+function ProductDecisionCard({ item, index }) {
+    return (_jsx("div", { className: "border-border rounded-lg border", children: _jsx("div", { className: "space-y-2 px-4 py-3", children: _jsxs("div", { className: "flex items-start gap-2.5", children: [_jsx("span", { className: "bg-primary text-primary-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-bold", children: index + 1 }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "text-foreground text-sm leading-tight font-semibold", children: item.question }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: item.selectedOption }), item.wasRecommended ? (_jsx(Badge, { className: "px-1.5 py-0 text-[10px]", children: "AI Recommended" })) : null] })] })] }) }) }));
+}
+export function ProductDecisionsSummary({ data }) {
+    const { questions } = data;
+    if (questions.length === 0)
+        return null;
+    return (_jsxs("div", { className: "space-y-4 p-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ClipboardList, { className: "text-primary h-4 w-4" }), _jsx("h3", { className: "text-foreground text-sm font-bold", children: "Product Decisions" })] }), questions.map((item, i) => (_jsx(ProductDecisionCard, { item: item, index: i }, item.question)))] }));
+}

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ProductDecisionsSummary } from './product-decisions-summary.js';
+declare const meta: Meta<typeof ProductDecisionsSummary>;
+export default meta;
+type Story = StoryObj<typeof ProductDecisionsSummary>;
+/** Default — multiple product decisions with a mix of recommended and non-recommended. */
+export declare const Default: Story;
+/** Single question. */
+export declare const SingleQuestion: Story;
+/** All recommended — every option was the AI-recommended choice. */
+export declare const AllRecommended: Story;
+/** No recommended badges — none of the selected options were AI-recommended. */
+export declare const NoneRecommended: Story;
+//# sourceMappingURL=product-decisions-summary.stories.d.ts.map

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-decisions-summary.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAkCtE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAc9C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAEtD,0FAA0F;AAC1F,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,uBAAuB;AACvB,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC;AAEF,oEAAoE;AACpE,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC"}