@shipfox/client-workflows 18.0.0 → 20.0.0

package/.turbo/turbo-build.log

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

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @shipfox/client-workflows
 
+## 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
+
+- 53b87f0: Distinguish queued and executing jobs in workflow run list status strips.
+
+### Patch Changes
+
+- Updated dependencies [53b87f0]
+  - @shipfox/api-workflows-dto@12.6.0
+
 ## 18.0.0
 
 ### Minor Changes

package/dist/components/workflow-run-duration-label.d.ts

@@ -1,13 +1,14 @@
-import type { WorkflowRunAttemptDisplayDuration, WorkflowRunDisplayDuration } from '#core/workflow-run.js';
+import type { WorkflowRunAttemptDisplayDuration } from '#core/workflow-run.js';
 /**
- * The run list reads an attempt's own marks and cannot tell queue from run, so an unkinded
- * duration still renders as run time. Only surfaces holding the run's jobs pass a kind.
+ * A run reports one span: how long its attempt has been under way. Queueing is a job
+ * execution's own affair, and the job surfaces report it there.
  */
-export type WorkflowRunDurationDisplay = WorkflowRunAttemptDisplayDuration | WorkflowRunDisplayDuration;
-export declare function WorkflowRunDurationLabel({ duration, className, }: {
+export type WorkflowRunDurationDisplay = WorkflowRunAttemptDisplayDuration;
+export declare function WorkflowRunDurationLabel({ duration, hasStarted, className, }: {
     duration: WorkflowRunDurationDisplay | null;
+    hasStarted: boolean;
     className?: string | undefined;
 }): import("react").JSX.Element | null;
-export declare function useWorkflowRunDurationAccessibleLabel(duration: WorkflowRunDurationDisplay | null): string | undefined;
-export declare function workflowRunDurationAccessibleLabel(duration: WorkflowRunDurationDisplay | null): string | undefined;
+export declare function useWorkflowRunDurationAccessibleLabel(duration: WorkflowRunDurationDisplay | null, hasStarted: boolean): string | undefined;
+export declare function workflowRunDurationAccessibleLabel(duration: WorkflowRunDurationDisplay | null, hasStarted: boolean): string | undefined;
 //# sourceMappingURL=workflow-run-duration-label.d.ts.map

package/dist/components/workflow-run-duration-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-duration-label.d.ts","sourceRoot":"","sources":["../../src/components/workflow-run-duration-label.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,iCAAiC,EACjC,0BAA0B,EAC3B,MAAM,uBAAuB,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,0BAA0B,GAClC,iCAAiC,GACjC,0BAA0B,CAAC;AAQ/B,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,0BAA0B,GAAG,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,sCAwBA;AAED,wBAAgB,qCAAqC,CACnD,QAAQ,EAAE,0BAA0B,GAAG,IAAI,GAC1C,MAAM,GAAG,SAAS,CAGpB;AAED,wBAAgB,kCAAkC,CAChD,QAAQ,EAAE,0BAA0B,GAAG,IAAI,GAC1C,MAAM,GAAG,SAAS,CAcpB"}
+{"version":3,"file":"workflow-run-duration-label.d.ts","sourceRoot":"","sources":["../../src/components/workflow-run-duration-label.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,iCAAiC,EAAC,MAAM,uBAAuB,CAAC;AAE7E;;;GAGG;AACH,MAAM,MAAM,0BAA0B,GAAG,iCAAiC,CAAC;AAE3E,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,UAAU,EACV,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,0BAA0B,GAAG,IAAI,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,sCAoBA;AAED,wBAAgB,qCAAqC,CACnD,QAAQ,EAAE,0BAA0B,GAAG,IAAI,EAC3C,UAAU,EAAE,OAAO,GAClB,MAAM,GAAG,SAAS,CAGpB;AAED,wBAAgB,kCAAkC,CAChD,QAAQ,EAAE,0BAA0B,GAAG,IAAI,EAC3C,UAAU,EAAE,OAAO,GAClB,MAAM,GAAG,SAAS,CAepB"}

package/dist/components/workflow-run-duration-label.js

@@ -3,36 +3,22 @@ import { Icon } from '@shipfox/react-ui/icon';
 import { useTimeTick } from '@shipfox/react-ui/time-ticker';
 import { Code } from '@shipfox/react-ui/typography';
 import { cn, humanDuration } from '@shipfox/react-ui/utils';
-const GLYPH_BY_KIND = {
-    queue: 'hourglassLine',
-    run: 'timerLine'
-};
-const LIVE_VERB_BY_KIND = {
-    queue: 'queued',
-    run: 'running'
-};
-const FIXED_VERB_BY_KIND = {
-    queue: 'queued',
-    run: 'ran'
-};
-export function WorkflowRunDurationLabel({ duration, className }) {
+export function WorkflowRunDurationLabel({ duration, hasStarted, className }) {
     if (duration === null) return null;
-    const kind = durationKind(duration);
     switch(duration.state){
         case 'fixed':
             {
                 const display = formatFixedDurationLabel(duration.elapsed);
+                const verb = hasStarted ? 'ran' : 'lasted';
                 return /*#__PURE__*/ _jsx(DurationText, {
                     className: className,
-                    kind: kind,
-                    ariaLabel: `${FIXED_VERB_BY_KIND[kind]} ${display}`,
+                    ariaLabel: `${verb} ${display}`,
                     children: display
                 });
             }
         case 'live':
             return /*#__PURE__*/ _jsx(LiveDurationText, {
                 duration: duration,
-                kind: kind,
                 className: className
             });
         default:
@@ -42,18 +28,20 @@ export function WorkflowRunDurationLabel({ duration, className }) {
             }
     }
 }
-export function useWorkflowRunDurationAccessibleLabel(duration) {
+export function useWorkflowRunDurationAccessibleLabel(duration, hasStarted) {
     useTimeTick();
-    return workflowRunDurationAccessibleLabel(duration);
+    return workflowRunDurationAccessibleLabel(duration, hasStarted);
 }
-export function workflowRunDurationAccessibleLabel(duration) {
+export function workflowRunDurationAccessibleLabel(duration, hasStarted) {
     if (duration === null) return undefined;
-    const kind = durationKind(duration);
     switch(duration.state){
         case 'live':
-            return `${LIVE_VERB_BY_KIND[kind]} ${humanDuration(duration.fromIso)}`;
+            return `running ${humanDuration(duration.fromIso)}`;
         case 'fixed':
-            return `${FIXED_VERB_BY_KIND[kind]} ${formatFixedDurationLabel(duration.elapsed)}`;
+            {
+                const verb = hasStarted ? 'ran' : 'lasted';
+                return `${verb} ${formatFixedDurationLabel(duration.elapsed)}`;
+            }
         default:
             {
                 const exhaustive = duration;
@@ -61,20 +49,16 @@ export function workflowRunDurationAccessibleLabel(duration) {
             }
     }
 }
-function durationKind(duration) {
-    return 'kind' in duration ? duration.kind : 'run';
-}
-function LiveDurationText({ duration, kind, className }) {
+function LiveDurationText({ duration, className }) {
     useTimeTick();
     const display = humanDuration(duration.fromIso);
     return /*#__PURE__*/ _jsx(DurationText, {
         className: className,
-        kind: kind,
-        ariaLabel: `${LIVE_VERB_BY_KIND[kind]} ${display}`,
+        ariaLabel: `running ${display}`,
         children: display
     });
 }
-function DurationText({ children, className, kind, ariaLabel }) {
+function DurationText({ children, className, ariaLabel }) {
     return /*#__PURE__*/ _jsxs(Code, {
         as: "span",
         variant: "label",
@@ -82,7 +66,7 @@ function DurationText({ children, className, kind, ariaLabel }) {
         className: cn('inline-flex shrink-0 items-center gap-tight tabular-nums text-foreground-neutral-subtle', className),
         children: [
             /*#__PURE__*/ _jsx(Icon, {
-                name: GLYPH_BY_KIND[kind],
+                name: "timerLine",
                 className: "size-12 shrink-0",
                 "aria-hidden": "true"
             }),

package/dist/components/workflow-run-duration-label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/workflow-run-duration-label.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {useTimeTick} from '@shipfox/react-ui/time-ticker';\nimport {Code} from '@shipfox/react-ui/typography';\nimport {cn, humanDuration} from '@shipfox/react-ui/utils';\nimport type {\n  WorkflowRunAttemptDisplayDuration,\n  WorkflowRunDisplayDuration,\n} from '#core/workflow-run.js';\n\n/**\n * The run list reads an attempt's own marks and cannot tell queue from run, so an unkinded\n * duration still renders as run time. Only surfaces holding the run's jobs pass a kind.\n */\nexport type WorkflowRunDurationDisplay =\n  | WorkflowRunAttemptDisplayDuration\n  | WorkflowRunDisplayDuration;\n\ntype DurationKind = 'queue' | 'run';\n\nconst GLYPH_BY_KIND = {queue: 'hourglassLine', run: 'timerLine'} as const;\nconst LIVE_VERB_BY_KIND = {queue: 'queued', run: 'running'} as const;\nconst FIXED_VERB_BY_KIND = {queue: 'queued', run: 'ran'} as const;\n\nexport function WorkflowRunDurationLabel({\n  duration,\n  className,\n}: {\n  duration: WorkflowRunDurationDisplay | null;\n  className?: string | undefined;\n}) {\n  if (duration === null) return null;\n  const kind = durationKind(duration);\n\n  switch (duration.state) {\n    case 'fixed': {\n      const display = formatFixedDurationLabel(duration.elapsed);\n      return (\n        <DurationText\n          className={className}\n          kind={kind}\n          ariaLabel={`${FIXED_VERB_BY_KIND[kind]} ${display}`}\n        >\n          {display}\n        </DurationText>\n      );\n    }\n    case 'live':\n      return <LiveDurationText duration={duration} kind={kind} className={className} />;\n    default: {\n      const exhaustive: never = duration;\n      return exhaustive;\n    }\n  }\n}\n\nexport function useWorkflowRunDurationAccessibleLabel(\n  duration: WorkflowRunDurationDisplay | null,\n): string | undefined {\n  useTimeTick();\n  return workflowRunDurationAccessibleLabel(duration);\n}\n\nexport function workflowRunDurationAccessibleLabel(\n  duration: WorkflowRunDurationDisplay | null,\n): string | undefined {\n  if (duration === null) return undefined;\n  const kind = durationKind(duration);\n\n  switch (duration.state) {\n    case 'live':\n      return `${LIVE_VERB_BY_KIND[kind]} ${humanDuration(duration.fromIso)}`;\n    case 'fixed':\n      return `${FIXED_VERB_BY_KIND[kind]} ${formatFixedDurationLabel(duration.elapsed)}`;\n    default: {\n      const exhaustive: never = duration;\n      return exhaustive;\n    }\n  }\n}\n\nfunction durationKind(duration: WorkflowRunDurationDisplay): DurationKind {\n  return 'kind' in duration ? duration.kind : 'run';\n}\n\nfunction LiveDurationText({\n  duration,\n  kind,\n  className,\n}: {\n  duration: Extract<WorkflowRunDurationDisplay, {state: 'live'}>;\n  kind: DurationKind;\n  className?: string | undefined;\n}) {\n  useTimeTick();\n  const display = humanDuration(duration.fromIso);\n  return (\n    <DurationText\n      className={className}\n      kind={kind}\n      ariaLabel={`${LIVE_VERB_BY_KIND[kind]} ${display}`}\n    >\n      {display}\n    </DurationText>\n  );\n}\n\nfunction DurationText({\n  children,\n  className,\n  kind,\n  ariaLabel,\n}: {\n  children: string;\n  className?: string | undefined;\n  kind: DurationKind;\n  ariaLabel?: string | undefined;\n}) {\n  return (\n    <Code\n      as=\"span\"\n      variant=\"label\"\n      aria-label={ariaLabel}\n      className={cn(\n        'inline-flex shrink-0 items-center gap-tight tabular-nums text-foreground-neutral-subtle',\n        className,\n      )}\n    >\n      {/* The glyph is the only visible mark of queue vs run: the status badge already writes\n          \"Queued\", and the numeric columns are fixed width. The verb rides the accessible\n          name instead. */}\n      <Icon name={GLYPH_BY_KIND[kind]} className=\"size-12 shrink-0\" aria-hidden=\"true\" />\n      {children}\n    </Code>\n  );\n}\n\nfunction formatFixedDurationLabel({\n  years = 0,\n  months = 0,\n  weeks = 0,\n  days = 0,\n  hours = 0,\n  minutes = 0,\n  seconds = 0,\n}: Extract<WorkflowRunDurationDisplay, {state: 'fixed'}>['elapsed']): string {\n  const totalDays = years * 365 + months * 30 + weeks * 7 + days;\n  const totalHours = totalDays * 24 + hours;\n\n  if (totalHours > 0) return `${totalHours}h ${pad2(minutes)}m`;\n  if (minutes > 0) return `${minutes}m ${pad2(seconds)}s`;\n  return `${seconds}s`;\n}\n\nfunction pad2(value: number): string {\n  return value.toString().padStart(2, '0');\n}\n"],"names":["Icon","useTimeTick","Code","cn","humanDuration","GLYPH_BY_KIND","queue","run","LIVE_VERB_BY_KIND","FIXED_VERB_BY_KIND","WorkflowRunDurationLabel","duration","className","kind","durationKind","state","display","formatFixedDurationLabel","elapsed","DurationText","ariaLabel","LiveDurationText","exhaustive","useWorkflowRunDurationAccessibleLabel","workflowRunDurationAccessibleLabel","undefined","fromIso","children","as","variant","aria-label","name","aria-hidden","years","months","weeks","days","hours","minutes","seconds","totalDays","totalHours","pad2","value","toString","padStart"],"mappings":"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"}
+{"version":3,"sources":["../../src/components/workflow-run-duration-label.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {useTimeTick} from '@shipfox/react-ui/time-ticker';\nimport {Code} from '@shipfox/react-ui/typography';\nimport {cn, humanDuration} from '@shipfox/react-ui/utils';\nimport type {WorkflowRunAttemptDisplayDuration} from '#core/workflow-run.js';\n\n/**\n * A run reports one span: how long its attempt has been under way. Queueing is a job\n * execution's own affair, and the job surfaces report it there.\n */\nexport type WorkflowRunDurationDisplay = WorkflowRunAttemptDisplayDuration;\n\nexport function WorkflowRunDurationLabel({\n  duration,\n  hasStarted,\n  className,\n}: {\n  duration: WorkflowRunDurationDisplay | null;\n  hasStarted: boolean;\n  className?: string | undefined;\n}) {\n  if (duration === null) return null;\n\n  switch (duration.state) {\n    case 'fixed': {\n      const display = formatFixedDurationLabel(duration.elapsed);\n      const verb = hasStarted ? 'ran' : 'lasted';\n      return (\n        <DurationText className={className} ariaLabel={`${verb} ${display}`}>\n          {display}\n        </DurationText>\n      );\n    }\n    case 'live':\n      return <LiveDurationText duration={duration} className={className} />;\n    default: {\n      const exhaustive: never = duration;\n      return exhaustive;\n    }\n  }\n}\n\nexport function useWorkflowRunDurationAccessibleLabel(\n  duration: WorkflowRunDurationDisplay | null,\n  hasStarted: boolean,\n): string | undefined {\n  useTimeTick();\n  return workflowRunDurationAccessibleLabel(duration, hasStarted);\n}\n\nexport function workflowRunDurationAccessibleLabel(\n  duration: WorkflowRunDurationDisplay | null,\n  hasStarted: boolean,\n): string | undefined {\n  if (duration === null) return undefined;\n\n  switch (duration.state) {\n    case 'live':\n      return `running ${humanDuration(duration.fromIso)}`;\n    case 'fixed': {\n      const verb = hasStarted ? 'ran' : 'lasted';\n      return `${verb} ${formatFixedDurationLabel(duration.elapsed)}`;\n    }\n    default: {\n      const exhaustive: never = duration;\n      return exhaustive;\n    }\n  }\n}\n\nfunction LiveDurationText({\n  duration,\n  className,\n}: {\n  duration: Extract<WorkflowRunDurationDisplay, {state: 'live'}>;\n  className?: string | undefined;\n}) {\n  useTimeTick();\n  const display = humanDuration(duration.fromIso);\n  return (\n    <DurationText className={className} ariaLabel={`running ${display}`}>\n      {display}\n    </DurationText>\n  );\n}\n\nfunction DurationText({\n  children,\n  className,\n  ariaLabel,\n}: {\n  children: string;\n  className?: string | undefined;\n  ariaLabel?: string | undefined;\n}) {\n  return (\n    <Code\n      as=\"span\"\n      variant=\"label\"\n      aria-label={ariaLabel}\n      className={cn(\n        'inline-flex shrink-0 items-center gap-tight tabular-nums text-foreground-neutral-subtle',\n        className,\n      )}\n    >\n      {/* The verb rides the accessible name: the numeric columns are fixed width and the\n          status badge already says whether the run is still going. */}\n      <Icon name=\"timerLine\" className=\"size-12 shrink-0\" aria-hidden=\"true\" />\n      {children}\n    </Code>\n  );\n}\n\nfunction formatFixedDurationLabel({\n  years = 0,\n  months = 0,\n  weeks = 0,\n  days = 0,\n  hours = 0,\n  minutes = 0,\n  seconds = 0,\n}: Extract<WorkflowRunDurationDisplay, {state: 'fixed'}>['elapsed']): string {\n  const totalDays = years * 365 + months * 30 + weeks * 7 + days;\n  const totalHours = totalDays * 24 + hours;\n\n  if (totalHours > 0) return `${totalHours}h ${pad2(minutes)}m`;\n  if (minutes > 0) return `${minutes}m ${pad2(seconds)}s`;\n  return `${seconds}s`;\n}\n\nfunction pad2(value: number): string {\n  return value.toString().padStart(2, '0');\n}\n"],"names":["Icon","useTimeTick","Code","cn","humanDuration","WorkflowRunDurationLabel","duration","hasStarted","className","state","display","formatFixedDurationLabel","elapsed","verb","DurationText","ariaLabel","LiveDurationText","exhaustive","useWorkflowRunDurationAccessibleLabel","workflowRunDurationAccessibleLabel","undefined","fromIso","children","as","variant","aria-label","name","aria-hidden","years","months","weeks","days","hours","minutes","seconds","totalDays","totalHours","pad2","value","toString","padStart"],"mappings":";AAAA,SAAQA,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,EAAE,EAAEC,aAAa,QAAO,0BAA0B;AAS1D,OAAO,SAASC,yBAAyB,EACvCC,QAAQ,EACRC,UAAU,EACVC,SAAS,EAKV;IACC,IAAIF,aAAa,MAAM,OAAO;IAE9B,OAAQA,SAASG,KAAK;QACpB,KAAK;YAAS;gBACZ,MAAMC,UAAUC,yBAAyBL,SAASM,OAAO;gBACzD,MAAMC,OAAON,aAAa,QAAQ;gBAClC,qBACE,KAACO;oBAAaN,WAAWA;oBAAWO,WAAW,GAAGF,KAAK,CAAC,EAAEH,SAAS;8BAChEA;;YAGP;QACA,KAAK;YACH,qBAAO,KAACM;gBAAiBV,UAAUA;gBAAUE,WAAWA;;QAC1D;YAAS;gBACP,MAAMS,aAAoBX;gBAC1B,OAAOW;YACT;IACF;AACF;AAEA,OAAO,SAASC,sCACdZ,QAA2C,EAC3CC,UAAmB;IAEnBN;IACA,OAAOkB,mCAAmCb,UAAUC;AACtD;AAEA,OAAO,SAASY,mCACdb,QAA2C,EAC3CC,UAAmB;IAEnB,IAAID,aAAa,MAAM,OAAOc;IAE9B,OAAQd,SAASG,KAAK;QACpB,KAAK;YACH,OAAO,CAAC,QAAQ,EAAEL,cAAcE,SAASe,OAAO,GAAG;QACrD,KAAK;YAAS;gBACZ,MAAMR,OAAON,aAAa,QAAQ;gBAClC,OAAO,GAAGM,KAAK,CAAC,EAAEF,yBAAyBL,SAASM,OAAO,GAAG;YAChE;QACA;YAAS;gBACP,MAAMK,aAAoBX;gBAC1B,OAAOW;YACT;IACF;AACF;AAEA,SAASD,iBAAiB,EACxBV,QAAQ,EACRE,SAAS,EAIV;IACCP;IACA,MAAMS,UAAUN,cAAcE,SAASe,OAAO;IAC9C,qBACE,KAACP;QAAaN,WAAWA;QAAWO,WAAW,CAAC,QAAQ,EAAEL,SAAS;kBAChEA;;AAGP;AAEA,SAASI,aAAa,EACpBQ,QAAQ,EACRd,SAAS,EACTO,SAAS,EAKV;IACC,qBACE,MAACb;QACCqB,IAAG;QACHC,SAAQ;QACRC,cAAYV;QACZP,WAAWL,GACT,2FACAK;;0BAKF,KAACR;gBAAK0B,MAAK;gBAAYlB,WAAU;gBAAmBmB,eAAY;;YAC/DL;;;AAGP;AAEA,SAASX,yBAAyB,EAChCiB,QAAQ,CAAC,EACTC,SAAS,CAAC,EACVC,QAAQ,CAAC,EACTC,OAAO,CAAC,EACRC,QAAQ,CAAC,EACTC,UAAU,CAAC,EACXC,UAAU,CAAC,EACsD;IACjE,MAAMC,YAAYP,QAAQ,MAAMC,SAAS,KAAKC,QAAQ,IAAIC;IAC1D,MAAMK,aAAaD,YAAY,KAAKH;IAEpC,IAAII,aAAa,GAAG,OAAO,GAAGA,WAAW,EAAE,EAAEC,KAAKJ,SAAS,CAAC,CAAC;IAC7D,IAAIA,UAAU,GAAG,OAAO,GAAGA,QAAQ,EAAE,EAAEI,KAAKH,SAAS,CAAC,CAAC;IACvD,OAAO,GAAGA,QAAQ,CAAC,CAAC;AACtB;AAEA,SAASG,KAAKC,KAAa;IACzB,OAAOA,MAAMC,QAAQ,GAAGC,QAAQ,CAAC,GAAG;AACtC"}

package/dist/components/workflow-run-list/job-status-strip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"job-status-strip.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/job-status-strip.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAmC,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAyC7F,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,EAAE,mBAAmB,sCAqDpE;AAgCD,kGAAkG;AAClG,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAO9D;AAyBD,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAI9D"}
+{"version":3,"file":"job-status-strip.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/job-status-strip.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAwB,eAAe,EAAC,MAAM,uBAAuB,CAAC;AA0ClF,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,EAAE,mBAAmB,sCAqDpE;AAgCD,kGAAkG;AAClG,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAO9D;AA0BD,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAI9D"}

package/dist/components/workflow-run-list/job-status-strip.js

@@ -4,6 +4,7 @@ import { Code, Text } from '@shipfox/react-ui/typography';
 import { cn } from '@shipfox/react-ui/utils';
 import { getWorkflowStatusVisual } from '#components/workflow-status/status-visuals.js';
 import { WorkflowStatusIcon } from '#components/workflow-status/workflow-status-icon.js';
+import { deriveJobDisplayStatus } from '#core/entities/job.js';
 /**
  * How many glyphs fit the strip's column before it starts costing the run name width.
  *
@@ -31,6 +32,7 @@ const COMPACT_COUNT_FORMAT = new Intl.NumberFormat('en', {
 const STATUS_SEVERITY = {
     failed: 5,
     running: 4,
+    listening: 4,
     pending: 3,
     cancelled: 2,
     skipped: 1,
@@ -38,7 +40,8 @@ const STATUS_SEVERITY = {
 };
 const NOTABLE_STATUSES = [
     'failed',
-    'running'
+    'running',
+    'listening'
 ];
 /**
  * A run's jobs as a row of status glyphs, in graph order.
@@ -69,7 +72,7 @@ const NOTABLE_STATUSES = [
                         className: "inline-flex items-center gap-[3px]",
                         children: [
                             visible.map((job)=>/*#__PURE__*/ _jsx(WorkflowStatusIcon, {
-                                    status: job.status,
+                                    status: displayStatus(job),
                                     size: GLYPH_SIZE,
                                     // One ripple per running job, on every row, would turn a calm list into a
                                     // field of pulses. The run's own glyph already carries the live edge.
@@ -114,7 +117,7 @@ function JobStatusStripTooltip({ jobs, summary }) {
     // left to the counts so the tooltip stays a glance rather than a list. Only previewed jobs
     // can be named, but the count of those left over is read off the totals, so a failure past
     // the preview is still accounted for rather than silently missing.
-    const named = jobs.preview.filter((job)=>NOTABLE_STATUSES.includes(job.status)).slice(0, MAX_TOOLTIP_JOB_NAMES);
+    const named = jobs.preview.filter((job)=>NOTABLE_STATUSES.includes(displayStatus(job))).slice(0, MAX_TOOLTIP_JOB_NAMES);
     const notableTotal = NOTABLE_STATUSES.reduce((total, status)=>total + countOf(jobs, status), 0);
     const remaining = notableTotal - named.length;
     return /*#__PURE__*/ _jsxs("span", {
@@ -131,7 +134,7 @@ function JobStatusStripTooltip({ jobs, summary }) {
                     variant: "label",
                     className: "block truncate",
                     children: [
-                        getWorkflowStatusVisual(job.status).label.toLowerCase(),
+                        getWorkflowStatusVisual(displayStatus(job)).label.toLowerCase(),
                         " · ",
                         job.name ?? job.key
                     ]
@@ -164,9 +167,10 @@ function JobStatusStripTooltip({ jobs, summary }) {
             count
         ]));
     for (const job of visible){
-        const remaining = (hidden.get(job.status) ?? 0) - 1;
-        if (remaining > 0) hidden.set(job.status, remaining);
-        else hidden.delete(job.status);
+        const status = displayStatus(job);
+        const remaining = (hidden.get(status) ?? 0) - 1;
+        if (remaining > 0) hidden.set(status, remaining);
+        else hidden.delete(status);
     }
     let worst = null;
     for (const [status, count] of hidden){
@@ -181,5 +185,14 @@ export function overflowCountLabel(hiddenCount) {
 function countOf(jobs, status) {
     return jobs.statusCounts.find((entry)=>entry.status === status)?.count ?? 0;
 }
+function displayStatus(job) {
+    return deriveJobDisplayStatus({
+        mode: job.mode,
+        status: job.status,
+        listenerStatus: job.listenerStatus,
+        executionStatus: job.executionStatus,
+        jobExecutions: []
+    });
+}
 
 //# sourceMappingURL=job-status-strip.js.map

package/dist/components/workflow-run-list/job-status-strip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-list/job-status-strip.tsx"],"sourcesContent":["import {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {getWorkflowStatusVisual} from '#components/workflow-status/status-visuals.js';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport type {JobStatus, WorkflowRunJobSummary, WorkflowRunJobs} from '#core/workflow-run.js';\n\n/**\n * How many glyphs fit the strip's column before it starts costing the run name width.\n *\n * Sized so the widest case still fits the row's 160px strip column: seven 12px glyphs with\n * 3px gaps is 102px, and the overflow indicator adds a glyph plus a count of at most five\n * monospace characters, about 56px. Overshooting does not wrap, it paints over the duration\n * column. This sits under the API's preview bound, so resizing the strip is a change here.\n */\nconst MAX_VISIBLE_JOBS = 7;\nconst GLYPH_SIZE = 12;\nconst MAX_TOOLTIP_JOB_NAMES = 6;\n\n/**\n * Above this the overflow count is abbreviated.\n *\n * Nothing caps a workflow's job count, so an exact count is unbounded in width and would\n * eventually push the strip over its column. Abbreviating keeps the label at most five\n * characters for any magnitude, and the exact figure stays in the tooltip and the strip's\n * accessible name, which is where a precise number is actually read.\n */\nconst MAX_EXACT_OVERFLOW_COUNT = 999;\nconst COMPACT_COUNT_FORMAT = new Intl.NumberFormat('en', {\n  notation: 'compact',\n  maximumFractionDigits: 1,\n});\n\n// Worst-first, so the overflow glyph reports the most alarming thing it is standing in for.\n// A strip that hides a failure behind eight green discs would be worse than no strip at all.\nconst STATUS_SEVERITY: Record<JobStatus, number> = {\n  failed: 5,\n  running: 4,\n  pending: 3,\n  cancelled: 2,\n  skipped: 1,\n  succeeded: 0,\n};\n\nconst NOTABLE_STATUSES: readonly JobStatus[] = ['failed', 'running'];\n\nexport interface JobStatusStripProps {\n  jobs: WorkflowRunJobs;\n  className?: string | undefined;\n}\n\n/**\n * A run's jobs as a row of status glyphs, in graph order.\n *\n * This is the reason the list is worth its width: it answers \"where did this run fail\"\n * without opening the run. Glyphs are silent to assistive tech and carry no tooltip of their\n * own; the strip speaks once, as a summary, so a 40-job run does not read out 40 labels.\n *\n * What it draws comes from the preview; what it says comes from the counts, which cover every\n * job including those the server never sent. That split is what lets the overflow glyph\n * report a failure sitting past the preview instead of quietly dropping it.\n */\nexport function JobStatusStrip({jobs, className}: JobStatusStripProps) {\n  if (jobs.total === 0) return null;\n\n  const visible = jobs.preview.slice(0, MAX_VISIBLE_JOBS);\n  const hiddenCount = jobs.total - visible.length;\n  const overflowStatus = worstHiddenStatus(jobs, visible);\n  const summary = jobStatusSummary(jobs);\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span\n          role=\"img\"\n          aria-label={summary}\n          className={cn('inline-flex items-center gap-[3px]', className)}\n        >\n          <span aria-hidden=\"true\" className=\"inline-flex items-center gap-[3px]\">\n            {visible.map((job) => (\n              <WorkflowStatusIcon\n                key={job.id}\n                status={job.status}\n                size={GLYPH_SIZE}\n                // One ripple per running job, on every row, would turn a calm list into a\n                // field of pulses. The run's own glyph already carries the live edge.\n                ripple={false}\n                tooltip={false}\n              />\n            ))}\n            {hiddenCount > 0 && overflowStatus ? (\n              <span className=\"inline-flex items-center gap-[2px]\">\n                <WorkflowStatusIcon\n                  status={overflowStatus}\n                  size={GLYPH_SIZE}\n                  ripple={false}\n                  tooltip={false}\n                />\n                <Code\n                  as=\"span\"\n                  variant=\"label\"\n                  className=\"tabular-nums text-foreground-neutral-muted\"\n                >\n                  +{overflowCountLabel(hiddenCount)}\n                </Code>\n              </span>\n            ) : null}\n          </span>\n        </span>\n      </TooltipTrigger>\n      <TooltipContent>\n        <JobStatusStripTooltip jobs={jobs} summary={summary} />\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\nfunction JobStatusStripTooltip({jobs, summary}: {jobs: WorkflowRunJobs; summary: string}) {\n  // Naming the jobs that need attention is the whole point of hovering; succeeded jobs are\n  // left to the counts so the tooltip stays a glance rather than a list. Only previewed jobs\n  // can be named, but the count of those left over is read off the totals, so a failure past\n  // the preview is still accounted for rather than silently missing.\n  const named = jobs.preview\n    .filter((job) => NOTABLE_STATUSES.includes(job.status))\n    .slice(0, MAX_TOOLTIP_JOB_NAMES);\n  const notableTotal = NOTABLE_STATUSES.reduce((total, status) => total + countOf(jobs, status), 0);\n  const remaining = notableTotal - named.length;\n\n  return (\n    <span className=\"flex max-w-[280px] flex-col gap-tight\">\n      <Text as=\"span\" size=\"xs\" className=\"block\">\n        {summary}\n      </Text>\n      {named.map((job) => (\n        <Code as=\"span\" variant=\"label\" key={job.id} className=\"block truncate\">\n          {getWorkflowStatusVisual(job.status).label.toLowerCase()} · {job.name ?? job.key}\n        </Code>\n      ))}\n      {remaining > 0 ? (\n        <Text as=\"span\" size=\"xs\" className=\"block text-foreground-neutral-muted\">\n          and {remaining} more\n        </Text>\n      ) : null}\n    </span>\n  );\n}\n\n/** \"12 jobs: 9 succeeded, 2 failed, 1 running\" — a count is not an accessible name on its own. */\nexport function jobStatusSummary(jobs: WorkflowRunJobs): string {\n  const breakdown = [...jobs.statusCounts]\n    .sort((left, right) => STATUS_SEVERITY[right.status] - STATUS_SEVERITY[left.status])\n    .map(({status, count}) => `${count} ${getWorkflowStatusVisual(status).label.toLowerCase()}`)\n    .join(', ');\n\n  return `${jobs.total} ${jobs.total === 1 ? 'job' : 'jobs'}: ${breakdown}`;\n}\n\n/**\n * The worst status among the jobs the strip is not drawing, found by subtracting what it\n * draws from the run's totals rather than by inspecting jobs it was never sent.\n */\nfunction worstHiddenStatus(\n  jobs: WorkflowRunJobs,\n  visible: readonly WorkflowRunJobSummary[],\n): JobStatus | null {\n  const hidden = new Map(jobs.statusCounts.map(({status, count}) => [status, count]));\n  for (const job of visible) {\n    const remaining = (hidden.get(job.status) ?? 0) - 1;\n    if (remaining > 0) hidden.set(job.status, remaining);\n    else hidden.delete(job.status);\n  }\n\n  let worst: JobStatus | null = null;\n  for (const [status, count] of hidden) {\n    if (count <= 0) continue;\n    if (worst === null || STATUS_SEVERITY[status] > STATUS_SEVERITY[worst]) worst = status;\n  }\n  return worst;\n}\n\nexport function overflowCountLabel(hiddenCount: number): string {\n  return hiddenCount <= MAX_EXACT_OVERFLOW_COUNT\n    ? String(hiddenCount)\n    : COMPACT_COUNT_FORMAT.format(hiddenCount);\n}\n\nfunction countOf(jobs: WorkflowRunJobs, status: JobStatus): number {\n  return jobs.statusCounts.find((entry) => entry.status === status)?.count ?? 0;\n}\n"],"names":["Tooltip","TooltipContent","TooltipTrigger","Code","Text","cn","getWorkflowStatusVisual","WorkflowStatusIcon","MAX_VISIBLE_JOBS","GLYPH_SIZE","MAX_TOOLTIP_JOB_NAMES","MAX_EXACT_OVERFLOW_COUNT","COMPACT_COUNT_FORMAT","Intl","NumberFormat","notation","maximumFractionDigits","STATUS_SEVERITY","failed","running","pending","cancelled","skipped","succeeded","NOTABLE_STATUSES","JobStatusStrip","jobs","className","total","visible","preview","slice","hiddenCount","length","overflowStatus","worstHiddenStatus","summary","jobStatusSummary","asChild","span","role","aria-label","aria-hidden","map","job","status","size","ripple","tooltip","id","as","variant","overflowCountLabel","JobStatusStripTooltip","named","filter","includes","notableTotal","reduce","countOf","remaining","label","toLowerCase","name","key","breakdown","statusCounts","sort","left","right","count","join","hidden","Map","get","set","delete","worst","String","format","find","entry"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/workflow-run-list/job-status-strip.tsx"],"sourcesContent":["import {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {getWorkflowStatusVisual} from '#components/workflow-status/status-visuals.js';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport {deriveJobDisplayStatus, type JobDisplayStatus} from '#core/entities/job.js';\nimport type {WorkflowRunJobSummary, WorkflowRunJobs} from '#core/workflow-run.js';\n\n/**\n * How many glyphs fit the strip's column before it starts costing the run name width.\n *\n * Sized so the widest case still fits the row's 160px strip column: seven 12px glyphs with\n * 3px gaps is 102px, and the overflow indicator adds a glyph plus a count of at most five\n * monospace characters, about 56px. Overshooting does not wrap, it paints over the duration\n * column. This sits under the API's preview bound, so resizing the strip is a change here.\n */\nconst MAX_VISIBLE_JOBS = 7;\nconst GLYPH_SIZE = 12;\nconst MAX_TOOLTIP_JOB_NAMES = 6;\n\n/**\n * Above this the overflow count is abbreviated.\n *\n * Nothing caps a workflow's job count, so an exact count is unbounded in width and would\n * eventually push the strip over its column. Abbreviating keeps the label at most five\n * characters for any magnitude, and the exact figure stays in the tooltip and the strip's\n * accessible name, which is where a precise number is actually read.\n */\nconst MAX_EXACT_OVERFLOW_COUNT = 999;\nconst COMPACT_COUNT_FORMAT = new Intl.NumberFormat('en', {\n  notation: 'compact',\n  maximumFractionDigits: 1,\n});\n\n// Worst-first, so the overflow glyph reports the most alarming thing it is standing in for.\n// A strip that hides a failure behind eight green discs would be worse than no strip at all.\nconst STATUS_SEVERITY: Record<JobDisplayStatus, number> = {\n  failed: 5,\n  running: 4,\n  listening: 4,\n  pending: 3,\n  cancelled: 2,\n  skipped: 1,\n  succeeded: 0,\n};\n\nconst NOTABLE_STATUSES: readonly JobDisplayStatus[] = ['failed', 'running', 'listening'];\n\nexport interface JobStatusStripProps {\n  jobs: WorkflowRunJobs;\n  className?: string | undefined;\n}\n\n/**\n * A run's jobs as a row of status glyphs, in graph order.\n *\n * This is the reason the list is worth its width: it answers \"where did this run fail\"\n * without opening the run. Glyphs are silent to assistive tech and carry no tooltip of their\n * own; the strip speaks once, as a summary, so a 40-job run does not read out 40 labels.\n *\n * What it draws comes from the preview; what it says comes from the counts, which cover every\n * job including those the server never sent. That split is what lets the overflow glyph\n * report a failure sitting past the preview instead of quietly dropping it.\n */\nexport function JobStatusStrip({jobs, className}: JobStatusStripProps) {\n  if (jobs.total === 0) return null;\n\n  const visible = jobs.preview.slice(0, MAX_VISIBLE_JOBS);\n  const hiddenCount = jobs.total - visible.length;\n  const overflowStatus = worstHiddenStatus(jobs, visible);\n  const summary = jobStatusSummary(jobs);\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span\n          role=\"img\"\n          aria-label={summary}\n          className={cn('inline-flex items-center gap-[3px]', className)}\n        >\n          <span aria-hidden=\"true\" className=\"inline-flex items-center gap-[3px]\">\n            {visible.map((job) => (\n              <WorkflowStatusIcon\n                key={job.id}\n                status={displayStatus(job)}\n                size={GLYPH_SIZE}\n                // One ripple per running job, on every row, would turn a calm list into a\n                // field of pulses. The run's own glyph already carries the live edge.\n                ripple={false}\n                tooltip={false}\n              />\n            ))}\n            {hiddenCount > 0 && overflowStatus ? (\n              <span className=\"inline-flex items-center gap-[2px]\">\n                <WorkflowStatusIcon\n                  status={overflowStatus}\n                  size={GLYPH_SIZE}\n                  ripple={false}\n                  tooltip={false}\n                />\n                <Code\n                  as=\"span\"\n                  variant=\"label\"\n                  className=\"tabular-nums text-foreground-neutral-muted\"\n                >\n                  +{overflowCountLabel(hiddenCount)}\n                </Code>\n              </span>\n            ) : null}\n          </span>\n        </span>\n      </TooltipTrigger>\n      <TooltipContent>\n        <JobStatusStripTooltip jobs={jobs} summary={summary} />\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\nfunction JobStatusStripTooltip({jobs, summary}: {jobs: WorkflowRunJobs; summary: string}) {\n  // Naming the jobs that need attention is the whole point of hovering; succeeded jobs are\n  // left to the counts so the tooltip stays a glance rather than a list. Only previewed jobs\n  // can be named, but the count of those left over is read off the totals, so a failure past\n  // the preview is still accounted for rather than silently missing.\n  const named = jobs.preview\n    .filter((job) => NOTABLE_STATUSES.includes(displayStatus(job)))\n    .slice(0, MAX_TOOLTIP_JOB_NAMES);\n  const notableTotal = NOTABLE_STATUSES.reduce((total, status) => total + countOf(jobs, status), 0);\n  const remaining = notableTotal - named.length;\n\n  return (\n    <span className=\"flex max-w-[280px] flex-col gap-tight\">\n      <Text as=\"span\" size=\"xs\" className=\"block\">\n        {summary}\n      </Text>\n      {named.map((job) => (\n        <Code as=\"span\" variant=\"label\" key={job.id} className=\"block truncate\">\n          {getWorkflowStatusVisual(displayStatus(job)).label.toLowerCase()} · {job.name ?? job.key}\n        </Code>\n      ))}\n      {remaining > 0 ? (\n        <Text as=\"span\" size=\"xs\" className=\"block text-foreground-neutral-muted\">\n          and {remaining} more\n        </Text>\n      ) : null}\n    </span>\n  );\n}\n\n/** \"12 jobs: 9 succeeded, 2 failed, 1 running\" — a count is not an accessible name on its own. */\nexport function jobStatusSummary(jobs: WorkflowRunJobs): string {\n  const breakdown = [...jobs.statusCounts]\n    .sort((left, right) => STATUS_SEVERITY[right.status] - STATUS_SEVERITY[left.status])\n    .map(({status, count}) => `${count} ${getWorkflowStatusVisual(status).label.toLowerCase()}`)\n    .join(', ');\n\n  return `${jobs.total} ${jobs.total === 1 ? 'job' : 'jobs'}: ${breakdown}`;\n}\n\n/**\n * The worst status among the jobs the strip is not drawing, found by subtracting what it\n * draws from the run's totals rather than by inspecting jobs it was never sent.\n */\nfunction worstHiddenStatus(\n  jobs: WorkflowRunJobs,\n  visible: readonly WorkflowRunJobSummary[],\n): JobDisplayStatus | null {\n  const hidden = new Map(jobs.statusCounts.map(({status, count}) => [status, count]));\n  for (const job of visible) {\n    const status = displayStatus(job);\n    const remaining = (hidden.get(status) ?? 0) - 1;\n    if (remaining > 0) hidden.set(status, remaining);\n    else hidden.delete(status);\n  }\n\n  let worst: JobDisplayStatus | null = null;\n  for (const [status, count] of hidden) {\n    if (count <= 0) continue;\n    if (worst === null || STATUS_SEVERITY[status] > STATUS_SEVERITY[worst]) worst = status;\n  }\n  return worst;\n}\n\nexport function overflowCountLabel(hiddenCount: number): string {\n  return hiddenCount <= MAX_EXACT_OVERFLOW_COUNT\n    ? String(hiddenCount)\n    : COMPACT_COUNT_FORMAT.format(hiddenCount);\n}\n\nfunction countOf(jobs: WorkflowRunJobs, status: JobDisplayStatus): number {\n  return jobs.statusCounts.find((entry) => entry.status === status)?.count ?? 0;\n}\n\nfunction displayStatus(job: WorkflowRunJobSummary): JobDisplayStatus {\n  return deriveJobDisplayStatus({\n    mode: job.mode,\n    status: job.status,\n    listenerStatus: job.listenerStatus,\n    executionStatus: job.executionStatus,\n    jobExecutions: [],\n  });\n}\n"],"names":["Tooltip","TooltipContent","TooltipTrigger","Code","Text","cn","getWorkflowStatusVisual","WorkflowStatusIcon","deriveJobDisplayStatus","MAX_VISIBLE_JOBS","GLYPH_SIZE","MAX_TOOLTIP_JOB_NAMES","MAX_EXACT_OVERFLOW_COUNT","COMPACT_COUNT_FORMAT","Intl","NumberFormat","notation","maximumFractionDigits","STATUS_SEVERITY","failed","running","listening","pending","cancelled","skipped","succeeded","NOTABLE_STATUSES","JobStatusStrip","jobs","className","total","visible","preview","slice","hiddenCount","length","overflowStatus","worstHiddenStatus","summary","jobStatusSummary","asChild","span","role","aria-label","aria-hidden","map","job","status","displayStatus","size","ripple","tooltip","id","as","variant","overflowCountLabel","JobStatusStripTooltip","named","filter","includes","notableTotal","reduce","countOf","remaining","label","toLowerCase","name","key","breakdown","statusCounts","sort","left","right","count","join","hidden","Map","get","set","delete","worst","String","format","find","entry","mode","listenerStatus","executionStatus","jobExecutions"],"mappings":"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"}

package/dist/components/workflow-run-list/workflow-run-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-row.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-row.tsx"],"names":[],"mappings":"AAiBA,OAAO,EACL,KAAK,mBAAmB,EAKzB,MAAM,uBAAuB,CAAC;AAI/B,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,+BAaA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,aAAa,EACb,WAAW,GACZ,EAAE;IACD,GAAG,EAAE,mBAAmB,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,+BA0FA"}
+{"version":3,"file":"workflow-run-row.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-row.tsx"],"names":[],"mappings":"AAiBA,OAAO,EACL,KAAK,mBAAmB,EAIzB,MAAM,uBAAuB,CAAC;AAI/B,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,+BAaA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,aAAa,EACb,WAAW,GACZ,EAAE;IACD,GAAG,EAAE,mBAAmB,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,+BA4FA"}

package/dist/components/workflow-run-list/workflow-run-row.js

@@ -10,7 +10,7 @@ import { useWorkflowRunDurationAccessibleLabel, WorkflowRunDurationLabel } from
 import { formatWorkflowRunNumberLabel, WorkflowRunNumberLabel } from '#components/workflow-run-number-label.js';
 import { getWorkflowStatusVisual } from '#components/workflow-status/status-visuals.js';
 import { WorkflowStatusIcon } from '#components/workflow-status/workflow-status-icon.js';
-import { workflowRunActor, workflowRunBranchLabel, workflowRunCommitLabel, workflowRunListItemDisplay } from '#core/workflow-run.js';
+import { workflowRunActor, workflowRunBranchLabel, workflowRunCommitLabel } from '#core/workflow-run.js';
 import { withoutWorkflowRunSelectionSearch } from '#core/workflow-run-url-state.js';
 import { JobStatusStrip, jobStatusSummary } from './job-status-strip.js';
 export function WorkflowRunRowList({ runs, workspaceSlug, projectSlug }) {
@@ -40,9 +40,11 @@ export function WorkflowRunRowList({ runs, workspaceSlug, projectSlug }) {
  * column capped at 1120px with 24px of page padding on each side: a 1280px viewport leaves
  * the row 1072px, and a 1024px viewport leaves it 976px.
  */ export function WorkflowRunRow({ run, workspaceSlug, projectSlug }) {
-    const display = workflowRunListItemDisplay(run);
-    const durationLabel = useWorkflowRunDurationAccessibleLabel(display.duration);
-    const statusLabel = getWorkflowStatusVisual(display.status).label;
+    const duration = run.runAttempt.displayDuration;
+    const hasStarted = run.jobs.hasStartedJobExecution;
+    const durationLabel = useWorkflowRunDurationAccessibleLabel(duration, hasStarted);
+    const status = run.runAttempt.status;
+    const statusLabel = getWorkflowStatusVisual(status).label;
     const runNumberLabel = formatWorkflowRunNumberLabel(run);
     const branch = workflowRunBranchLabel(run);
     const commit = workflowRunCommitLabel(run);
@@ -50,7 +52,7 @@ export function WorkflowRunRowList({ runs, workspaceSlug, projectSlug }) {
     const body = /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsx(WorkflowStatusIcon, {
-                status: display.status,
+                status: status,
                 size: 14,
                 className: "shrink-0"
             }),
@@ -103,7 +105,8 @@ export function WorkflowRunRowList({ runs, workspaceSlug, projectSlug }) {
                     /*#__PURE__*/ _jsx("span", {
                         className: "flex w-64 justify-end",
                         children: /*#__PURE__*/ _jsx(WorkflowRunDurationLabel, {
-                            duration: display.duration
+                            duration: duration,
+                            hasStarted: hasStarted
                         })
                     }),
                     /*#__PURE__*/ _jsx(Code, {

package/dist/components/workflow-run-list/workflow-run-row.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-row.tsx"],"sourcesContent":["import {TriggerSourceIcon} from '@shipfox/client-triggers';\nimport {Icon, type IconName} from '@shipfox/react-ui/icon';\nimport {RelativeTime} from '@shipfox/react-ui/relative-time';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {\n  useWorkflowRunDurationAccessibleLabel,\n  WorkflowRunDurationLabel,\n} from '#components/workflow-run-duration-label.js';\nimport {\n  formatWorkflowRunNumberLabel,\n  WorkflowRunNumberLabel,\n} from '#components/workflow-run-number-label.js';\nimport {getWorkflowStatusVisual} from '#components/workflow-status/status-visuals.js';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport {\n  type WorkflowRunListItem,\n  workflowRunActor,\n  workflowRunBranchLabel,\n  workflowRunCommitLabel,\n  workflowRunListItemDisplay,\n} from '#core/workflow-run.js';\nimport {withoutWorkflowRunSelectionSearch} from '#core/workflow-run-url-state.js';\nimport {JobStatusStrip, jobStatusSummary} from './job-status-strip.js';\n\nexport function WorkflowRunRowList({\n  runs,\n  workspaceSlug,\n  projectSlug,\n}: {\n  runs: WorkflowRunListItem[];\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n}) {\n  return (\n    // A container, not the viewport, drives the row's breakpoints. The list is capped at\n    // 1120px inside a wider page, so what a row can afford is its own width; keying off the\n    // viewport would keep the job strip hidden on a wide screen or crush it on a narrow one.\n    <ul className=\"@container divide-y divide-border-neutral-base border-t border-border-neutral-base\">\n      {runs.map((run) => (\n        <li key={run.id}>\n          <WorkflowRunRow run={run} workspaceSlug={workspaceSlug} projectSlug={projectSlug} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * One run at full width.\n *\n * A single 44px line once the list is at least 976px wide, reflowing to two lines below that:\n * the identity and the numerics keep their places on line one, and the provenance metadata\n * drops beneath. The numeric columns are fixed-width so duration and time form real columns\n * down the list rather than tracking each row's name length.\n *\n * The thresholds are the container widths the spec's viewport breakpoints produce, given a\n * column capped at 1120px with 24px of page padding on each side: a 1280px viewport leaves\n * the row 1072px, and a 1024px viewport leaves it 976px.\n */\nexport function WorkflowRunRow({\n  run,\n  workspaceSlug,\n  projectSlug,\n}: {\n  run: WorkflowRunListItem;\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n}) {\n  const display = workflowRunListItemDisplay(run);\n  const durationLabel = useWorkflowRunDurationAccessibleLabel(display.duration);\n  const statusLabel = getWorkflowStatusVisual(display.status).label;\n  const runNumberLabel = formatWorkflowRunNumberLabel(run);\n  const branch = workflowRunBranchLabel(run);\n  const commit = workflowRunCommitLabel(run);\n  const actor = workflowRunActor(run);\n\n  const body = (\n    <>\n      <WorkflowStatusIcon status={display.status} size={14} className=\"shrink-0\" />\n\n      <div className=\"flex min-w-0 flex-1 flex-col gap-tight @min-[976px]:flex-row @min-[976px]:items-center @min-[976px]:gap-cluster\">\n        <span className=\"flex min-w-0 items-center gap-inline @min-[976px]:flex-1\">\n          <Code variant=\"label\" bold className=\"truncate text-foreground-neutral-base\">\n            {run.name}\n          </Code>\n          {run.number !== null ? <WorkflowRunNumberLabel run={run} /> : null}\n        </span>\n\n        <span className=\"flex min-w-0 flex-wrap items-center gap-inline text-foreground-neutral-subtle @min-[976px]:flex-nowrap @min-[976px]:shrink-0\">\n          {run.triggerDisplayLabel ? <TriggerLabel run={run} /> : null}\n          {branch ? <BranchLabel branch={branch} isPullRequest={branch.startsWith('#')} /> : null}\n          {commit ? <CommitLabel commit={commit} /> : null}\n          {actor ? <ActorLabel actor={actor} /> : null}\n        </span>\n      </div>\n\n      <span className=\"flex shrink-0 items-center gap-cluster\">\n        {/* Fixed at the strip's worst case (see MAX_VISIBLE_JOBS) so the overflow count cannot\n            paint over the duration, and kept even when a run has no jobs planned yet, so the\n            numerics stay in line down the list instead of stepping in and out. */}\n        <span className=\"hidden w-160 @min-[1040px]:flex\">\n          <JobStatusStrip jobs={run.jobs} />\n        </span>\n        <span className=\"flex w-64 justify-end\">\n          <WorkflowRunDurationLabel duration={display.duration} />\n        </span>\n        <Code\n          variant=\"label\"\n          className=\"w-64 shrink-0 text-right tabular-nums text-foreground-neutral-muted\"\n        >\n          <RelativeTime value={run.createdAt} />\n        </Code>\n      </span>\n    </>\n  );\n\n  // Rows run edge to edge inside the list's scroll container, which would clip the standard\n  // outset focus ring, so this one is inset per the design system's focus-ring rule.\n  const rowClassName =\n    'flex w-full min-w-0 items-center gap-inline px-row py-row text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-[inset_0_0_0_2px_var(--color-primary-500)] focus-visible:outline-none @min-[976px]:h-44 @min-[976px]:py-0';\n\n  // Optimistic manual runs (temp-<uuid>) have no detail page until the canonical row\n  // replaces them on the next poll, so they render non-interactively instead of as a link\n  // that would navigate to a workflow run id the detail route rejects.\n  if (run.isTemporary || !workspaceSlug || !projectSlug) {\n    return <div className={rowClassName}>{body}</div>;\n  }\n\n  return (\n    <Link\n      to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId\"\n      params={{workspaceSlug, projectSlug, workflowRunId: run.id}}\n      search={\n        ((previous: Record<string, unknown>) =>\n          withoutWorkflowRunSelectionSearch(previous)) as never\n      }\n      // An aria-label is the link's whole accessible name, so anything inside the row that\n      // carries its own label (the status glyph, the job strip) goes unspoken unless it is\n      // curated in here. The job breakdown is the reason this list is worth its width, so it\n      // belongs in what a tabbing user hears, not only in browse mode.\n      aria-label={[\n        run.name,\n        runNumberLabel,\n        statusLabel,\n        durationLabel,\n        run.triggerLabel,\n        branch ? `branch ${branch}` : undefined,\n        actor ? `by ${actor}` : undefined,\n        run.jobs.total > 0 ? jobStatusSummary(run.jobs) : undefined,\n      ]\n        .filter((part): part is string => Boolean(part))\n        .join(', ')}\n      className={rowClassName}\n    >\n      {body}\n    </Link>\n  );\n}\n\nfunction TriggerLabel({run}: {run: WorkflowRunListItem}) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span className=\"flex min-w-0 max-w-[140px] items-center gap-tight outline-none\">\n          <TriggerSourceIcon\n            provider={run.triggerProvider}\n            source={run.triggerSource}\n            aria-hidden=\"true\"\n            className=\"size-12 shrink-0 text-foreground-neutral-muted\"\n          />\n          <Text as=\"span\" size=\"xs\" className=\"min-w-0 truncate\">\n            {run.triggerDisplayLabel}\n          </Text>\n        </span>\n      </TooltipTrigger>\n      <TooltipContent>\n        <Text as=\"span\" size=\"xs\" className=\"block max-w-[360px] break-words\">\n          {run.triggerLabel}\n        </Text>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\nfunction BranchLabel({branch, isPullRequest}: {branch: string; isPullRequest: boolean}) {\n  return (\n    <MetadataChip\n      icon={isPullRequest ? 'gitPullRequestLine' : 'gitBranchLine'}\n      title={isPullRequest ? `Pull request ${branch}` : `Branch ${branch}`}\n      className=\"max-w-[180px]\"\n    >\n      {branch}\n    </MetadataChip>\n  );\n}\n\nfunction CommitLabel({commit}: {commit: string}) {\n  return (\n    <MetadataChip icon=\"gitCommitLine\" title={`Commit ${commit}`}>\n      {commit}\n    </MetadataChip>\n  );\n}\n\nfunction ActorLabel({actor}: {actor: string}) {\n  return (\n    <MetadataChip\n      icon=\"userLine\"\n      title={`Triggered by ${actor}`}\n      // Dropped once the row is two lines, where the provenance line has to stay readable on\n      // a phone.\n      className=\"hidden max-w-[120px] @min-[976px]:flex\"\n    >\n      {actor}\n    </MetadataChip>\n  );\n}\n\n/**\n * A ref, SHA, or handle: monospace because it is content a user copies or pattern-matches,\n * with the icon carrying the kind so the value itself never needs a written label.\n */\nfunction MetadataChip({\n  icon,\n  title,\n  className,\n  children,\n}: {\n  icon: IconName;\n  title: string;\n  className?: string | undefined;\n  children: string;\n}) {\n  return (\n    <span className={cn('flex min-w-0 shrink-0 items-center gap-tight', className)} title={title}>\n      <Icon name={icon} className=\"size-12 shrink-0 text-foreground-neutral-muted\" aria-hidden />\n      <Code as=\"span\" variant=\"label\" className=\"min-w-0 truncate\">\n        {children}\n      </Code>\n    </span>\n  );\n}\n"],"names":["TriggerSourceIcon","Icon","RelativeTime","Tooltip","TooltipContent","TooltipTrigger","Code","Text","cn","Link","useWorkflowRunDurationAccessibleLabel","WorkflowRunDurationLabel","formatWorkflowRunNumberLabel","WorkflowRunNumberLabel","getWorkflowStatusVisual","WorkflowStatusIcon","workflowRunActor","workflowRunBranchLabel","workflowRunCommitLabel","workflowRunListItemDisplay","withoutWorkflowRunSelectionSearch","JobStatusStrip","jobStatusSummary","WorkflowRunRowList","runs","workspaceSlug","projectSlug","ul","className","map","run","li","WorkflowRunRow","id","display","durationLabel","duration","statusLabel","status","label","runNumberLabel","branch","commit","actor","body","size","div","span","variant","bold","name","number","triggerDisplayLabel","TriggerLabel","BranchLabel","isPullRequest","startsWith","CommitLabel","ActorLabel","jobs","value","createdAt","rowClassName","isTemporary","to","params","workflowRunId","search","previous","aria-label","triggerLabel","undefined","total","filter","part","Boolean","join","asChild","provider","triggerProvider","source","triggerSource","aria-hidden","as","MetadataChip","icon","title","children"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-row.tsx"],"sourcesContent":["import {TriggerSourceIcon} from '@shipfox/client-triggers';\nimport {Icon, type IconName} from '@shipfox/react-ui/icon';\nimport {RelativeTime} from '@shipfox/react-ui/relative-time';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {\n  useWorkflowRunDurationAccessibleLabel,\n  WorkflowRunDurationLabel,\n} from '#components/workflow-run-duration-label.js';\nimport {\n  formatWorkflowRunNumberLabel,\n  WorkflowRunNumberLabel,\n} from '#components/workflow-run-number-label.js';\nimport {getWorkflowStatusVisual} from '#components/workflow-status/status-visuals.js';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport {\n  type WorkflowRunListItem,\n  workflowRunActor,\n  workflowRunBranchLabel,\n  workflowRunCommitLabel,\n} from '#core/workflow-run.js';\nimport {withoutWorkflowRunSelectionSearch} from '#core/workflow-run-url-state.js';\nimport {JobStatusStrip, jobStatusSummary} from './job-status-strip.js';\n\nexport function WorkflowRunRowList({\n  runs,\n  workspaceSlug,\n  projectSlug,\n}: {\n  runs: WorkflowRunListItem[];\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n}) {\n  return (\n    // A container, not the viewport, drives the row's breakpoints. The list is capped at\n    // 1120px inside a wider page, so what a row can afford is its own width; keying off the\n    // viewport would keep the job strip hidden on a wide screen or crush it on a narrow one.\n    <ul className=\"@container divide-y divide-border-neutral-base border-t border-border-neutral-base\">\n      {runs.map((run) => (\n        <li key={run.id}>\n          <WorkflowRunRow run={run} workspaceSlug={workspaceSlug} projectSlug={projectSlug} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * One run at full width.\n *\n * A single 44px line once the list is at least 976px wide, reflowing to two lines below that:\n * the identity and the numerics keep their places on line one, and the provenance metadata\n * drops beneath. The numeric columns are fixed-width so duration and time form real columns\n * down the list rather than tracking each row's name length.\n *\n * The thresholds are the container widths the spec's viewport breakpoints produce, given a\n * column capped at 1120px with 24px of page padding on each side: a 1280px viewport leaves\n * the row 1072px, and a 1024px viewport leaves it 976px.\n */\nexport function WorkflowRunRow({\n  run,\n  workspaceSlug,\n  projectSlug,\n}: {\n  run: WorkflowRunListItem;\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n}) {\n  const duration = run.runAttempt.displayDuration;\n  const hasStarted = run.jobs.hasStartedJobExecution;\n  const durationLabel = useWorkflowRunDurationAccessibleLabel(duration, hasStarted);\n  const status = run.runAttempt.status;\n  const statusLabel = getWorkflowStatusVisual(status).label;\n  const runNumberLabel = formatWorkflowRunNumberLabel(run);\n  const branch = workflowRunBranchLabel(run);\n  const commit = workflowRunCommitLabel(run);\n  const actor = workflowRunActor(run);\n\n  const body = (\n    <>\n      <WorkflowStatusIcon status={status} size={14} className=\"shrink-0\" />\n\n      <div className=\"flex min-w-0 flex-1 flex-col gap-tight @min-[976px]:flex-row @min-[976px]:items-center @min-[976px]:gap-cluster\">\n        <span className=\"flex min-w-0 items-center gap-inline @min-[976px]:flex-1\">\n          <Code variant=\"label\" bold className=\"truncate text-foreground-neutral-base\">\n            {run.name}\n          </Code>\n          {run.number !== null ? <WorkflowRunNumberLabel run={run} /> : null}\n        </span>\n\n        <span className=\"flex min-w-0 flex-wrap items-center gap-inline text-foreground-neutral-subtle @min-[976px]:flex-nowrap @min-[976px]:shrink-0\">\n          {run.triggerDisplayLabel ? <TriggerLabel run={run} /> : null}\n          {branch ? <BranchLabel branch={branch} isPullRequest={branch.startsWith('#')} /> : null}\n          {commit ? <CommitLabel commit={commit} /> : null}\n          {actor ? <ActorLabel actor={actor} /> : null}\n        </span>\n      </div>\n\n      <span className=\"flex shrink-0 items-center gap-cluster\">\n        {/* Fixed at the strip's worst case (see MAX_VISIBLE_JOBS) so the overflow count cannot\n            paint over the duration, and kept even when a run has no jobs planned yet, so the\n            numerics stay in line down the list instead of stepping in and out. */}\n        <span className=\"hidden w-160 @min-[1040px]:flex\">\n          <JobStatusStrip jobs={run.jobs} />\n        </span>\n        <span className=\"flex w-64 justify-end\">\n          <WorkflowRunDurationLabel duration={duration} hasStarted={hasStarted} />\n        </span>\n        <Code\n          variant=\"label\"\n          className=\"w-64 shrink-0 text-right tabular-nums text-foreground-neutral-muted\"\n        >\n          <RelativeTime value={run.createdAt} />\n        </Code>\n      </span>\n    </>\n  );\n\n  // Rows run edge to edge inside the list's scroll container, which would clip the standard\n  // outset focus ring, so this one is inset per the design system's focus-ring rule.\n  const rowClassName =\n    'flex w-full min-w-0 items-center gap-inline px-row py-row text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-[inset_0_0_0_2px_var(--color-primary-500)] focus-visible:outline-none @min-[976px]:h-44 @min-[976px]:py-0';\n\n  // Optimistic manual runs (temp-<uuid>) have no detail page until the canonical row\n  // replaces them on the next poll, so they render non-interactively instead of as a link\n  // that would navigate to a workflow run id the detail route rejects.\n  if (run.isTemporary || !workspaceSlug || !projectSlug) {\n    return <div className={rowClassName}>{body}</div>;\n  }\n\n  return (\n    <Link\n      to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId\"\n      params={{workspaceSlug, projectSlug, workflowRunId: run.id}}\n      search={\n        ((previous: Record<string, unknown>) =>\n          withoutWorkflowRunSelectionSearch(previous)) as never\n      }\n      // An aria-label is the link's whole accessible name, so anything inside the row that\n      // carries its own label (the status glyph, the job strip) goes unspoken unless it is\n      // curated in here. The job breakdown is the reason this list is worth its width, so it\n      // belongs in what a tabbing user hears, not only in browse mode.\n      aria-label={[\n        run.name,\n        runNumberLabel,\n        statusLabel,\n        durationLabel,\n        run.triggerLabel,\n        branch ? `branch ${branch}` : undefined,\n        actor ? `by ${actor}` : undefined,\n        run.jobs.total > 0 ? jobStatusSummary(run.jobs) : undefined,\n      ]\n        .filter((part): part is string => Boolean(part))\n        .join(', ')}\n      className={rowClassName}\n    >\n      {body}\n    </Link>\n  );\n}\n\nfunction TriggerLabel({run}: {run: WorkflowRunListItem}) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span className=\"flex min-w-0 max-w-[140px] items-center gap-tight outline-none\">\n          <TriggerSourceIcon\n            provider={run.triggerProvider}\n            source={run.triggerSource}\n            aria-hidden=\"true\"\n            className=\"size-12 shrink-0 text-foreground-neutral-muted\"\n          />\n          <Text as=\"span\" size=\"xs\" className=\"min-w-0 truncate\">\n            {run.triggerDisplayLabel}\n          </Text>\n        </span>\n      </TooltipTrigger>\n      <TooltipContent>\n        <Text as=\"span\" size=\"xs\" className=\"block max-w-[360px] break-words\">\n          {run.triggerLabel}\n        </Text>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\nfunction BranchLabel({branch, isPullRequest}: {branch: string; isPullRequest: boolean}) {\n  return (\n    <MetadataChip\n      icon={isPullRequest ? 'gitPullRequestLine' : 'gitBranchLine'}\n      title={isPullRequest ? `Pull request ${branch}` : `Branch ${branch}`}\n      className=\"max-w-[180px]\"\n    >\n      {branch}\n    </MetadataChip>\n  );\n}\n\nfunction CommitLabel({commit}: {commit: string}) {\n  return (\n    <MetadataChip icon=\"gitCommitLine\" title={`Commit ${commit}`}>\n      {commit}\n    </MetadataChip>\n  );\n}\n\nfunction ActorLabel({actor}: {actor: string}) {\n  return (\n    <MetadataChip\n      icon=\"userLine\"\n      title={`Triggered by ${actor}`}\n      // Dropped once the row is two lines, where the provenance line has to stay readable on\n      // a phone.\n      className=\"hidden max-w-[120px] @min-[976px]:flex\"\n    >\n      {actor}\n    </MetadataChip>\n  );\n}\n\n/**\n * A ref, SHA, or handle: monospace because it is content a user copies or pattern-matches,\n * with the icon carrying the kind so the value itself never needs a written label.\n */\nfunction MetadataChip({\n  icon,\n  title,\n  className,\n  children,\n}: {\n  icon: IconName;\n  title: string;\n  className?: string | undefined;\n  children: string;\n}) {\n  return (\n    <span className={cn('flex min-w-0 shrink-0 items-center gap-tight', className)} title={title}>\n      <Icon name={icon} className=\"size-12 shrink-0 text-foreground-neutral-muted\" aria-hidden />\n      <Code as=\"span\" variant=\"label\" className=\"min-w-0 truncate\">\n        {children}\n      </Code>\n    </span>\n  );\n}\n"],"names":["TriggerSourceIcon","Icon","RelativeTime","Tooltip","TooltipContent","TooltipTrigger","Code","Text","cn","Link","useWorkflowRunDurationAccessibleLabel","WorkflowRunDurationLabel","formatWorkflowRunNumberLabel","WorkflowRunNumberLabel","getWorkflowStatusVisual","WorkflowStatusIcon","workflowRunActor","workflowRunBranchLabel","workflowRunCommitLabel","withoutWorkflowRunSelectionSearch","JobStatusStrip","jobStatusSummary","WorkflowRunRowList","runs","workspaceSlug","projectSlug","ul","className","map","run","li","WorkflowRunRow","id","duration","runAttempt","displayDuration","hasStarted","jobs","hasStartedJobExecution","durationLabel","status","statusLabel","label","runNumberLabel","branch","commit","actor","body","size","div","span","variant","bold","name","number","triggerDisplayLabel","TriggerLabel","BranchLabel","isPullRequest","startsWith","CommitLabel","ActorLabel","value","createdAt","rowClassName","isTemporary","to","params","workflowRunId","search","previous","aria-label","triggerLabel","undefined","total","filter","part","Boolean","join","asChild","provider","triggerProvider","source","triggerSource","aria-hidden","as","MetadataChip","icon","title","children"],"mappings":"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"}

package/dist/components/workflow-run-summary/workflow-run-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-summary.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-summary/workflow-run-summary.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAG1B,MAAM,uBAAuB,CAAC;AAe/B,MAAM,WAAW,uBAAuB;IACtC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,GAAG,EAAE,iBAAiB,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7D,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,WAAW,EACX,GAAG,EACH,UAAkB,EAClB,QAAQ,EACR,YAAoB,EACpB,OAAO,EACP,aAAa,GACd,EAAE,uBAAuB,+BAqJzB"}
+{"version":3,"file":"workflow-run-summary.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-summary/workflow-run-summary.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAa/B,MAAM,WAAW,uBAAuB;IACtC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,GAAG,EAAE,iBAAiB,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7D,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,WAAW,EACX,GAAG,EACH,UAAkB,EAClB,QAAQ,EACR,YAAoB,EACpB,OAAO,EACP,aAAa,GACd,EAAE,uBAAuB,+BAoIzB"}

package/dist/components/workflow-run-summary/workflow-run-summary.js

@@ -8,22 +8,18 @@ import { useIsTextTruncated } from '@shipfox/react-ui/hooks';
 import { RelativeTime } from '@shipfox/react-ui/relative-time';
 import { TimeTickerProvider } from '@shipfox/react-ui/time-ticker';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
-import { Code, Header, Text } from '@shipfox/react-ui/typography';
+import { Header, Text } from '@shipfox/react-ui/typography';
 import { useId } from 'react';
 import { WorkflowRunNumberLabel } from '#components/workflow-run-number-label.js';
-import { isWorkflowRunTerminal, WORKFLOW_RUN_STATUSES, workflowRunBlockingJob, workflowRunDetailDisplay } from '#core/workflow-run.js';
+import { isWorkflowRunTerminal, WORKFLOW_RUN_STATUSES } from '#core/workflow-run.js';
 import { WorkflowRunDurationLabel } from '../workflow-run-duration-label.js';
 import { getWorkflowStatusVisual } from '../workflow-status/status-visuals.js';
 import { WorkflowRunAttemptSwitcher } from './workflow-run-attempt-switcher.js';
-const STATUS_BADGE_LABEL_WIDTH_CH = Math.max(...[
-    ...WORKFLOW_RUN_STATUSES,
-    'queued'
-].map((status)=>getWorkflowStatusVisual(status).label.length));
+const STATUS_BADGE_LABEL_WIDTH_CH = Math.max(...WORKFLOW_RUN_STATUSES.map((status)=>getWorkflowStatusVisual(status).label.length));
 const RERUN_BUTTON_SURFACE_CLASS_NAME = 'bg-background-neutral-base hover:bg-background-neutral-hover active:bg-background-neutral-pressed';
 export function WorkflowRunSummary({ workspaceSlug, projectSlug, run, cancelling = false, onCancel, rerunPending = false, onRerun, latestAttempt }) {
     const headingId = useId();
-    const display = workflowRunDetailDisplay(run);
-    const status = getWorkflowStatusVisual(display.status);
+    const status = getWorkflowStatusVisual(run.runAttempt.status);
     const action = workflowRunActionForRun(run);
     const hasAction = canRenderWorkflowRunAction(action, onCancel, onRerun);
     const attemptSwitcher = latestAttempt && latestAttempt > 1 && workspaceSlug && projectSlug ? {
@@ -31,10 +27,8 @@ export function WorkflowRunSummary({ workspaceSlug, projectSlug, run, cancelling
         projectSlug,
         latestAttempt
     } : null;
-    const displayDuration = display.duration;
-    // Named only while the run is waiting and has more than one job: with a single job the rail
-    // and the graph already say which one it is.
-    const blockingJob = display.status === 'queued' && run.jobs.length > 1 ? workflowRunBlockingJob(run.jobs) : null;
+    const displayDuration = run.runAttempt.displayDuration;
+    const hasStarted = run.hasStartedJobExecution;
     const { ref: headingTextRef, isTruncated: isHeadingTruncated } = useIsTextTruncated(run.name);
     return /*#__PURE__*/ _jsx(TimeTickerProvider, {
         intervalMs: 1000,
@@ -169,31 +163,10 @@ export function WorkflowRunSummary({ workspaceSlug, projectSlug, run, cancelling
                                     /*#__PURE__*/ _jsx(MetadataSeparator, {}),
                                     /*#__PURE__*/ _jsx(WorkflowRunDurationLabel, {
                                         duration: displayDuration,
+                                        hasStarted: hasStarted,
                                         className: "text-foreground-neutral-subtle"
                                     })
                                 ]
-                            }) : null,
-                            blockingJob ? /*#__PURE__*/ _jsxs(_Fragment, {
-                                children: [
-                                    /*#__PURE__*/ _jsx(MetadataSeparator, {}),
-                                    /*#__PURE__*/ _jsxs("span", {
-                                        className: "flex min-w-0 items-center gap-tight",
-                                        children: [
-                                            /*#__PURE__*/ _jsx(Text, {
-                                                as: "span",
-                                                size: "xs",
-                                                className: "shrink-0",
-                                                children: "waiting on"
-                                            }),
-                                            /*#__PURE__*/ _jsx(Code, {
-                                                as: "span",
-                                                variant: "label",
-                                                className: "min-w-0 truncate",
-                                                children: blockingJob.displayName
-                                            })
-                                        ]
-                                    })
-                                ]
                             }) : null
                         ]
                     })