@shepai/cli 1.78.0-pr247.d196fda → 1.78.1-pr241.ee88d2d

package/dist/src/presentation/web/components/common/feature-drawer-tabs/activity-tab.stories.js

@@ -0,0 +1,252 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ActivityTab } from './activity-tab.js';
+const meta = {
+    title: 'Drawers/Feature/Tabs/ActivityTab',
+    component: ActivityTab,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { height: '600px', width: '400px', border: '1px solid var(--color-border)' }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+/* ---------------------------------------------------------------------------
+ * Data fixtures
+ * ------------------------------------------------------------------------- */
+const singleRunTimings = [
+    {
+        agentRunId: 'run-1',
+        phase: 'run:started',
+        startedAt: '2025-01-15T10:00:00Z',
+        completedAt: '2025-01-15T10:00:00Z',
+        durationMs: 0,
+    },
+    {
+        agentRunId: 'run-1',
+        phase: 'analyze',
+        startedAt: '2025-01-15T10:00:01Z',
+        completedAt: '2025-01-15T10:00:15Z',
+        durationMs: 14000,
+    },
+    {
+        agentRunId: 'run-1',
+        phase: 'requirements',
+        startedAt: '2025-01-15T10:00:15Z',
+        completedAt: '2025-01-15T10:01:45Z',
+        durationMs: 90000,
+        waitingApprovalAt: '2025-01-15T10:01:00Z',
+        approvalWaitMs: 30000,
+    },
+    {
+        agentRunId: 'run-1',
+        phase: 'research',
+        startedAt: '2025-01-15T10:01:45Z',
+        completedAt: '2025-01-15T10:03:30Z',
+        durationMs: 105000,
+    },
+    {
+        agentRunId: 'run-1',
+        phase: 'plan',
+        startedAt: '2025-01-15T10:03:30Z',
+        completedAt: '2025-01-15T10:05:00Z',
+        durationMs: 90000,
+        waitingApprovalAt: '2025-01-15T10:04:30Z',
+        approvalWaitMs: 15000,
+    },
+    {
+        agentRunId: 'run-1',
+        phase: 'implement',
+        startedAt: '2025-01-15T10:05:00Z',
+        completedAt: '2025-01-15T10:15:00Z',
+        durationMs: 600000,
+    },
+    {
+        agentRunId: 'run-1',
+        phase: 'run:completed',
+        startedAt: '2025-01-15T10:15:00Z',
+        completedAt: '2025-01-15T10:15:00Z',
+        durationMs: 0,
+    },
+];
+const multiRunTimings = [
+    // Run 1
+    {
+        agentRunId: 'run-1',
+        phase: 'run:started',
+        startedAt: '2025-01-15T10:00:00Z',
+        durationMs: 0,
+    },
+    {
+        agentRunId: 'run-1',
+        phase: 'analyze',
+        startedAt: '2025-01-15T10:00:01Z',
+        completedAt: '2025-01-15T10:00:20Z',
+        durationMs: 19000,
+    },
+    {
+        agentRunId: 'run-1',
+        phase: 'requirements',
+        startedAt: '2025-01-15T10:00:20Z',
+        completedAt: '2025-01-15T10:02:00Z',
+        durationMs: 100000,
+        waitingApprovalAt: '2025-01-15T10:01:20Z',
+        approvalWaitMs: 40000,
+    },
+    {
+        agentRunId: 'run-1',
+        phase: 'run:completed',
+        startedAt: '2025-01-15T10:02:00Z',
+        durationMs: 0,
+    },
+    // Run 2
+    {
+        agentRunId: 'run-2',
+        phase: 'run:resumed',
+        startedAt: '2025-01-15T11:00:00Z',
+        durationMs: 0,
+    },
+    {
+        agentRunId: 'run-2',
+        phase: 'research',
+        startedAt: '2025-01-15T11:00:01Z',
+        completedAt: '2025-01-15T11:02:30Z',
+        durationMs: 149000,
+    },
+    {
+        agentRunId: 'run-2',
+        phase: 'plan',
+        startedAt: '2025-01-15T11:02:30Z',
+        completedAt: '2025-01-15T11:04:00Z',
+        durationMs: 90000,
+        waitingApprovalAt: '2025-01-15T11:03:30Z',
+        approvalWaitMs: 20000,
+    },
+    {
+        agentRunId: 'run-2',
+        phase: 'implement',
+        startedAt: '2025-01-15T11:04:00Z',
+        completedAt: '2025-01-15T11:12:00Z',
+        durationMs: 480000,
+    },
+    {
+        agentRunId: 'run-2',
+        phase: 'merge',
+        startedAt: '2025-01-15T11:12:00Z',
+        completedAt: '2025-01-15T11:13:30Z',
+        durationMs: 90000,
+    },
+    {
+        agentRunId: 'run-2',
+        phase: 'run:completed',
+        startedAt: '2025-01-15T11:13:30Z',
+        durationMs: 0,
+    },
+];
+const runningTimings = [
+    {
+        agentRunId: 'run-1',
+        phase: 'run:started',
+        startedAt: '2025-01-15T10:00:00Z',
+        durationMs: 0,
+    },
+    {
+        agentRunId: 'run-1',
+        phase: 'analyze',
+        startedAt: '2025-01-15T10:00:01Z',
+        completedAt: '2025-01-15T10:00:15Z',
+        durationMs: 14000,
+    },
+    {
+        agentRunId: 'run-1',
+        phase: 'implement',
+        startedAt: '2025-01-15T10:00:15Z',
+        durationMs: 45000,
+    },
+];
+/* ---------------------------------------------------------------------------
+ * Stories
+ * ------------------------------------------------------------------------- */
+/** Default — single run with complete phase timings and approval waits. */
+export const Default = {
+    args: {
+        timings: singleRunTimings,
+        loading: false,
+        error: null,
+    },
+};
+/** Multiple runs with run headers showing grouping. */
+export const MultipleRuns = {
+    args: {
+        timings: multiRunTimings,
+        loading: false,
+        error: null,
+    },
+};
+/** Running phase — a phase without completedAt shows blue bar. */
+export const RunningPhase = {
+    args: {
+        timings: runningTimings,
+        loading: false,
+        error: null,
+    },
+};
+/** Loading state — spinner displayed while data is being fetched. */
+export const Loading = {
+    args: {
+        timings: null,
+        loading: true,
+        error: null,
+    },
+};
+/** Empty state — no activity recorded yet. */
+export const Empty = {
+    args: {
+        timings: [],
+        loading: false,
+        error: null,
+    },
+};
+/** Error state — inline error message. */
+export const Error = {
+    args: {
+        timings: null,
+        loading: false,
+        error: 'Failed to load phase timings. Please try again.',
+    },
+};
+/** Approval wait indicators — phases with approval wait sub-rows. */
+export const WithApprovalWaits = {
+    args: {
+        timings: [
+            {
+                agentRunId: 'run-1',
+                phase: 'requirements',
+                startedAt: '2025-01-15T10:00:00Z',
+                completedAt: '2025-01-15T10:03:00Z',
+                durationMs: 180000,
+                waitingApprovalAt: '2025-01-15T10:01:00Z',
+                approvalWaitMs: 120000,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'plan',
+                startedAt: '2025-01-15T10:03:00Z',
+                completedAt: '2025-01-15T10:06:00Z',
+                durationMs: 180000,
+                waitingApprovalAt: '2025-01-15T10:04:00Z',
+                approvalWaitMs: 90000,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'implement',
+                startedAt: '2025-01-15T10:06:00Z',
+                completedAt: '2025-01-15T10:16:00Z',
+                durationMs: 600000,
+            },
+        ],
+        loading: false,
+        error: null,
+    },
+};

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

@@ -0,0 +1,31 @@
+import type { FeatureNodeData } from '../../common/feature-node/index.js';
+import type { PrdQuestionnaireData } from '../../common/prd-questionnaire/index.js';
+import type { TechDecisionsReviewData } from '../../common/tech-decisions-review/index.js';
+import type { ProductDecisionsSummaryData } from '../../common/product-decisions-summary/index.js';
+import type { MergeReviewData } from '../../common/merge-review/index.js';
+import type { FeatureTabKey } from '../../common/control-center-drawer/drawer-view.js';
+export interface FeatureDrawerTabsProps {
+    featureNode: FeatureNodeData;
+    featureId: string;
+    initialTab?: FeatureTabKey;
+    prdData?: PrdQuestionnaireData | null;
+    prdSelections?: Record<string, string>;
+    onPrdSelect?: (questionId: string, optionId: string) => void;
+    onPrdApprove?: (actionId: string) => void;
+    onPrdReject?: (feedback: string) => void;
+    isPrdLoading?: boolean;
+    techData?: TechDecisionsReviewData | null;
+    onTechApprove?: () => void;
+    onTechReject?: (feedback: string) => void;
+    isTechLoading?: boolean;
+    productData?: ProductDecisionsSummaryData | null;
+    mergeData?: MergeReviewData | null;
+    onMergeApprove?: () => void;
+    onMergeReject?: (feedback: string) => void;
+    isMergeLoading?: boolean;
+    isRejecting?: boolean;
+    chatInput?: string;
+    onChatInputChange?: (value: string) => void;
+}
+export declare function FeatureDrawerTabs({ featureNode, featureId, initialTab, prdData, prdSelections, onPrdSelect, onPrdApprove, onPrdReject, isPrdLoading, techData, onTechApprove, onTechReject, isTechLoading, productData, mergeData, onMergeApprove, onMergeReject, isMergeLoading, isRejecting, chatInput, onChatInputChange, }: FeatureDrawerTabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=feature-drawer-tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature-drawer-tabs.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-drawer-tabs/feature-drawer-tabs.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;AACjG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAaxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uDAAuD,CAAC;AAiD3F,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,eAAe,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,aAAa,CAAC;IAG3B,OAAO,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,QAAQ,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,WAAW,CAAC,EAAE,2BAA2B,GAAG,IAAI,CAAC;IAGjD,SAAS,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAmBD,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,SAAS,EACT,UAAU,EACV,OAAO,EACP,aAAa,EACb,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,SAAS,EACT,cAAc,EACd,aAAa,EACb,cAAc,EACd,WAAW,EACX,SAAS,EACT,iBAAiB,GAClB,EAAE,sBAAsB,2CA2MxB"}

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

@@ -0,0 +1,123 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
+import { Loader2, Check } from 'lucide-react';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from '../../ui/tabs.js';
+import { getFeaturePhaseTimings } from '../../../app/actions/get-feature-phase-timings.js';
+import { getFeaturePlan } from '../../../app/actions/get-feature-plan.js';
+import { PrdQuestionnaire } from '../../common/prd-questionnaire/index.js';
+import { TechDecisionsContent } from '../../common/tech-decisions-review/index.js';
+import { ProductDecisionsSummary } from '../../common/product-decisions-summary/index.js';
+import { MergeReview } from '../../common/merge-review/index.js';
+import { DrawerActionBar } from '../../common/drawer-action-bar/index.js';
+import { OverviewTab } from './overview-tab.js';
+import { ActivityTab } from './activity-tab.js';
+import { LogTab } from './log-tab.js';
+import { PlanTab } from './plan-tab.js';
+import { useFeatureLogs } from '../../../hooks/use-feature-logs.js';
+import { useTabDataFetch } from './use-tab-data-fetch.js';
+/** All possible tabs in display order. */
+const ALL_TABS = [
+    { key: 'overview', label: 'Overview' },
+    { key: 'activity', label: 'Activity' },
+    { key: 'log', label: 'Log' },
+    { key: 'plan', label: 'Plan' },
+    { key: 'prd-review', label: 'PRD Review' },
+    { key: 'tech-decisions', label: 'Tech Decisions' },
+    { key: 'product-decisions', label: 'Product' },
+    { key: 'merge-review', label: 'Merge Review' },
+];
+/** Phases where a plan exists (planning happens at start of implementation). */
+const PLAN_PHASES = new Set(['implementation', 'review', 'deploy', 'maintain']);
+/** Compute which tabs are visible based on feature lifecycle + state. */
+function computeVisibleTabs(node) {
+    const tabs = ['overview', 'activity', 'log'];
+    if (PLAN_PHASES.has(node.lifecycle) &&
+        !(node.lifecycle === 'implementation' && node.state === 'action-required')) {
+        tabs.push('plan');
+    }
+    if (node.lifecycle === 'requirements' && node.state === 'action-required') {
+        tabs.push('prd-review');
+    }
+    if (node.lifecycle === 'implementation' && node.state === 'action-required') {
+        tabs.push('tech-decisions', 'product-decisions');
+    }
+    if (node.lifecycle === 'review' && (node.state === 'action-required' || node.state === 'error')) {
+        tabs.push('merge-review');
+    }
+    return tabs;
+}
+async function fetchActivity(featureId) {
+    const result = await getFeaturePhaseTimings(featureId);
+    if ('error' in result)
+        throw new Error(result.error);
+    return result.timings;
+}
+async function fetchPlan(featureId) {
+    const result = await getFeaturePlan(featureId);
+    if ('error' in result)
+        throw new Error(result.error);
+    return result.plan;
+}
+const TAB_FETCHERS = {
+    activity: fetchActivity,
+    plan: fetchPlan,
+};
+export function FeatureDrawerTabs({ featureNode, featureId, initialTab, prdData, prdSelections, onPrdSelect, onPrdApprove, onPrdReject, isPrdLoading, techData, onTechApprove, onTechReject, isTechLoading, productData, mergeData, onMergeApprove, onMergeReject, isMergeLoading, isRejecting, chatInput, onChatInputChange, }) {
+    const featureLogs = useFeatureLogs(featureId);
+    const visibleTabs = useMemo(() => computeVisibleTabs(featureNode), [featureNode]);
+    const visibleTabDefs = useMemo(() => ALL_TABS.filter((t) => visibleTabs.includes(t.key)), [visibleTabs]);
+    // Use initialTab if it's visible, otherwise default to 'overview'
+    const effectiveInitial = initialTab && visibleTabs.includes(initialTab) ? initialTab : 'overview';
+    const [activeTab, setActiveTab] = useState(effectiveInitial);
+    const { tabs, fetchTab, refreshTab } = useTabDataFetch(featureId, TAB_FETCHERS);
+    // Reset tab when featureId changes
+    const prevFeatureIdRef = useRef(featureId);
+    useEffect(() => {
+        if (prevFeatureIdRef.current !== featureId) {
+            prevFeatureIdRef.current = featureId;
+            setActiveTab('overview');
+        }
+    }, [featureId]);
+    // When initialTab changes (e.g. SSE updates lifecycle), switch to it if visible
+    const prevInitialTabRef = useRef(initialTab);
+    useEffect(() => {
+        if (prevInitialTabRef.current !== initialTab &&
+            initialTab &&
+            visibleTabs.includes(initialTab)) {
+            prevInitialTabRef.current = initialTab;
+            setActiveTab(initialTab);
+        }
+    }, [initialTab, visibleTabs]);
+    // If the active tab becomes invisible (lifecycle changed), fall back to overview
+    useEffect(() => {
+        if (!visibleTabs.includes(activeTab)) {
+            setActiveTab('overview');
+        }
+    }, [visibleTabs, activeTab]);
+    // SSE refresh: re-fetch active lazy tab when featureNode reference changes
+    const featureNodeRef = useRef(featureNode);
+    const activeTabRef = useRef(activeTab);
+    activeTabRef.current = activeTab;
+    useEffect(() => {
+        if (featureNodeRef.current !== featureNode) {
+            featureNodeRef.current = featureNode;
+            const current = activeTabRef.current;
+            if (current === 'activity' || current === 'plan') {
+                refreshTab(current);
+            }
+        }
+    }, [featureNode, refreshTab]);
+    const handleTabChange = useCallback((value) => {
+        const tab = value;
+        setActiveTab(tab);
+        if (tab === 'activity' || tab === 'plan') {
+            fetchTab(tab);
+        }
+    }, [fetchTab]);
+    return (_jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: _jsxs(Tabs, { value: activeTab, onValueChange: handleTabChange, className: "flex min-h-0 flex-1 flex-col", children: [_jsx("div", { className: "shrink-0 overflow-x-auto px-4 pt-4", children: _jsx(TabsList, { className: "flex w-full", children: visibleTabDefs.map((tab) => (_jsx(TabsTrigger, { value: tab.key, className: "flex-1", children: tab.label }, tab.key))) }) }), _jsx(TabsContent, { value: "overview", className: "mt-0 flex-1 overflow-y-auto", children: _jsx(OverviewTab, { data: featureNode }) }), _jsx(TabsContent, { value: "activity", className: "mt-0 flex-1 overflow-y-auto", children: _jsx(ActivityTab, { timings: tabs.activity.data, loading: tabs.activity.loading, error: tabs.activity.error }) }), _jsx(TabsContent, { value: "log", className: "mt-0 flex-1 overflow-hidden", children: _jsx(LogTab, { content: featureLogs.content, isConnected: featureLogs.isConnected, error: featureLogs.error }) }), _jsx(TabsContent, { value: "plan", className: "mt-0 flex-1 overflow-y-auto", children: _jsx(PlanTab, { plan: tabs.plan.data, loading: tabs.plan.loading, error: tabs.plan.error }) }), visibleTabs.includes('prd-review') ? (_jsx(TabsContent, { value: "prd-review", className: "mt-0 flex min-h-0 flex-1 flex-col", children: prdData ? (_jsx(PrdQuestionnaire, { data: prdData, selections: prdSelections ?? {}, onSelect: onPrdSelect ?? (() => undefined), onApprove: onPrdApprove ?? (() => undefined), onReject: onPrdReject, isProcessing: isPrdLoading, isRejecting: isRejecting, chatInput: chatInput, onChatInputChange: onChatInputChange })) : (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) })) })) : null, visibleTabs.includes('tech-decisions') ? (_jsx(TabsContent, { value: "tech-decisions", className: "mt-0 flex min-h-0 flex-1 flex-col", children: techData ? (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx(TechDecisionsContent, { data: techData }) }), _jsx(DrawerActionBarForTech, { onApprove: onTechApprove ?? (() => undefined), onReject: onTechReject, isProcessing: isTechLoading, isRejecting: isRejecting, chatInput: chatInput, onChatInputChange: onChatInputChange })] })) : (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) })) })) : null, visibleTabs.includes('product-decisions') ? (_jsx(TabsContent, { value: "product-decisions", className: "mt-0 flex-1 overflow-y-auto", children: productData === null ? (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) })) : productData ? (_jsx(ProductDecisionsSummary, { data: productData })) : (_jsx("p", { className: "text-muted-foreground p-4 text-center text-sm", children: "No product decisions available." })) })) : null, visibleTabs.includes('merge-review') ? (_jsx(TabsContent, { value: "merge-review", className: "mt-0 flex min-h-0 flex-1 flex-col", children: mergeData ? (_jsx(MergeReview, { data: mergeData, onApprove: onMergeApprove ?? (() => undefined), onReject: onMergeReject, isProcessing: isMergeLoading, isRejecting: isRejecting, chatInput: chatInput, onChatInputChange: onChatInputChange })) : (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) })) })) : null] }) }));
+}
+// ── Private helper ──────────────────────────────────────────────────────
+function DrawerActionBarForTech({ onApprove, onReject, isProcessing, isRejecting, chatInput, onChatInputChange, }) {
+    return (_jsx(DrawerActionBar, { onReject: onReject, onApprove: onApprove, approveLabel: "Approve Plan", approveIcon: _jsx(Check, { className: "mr-1.5 h-4 w-4" }), revisionPlaceholder: "Ask AI to revise the plan...", isProcessing: isProcessing, isRejecting: isRejecting, chatInput: chatInput, onChatInputChange: onChatInputChange }));
+}

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

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { FeatureDrawerTabs } from './feature-drawer-tabs.js';
+declare const meta: Meta<typeof FeatureDrawerTabs>;
+export default meta;
+type Story = StoryObj<typeof FeatureDrawerTabs>;
+/** Default — running feature with full data. Overview tab active. */
+export declare const Default: Story;
+/** Completed feature in deploy phase with merged PR. */
+export declare const CompletedFeature: Story;
+/** Early-stage feature in requirements phase, no progress. */
+export declare const RequirementsPhase: Story;
+/** Feature in error state. */
+export declare const ErrorState: Story;
+/** PRD Review tab active — requirements lifecycle, action-required state. */
+export declare const PrdReviewActive: Story;
+/** Tech Decisions tab active — implementation lifecycle, action-required state. */
+export declare const TechReviewActive: Story;
+/** Merge Review tab active — review lifecycle, action-required state. */
+export declare const MergeReviewActive: Story;
+//# sourceMappingURL=feature-drawer-tabs.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature-drawer-tabs.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-drawer-tabs/feature-drawer-tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAO1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAcxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAyPhD,qEAAqE;AACrE,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF,8BAA8B;AAC9B,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAMF,6EAA6E;AAC7E,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC"}