@shipfox/client-workflows 19.0.0 → 21.0.0

package/.turbo/turbo-build.log

@@ -1,2 +1,2 @@
 $ shipfox-swc
-Successfully compiled: 86 files with swc (649.43ms)
+Successfully compiled: 86 files with swc (171.96ms)

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @shipfox/client-workflows
 
+## 21.0.0
+
+### Patch Changes
+
+- 6425336: Aligns the run workspace rail with its content frame at wide viewport sizes while keeping dedicated job content full width.
+- 36f284f: Recomposes workflow runs into a full-width data panel and shows the complete job preview.
+- 261701e: Removes per-page canvas and width overrides so workflow pages render full-width surfaces instead of a locally painted, capped 1120px column.
+- 7db4171: Composes job detail logs into the Panel surface with searchable output and display controls.
+- 6703982: Retire the `background-neutral-background` CSS token and migrate workflow page canvases to `background-subtle-base`.
+- f1d127e: Use dark contrast surfaces with readable semantic foregrounds across code and log views, preserve status on log-row edge accents, and add shared highlight and tooltip tokens for code and keyboard affordances.
+- Updated dependencies [0f4abe4]
+- Updated dependencies [71d0c44]
+- Updated dependencies [9c21429]
+- Updated dependencies [30beb8f]
+- Updated dependencies [7db4171]
+- Updated dependencies [16733a7]
+- Updated dependencies [fd15e1f]
+- Updated dependencies [163c40a]
+- Updated dependencies [c4376a1]
+- Updated dependencies [6703982]
+- Updated dependencies [f1d127e]
+- Updated dependencies [0e860d7]
+  - @shipfox/react-ui@2.0.0
+  - @shipfox/client-shell@21.0.0
+  - @shipfox/client-logs@21.0.0
+  - @shipfox/client-triggers@21.0.0
+  - @shipfox/client-projects@21.0.0
+  - @shipfox/client-ui@21.0.0
+
+## 20.0.0
+
+### Minor Changes
+
+- 4df5e37: Workflow run list items and run detail now carry `has_started_job_execution`, reporting whether any
+  job execution of the attempt reached a runner. Run surfaces no longer show a client-derived `Queued`
+  state: the run list and run detail present the API attempt status and duration, and read the new
+  field to label a finished run's duration as run or elapsed time.
+
+### Patch Changes
+
+- Updated dependencies [4df5e37]
+  - @shipfox/api-workflows-dto@12.7.0
+
 ## 19.0.0
 
 ### Minor Changes

package/dist/components/job-detail/job-detail-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"job-detail-view.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/job-detail-view.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAwB,KAAK,GAAG,EAAoB,MAAM,uBAAuB,CAAC;AAGzF,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EACL,KAAK,iBAAiB,EAGvB,MAAM,mBAAmB,CAAC;AAyB3B,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,UAAU,CAAC,OAAO,0BAA0B,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,GAAG,GAAG,SAAS,CAAC;IAC3B,iBAAiB,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,WAAW,EACX,aAAa,EACb,KAAK,EACL,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,iBAAiB,GAClB,EAAE,kBAAkB,+BAwQpB"}
+{"version":3,"file":"job-detail-view.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/job-detail-view.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAwB,KAAK,GAAG,EAAoB,MAAM,uBAAuB,CAAC;AAGzF,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EACL,KAAK,iBAAiB,EAGvB,MAAM,mBAAmB,CAAC;AA8B3B,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,UAAU,CAAC,OAAO,0BAA0B,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,GAAG,GAAG,SAAS,CAAC;IAC3B,iBAAiB,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,WAAW,EACX,aAAa,EACb,KAAK,EACL,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,iBAAiB,GAClB,EAAE,kBAAkB,+BAqUpB"}

package/dist/components/job-detail/job-detail-view.js

@@ -3,19 +3,25 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // biome-ignore-all lint/a11y/noNoninteractiveTabindex: the job log region is intentionally keyboard focusable.
 import { ApiError } from '@shipfox/client-api';
 import { QueryLoadError } from '@shipfox/client-ui';
+import { Badge } from '@shipfox/react-ui/badge';
+import { IconButton } from '@shipfox/react-ui/button';
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuTrigger } from '@shipfox/react-ui/dropdown-menu';
 import { EmptyState } from '@shipfox/react-ui/empty-state';
 import { Icon } from '@shipfox/react-ui/icon';
+import { Panel, PanelActions, PanelBody, PanelHeader } from '@shipfox/react-ui/panel';
+import { SearchInline } from '@shipfox/react-ui/search';
 import { Skeleton } from '@shipfox/react-ui/skeleton';
 import { TimeTickerProvider } from '@shipfox/react-ui/time-ticker';
 import { Text } from '@shipfox/react-ui/typography';
 import { Link } from '@tanstack/react-router';
-import { useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { summarizeJobAnnotations } from '#core/run-annotation.js';
 import { isWorkflowRunTerminal } from '#core/workflow-run.js';
 import { useWorkflowRunAnnotationSummaryQuery } from '#hooks/api/annotations.js';
 import { useRunAnnotationsQuery } from '#hooks/api/run-annotations.js';
 import { workflowJobSearchParams, workflowRunSearchParams } from '#routes/inputs.js';
 import { StepList } from '../step-list/index.js';
+import { buildStepListModel, getStepStatusVisual } from '../step-list/step-list-model.js';
 import { WorkflowRunNotFound, WorkflowRunStaleError } from '../workflow-run-view/workflow-run-states.js';
 import { JobContextPanel } from './job-context-panel.js';
 import { JobDetailHeader } from './job-detail-header.js';
@@ -27,6 +33,12 @@ export function JobDetailView({ workspaceSlug, projectSlug, workflowRunId, jobId
     const rootRef = useRef(null);
     const pageScrollRef = useRef(null);
     const landingSelectionRef = useRef(undefined);
+    const [logSearch, setLogSearch] = useState('');
+    const [wrapLogs, setWrapLogs] = useState(false);
+    const [showLineNumbers, setShowLineNumbers] = useState(true);
+    const [expandedLogAttemptIds, setExpandedLogAttemptIds] = useState([]);
+    const [logRefreshTokens, setLogRefreshTokens] = useState({});
+    const [logFetchingByAttemptId, setLogFetchingByAttemptId] = useState({});
     const hasLoadedData = query.data !== undefined;
     // Reuse the run workspace's bounded annotation read for the job header chip. The separate
     // summary query below stays counts-only and is scoped to the inspector's selected execution.
@@ -64,6 +76,15 @@ export function JobDetailView({ workspaceSlug, projectSlug, workflowRunId, jobId
         hasLoadedData,
         jobId
     ]);
+    const handleLogFetchingChange = useCallback((attemptId, isFetching)=>{
+        setLogFetchingByAttemptId((current)=>{
+            if (current[attemptId] === isFetching) return current;
+            return {
+                ...current,
+                [attemptId]: isFetching
+            };
+        });
+    }, []);
     if (query.isPending) return /*#__PURE__*/ _jsx(JobDetailSkeleton, {});
     if (query.isError && query.data === undefined) {
         if (query.error instanceof ApiError && query.error.status === 404) {
@@ -92,6 +113,10 @@ export function JobDetailView({ workspaceSlug, projectSlug, workflowRunId, jobId
     });
     const selectedJobExecution = resolvedSelection.jobExecution;
     const hasExplicitStep = Boolean(search.stepId && resolvedSelection.step);
+    const stepListModel = buildStepListModel({
+        job,
+        jobExecution: selectedJobExecution
+    });
     const currentLandingSelection = workflowJobLandingSelection(selectedJobExecution);
     if (selectedJobExecution) {
         const frozenLanding = landingSelectionRef.current;
@@ -114,9 +139,14 @@ export function JobDetailView({ workspaceSlug, projectSlug, workflowRunId, jobId
     }
     const landingSelection = landingSelectionRef.current?.selection;
     const selectedAttemptId = hasExplicitStep ? resolvedSelection.selectedAttemptId : undefined;
-    const runningSelection = runningStepSelection(selectedJobExecution);
+    const runningSelection = runningStepSelection(selectedJobExecution, stepListModel);
     const selectedStepId = resolvedSelection.step?.id ?? landingSelection?.stepId;
     const selectedAttemptForNotice = hasExplicitStep ? resolvedSelection.selectedAttemptId : landingSelection?.attemptId;
+    const expandedLogSelection = findExpandedLogSelection(selectedJobExecution, expandedLogAttemptIds, stepListModel);
+    const selectedLogStep = expandedLogSelection?.step;
+    const selectedLogAttempt = expandedLogSelection?.attempt;
+    const selectedLogStatus = selectedLogAttempt?.status ?? selectedLogStep?.status;
+    const logIsFetching = Boolean(selectedLogAttempt && logFetchingByAttemptId[selectedLogAttempt.id]);
     const showRetargetNotice = runningSelection !== undefined && (selectedStepId !== runningSelection.stepId || selectedAttemptForNotice !== runningSelection.attemptId);
     const succeededSummary = !hasExplicitStep && landingSelection === undefined && selectedJobExecution ? jobSucceededSummary(job, selectedJobExecution) : undefined;
     function selectExecution(jobExecutionId) {
@@ -162,6 +192,13 @@ export function JobDetailView({ workspaceSlug, projectSlug, workflowRunId, jobId
             stepAttemptId: runningSelection.attemptId
         });
     }
+    function refreshLogs() {
+        if (!selectedLogAttempt) return;
+        setLogRefreshTokens((current)=>({
+                ...current,
+                [selectedLogAttempt.id]: (current[selectedLogAttempt.id] ?? 0) + 1
+            }));
+    }
     return /*#__PURE__*/ _jsx(TimeTickerProvider, {
         intervalMs: 1000,
         reducedMotionIntervalMs: 10_000,
@@ -203,47 +240,79 @@ export function JobDetailView({ workspaceSlug, projectSlug, workflowRunId, jobId
                                             execution: selectedJobExecution
                                         }) : undefined
                                     }),
-                                    /*#__PURE__*/ _jsx(Text, {
-                                        as: "h2",
-                                        className: "sr-only",
-                                        children: "Logs"
-                                    }),
-                                    selectedJobExecution ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                    /*#__PURE__*/ _jsxs(Panel, {
+                                        "data-job-log-panel": true,
+                                        className: "min-w-0",
                                         children: [
-                                            /*#__PURE__*/ _jsx(MaterializedOutputFailureNotice, {
-                                                jobExecution: selectedJobExecution
+                                            /*#__PURE__*/ _jsx(JobLogPanelHeader, {
+                                                stepLabel: expandedLogSelection?.stepLabel,
+                                                attempt: selectedLogAttempt?.attempt,
+                                                status: selectedLogStatus,
+                                                search: logSearch,
+                                                onSearchChange: setLogSearch,
+                                                onRefresh: refreshLogs,
+                                                refreshing: logIsFetching,
+                                                showLineNumbers: showLineNumbers,
+                                                onShowLineNumbersChange: setShowLineNumbers,
+                                                wrap: wrapLogs,
+                                                onWrapChange: setWrapLogs,
+                                                disabled: !selectedLogAttempt
                                             }),
-                                            /*#__PURE__*/ _jsx(StepList, {
-                                                job: job,
-                                                jobExecution: selectedJobExecution,
-                                                selectedAttemptId: selectedAttemptId,
-                                                defaultSelectedAttemptId: landingSelection?.attemptId,
-                                                onSelectedAttemptChange: selectAttempt,
-                                                inspectorOpenAttemptId: inspectorOpenAttemptId,
-                                                onInspectorOpenChange: onInspectorOpenChange,
-                                                autoSelectActiveAttempt: true,
-                                                emptyState: emptyStateForJob(job, selectedJobExecution),
-                                                showHeader: false,
-                                                className: "rounded-none border-0 bg-transparent",
-                                                renderExpandedStep: (context)=>/*#__PURE__*/ _jsx(ExpandedStep, {
-                                                        context: context,
-                                                        pageScrollRef: pageScrollRef
+                                            /*#__PURE__*/ _jsxs(PanelBody, {
+                                                className: "min-w-0 p-0",
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(Text, {
+                                                        as: "h2",
+                                                        className: "sr-only",
+                                                        children: "Logs"
                                                     }),
-                                                renderInspector: (entry)=>/*#__PURE__*/ _jsx(StepInspectorSheet, {
-                                                        entry: entry,
-                                                        open: true,
-                                                        onOpenChange: (open)=>onInspectorOpenChange(open ? entry.id : null),
-                                                        workspaceSlug: workspaceSlug,
-                                                        projectSlug: projectSlug,
-                                                        workflowRunId: run.id,
-                                                        runAttempt: run.runAttempt.attempt,
-                                                        jobId: job.id,
-                                                        annotationCount: annotationCountForStep(annotationSummaryQuery.data, entry.step.id, entry.attempt)
+                                                    selectedJobExecution ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                                        children: [
+                                                            /*#__PURE__*/ _jsx(MaterializedOutputFailureNotice, {
+                                                                jobExecution: selectedJobExecution
+                                                            }),
+                                                            /*#__PURE__*/ _jsx(StepList, {
+                                                                job: job,
+                                                                jobExecution: selectedJobExecution,
+                                                                selectedAttemptId: selectedAttemptId,
+                                                                defaultSelectedAttemptId: landingSelection?.attemptId,
+                                                                onSelectedAttemptChange: selectAttempt,
+                                                                onExpandedAttemptIdsChange: setExpandedLogAttemptIds,
+                                                                inspectorOpenAttemptId: inspectorOpenAttemptId,
+                                                                onInspectorOpenChange: onInspectorOpenChange,
+                                                                autoSelectActiveAttempt: true,
+                                                                emptyState: emptyStateForJob(job, selectedJobExecution),
+                                                                showHeader: false,
+                                                                className: "rounded-none border-0 bg-transparent shadow-none",
+                                                                renderExpandedStep: (context)=>/*#__PURE__*/ _jsx(ExpandedStep, {
+                                                                        context: context,
+                                                                        pageScrollRef: pageScrollRef,
+                                                                        search: logSearch,
+                                                                        wrap: wrapLogs,
+                                                                        showLineNumbers: showLineNumbers,
+                                                                        attemptId: context.attemptId,
+                                                                        refreshToken: logRefreshTokens[context.attemptId] ?? 0,
+                                                                        onFetchingChange: handleLogFetchingChange
+                                                                    }),
+                                                                renderInspector: (entry)=>/*#__PURE__*/ _jsx(StepInspectorSheet, {
+                                                                        entry: entry,
+                                                                        open: true,
+                                                                        onOpenChange: (open)=>onInspectorOpenChange(open ? entry.id : null),
+                                                                        workspaceSlug: workspaceSlug,
+                                                                        projectSlug: projectSlug,
+                                                                        workflowRunId: run.id,
+                                                                        runAttempt: run.runAttempt.attempt,
+                                                                        jobId: job.id,
+                                                                        annotationCount: annotationCountForStep(annotationSummaryQuery.data, entry.step.id, entry.attempt)
+                                                                    })
+                                                            })
+                                                        ]
+                                                    }) : /*#__PURE__*/ _jsx(EmptyStateForMissingExecution, {
+                                                        job: job
                                                     })
+                                                ]
                                             })
                                         ]
-                                    }) : /*#__PURE__*/ _jsx(EmptyStateForMissingExecution, {
-                                        job: job
                                     })
                                 ]
                             }),
@@ -285,23 +354,127 @@ export function JobDetailView({ workspaceSlug, projectSlug, workflowRunId, jobId
         })
     });
 }
-function ExpandedStep({ context, pageScrollRef }) {
+function ExpandedStep({ context, pageScrollRef, search, wrap, showLineNumbers, attemptId, refreshToken, onFetchingChange }) {
     if (context.carriedOver) return /*#__PURE__*/ _jsx(CarriedOverStepPanel, {});
     return /*#__PURE__*/ _jsx("section", {
         role: "region",
         tabIndex: 0,
         "aria-label": `${context.stepLabel} output, attempt ${context.attempt}`,
-        className: "flex min-w-0 flex-col border-t border-border-neutral-base bg-background-neutral-base outline-none focus-visible:shadow-border-interactive-with-active dark:bg-background-contrast-subtle",
+        className: "flex min-w-0 flex-col border-t border-border-neutral-base bg-background-contrast-base outline-none focus-visible:shadow-border-interactive-with-active",
         children: /*#__PURE__*/ _jsx(StepAttemptLogPanel, {
             stepId: context.stepId,
             attempt: context.attempt,
             attemptStatus: context.attemptStatus,
             attemptStartedAt: context.attemptStartedAt,
             pageScrollRef: pageScrollRef,
-            surfaceClassName: "rounded-none border-0 bg-transparent shadow-none"
+            search: search,
+            wrap: wrap,
+            showLineNumbers: showLineNumbers,
+            attemptId: attemptId,
+            refreshToken: refreshToken,
+            onFetchingChange: onFetchingChange
         })
     });
 }
+function JobLogPanelHeader({ stepLabel, attempt, status, search, onSearchChange, onRefresh, refreshing, showLineNumbers, onShowLineNumbersChange, wrap, onWrapChange, disabled }) {
+    const statusVisual = status ? getStepStatusVisual(status) : undefined;
+    return /*#__PURE__*/ _jsxs(PanelHeader, {
+        className: "flex flex-wrap items-center gap-group",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "min-w-0 flex-1",
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        size: "sm",
+                        bold: true,
+                        className: "truncate text-foreground-neutral-base",
+                        children: stepLabel ?? 'Logs'
+                    }),
+                    statusVisual ? /*#__PURE__*/ _jsxs("div", {
+                        className: "flex min-w-0 items-center gap-inline text-foreground-neutral-muted",
+                        children: [
+                            /*#__PURE__*/ _jsx(Badge, {
+                                variant: statusVisual.badge,
+                                size: "2xs",
+                                radius: "rounded",
+                                children: statusVisual.label
+                            }),
+                            attempt ? /*#__PURE__*/ _jsxs("span", {
+                                className: "font-code text-xs leading-20 tabular-nums",
+                                children: [
+                                    "attempt ",
+                                    attempt
+                                ]
+                            }) : null
+                        ]
+                    }) : /*#__PURE__*/ _jsx(Text, {
+                        size: "xs",
+                        className: "text-foreground-neutral-muted",
+                        children: "Select a step to view its logs."
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(PanelActions, {
+                className: "min-w-0 flex-wrap justify-end",
+                children: [
+                    /*#__PURE__*/ _jsx(SearchInline, {
+                        value: search,
+                        onChange: (event)=>onSearchChange(event.target.value),
+                        "aria-label": "Search logs",
+                        placeholder: "Search logs",
+                        size: "small",
+                        className: "w-180 max-w-full",
+                        disabled: disabled
+                    }),
+                    /*#__PURE__*/ _jsx(IconButton, {
+                        type: "button",
+                        variant: "transparent",
+                        size: "sm",
+                        icon: "refreshLine",
+                        "aria-label": "Refresh logs",
+                        onClick: onRefresh,
+                        disabled: disabled || refreshing,
+                        isLoading: refreshing
+                    }),
+                    /*#__PURE__*/ _jsxs(DropdownMenu, {
+                        children: [
+                            /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
+                                asChild: true,
+                                children: /*#__PURE__*/ _jsx(IconButton, {
+                                    type: "button",
+                                    variant: "transparent",
+                                    size: "sm",
+                                    icon: "settings3Line",
+                                    "aria-label": "Log settings",
+                                    disabled: disabled
+                                })
+                            }),
+                            /*#__PURE__*/ _jsxs(DropdownMenuContent, {
+                                align: "end",
+                                size: "sm",
+                                children: [
+                                    /*#__PURE__*/ _jsx(DropdownMenuLabel, {
+                                        children: "Log display"
+                                    }),
+                                    /*#__PURE__*/ _jsx(DropdownMenuCheckboxItem, {
+                                        checked: showLineNumbers,
+                                        onCheckedChange: onShowLineNumbersChange,
+                                        children: "Line numbers"
+                                    }),
+                                    /*#__PURE__*/ _jsx(DropdownMenuCheckboxItem, {
+                                        checked: wrap,
+                                        onCheckedChange: onWrapChange,
+                                        children: "Wrap long lines"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
 function EmptyStateForMissingExecution({ job }) {
     const emptyState = emptyStateForMissingExecution(job);
     return /*#__PURE__*/ _jsx(EmptyState, {
@@ -379,7 +552,7 @@ function NewerAttemptNotice({ workspaceSlug, projectSlug, runId, jobId, attempt
         })
     });
 }
-function runningStepSelection(jobExecution) {
+function runningStepSelection(jobExecution, model) {
     if (!jobExecution) return undefined;
     const steps = [
         ...jobExecution.steps
@@ -393,7 +566,7 @@ function runningStepSelection(jobExecution) {
         if (attempt) return {
             stepId: step.id,
             attemptId: attempt.id,
-            stepLabel: step.name || step.key || step.id
+            stepLabel: model.entries.find((entry)=>entry.id === attempt.id)?.step.label ?? 'Step'
         };
     }
     return undefined;
@@ -408,6 +581,22 @@ function findAttempt(jobExecution, attemptId) {
     }
     return undefined;
 }
+function findExpandedLogSelection(jobExecution, attemptIds, model) {
+    if (!jobExecution) return undefined;
+    for(let index = attemptIds.length - 1; index >= 0; index -= 1){
+        const attemptId = attemptIds[index];
+        if (!attemptId) continue;
+        const match = findAttempt(jobExecution, attemptId);
+        const attempt = match?.step.attempts.find((candidate)=>candidate.id === attemptId);
+        const entry = model.entries.find((candidate)=>candidate.id === attemptId);
+        if (match && attempt && entry) return {
+            step: match.step,
+            attempt,
+            stepLabel: entry.step.label
+        };
+    }
+    return undefined;
+}
 function annotationCountForStep(summary, stepId, attempt) {
     return summary?.stepCounts?.find((entry)=>entry.stepId === stepId && entry.attempt === attempt)?.total;
 }