@shepai/cli 1.91.1 → 1.91.2-pr271.a8e0a3b

package/dist/src/presentation/web/app/actions/get-feature-phase-timings.d.ts

@@ -11,6 +11,7 @@ export interface RejectionFeedbackData {
     iteration: number;
     message: string;
     phase?: string;
+    timestamp?: string;
     attachments?: string[];
 }
 type GetPhaseTimingsResult = {

package/dist/src/presentation/web/app/actions/get-feature-phase-timings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-feature-phase-timings.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/get-feature-phase-timings.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,KAAK,qBAAqB,GACtB;IAAE,OAAO,EAAE,eAAe,EAAE,CAAC;IAAC,iBAAiB,EAAE,qBAAqB,EAAE,CAAA;CAAE,GAC1E;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtB,wBAAsB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,qBAAqB,CAAC,CA2B9F"}
+{"version":3,"file":"get-feature-phase-timings.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/get-feature-phase-timings.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,KAAK,qBAAqB,GACtB;IAAE,OAAO,EAAE,eAAe,EAAE,CAAC;IAAC,iBAAiB,EAAE,qBAAqB,EAAE,CAAA;CAAE,GAC1E;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtB,wBAAsB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,qBAAqB,CAAC,CA2B9F"}

package/dist/src/presentation/web/app/actions/get-feature-phase-timings.js

@@ -42,6 +42,7 @@ async function readRejectionFeedback(featureId) {
             iteration: Number(entry.iteration ?? 1),
             message: String(entry.message ?? ''),
             phase: entry.phase ? String(entry.phase) : undefined,
+            timestamp: entry.timestamp ? String(entry.timestamp) : undefined,
             attachments: Array.isArray(entry.attachments)
                 ? entry.attachments.map(String)
                 : undefined,

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

@@ -5,5 +5,34 @@ export interface ActivityTabProps {
     error: string | null;
     rejectionFeedback?: RejectionFeedbackData[];
 }
+/**
+ * A single iteration in the lifecycle timeline.
+ *
+ * An iteration represents one cycle of work:
+ *   started/resumed → phase work → rejected/completed/failed
+ *
+ * Each rejected iteration has associated rejection feedback.
+ */
+export interface TimelineIteration {
+    /** 1-based iteration number */
+    number: number;
+    /** The timing events in this iteration */
+    timings: PhaseTimingData[];
+    /** If this iteration ended with rejection, the feedback message */
+    rejectionMessage?: string;
+    /** If this iteration ended with rejection, any attachments */
+    rejectionAttachments?: string[];
+}
+/**
+ * Build a lifecycle-aware timeline from flat timing events and rejection feedback.
+ *
+ * Splits the timing stream at run:rejected boundaries to produce iterations.
+ * Each rejection feedback entry is matched to its iteration by index.
+ *
+ * When there are more feedback entries than run:rejected events in the timings,
+ * synthetic run:rejected + run:resumed events are appended to ensure every
+ * feedback entry is represented.
+ */
+export declare function buildLifecycleTimeline(timings: PhaseTimingData[], feedback?: RejectionFeedbackData[]): TimelineIteration[];
 export declare function ActivityTab({ timings, loading, error, rejectionFeedback }: ActivityTabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=activity-tab.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"activity-tab.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-drawer-tabs/activity-tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EACtB,MAAM,yCAAyC,CAAC;AAGjD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,qBAAqB,EAAE,CAAC;CAC7C;AA4ED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,gBAAgB,2CA8D3F"}
+{"version":3,"file":"activity-tab.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-drawer-tabs/activity-tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EACtB,MAAM,yCAAyC,CAAC;AAGjD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,qBAAqB,EAAE,CAAC;CAC7C;AAiCD;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8DAA8D;IAC9D,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;CACjC;AAED;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,eAAe,EAAE,EAC1B,QAAQ,CAAC,EAAE,qBAAqB,EAAE,GACjC,iBAAiB,EAAE,CAgErB;AAMD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,gBAAgB,2CAyD3F"}

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

@@ -25,38 +25,76 @@ function isLifecycleEvent(phase) {
 function formatDuration(ms) {
     return `${(ms / 1000).toFixed(1)}s`;
 }
-function groupTimingsByRun(timings) {
-    const groups = [];
-    for (const t of timings) {
-        const last = groups[groups.length - 1];
-        if (last?.runId === t.agentRunId) {
-            last.timings.push(t);
-        }
-        else {
-            groups.push({ runId: t.agentRunId, timings: [t] });
-        }
-    }
-    return groups;
-}
 /**
- * Map each run:rejected timing entry to its rejection feedback message and attachments.
- * Matches by sequential order: 1st rejected event → 1st feedback entry, etc.
+ * Build a lifecycle-aware timeline from flat timing events and rejection feedback.
+ *
+ * Splits the timing stream at run:rejected boundaries to produce iterations.
+ * Each rejection feedback entry is matched to its iteration by index.
+ *
+ * When there are more feedback entries than run:rejected events in the timings,
+ * synthetic run:rejected + run:resumed events are appended to ensure every
+ * feedback entry is represented.
  */
-function buildRejectionMessageMap(timings, feedback) {
-    const map = new Map();
-    if (!feedback?.length)
-        return map;
-    let rejectionIdx = 0;
-    for (const t of timings) {
-        if (t.phase === 'run:rejected' && rejectionIdx < feedback.length) {
-            const key = `${t.agentRunId}-${t.phase}-${t.startedAt}`;
-            const entry = feedback[rejectionIdx];
-            map.set(key, { message: entry.message, attachments: entry.attachments });
-            rejectionIdx++;
+export function buildLifecycleTimeline(timings, feedback) {
+    if (!timings.length)
+        return [];
+    // Count existing run:rejected events
+    const existingRejectionCount = timings.filter((t) => t.phase === 'run:rejected').length;
+    const feedbackCount = feedback?.length ?? 0;
+    // Augment timings with synthetic rejection/resumed cycles for unmatched feedback
+    let augmented = timings;
+    if (feedbackCount > existingRejectionCount) {
+        augmented = [...timings];
+        // Use last timing's agentRunId as template
+        const templateRunId = timings[timings.length - 1].agentRunId;
+        for (let i = existingRejectionCount; i < feedbackCount; i++) {
+            const fb = feedback[i];
+            // Add run:resumed before work (except for the first synthetic, which continues from existing)
+            if (i > existingRejectionCount) {
+                augmented.push({
+                    agentRunId: templateRunId,
+                    phase: 'run:resumed',
+                    startedAt: fb.timestamp ?? `synthetic-resumed-${i}`,
+                });
+            }
+            // Add run:rejected
+            augmented.push({
+                agentRunId: templateRunId,
+                phase: 'run:rejected',
+                startedAt: fb.timestamp ?? `synthetic-${i}`,
+            });
         }
     }
-    return map;
+    // Split into iterations at run:rejected boundaries
+    const iterations = [];
+    let currentEvents = [];
+    let rejectionIndex = 0;
+    for (const t of augmented) {
+        currentEvents.push(t);
+        if (t.phase === 'run:rejected') {
+            const fb = feedback?.[rejectionIndex];
+            iterations.push({
+                number: iterations.length + 1,
+                timings: currentEvents,
+                rejectionMessage: fb?.message,
+                rejectionAttachments: fb?.attachments,
+            });
+            currentEvents = [];
+            rejectionIndex++;
+        }
+    }
+    // Remaining events after last rejection (or all events if no rejections)
+    if (currentEvents.length > 0) {
+        iterations.push({
+            number: iterations.length + 1,
+            timings: currentEvents,
+        });
+    }
+    return iterations;
 }
+/* ---------------------------------------------------------------------------
+ * Component
+ * ------------------------------------------------------------------------- */
 export function ActivityTab({ timings, loading, error, rejectionFeedback }) {
     if (loading) {
         return (_jsx("div", { "data-testid": "activity-tab-loading", className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) }));
@@ -69,24 +107,28 @@ export function ActivityTab({ timings, loading, error, rejectionFeedback }) {
     }
     const nodeTimings = timings.filter((t) => !isLifecycleEvent(t.phase));
     const maxDurationMs = Math.max(...nodeTimings.map((t) => t.durationMs ?? 0), ...nodeTimings.map((t) => t.approvalWaitMs ?? 0), 0);
-    // Build a map from rejection index to feedback message
-    const rejectionMessages = buildRejectionMessageMap(timings, rejectionFeedback);
-    const groups = groupTimingsByRun(timings);
-    const multiRun = groups.length > 1;
+    const iterations = buildLifecycleTimeline(timings, rejectionFeedback);
+    const hasMultipleIterations = iterations.length > 1;
     const totalExecMs = nodeTimings.reduce((sum, t) => sum + (t.durationMs ?? 0), 0);
     const totalWaitMs = nodeTimings.reduce((sum, t) => sum + (t.approvalWaitMs ?? 0), 0);
-    return (_jsxs("div", { className: "flex flex-col gap-4 p-4", children: [_jsx("div", { "data-testid": "activity-timings", className: "flex flex-col gap-3", children: groups.map((group, groupIdx) => (_jsx(RunGroup, { group: group, groupIdx: groupIdx, multiRun: multiRun, maxDurationMs: maxDurationMs, rejectionMessages: rejectionMessages }, group.runId))) }), totalExecMs > 0 ? (_jsx(SummaryTotals, { totalExecMs: totalExecMs, totalWaitMs: totalWaitMs })) : null] }));
+    return (_jsxs("div", { className: "flex flex-col gap-4 p-4", children: [_jsx("div", { "data-testid": "activity-timings", className: "flex flex-col gap-3", children: iterations.map((iteration) => (_jsx(IterationGroup, { iteration: iteration, showHeader: hasMultipleIterations, maxDurationMs: maxDurationMs }, iteration.number))) }), totalExecMs > 0 ? (_jsx(SummaryTotals, { totalExecMs: totalExecMs, totalWaitMs: totalWaitMs })) : null] }));
 }
-function RunGroup({ group, groupIdx, multiRun, maxDurationMs, rejectionMessages, }) {
-    return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [multiRun ? (_jsxs("div", { className: "text-muted-foreground text-xs font-medium", children: ["Run #", groupIdx + 1] })) : null, group.timings.map((t) => {
+/* ---------------------------------------------------------------------------
+ * Iteration group — one cycle of work
+ * ------------------------------------------------------------------------- */
+function IterationGroup({ iteration, showHeader, maxDurationMs, }) {
+    return (_jsxs("div", { "data-testid": `iteration-${iteration.number}`, className: "flex flex-col gap-1.5", children: [showHeader ? (_jsxs("div", { className: "text-muted-foreground text-xs font-medium", children: ["Iteration ", iteration.number] })) : null, iteration.timings.map((t) => {
                 if (isLifecycleEvent(t.phase)) {
-                    const key = `${t.agentRunId}-${t.phase}-${t.startedAt}`;
-                    const rejection = t.phase === 'run:rejected' ? rejectionMessages.get(key) : undefined;
-                    return (_jsx(LifecycleEventRow, { timing: t, message: rejection?.message, attachments: rejection?.attachments }, key));
+                    // For run:rejected, the message comes from the iteration, not a separate map
+                    const isRejection = t.phase === 'run:rejected';
+                    return (_jsx(LifecycleEventRow, { timing: t, message: isRejection ? iteration.rejectionMessage : undefined, attachments: isRejection ? iteration.rejectionAttachments : undefined }, `${t.agentRunId}-${t.phase}-${t.startedAt}`));
                 }
                 return (_jsx(NodeTimingRow, { timing: t, maxDurationMs: maxDurationMs }, `${t.agentRunId}-${t.phase}-${t.startedAt}`));
             })] }));
 }
+/* ---------------------------------------------------------------------------
+ * Row components
+ * ------------------------------------------------------------------------- */
 function LifecycleEventRow({ timing, message, attachments, }) {
     const event = LIFECYCLE_EVENTS[timing.phase];
     if (!event)

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

@@ -17,6 +17,19 @@ export declare const Empty: Story;
 export declare const Error: Story;
 /** Rejection — shows rejected lifecycle event with user feedback text. */
 export declare const WithRejection: Story;
+/**
+ * Multiple rejection/resume cycles — realistic lifecycle showing:
+ * Iteration 1: work → rejected("rebase on main")
+ * Iteration 2: resumed → work → rejected("rebase on main")
+ * Iteration 3: rejected("add support for evidence agent...") — synthetic
+ * Iteration 4: rejected("screenshots broken...") — synthetic
+ */
+export declare const MultipleRejections: Story;
 /** Approval wait indicators — phases with approval wait sub-rows. */
 export declare const WithApprovalWaits: Story;
+/**
+ * Full lifecycle — realistic multi-iteration rejection/resume cycle.
+ * Shows the full pattern: start → work → rejected → resumed → work → rejected → resumed → completed
+ */
+export declare const FullLifecycle: Story;
 //# sourceMappingURL=activity-tab.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"activity-tab.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-drawer-tabs/activity-tab.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAclC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAmK1C,2EAA2E;AAC3E,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,0CAA0C;AAC1C,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAC"}
+{"version":3,"file":"activity-tab.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-drawer-tabs/activity-tab.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAclC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAmK1C,2EAA2E;AAC3E,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,0CAA0C;AAC1C,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAwEhC,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAiI3B,CAAC"}

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

@@ -288,6 +288,85 @@ export const WithRejection = {
         error: null,
     },
 };
+/**
+ * Multiple rejection/resume cycles — realistic lifecycle showing:
+ * Iteration 1: work → rejected("rebase on main")
+ * Iteration 2: resumed → work → rejected("rebase on main")
+ * Iteration 3: rejected("add support for evidence agent...") — synthetic
+ * Iteration 4: rejected("screenshots broken...") — synthetic
+ */
+export const MultipleRejections = {
+    args: {
+        timings: [
+            {
+                agentRunId: 'run-1',
+                phase: 'run:started',
+                startedAt: '2025-01-15T10:00:00Z',
+                durationMs: 0,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'plan',
+                startedAt: '2025-01-15T10:00:01Z',
+                completedAt: '2025-01-15T10:05:00Z',
+                durationMs: 300000,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'run:rejected',
+                startedAt: '2025-01-15T10:05:00Z',
+                durationMs: 0,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'run:resumed',
+                startedAt: '2025-01-15T10:10:00Z',
+                durationMs: 0,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'merge',
+                startedAt: '2025-01-15T10:10:01Z',
+                completedAt: '2025-01-15T10:15:00Z',
+                durationMs: 299000,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'run:rejected',
+                startedAt: '2025-01-15T10:15:00Z',
+                durationMs: 0,
+            },
+        ],
+        rejectionFeedback: [
+            {
+                iteration: 1,
+                message: 'rebase on main',
+                phase: 'plan',
+                timestamp: '2025-01-15T10:05:00Z',
+            },
+            {
+                iteration: 2,
+                message: 'rebase on main',
+                phase: 'merge',
+                timestamp: '2025-01-15T10:15:00Z',
+            },
+            {
+                iteration: 3,
+                message: 'add support for evidence agent into fast mode as well',
+                phase: 'merge',
+                timestamp: '2025-01-15T10:20:00Z',
+            },
+            {
+                iteration: 4,
+                message: "I've test and created a feature but the screenshots seems to be broken https://github.com/shep-ai/cli/pull/258 fix",
+                phase: 'merge',
+                timestamp: '2025-01-15T10:25:00Z',
+            },
+        ],
+        loading: false,
+        error: null,
+    },
+};
 /** Approval wait indicators — phases with approval wait sub-rows. */
 export const WithApprovalWaits = {
     args: {
@@ -322,3 +401,137 @@ export const WithApprovalWaits = {
         error: null,
     },
 };
+/**
+ * Full lifecycle — realistic multi-iteration rejection/resume cycle.
+ * Shows the full pattern: start → work → rejected → resumed → work → rejected → resumed → completed
+ */
+export const FullLifecycle = {
+    args: {
+        timings: [
+            // Iteration 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:15Z',
+                durationMs: 14000,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'requirements',
+                startedAt: '2025-01-15T10:00:15Z',
+                completedAt: '2025-01-15T10:02:00Z',
+                durationMs: 105000,
+                waitingApprovalAt: '2025-01-15T10:01:30Z',
+                approvalWaitMs: 20000,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'plan',
+                startedAt: '2025-01-15T10:02:00Z',
+                completedAt: '2025-01-15T10:04:00Z',
+                durationMs: 120000,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'implement',
+                startedAt: '2025-01-15T10:04:00Z',
+                completedAt: '2025-01-15T10:14:00Z',
+                durationMs: 600000,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'merge',
+                startedAt: '2025-01-15T10:14:00Z',
+                completedAt: '2025-01-15T10:15:00Z',
+                durationMs: 60000,
+                waitingApprovalAt: '2025-01-15T10:14:30Z',
+                approvalWaitMs: 25000,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'run:rejected',
+                startedAt: '2025-01-15T10:15:00Z',
+                durationMs: 0,
+            },
+            // Iteration 2
+            {
+                agentRunId: 'run-1',
+                phase: 'run:resumed',
+                startedAt: '2025-01-15T10:20:00Z',
+                durationMs: 0,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'implement',
+                startedAt: '2025-01-15T10:20:01Z',
+                completedAt: '2025-01-15T10:28:00Z',
+                durationMs: 479000,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'merge',
+                startedAt: '2025-01-15T10:28:00Z',
+                completedAt: '2025-01-15T10:29:00Z',
+                durationMs: 60000,
+                waitingApprovalAt: '2025-01-15T10:28:30Z',
+                approvalWaitMs: 20000,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'run:rejected',
+                startedAt: '2025-01-15T10:29:00Z',
+                durationMs: 0,
+            },
+            // Iteration 3
+            {
+                agentRunId: 'run-1',
+                phase: 'run:resumed',
+                startedAt: '2025-01-15T10:35:00Z',
+                durationMs: 0,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'implement',
+                startedAt: '2025-01-15T10:35:01Z',
+                completedAt: '2025-01-15T10:40:00Z',
+                durationMs: 299000,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'merge',
+                startedAt: '2025-01-15T10:40:00Z',
+                completedAt: '2025-01-15T10:41:00Z',
+                durationMs: 60000,
+            },
+            {
+                agentRunId: 'run-1',
+                phase: 'run:completed',
+                startedAt: '2025-01-15T10:41:00Z',
+                durationMs: 0,
+            },
+        ],
+        rejectionFeedback: [
+            {
+                iteration: 1,
+                message: 'The PR has merge conflicts — rebase on main first',
+                phase: 'merge',
+                timestamp: '2025-01-15T10:15:00Z',
+            },
+            {
+                iteration: 2,
+                message: 'Tests are failing in the CI pipeline — fix the snapshot tests',
+                phase: 'merge',
+                timestamp: '2025-01-15T10:29:00Z',
+            },
+        ],
+        loading: false,
+        error: null,
+    },
+};

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

@@ -73,7 +73,7 @@ export function FeatureNode({ data, selected, }) {
                                             }, className: "bg-card text-muted-foreground hover:border-destructive hover:text-destructive flex h-7 w-7 cursor-pointer items-center justify-center rounded-full border shadow-sm transition-colors", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Delete feature" })] }) }) }), _jsx(DeleteFeatureDialog, { open: confirmOpen, onOpenChange: setConfirmOpen, onConfirm: (cleanup) => {
                             setConfirmOpen(false);
                             data.onDelete?.(data.featureId, cleanup);
-                        }, isDeleting: false, featureName: data.name ?? 'this feature', featureId: data.featureId })] })) : null, _jsxs("div", { "data-testid": "feature-node-card", "aria-busy": data.state === 'creating' ? 'true' : undefined, className: cn('bg-card flex min-h-35 w-72 flex-col rounded-lg border p-3 shadow-sm', selected && 'ring-primary ring-2'), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { "data-testid": "feature-node-lifecycle-label", className: cn('text-[10px] font-semibold tracking-wider'), children: data.state === 'blocked' ? 'BLOCKED' : lifecycleDisplayLabels[data.lifecycle] }), _jsxs("div", { className: "flex items-center gap-0.5", children: [data.fastMode ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { "data-testid": "feature-node-fast-mode-badge", className: "-mt-1 p-1", children: _jsx(Zap, { className: "h-3.5 w-3.5 text-amber-500" }) }) }), _jsx(TooltipContent, { side: "bottom", children: "Fast Mode" })] }) })) : null, data.agentType ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": agentTypeLabels[data.agentType] ?? data.agentType, "data-testid": "feature-node-agent-badge", onClick: (e) => {
+                        }, isDeleting: false, featureName: data.name ?? 'this feature', featureId: data.featureId })] })) : null, _jsxs("div", { "data-testid": "feature-node-card", "aria-busy": data.state === 'creating' ? 'true' : undefined, className: cn('bg-card flex min-h-35 w-72 cursor-pointer flex-col rounded-lg border p-3 shadow-sm', selected && 'ring-primary ring-2'), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { "data-testid": "feature-node-lifecycle-label", className: cn('text-[10px] font-semibold tracking-wider'), children: data.state === 'blocked' ? 'BLOCKED' : lifecycleDisplayLabels[data.lifecycle] }), _jsxs("div", { className: "flex items-center gap-0.5", children: [data.fastMode ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { "data-testid": "feature-node-fast-mode-badge", className: "-mt-1 p-1", children: _jsx(Zap, { className: "h-3.5 w-3.5 text-amber-500" }) }) }), _jsx(TooltipContent, { side: "bottom", children: "Fast Mode" })] }) })) : null, data.agentType ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": agentTypeLabels[data.agentType] ?? data.agentType, "data-testid": "feature-node-agent-badge", onClick: (e) => {
                                                             e.stopPropagation();
                                                             data.onSettings?.();
                                                         }, className: cn('nodrag -mt-1 -mr-1 p-1', data.onSettings

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

@@ -39,7 +39,7 @@ export function RepositoryNode({ data }) {
                         e.stopPropagation();
                         data.onClick?.();
                     }
-                }, className: "nodrag bg-card flex min-w-[18rem] cursor-default items-center gap-3 rounded-full border px-4 py-3 shadow-sm", children: [_jsx(Github, { className: "text-muted-foreground h-5 w-5 shrink-0" }), _jsx("span", { "data-testid": "repository-node-name", className: "min-w-0 truncate text-sm font-medium", children: data.name }), _jsxs("div", { className: cn('flex shrink-0 items-center gap-2', (data.repositoryPath ?? data.onAdd) && 'ml-auto'), onClick: (e) => e.stopPropagation(), children: [data.repositoryPath ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in IDE", onClick: actions.openInIde, loading: actions.ideLoading, error: !!actions.ideError, icon: Code2, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in IDE" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in Shell", onClick: actions.openInShell, loading: actions.shellLoading, error: !!actions.shellError, icon: Terminal, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in Shell" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open Folder", onClick: actions.openFolder, loading: actions.folderLoading, error: !!actions.folderError, icon: FolderOpen, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open Folder" })] }) }), featureFlags.envDeploy ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isDeploymentActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isDeploymentActive ? Square : Play, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isDeploymentActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: data.repositoryPath })) : null] })) : null] })) : null, data.onAdd ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { "aria-label": "Add feature", "data-testid": "repository-node-add-button", onClick: (e) => {
+                }, className: "nodrag bg-card flex min-w-[18rem] cursor-pointer items-center gap-3 rounded-full border px-4 py-3 shadow-sm", children: [_jsx(Github, { className: "text-muted-foreground h-5 w-5 shrink-0" }), _jsx("span", { "data-testid": "repository-node-name", className: "min-w-0 truncate text-sm font-medium", children: data.name }), _jsxs("div", { className: cn('flex shrink-0 items-center gap-2', (data.repositoryPath ?? data.onAdd) && 'ml-auto'), onClick: (e) => e.stopPropagation(), children: [data.repositoryPath ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in IDE", onClick: actions.openInIde, loading: actions.ideLoading, error: !!actions.ideError, icon: Code2, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in IDE" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in Shell", onClick: actions.openInShell, loading: actions.shellLoading, error: !!actions.shellError, icon: Terminal, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in Shell" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open Folder", onClick: actions.openFolder, loading: actions.folderLoading, error: !!actions.folderError, icon: FolderOpen, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open Folder" })] }) }), featureFlags.envDeploy ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isDeploymentActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isDeploymentActive ? Square : Play, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isDeploymentActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: data.repositoryPath })) : null] })) : null] })) : null, data.onAdd ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { "aria-label": "Add feature", "data-testid": "repository-node-add-button", onClick: (e) => {
                                                     e.stopPropagation();
                                                     data.onAdd?.();
                                                 }, className: "text-muted-foreground hover:bg-accent dark:hover:bg-accent/50 flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-full transition-colors hover:text-blue-500", children: _jsx(Plus, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Add feature" })] }) })) : null] })] }), data.onAdd || data.showHandles ? (_jsx(Handle, { type: "source", position: Position.Right, isConnectable: !data.showHandles, className: "opacity-0!" })) : null] }));