@shipfox/client-workflows 0.2.0

package/dist/components/job-graph/job-node.js

@@ -0,0 +1,196 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TriggerSourceIcon } from '@shipfox/client-triggers';
+import { Badge } from '@shipfox/react-ui/badge';
+import { useIsTextTruncated } from '@shipfox/react-ui/hooks';
+import { Icon } from '@shipfox/react-ui/icon';
+import { useTimeTick } from '@shipfox/react-ui/time-ticker';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
+import { Code } 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 { formatJobDurationAccessibleLabel } from './job-duration-format.js';
+import { JobDurationLabel } from './job-duration-label.js';
+const TRIGGER_SIZE = 36;
+export function TriggerNode({ trigger }) {
+    const label = trigger.triggerDisplayLabel || 'trigger';
+    const tooltip = trigger.triggerLabel || label;
+    return /*#__PURE__*/ _jsxs(Tooltip, {
+        children: [
+            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx("button", {
+                    type: "button",
+                    "aria-label": label,
+                    className: "flex items-center justify-center rounded-full border border-border-neutral-base bg-background-components-base transition-colors hover:bg-background-components-hover focus-visible:shadow-border-interactive-with-active focus-visible:outline-none",
+                    style: {
+                        width: TRIGGER_SIZE,
+                        height: TRIGGER_SIZE
+                    },
+                    children: /*#__PURE__*/ _jsx(TriggerSourceIcon, {
+                        provider: trigger.triggerProvider,
+                        source: trigger.triggerSource,
+                        "aria-hidden": true,
+                        className: "size-14 shrink-0 text-foreground-neutral-muted"
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(TooltipContent, {
+                children: /*#__PURE__*/ _jsx("span", {
+                    children: tooltip
+                })
+            })
+        ]
+    });
+}
+export function JobNode({ node, selected, onSelect, onKeyDown, onHoverStart, onHoverEnd, ref }) {
+    useTimeTick();
+    const visual = getWorkflowStatusVisual(node.status);
+    const accessibleLabel = [
+        node.displayName,
+        visual.label,
+        formatJobDurationAccessibleLabel(node.displayDuration),
+        node.executionCountVisible ? executionCountAccessibleLabel(node.jobExecutions.length) : undefined,
+        node.carriedOver ? 'reused' : undefined
+    ].filter((part)=>Boolean(part)).join(', ');
+    return /*#__PURE__*/ _jsxs("button", {
+        ref: ref,
+        type: "button",
+        "aria-pressed": selected,
+        "aria-label": accessibleLabel,
+        "data-job-id": node.id,
+        onClick: onSelect,
+        onKeyDown: onKeyDown,
+        onPointerEnter: onHoverStart,
+        onPointerLeave: onHoverEnd,
+        className: cn('group relative flex h-48 w-208 items-center gap-8 rounded-8 border border-border-neutral-base bg-background-components-base px-10 text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-border-interactive-with-active focus-visible:outline-none', selected && 'bg-background-components-hover', node.carriedOver && 'opacity-[0.55]'),
+        children: [
+            selected ? /*#__PURE__*/ _jsx("span", {
+                "aria-hidden": "true",
+                className: "absolute inset-y-6 left-0 w-3 rounded-full bg-border-highlights-interactive"
+            }) : null,
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex min-w-0 flex-1 items-center gap-8",
+                children: [
+                    /*#__PURE__*/ _jsx(WorkflowStatusIcon, {
+                        status: node.status,
+                        jobMode: node.mode,
+                        size: 14
+                    }),
+                    /*#__PURE__*/ _jsx(JobLabel, {
+                        label: node.displayName
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(JobDurationLabel, {
+                duration: node.displayDuration
+            }),
+            node.executionCountVisible ? /*#__PURE__*/ _jsx(ExecutionCountText, {
+                executions: node.jobExecutions
+            }) : null,
+            node.carriedOver ? /*#__PURE__*/ _jsx(CarriedOverBadge, {}) : null
+        ]
+    });
+}
+function ExecutionCountText({ executions }) {
+    const count = executions.length;
+    return /*#__PURE__*/ _jsxs(Tooltip, {
+        children: [
+            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsxs("span", {
+                    "aria-hidden": "true",
+                    className: "inline-flex h-20 min-w-28 shrink-0 items-center justify-end gap-4 text-foreground-neutral-muted",
+                    children: [
+                        /*#__PURE__*/ _jsx(Icon, {
+                            name: "loopRightLine",
+                            className: "size-12"
+                        }),
+                        /*#__PURE__*/ _jsx(Code, {
+                            as: "span",
+                            variant: "label",
+                            className: "text-current",
+                            children: count
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(TooltipContent, {
+                children: executionCountTooltip(executions)
+            })
+        ]
+    });
+}
+function CarriedOverBadge() {
+    return /*#__PURE__*/ _jsxs(Tooltip, {
+        children: [
+            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx("span", {
+                    className: "shrink-0",
+                    children: /*#__PURE__*/ _jsx(Badge, {
+                        variant: "neutral",
+                        size: "2xs",
+                        children: "reused"
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(TooltipContent, {
+                children: "Carried over from a previous attempt; did not run in this attempt"
+            })
+        ]
+    });
+}
+function JobLabel({ label }) {
+    const { ref: labelRef, isTruncated } = useIsTextTruncated(label);
+    return /*#__PURE__*/ _jsxs(Tooltip, {
+        children: [
+            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx("span", {
+                    ref: labelRef,
+                    className: "block min-w-0 truncate",
+                    children: /*#__PURE__*/ _jsx(Code, {
+                        as: "span",
+                        variant: "label",
+                        bold: true,
+                        className: "text-foreground-neutral-base",
+                        children: label
+                    })
+                })
+            }),
+            isTruncated ? /*#__PURE__*/ _jsx(TooltipContent, {
+                children: label
+            }) : null
+        ]
+    });
+}
+function executionCountAccessibleLabel(count) {
+    return `${count} ${count === 1 ? 'execution' : 'executions'}`;
+}
+function executionCountTooltip(executions) {
+    const counts = executionStatusCounts(executions);
+    const parts = EXECUTION_STATUSES.map((status)=>counts[status] > 0 ? `${counts[status]} ${status}` : undefined).filter((part)=>part !== undefined);
+    return parts.length > 0 ? parts.join(', ') : 'No executions';
+}
+const EXECUTION_STATUSES = [
+    'pending',
+    'running',
+    'succeeded',
+    'failed',
+    'cancelled'
+];
+function executionStatusCounts(executions) {
+    return executions.reduce((counts, execution)=>{
+        counts[execution.status] += 1;
+        return counts;
+    }, {
+        pending: 0,
+        running: 0,
+        succeeded: 0,
+        failed: 0,
+        cancelled: 0
+    });
+}
+
+//# sourceMappingURL=job-node.js.map

package/dist/components/job-graph/job-node.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/job-graph/job-node.tsx"],"sourcesContent":["import {TriggerSourceIcon} from '@shipfox/client-triggers';\nimport {Badge} from '@shipfox/react-ui/badge';\nimport {useIsTextTruncated} from '@shipfox/react-ui/hooks';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {useTimeTick} from '@shipfox/react-ui/time-ticker';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport type {KeyboardEventHandler, Ref} from 'react';\nimport {getWorkflowStatusVisual} from '#components/workflow-status/status-visuals.js';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport type {JobExecution, JobExecutionStatus, WorkflowRunDetail} from '#core/workflow-run.js';\nimport type {JobGraphNode} from './graph-model.js';\nimport {formatJobDurationAccessibleLabel} from './job-duration-format.js';\nimport {JobDurationLabel} from './job-duration-label.js';\n\nconst TRIGGER_SIZE = 36;\n\nexport function TriggerNode({\n  trigger,\n}: {\n  trigger: Pick<\n    WorkflowRunDetail,\n    'triggerDisplayLabel' | 'triggerLabel' | 'triggerProvider' | 'triggerSource'\n  >;\n}) {\n  const label = trigger.triggerDisplayLabel || 'trigger';\n  const tooltip = trigger.triggerLabel || label;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          aria-label={label}\n          className=\"flex items-center justify-center rounded-full border border-border-neutral-base bg-background-components-base transition-colors hover:bg-background-components-hover focus-visible:shadow-border-interactive-with-active focus-visible:outline-none\"\n          style={{width: TRIGGER_SIZE, height: TRIGGER_SIZE}}\n        >\n          <TriggerSourceIcon\n            provider={trigger.triggerProvider}\n            source={trigger.triggerSource}\n            aria-hidden\n            className=\"size-14 shrink-0 text-foreground-neutral-muted\"\n          />\n        </button>\n      </TooltipTrigger>\n      <TooltipContent>\n        <span>{tooltip}</span>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport function JobNode({\n  node,\n  selected,\n  onSelect,\n  onKeyDown,\n  onHoverStart,\n  onHoverEnd,\n  ref,\n}: {\n  node: JobGraphNode;\n  selected: boolean;\n  onSelect: () => void;\n  onKeyDown: KeyboardEventHandler<HTMLButtonElement>;\n  onHoverStart: () => void;\n  onHoverEnd: () => void;\n  ref?: Ref<HTMLButtonElement>;\n}) {\n  useTimeTick();\n  const visual = getWorkflowStatusVisual(node.status);\n  const accessibleLabel = [\n    node.displayName,\n    visual.label,\n    formatJobDurationAccessibleLabel(node.displayDuration),\n    node.executionCountVisible\n      ? executionCountAccessibleLabel(node.jobExecutions.length)\n      : undefined,\n    node.carriedOver ? 'reused' : undefined,\n  ]\n    .filter((part): part is string => Boolean(part))\n    .join(', ');\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-pressed={selected}\n      aria-label={accessibleLabel}\n      data-job-id={node.id}\n      onClick={onSelect}\n      onKeyDown={onKeyDown}\n      onPointerEnter={onHoverStart}\n      onPointerLeave={onHoverEnd}\n      className={cn(\n        'group relative flex h-48 w-208 items-center gap-8 rounded-8 border border-border-neutral-base bg-background-components-base px-10 text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-border-interactive-with-active focus-visible:outline-none',\n        selected && 'bg-background-components-hover',\n        node.carriedOver && 'opacity-[0.55]',\n      )}\n    >\n      {selected ? (\n        <span\n          aria-hidden=\"true\"\n          className=\"absolute inset-y-6 left-0 w-3 rounded-full bg-border-highlights-interactive\"\n        />\n      ) : null}\n      <div className=\"flex min-w-0 flex-1 items-center gap-8\">\n        <WorkflowStatusIcon status={node.status} jobMode={node.mode} size={14} />\n        <JobLabel label={node.displayName} />\n      </div>\n      <JobDurationLabel duration={node.displayDuration} />\n      {node.executionCountVisible ? <ExecutionCountText executions={node.jobExecutions} /> : null}\n      {node.carriedOver ? <CarriedOverBadge /> : null}\n    </button>\n  );\n}\n\nfunction ExecutionCountText({executions}: {executions: JobExecution[]}) {\n  const count = executions.length;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span\n          aria-hidden=\"true\"\n          className=\"inline-flex h-20 min-w-28 shrink-0 items-center justify-end gap-4 text-foreground-neutral-muted\"\n        >\n          <Icon name=\"loopRightLine\" className=\"size-12\" />\n          <Code as=\"span\" variant=\"label\" className=\"text-current\">\n            {count}\n          </Code>\n        </span>\n      </TooltipTrigger>\n      <TooltipContent>{executionCountTooltip(executions)}</TooltipContent>\n    </Tooltip>\n  );\n}\n\nfunction CarriedOverBadge() {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span className=\"shrink-0\">\n          <Badge variant=\"neutral\" size=\"2xs\">\n            reused\n          </Badge>\n        </span>\n      </TooltipTrigger>\n      <TooltipContent>\n        Carried over from a previous attempt; did not run in this attempt\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\nfunction JobLabel({label}: {label: string}) {\n  const {ref: labelRef, isTruncated} = useIsTextTruncated<HTMLSpanElement>(label);\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span ref={labelRef} className=\"block min-w-0 truncate\">\n          <Code as=\"span\" variant=\"label\" bold className=\"text-foreground-neutral-base\">\n            {label}\n          </Code>\n        </span>\n      </TooltipTrigger>\n      {isTruncated ? <TooltipContent>{label}</TooltipContent> : null}\n    </Tooltip>\n  );\n}\n\nfunction executionCountAccessibleLabel(count: number): string {\n  return `${count} ${count === 1 ? 'execution' : 'executions'}`;\n}\n\nfunction executionCountTooltip(executions: JobExecution[]): string {\n  const counts = executionStatusCounts(executions);\n  const parts = EXECUTION_STATUSES.map((status) =>\n    counts[status] > 0 ? `${counts[status]} ${status}` : undefined,\n  ).filter((part): part is string => part !== undefined);\n  return parts.length > 0 ? parts.join(', ') : 'No executions';\n}\n\nconst EXECUTION_STATUSES = [\n  'pending',\n  'running',\n  'succeeded',\n  'failed',\n  'cancelled',\n] as const satisfies readonly JobExecutionStatus[];\n\nfunction executionStatusCounts(executions: JobExecution[]) {\n  return executions.reduce(\n    (counts, execution) => {\n      counts[execution.status] += 1;\n      return counts;\n    },\n    {pending: 0, running: 0, succeeded: 0, failed: 0, cancelled: 0},\n  );\n}\n"],"names":["TriggerSourceIcon","Badge","useIsTextTruncated","Icon","useTimeTick","Tooltip","TooltipContent","TooltipTrigger","Code","cn","getWorkflowStatusVisual","WorkflowStatusIcon","formatJobDurationAccessibleLabel","JobDurationLabel","TRIGGER_SIZE","TriggerNode","trigger","label","triggerDisplayLabel","tooltip","triggerLabel","asChild","button","type","aria-label","className","style","width","height","provider","triggerProvider","source","triggerSource","aria-hidden","span","JobNode","node","selected","onSelect","onKeyDown","onHoverStart","onHoverEnd","ref","visual","status","accessibleLabel","displayName","displayDuration","executionCountVisible","executionCountAccessibleLabel","jobExecutions","length","undefined","carriedOver","filter","part","Boolean","join","aria-pressed","data-job-id","id","onClick","onPointerEnter","onPointerLeave","div","jobMode","mode","size","JobLabel","duration","ExecutionCountText","executions","CarriedOverBadge","count","name","as","variant","executionCountTooltip","labelRef","isTruncated","bold","counts","executionStatusCounts","parts","EXECUTION_STATUSES","map","reduce","execution","pending","running","succeeded","failed","cancelled"],"mappings":";AAAA,SAAQA,iBAAiB,QAAO,2BAA2B;AAC3D,SAAQC,KAAK,QAAO,0BAA0B;AAC9C,SAAQC,kBAAkB,QAAO,0BAA0B;AAC3D,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAO,4BAA4B;AAClF,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,EAAE,QAAO,0BAA0B;AAE3C,SAAQC,uBAAuB,QAAO,gDAAgD;AACtF,SAAQC,kBAAkB,QAAO,sDAAsD;AAGvF,SAAQC,gCAAgC,QAAO,2BAA2B;AAC1E,SAAQC,gBAAgB,QAAO,0BAA0B;AAEzD,MAAMC,eAAe;AAErB,OAAO,SAASC,YAAY,EAC1BC,OAAO,EAMR;IACC,MAAMC,QAAQD,QAAQE,mBAAmB,IAAI;IAC7C,MAAMC,UAAUH,QAAQI,YAAY,IAAIH;IAExC,qBACE,MAACZ;;0BACC,KAACE;gBAAec,OAAO;0BACrB,cAAA,KAACC;oBACCC,MAAK;oBACLC,cAAYP;oBACZQ,WAAU;oBACVC,OAAO;wBAACC,OAAOb;wBAAcc,QAAQd;oBAAY;8BAEjD,cAAA,KAACd;wBACC6B,UAAUb,QAAQc,eAAe;wBACjCC,QAAQf,QAAQgB,aAAa;wBAC7BC,aAAW;wBACXR,WAAU;;;;0BAIhB,KAACnB;0BACC,cAAA,KAAC4B;8BAAMf;;;;;AAIf;AAEA,OAAO,SAASgB,QAAQ,EACtBC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,UAAU,EACVC,GAAG,EASJ;IACCtC;IACA,MAAMuC,SAASjC,wBAAwB0B,KAAKQ,MAAM;IAClD,MAAMC,kBAAkB;QACtBT,KAAKU,WAAW;QAChBH,OAAO1B,KAAK;QACZL,iCAAiCwB,KAAKW,eAAe;QACrDX,KAAKY,qBAAqB,GACtBC,8BAA8Bb,KAAKc,aAAa,CAACC,MAAM,IACvDC;QACJhB,KAAKiB,WAAW,GAAG,WAAWD;KAC/B,CACEE,MAAM,CAAC,CAACC,OAAyBC,QAAQD,OACzCE,IAAI,CAAC;IAER,qBACE,MAACnC;QACCoB,KAAKA;QACLnB,MAAK;QACLmC,gBAAcrB;QACdb,cAAYqB;QACZc,eAAavB,KAAKwB,EAAE;QACpBC,SAASvB;QACTC,WAAWA;QACXuB,gBAAgBtB;QAChBuB,gBAAgBtB;QAChBhB,WAAWhB,GACT,qRACA4B,YAAY,kCACZD,KAAKiB,WAAW,IAAI;;YAGrBhB,yBACC,KAACH;gBACCD,eAAY;gBACZR,WAAU;iBAEV;0BACJ,MAACuC;gBAAIvC,WAAU;;kCACb,KAACd;wBAAmBiC,QAAQR,KAAKQ,MAAM;wBAAEqB,SAAS7B,KAAK8B,IAAI;wBAAEC,MAAM;;kCACnE,KAACC;wBAASnD,OAAOmB,KAAKU,WAAW;;;;0BAEnC,KAACjC;gBAAiBwD,UAAUjC,KAAKW,eAAe;;YAC/CX,KAAKY,qBAAqB,iBAAG,KAACsB;gBAAmBC,YAAYnC,KAAKc,aAAa;iBAAO;YACtFd,KAAKiB,WAAW,iBAAG,KAACmB,wBAAsB;;;AAGjD;AAEA,SAASF,mBAAmB,EAACC,UAAU,EAA+B;IACpE,MAAME,QAAQF,WAAWpB,MAAM;IAE/B,qBACE,MAAC9C;;0BACC,KAACE;gBAAec,OAAO;0BACrB,cAAA,MAACa;oBACCD,eAAY;oBACZR,WAAU;;sCAEV,KAACtB;4BAAKuE,MAAK;4BAAgBjD,WAAU;;sCACrC,KAACjB;4BAAKmE,IAAG;4BAAOC,SAAQ;4BAAQnD,WAAU;sCACvCgD;;;;;0BAIP,KAACnE;0BAAgBuE,sBAAsBN;;;;AAG7C;AAEA,SAASC;IACP,qBACE,MAACnE;;0BACC,KAACE;gBAAec,OAAO;0BACrB,cAAA,KAACa;oBAAKT,WAAU;8BACd,cAAA,KAACxB;wBAAM2E,SAAQ;wBAAUT,MAAK;kCAAM;;;;0BAKxC,KAAC7D;0BAAe;;;;AAKtB;AAEA,SAAS8D,SAAS,EAACnD,KAAK,EAAkB;IACxC,MAAM,EAACyB,KAAKoC,QAAQ,EAAEC,WAAW,EAAC,GAAG7E,mBAAoCe;IAEzE,qBACE,MAACZ;;0BACC,KAACE;gBAAec,OAAO;0BACrB,cAAA,KAACa;oBAAKQ,KAAKoC;oBAAUrD,WAAU;8BAC7B,cAAA,KAACjB;wBAAKmE,IAAG;wBAAOC,SAAQ;wBAAQI,IAAI;wBAACvD,WAAU;kCAC5CR;;;;YAIN8D,4BAAc,KAACzE;0BAAgBW;iBAA0B;;;AAGhE;AAEA,SAASgC,8BAA8BwB,KAAa;IAClD,OAAO,GAAGA,MAAM,CAAC,EAAEA,UAAU,IAAI,cAAc,cAAc;AAC/D;AAEA,SAASI,sBAAsBN,UAA0B;IACvD,MAAMU,SAASC,sBAAsBX;IACrC,MAAMY,QAAQC,mBAAmBC,GAAG,CAAC,CAACzC,SACpCqC,MAAM,CAACrC,OAAO,GAAG,IAAI,GAAGqC,MAAM,CAACrC,OAAO,CAAC,CAAC,EAAEA,QAAQ,GAAGQ,WACrDE,MAAM,CAAC,CAACC,OAAyBA,SAASH;IAC5C,OAAO+B,MAAMhC,MAAM,GAAG,IAAIgC,MAAM1B,IAAI,CAAC,QAAQ;AAC/C;AAEA,MAAM2B,qBAAqB;IACzB;IACA;IACA;IACA;IACA;CACD;AAED,SAASF,sBAAsBX,UAA0B;IACvD,OAAOA,WAAWe,MAAM,CACtB,CAACL,QAAQM;QACPN,MAAM,CAACM,UAAU3C,MAAM,CAAC,IAAI;QAC5B,OAAOqC;IACT,GACA;QAACO,SAAS;QAAGC,SAAS;QAAGC,WAAW;QAAGC,QAAQ;QAAGC,WAAW;IAAC;AAElE"}

package/dist/components/job-graph/types.d.ts

@@ -0,0 +1,9 @@
+import type { WorkflowRunDetail } from '#core/workflow-run.js';
+export interface JobGraphProps {
+    run: WorkflowRunDetail;
+    selectedJobId?: string | undefined;
+    defaultSelectedJobId?: string | undefined;
+    onSelectedJobChange?: ((jobId: string | undefined) => void) | undefined;
+    className?: string | undefined;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/job-graph/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/job-graph/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AAE7D,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,oBAAoB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,mBAAmB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC"}

package/dist/components/job-graph/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/components/job-graph/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/job-graph/types.ts"],"sourcesContent":["import type {WorkflowRunDetail} from '#core/workflow-run.js';\n\nexport interface JobGraphProps {\n  run: WorkflowRunDetail;\n  selectedJobId?: string | undefined;\n  defaultSelectedJobId?: string | undefined;\n  onSelectedJobChange?: ((jobId: string | undefined) => void) | undefined;\n  className?: string | undefined;\n}\n"],"names":[],"mappings":"AAEA,WAMC"}

package/dist/components/step-list/index.d.ts

@@ -0,0 +1,3 @@
+export type { StepExpandedContext, StepListEmptyState, StepListProps, } from './step-list.js';
+export { StepList } from './step-list.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/step-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/step-list/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC"}

package/dist/components/step-list/index.js

@@ -0,0 +1,3 @@
+export { StepList } from './step-list.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/step-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/step-list/index.ts"],"sourcesContent":["export type {\n  StepExpandedContext,\n  StepListEmptyState,\n  StepListProps,\n} from './step-list.js';\nexport {StepList} from './step-list.js';\n"],"names":["StepList"],"mappings":"AAKA,SAAQA,QAAQ,QAAO,iBAAiB"}

package/dist/components/step-list/step-list-model.d.ts

@@ -0,0 +1,36 @@
+import { type WorkflowStatusVisual } from '#components/workflow-status/status-visuals.js';
+import { type Job, JobExecution, type Step, type StepAttempt, type StepAttemptDisplayDuration } from '#core/workflow-run.js';
+export interface StepStatusVisual extends Omit<WorkflowStatusVisual, 'kind'> {
+    kind: string;
+    ripple: boolean;
+}
+export interface StepAttemptModel extends StepAttempt {
+    displayDuration: StepAttemptDisplayDuration | null;
+    statusVisual: StepStatusVisual;
+    carriedOver: boolean;
+}
+export interface StepModel extends Omit<Step, 'attempts'> {
+    index: number;
+    label: string;
+    attempts: StepAttemptModel[];
+}
+export interface StepListEntryModel extends StepAttemptModel {
+    step: StepModel;
+}
+export interface StepListModel {
+    jobId: string;
+    jobName: string;
+    jobExecutionId: string;
+    stepCount: number;
+    activeEntryId: string | undefined;
+    entries: StepListEntryModel[];
+}
+export declare function buildStepListModel({ job, jobExecution, }: {
+    job: Job;
+    jobExecution?: JobExecution | undefined;
+}): StepListModel;
+export declare function defaultStepListJobExecution(job: Job): JobExecution;
+export declare function emptyJobExecutionForJob(job: Job): JobExecution;
+export declare function getStepStatusVisual(status: string): StepStatusVisual;
+export declare function humanizeStatus(status: string): string;
+//# sourceMappingURL=step-list-model.d.ts.map

package/dist/components/step-list/step-list-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-list-model.d.ts","sourceRoot":"","sources":["../../../src/components/step-list/step-list-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAGL,KAAK,GAAG,EACR,YAAY,EACZ,KAAK,IAAI,EACT,KAAK,WAAW,EAChB,KAAK,0BAA0B,EAChC,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,eAAe,EAAE,0BAA0B,GAAG,IAAI,CAAC;IACnD,YAAY,EAAE,gBAAgB,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,gBAAgB,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,GAAG,EACH,YAAY,GACb,EAAE;IACD,GAAG,EAAE,GAAG,CAAC;IACT,YAAY,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;CACzC,GAAG,aAAa,CAehB;AAED,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,GAAG,GAAG,YAAY,CAElE;AAED,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,GAAG,GAAG,YAAY,CAiB9D;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,gBAAgB,CAepE;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAKrD"}

package/dist/components/step-list/step-list-model.js

@@ -0,0 +1,135 @@
+import { getWorkflowStatusVisual } from '#components/workflow-status/status-visuals.js';
+import { defaultJobExecution, isWorkflowStatus as isKnownWorkflowStatus, JobExecution } from '#core/workflow-run.js';
+export function buildStepListModel({ job, jobExecution }) {
+    const selectedJobExecution = jobExecution ?? defaultStepListJobExecution(job);
+    const steps = [
+        ...selectedJobExecution.steps
+    ].sort(compareSteps).map(toStepModel);
+    const entries = steps.flatMap((step)=>toStepEntries(step, job.carriedOver)).sort(compareEntries);
+    return {
+        jobId: job.id,
+        jobName: job.name ?? job.key,
+        jobExecutionId: selectedJobExecution.id,
+        stepCount: steps.length,
+        activeEntryId: latestRunningEntryId(entries),
+        entries
+    };
+}
+export function defaultStepListJobExecution(job) {
+    return defaultJobExecution(job) ?? emptyJobExecutionForJob(job);
+}
+export function emptyJobExecutionForJob(job) {
+    return new JobExecution({
+        id: `missing:${job.id}`,
+        jobId: job.id,
+        sequence: 1,
+        name: job.name ?? job.key,
+        status: job.status === 'skipped' ? 'cancelled' : job.status,
+        statusReason: job.statusReason,
+        triggerEvents: [],
+        queuedAt: null,
+        startedAt: null,
+        finishedAt: null,
+        timedOutAt: null,
+        createdAt: job.createdAt,
+        updatedAt: job.updatedAt,
+        steps: []
+    });
+}
+export function getStepStatusVisual(status) {
+    const normalized = normalizeStatus(status);
+    if (isKnownWorkflowStatus(normalized)) {
+        const visual = getWorkflowStatusVisual(normalized);
+        return {
+            ...visual,
+            ripple: normalized === 'running'
+        };
+    }
+    return {
+        kind: status,
+        label: humanizeStatus(status),
+        dot: 'neutral',
+        badge: 'neutral',
+        ripple: false
+    };
+}
+export function humanizeStatus(status) {
+    const words = status.trim().replace(/[_-]+/g, ' ').replace(/\s+/g, ' ').toLowerCase();
+    if (!words) return 'Unknown';
+    const firstLetter = words.at(0);
+    return firstLetter === undefined ? 'Unknown' : firstLetter.toUpperCase() + words.slice(1);
+}
+function toStepModel(step, index) {
+    const attempts = [
+        ...step.attempts
+    ].sort(compareAttempts).map((attempt)=>({
+            ...attempt,
+            displayDuration: attempt.displayDuration,
+            statusVisual: getStepStatusVisual(attempt.status),
+            carriedOver: false
+        }));
+    return {
+        ...step,
+        index: index + 1,
+        label: stepLabel(step, index),
+        attempts
+    };
+}
+function stepLabel(step, index) {
+    const name = step.name.trim();
+    if (name) return name;
+    const key = step.key?.trim();
+    if (key) return key;
+    return `Step ${index + 1}`;
+}
+function toStepEntries(step, carriedOverJob) {
+    if (step.attempts.length > 0) {
+        return step.attempts.map((attempt)=>({
+                ...attempt,
+                step
+            }));
+    }
+    if (!carriedOverJob) return [];
+    return [
+        {
+            id: `carried-over:${step.id}`,
+            stepId: step.id,
+            jobExecutionId: step.jobExecutionId,
+            attempt: step.currentAttempt,
+            executionOrder: step.position,
+            status: step.status,
+            exitCode: null,
+            output: null,
+            error: null,
+            gateResult: null,
+            restartFeedback: null,
+            startedAt: step.createdAt,
+            finishedAt: null,
+            displayDuration: null,
+            statusVisual: getStepStatusVisual(step.status),
+            carriedOver: true,
+            step
+        }
+    ];
+}
+function compareSteps(left, right) {
+    return left.position - right.position || (left.name ?? '').localeCompare(right.name ?? '') || left.id.localeCompare(right.id);
+}
+function compareAttempts(left, right) {
+    return left.attempt - right.attempt || left.id.localeCompare(right.id);
+}
+function compareEntries(left, right) {
+    return left.executionOrder - right.executionOrder || left.step.index - right.step.index || left.attempt - right.attempt || left.id.localeCompare(right.id);
+}
+function latestRunningEntryId(entries) {
+    for(let index = entries.length - 1; index >= 0; index -= 1){
+        const entry = entries[index];
+        if (entry?.statusVisual.kind === 'running') return entry.id;
+    }
+    return undefined;
+}
+function normalizeStatus(status) {
+    return status.trim().toLowerCase().replace(/-/g, '_');
+}
+
+//# sourceMappingURL=step-list-model.js.map

package/dist/components/step-list/step-list-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/step-list/step-list-model.ts"],"sourcesContent":["import {\n  getWorkflowStatusVisual,\n  type WorkflowStatusVisual,\n} from '#components/workflow-status/status-visuals.js';\nimport {\n  defaultJobExecution,\n  isWorkflowStatus as isKnownWorkflowStatus,\n  type Job,\n  JobExecution,\n  type Step,\n  type StepAttempt,\n  type StepAttemptDisplayDuration,\n} from '#core/workflow-run.js';\n\nexport interface StepStatusVisual extends Omit<WorkflowStatusVisual, 'kind'> {\n  kind: string;\n  ripple: boolean;\n}\n\nexport interface StepAttemptModel extends StepAttempt {\n  displayDuration: StepAttemptDisplayDuration | null;\n  statusVisual: StepStatusVisual;\n  carriedOver: boolean;\n}\n\nexport interface StepModel extends Omit<Step, 'attempts'> {\n  index: number;\n  label: string;\n  attempts: StepAttemptModel[];\n}\n\nexport interface StepListEntryModel extends StepAttemptModel {\n  step: StepModel;\n}\n\nexport interface StepListModel {\n  jobId: string;\n  jobName: string;\n  jobExecutionId: string;\n  stepCount: number;\n  activeEntryId: string | undefined;\n  entries: StepListEntryModel[];\n}\n\nexport function buildStepListModel({\n  job,\n  jobExecution,\n}: {\n  job: Job;\n  jobExecution?: JobExecution | undefined;\n}): StepListModel {\n  const selectedJobExecution = jobExecution ?? defaultStepListJobExecution(job);\n  const steps = [...selectedJobExecution.steps].sort(compareSteps).map(toStepModel);\n  const entries = steps\n    .flatMap((step) => toStepEntries(step, job.carriedOver))\n    .sort(compareEntries);\n\n  return {\n    jobId: job.id,\n    jobName: job.name ?? job.key,\n    jobExecutionId: selectedJobExecution.id,\n    stepCount: steps.length,\n    activeEntryId: latestRunningEntryId(entries),\n    entries,\n  };\n}\n\nexport function defaultStepListJobExecution(job: Job): JobExecution {\n  return defaultJobExecution(job) ?? emptyJobExecutionForJob(job);\n}\n\nexport function emptyJobExecutionForJob(job: Job): JobExecution {\n  return new JobExecution({\n    id: `missing:${job.id}`,\n    jobId: job.id,\n    sequence: 1,\n    name: job.name ?? job.key,\n    status: job.status === 'skipped' ? 'cancelled' : job.status,\n    statusReason: job.statusReason,\n    triggerEvents: [],\n    queuedAt: null,\n    startedAt: null,\n    finishedAt: null,\n    timedOutAt: null,\n    createdAt: job.createdAt,\n    updatedAt: job.updatedAt,\n    steps: [],\n  });\n}\n\nexport function getStepStatusVisual(status: string): StepStatusVisual {\n  const normalized = normalizeStatus(status);\n\n  if (isKnownWorkflowStatus(normalized)) {\n    const visual = getWorkflowStatusVisual(normalized);\n    return {...visual, ripple: normalized === 'running'};\n  }\n\n  return {\n    kind: status,\n    label: humanizeStatus(status),\n    dot: 'neutral',\n    badge: 'neutral',\n    ripple: false,\n  };\n}\n\nexport function humanizeStatus(status: string): string {\n  const words = status.trim().replace(/[_-]+/g, ' ').replace(/\\s+/g, ' ').toLowerCase();\n  if (!words) return 'Unknown';\n  const firstLetter = words.at(0);\n  return firstLetter === undefined ? 'Unknown' : firstLetter.toUpperCase() + words.slice(1);\n}\n\nfunction toStepModel(step: Step, index: number): StepModel {\n  const attempts = [...step.attempts].sort(compareAttempts).map((attempt) => ({\n    ...attempt,\n    displayDuration: attempt.displayDuration,\n    statusVisual: getStepStatusVisual(attempt.status),\n    carriedOver: false,\n  }));\n\n  return {\n    ...step,\n    index: index + 1,\n    label: stepLabel(step, index),\n    attempts,\n  };\n}\n\nfunction stepLabel(step: Step, index: number): string {\n  const name = step.name.trim();\n  if (name) return name;\n\n  const key = step.key?.trim();\n  if (key) return key;\n\n  return `Step ${index + 1}`;\n}\n\nfunction toStepEntries(step: StepModel, carriedOverJob: boolean): StepListEntryModel[] {\n  if (step.attempts.length > 0) {\n    return step.attempts.map((attempt) => ({\n      ...attempt,\n      step,\n    }));\n  }\n\n  if (!carriedOverJob) return [];\n\n  return [\n    {\n      id: `carried-over:${step.id}`,\n      stepId: step.id,\n      jobExecutionId: step.jobExecutionId,\n      attempt: step.currentAttempt,\n      executionOrder: step.position,\n      status: step.status,\n      exitCode: null,\n      output: null,\n      error: null,\n      gateResult: null,\n      restartFeedback: null,\n      startedAt: step.createdAt,\n      finishedAt: null,\n      displayDuration: null,\n      statusVisual: getStepStatusVisual(step.status),\n      carriedOver: true,\n      step,\n    },\n  ];\n}\n\nfunction compareSteps(left: Step, right: Step): number {\n  return (\n    left.position - right.position ||\n    (left.name ?? '').localeCompare(right.name ?? '') ||\n    left.id.localeCompare(right.id)\n  );\n}\n\nfunction compareAttempts(left: Step['attempts'][number], right: Step['attempts'][number]) {\n  return left.attempt - right.attempt || left.id.localeCompare(right.id);\n}\n\nfunction compareEntries(left: StepListEntryModel, right: StepListEntryModel): number {\n  return (\n    left.executionOrder - right.executionOrder ||\n    left.step.index - right.step.index ||\n    left.attempt - right.attempt ||\n    left.id.localeCompare(right.id)\n  );\n}\n\nfunction latestRunningEntryId(entries: readonly StepListEntryModel[]): string | undefined {\n  for (let index = entries.length - 1; index >= 0; index -= 1) {\n    const entry = entries[index];\n    if (entry?.statusVisual.kind === 'running') return entry.id;\n  }\n  return undefined;\n}\n\nfunction normalizeStatus(status: string): string {\n  return status.trim().toLowerCase().replace(/-/g, '_');\n}\n"],"names":["getWorkflowStatusVisual","defaultJobExecution","isWorkflowStatus","isKnownWorkflowStatus","JobExecution","buildStepListModel","job","jobExecution","selectedJobExecution","defaultStepListJobExecution","steps","sort","compareSteps","map","toStepModel","entries","flatMap","step","toStepEntries","carriedOver","compareEntries","jobId","id","jobName","name","key","jobExecutionId","stepCount","length","activeEntryId","latestRunningEntryId","emptyJobExecutionForJob","sequence","status","statusReason","triggerEvents","queuedAt","startedAt","finishedAt","timedOutAt","createdAt","updatedAt","getStepStatusVisual","normalized","normalizeStatus","visual","ripple","kind","label","humanizeStatus","dot","badge","words","trim","replace","toLowerCase","firstLetter","at","undefined","toUpperCase","slice","index","attempts","compareAttempts","attempt","displayDuration","statusVisual","stepLabel","carriedOverJob","stepId","currentAttempt","executionOrder","position","exitCode","output","error","gateResult","restartFeedback","left","right","localeCompare","entry"],"mappings":"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"}

package/dist/components/step-list/step-list.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode } from 'react';
+import { type Job, type JobExecution, type Step, type StepSourceLocation } from '#core/workflow-run.js';
+export interface StepExpandedContext {
+    step: Step;
+    stepId: string;
+    stepLabel: string;
+    sourceLocation: StepSourceLocation | null;
+    attempt: number;
+    attemptId: string;
+    attemptError: Record<string, unknown> | null;
+    attemptStatus: string;
+    carriedOver: boolean;
+}
+export interface StepListEmptyState {
+    title: string;
+    description: string;
+    status?: Job['status'] | undefined;
+}
+export interface StepListProps {
+    job: Job;
+    jobExecution?: JobExecution | undefined;
+    selectedAttemptId?: string | null | undefined;
+    defaultSelectedAttemptId?: string | undefined;
+    onSelectedAttemptChange?: ((attemptId: string | undefined) => void) | undefined;
+    autoSelectActiveAttempt?: boolean | undefined;
+    emptyState?: StepListEmptyState | undefined;
+    renderExpandedStep?: ((context: StepExpandedContext) => ReactNode) | undefined;
+    showHeader?: boolean | undefined;
+    className?: string | undefined;
+}
+export declare function StepList({ job, jobExecution, selectedAttemptId, defaultSelectedAttemptId, onSelectedAttemptChange, autoSelectActiveAttempt, emptyState, renderExpandedStep, showHeader, className, }: StepListProps): import("react").JSX.Element;
+//# sourceMappingURL=step-list.d.ts.map

package/dist/components/step-list/step-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-list.d.ts","sourceRoot":"","sources":["../../../src/components/step-list/step-list.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrC,OAAO,EAEL,KAAK,GAAG,EACR,KAAK,YAAY,EACjB,KAAK,IAAI,EACT,KAAK,kBAAkB,EACxB,MAAM,uBAAuB,CAAC;AAW/B,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,GAAG,CAAC;IACT,YAAY,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9C,wBAAwB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAChF,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C,UAAU,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC5C,kBAAkB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,mBAAmB,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAC/E,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,YAAY,EACZ,iBAAiB,EACjB,wBAAwB,EACxB,uBAAuB,EACvB,uBAA+B,EAC/B,UAAU,EACV,kBAAkB,EAClB,UAAiB,EACjB,SAAS,GACV,EAAE,aAAa,+BAqBf"}