@shipfox/client-workflows 12.0.2 → 14.0.0

package/dist/components/workflow-run-tabs/run-jobs-list.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EmptyState } from '@shipfox/react-ui/empty-state';
+import { useTimeTick } from '@shipfox/react-ui/time-ticker';
+import { cn } from '@shipfox/react-ui/utils';
+import { defaultJobExecution, deriveJobDisplayStatus, deriveJobExecutionDisplayStatus } from '#core/workflow-run.js';
+import { formatJobDurationAccessibleLabel } from '../job-graph/job-duration-format.js';
+import { JobDurationLabel } from '../job-graph/job-duration-label.js';
+import { JobCard } from '../workflow-run-view/job-card.js';
+import { WorkflowStatusIcon } from '../workflow-status/workflow-status-icon.js';
+export function RunJobsList({ jobs, selectedJobId, onSelectedJobChange, workspaceSlug, selectedJobExecution, selectedAttemptId, onSelectedJobExecutionChange, onSelectedAttemptChange, sourcePanelId, sourceAvailable, focusedSourceStepId, onOpenStepSource }) {
+    useTimeTick();
+    if (jobs.length === 0) {
+        return /*#__PURE__*/ _jsx("section", {
+            "aria-label": "Workflow jobs",
+            className: "rounded-8 border border-border-neutral-base bg-background-components-base",
+            children: /*#__PURE__*/ _jsx("div", {
+                className: "min-h-160",
+                children: /*#__PURE__*/ _jsx(RunJobsEmptyState, {})
+            })
+        });
+    }
+    const orderedJobs = [
+        ...jobs
+    ].sort(compareJobs);
+    return /*#__PURE__*/ _jsx("section", {
+        "aria-label": "Workflow jobs",
+        className: "flex min-w-0 flex-col gap-8",
+        children: /*#__PURE__*/ _jsx("ul", {
+            "aria-label": "Run jobs",
+            className: "m-0 flex min-w-0 list-none flex-col gap-8 p-0",
+            children: orderedJobs.map((job)=>{
+                const selected = job.id === selectedJobId;
+                const status = deriveJobDisplayStatus(job);
+                const execution = defaultJobExecution(job);
+                const durationLabel = formatJobDurationAccessibleLabel(job.displayDuration, execution ? deriveJobExecutionDisplayStatus(execution) : undefined);
+                const rowLabel = [
+                    job.displayName,
+                    statusLabel(status),
+                    durationLabel,
+                    job.carriedOver ? 'reused' : undefined
+                ].filter((part)=>Boolean(part)).join(', ');
+                return /*#__PURE__*/ _jsxs("li", {
+                    className: "min-w-0",
+                    children: [
+                        /*#__PURE__*/ _jsxs("button", {
+                            type: "button",
+                            "aria-expanded": selected,
+                            "aria-controls": selected ? `job-card-${job.id}` : undefined,
+                            "aria-label": rowLabel,
+                            onClick: ()=>onSelectedJobChange(selected ? undefined : job.id),
+                            className: cn('relative flex min-h-44 w-full min-w-0 items-center gap-8 rounded-8 bg-background-neutral-base px-12 text-left shadow-button-neutral outline-none transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus', selected && 'bg-background-components-hover hover:bg-background-components-pressed'),
+                            children: [
+                                selected ? /*#__PURE__*/ _jsx("span", {
+                                    "aria-hidden": "true",
+                                    className: "absolute inset-y-6 left-0 w-px rounded-full bg-border-highlights-interactive"
+                                }) : null,
+                                /*#__PURE__*/ _jsx(WorkflowStatusIcon, {
+                                    status: status,
+                                    size: 14,
+                                    tooltip: false
+                                }),
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "min-w-0 flex-1 truncate text-sm font-medium text-foreground-neutral-base",
+                                    children: job.displayName
+                                }),
+                                /*#__PURE__*/ _jsx(JobDurationLabel, {
+                                    duration: job.displayDuration
+                                })
+                            ]
+                        }),
+                        selected ? /*#__PURE__*/ _jsx("div", {
+                            id: `job-card-${job.id}`,
+                            className: "mt-8",
+                            children: /*#__PURE__*/ _jsx(JobCard, {
+                                workspaceSlug: workspaceSlug,
+                                job: job,
+                                selectedJobExecution: selectedJobExecution,
+                                selectedAttemptId: job.carriedOver ? undefined : selectedAttemptId,
+                                onSelectedJobExecutionChange: onSelectedJobExecutionChange,
+                                onSelectedAttemptChange: onSelectedAttemptChange,
+                                sourcePanelId: sourcePanelId,
+                                sourceAvailable: sourceAvailable,
+                                focusedSourceStepId: focusedSourceStepId,
+                                onOpenStepSource: onOpenStepSource
+                            })
+                        }) : null
+                    ]
+                }, job.id);
+            })
+        })
+    });
+}
+function RunJobsEmptyState() {
+    return /*#__PURE__*/ _jsx(EmptyState, {
+        icon: "componentLine",
+        title: "No jobs yet",
+        description: "This run has not materialized jobs."
+    });
+}
+function compareJobs(left, right) {
+    return left.position - right.position || left.displayName.localeCompare(right.displayName) || left.id.localeCompare(right.id);
+}
+function statusLabel(status) {
+    return status === 'listening' ? 'Listening' : status.charAt(0).toUpperCase() + status.slice(1);
+}
+
+//# sourceMappingURL=run-jobs-list.js.map

package/dist/components/workflow-run-tabs/run-jobs-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-tabs/run-jobs-list.tsx"],"sourcesContent":["import {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {useTimeTick} from '@shipfox/react-ui/time-ticker';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {\n  defaultJobExecution,\n  deriveJobDisplayStatus,\n  deriveJobExecutionDisplayStatus,\n  type Job,\n} from '#core/workflow-run.js';\nimport {formatJobDurationAccessibleLabel} from '../job-graph/job-duration-format.js';\nimport {JobDurationLabel} from '../job-graph/job-duration-label.js';\nimport {JobCard} from '../workflow-run-view/job-card.js';\nimport {WorkflowStatusIcon} from '../workflow-status/workflow-status-icon.js';\n\nexport interface RunJobsListProps {\n  jobs: Job[];\n  selectedJobId?: string | undefined;\n  onSelectedJobChange: (jobId: string | undefined) => void;\n  workspaceSlug?: string | undefined;\n  selectedJobExecution: ReturnType<typeof defaultJobExecution>;\n  selectedAttemptId: string | null | undefined;\n  onSelectedJobExecutionChange: ((jobExecutionId: string | undefined) => void) | undefined;\n  onSelectedAttemptChange: ((attemptId: string | undefined) => void) | undefined;\n  sourcePanelId?: string | undefined;\n  sourceAvailable?: boolean | undefined;\n  focusedSourceStepId?: string | null | undefined;\n  onOpenStepSource?: Parameters<typeof JobCard>[0]['onOpenStepSource'];\n}\n\nexport function RunJobsList({\n  jobs,\n  selectedJobId,\n  onSelectedJobChange,\n  workspaceSlug,\n  selectedJobExecution,\n  selectedAttemptId,\n  onSelectedJobExecutionChange,\n  onSelectedAttemptChange,\n  sourcePanelId,\n  sourceAvailable,\n  focusedSourceStepId,\n  onOpenStepSource,\n}: RunJobsListProps) {\n  useTimeTick();\n\n  if (jobs.length === 0) {\n    return (\n      <section\n        aria-label=\"Workflow jobs\"\n        className=\"rounded-8 border border-border-neutral-base bg-background-components-base\"\n      >\n        <div className=\"min-h-160\">\n          <RunJobsEmptyState />\n        </div>\n      </section>\n    );\n  }\n\n  const orderedJobs = [...jobs].sort(compareJobs);\n\n  return (\n    <section aria-label=\"Workflow jobs\" className=\"flex min-w-0 flex-col gap-8\">\n      <ul aria-label=\"Run jobs\" className=\"m-0 flex min-w-0 list-none flex-col gap-8 p-0\">\n        {orderedJobs.map((job) => {\n          const selected = job.id === selectedJobId;\n          const status = deriveJobDisplayStatus(job);\n          const execution = defaultJobExecution(job);\n          const durationLabel = formatJobDurationAccessibleLabel(\n            job.displayDuration,\n            execution ? deriveJobExecutionDisplayStatus(execution) : undefined,\n          );\n          const rowLabel = [\n            job.displayName,\n            statusLabel(status),\n            durationLabel,\n            job.carriedOver ? 'reused' : undefined,\n          ]\n            .filter((part): part is string => Boolean(part))\n            .join(', ');\n\n          return (\n            <li key={job.id} className=\"min-w-0\">\n              <button\n                type=\"button\"\n                aria-expanded={selected}\n                aria-controls={selected ? `job-card-${job.id}` : undefined}\n                aria-label={rowLabel}\n                onClick={() => onSelectedJobChange(selected ? undefined : job.id)}\n                className={cn(\n                  'relative flex min-h-44 w-full min-w-0 items-center gap-8 rounded-8 bg-background-neutral-base px-12 text-left shadow-button-neutral outline-none transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus',\n                  selected &&\n                    'bg-background-components-hover hover:bg-background-components-pressed',\n                )}\n              >\n                {selected ? (\n                  <span\n                    aria-hidden=\"true\"\n                    className=\"absolute inset-y-6 left-0 w-px rounded-full bg-border-highlights-interactive\"\n                  />\n                ) : null}\n                <WorkflowStatusIcon status={status} size={14} tooltip={false} />\n                <span className=\"min-w-0 flex-1 truncate text-sm font-medium text-foreground-neutral-base\">\n                  {job.displayName}\n                </span>\n                <JobDurationLabel duration={job.displayDuration} />\n              </button>\n              {selected ? (\n                <div id={`job-card-${job.id}`} className=\"mt-8\">\n                  <JobCard\n                    workspaceSlug={workspaceSlug}\n                    job={job}\n                    selectedJobExecution={selectedJobExecution}\n                    selectedAttemptId={job.carriedOver ? undefined : selectedAttemptId}\n                    onSelectedJobExecutionChange={onSelectedJobExecutionChange}\n                    onSelectedAttemptChange={onSelectedAttemptChange}\n                    sourcePanelId={sourcePanelId}\n                    sourceAvailable={sourceAvailable}\n                    focusedSourceStepId={focusedSourceStepId}\n                    onOpenStepSource={onOpenStepSource}\n                  />\n                </div>\n              ) : null}\n            </li>\n          );\n        })}\n      </ul>\n    </section>\n  );\n}\n\nfunction RunJobsEmptyState() {\n  return (\n    <EmptyState\n      icon=\"componentLine\"\n      title=\"No jobs yet\"\n      description=\"This run has not materialized jobs.\"\n    />\n  );\n}\n\nfunction compareJobs(left: Job, right: Job): number {\n  return (\n    left.position - right.position ||\n    left.displayName.localeCompare(right.displayName) ||\n    left.id.localeCompare(right.id)\n  );\n}\n\nfunction statusLabel(status: ReturnType<typeof deriveJobDisplayStatus>): string {\n  return status === 'listening' ? 'Listening' : status.charAt(0).toUpperCase() + status.slice(1);\n}\n"],"names":["EmptyState","useTimeTick","cn","defaultJobExecution","deriveJobDisplayStatus","deriveJobExecutionDisplayStatus","formatJobDurationAccessibleLabel","JobDurationLabel","JobCard","WorkflowStatusIcon","RunJobsList","jobs","selectedJobId","onSelectedJobChange","workspaceSlug","selectedJobExecution","selectedAttemptId","onSelectedJobExecutionChange","onSelectedAttemptChange","sourcePanelId","sourceAvailable","focusedSourceStepId","onOpenStepSource","length","section","aria-label","className","div","RunJobsEmptyState","orderedJobs","sort","compareJobs","ul","map","job","selected","id","status","execution","durationLabel","displayDuration","undefined","rowLabel","displayName","statusLabel","carriedOver","filter","part","Boolean","join","li","button","type","aria-expanded","aria-controls","onClick","span","aria-hidden","size","tooltip","duration","icon","title","description","left","right","position","localeCompare","charAt","toUpperCase","slice"],"mappings":";AAAA,SAAQA,UAAU,QAAO,gCAAgC;AACzD,SAAQC,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SACEC,mBAAmB,EACnBC,sBAAsB,EACtBC,+BAA+B,QAE1B,wBAAwB;AAC/B,SAAQC,gCAAgC,QAAO,sCAAsC;AACrF,SAAQC,gBAAgB,QAAO,qCAAqC;AACpE,SAAQC,OAAO,QAAO,mCAAmC;AACzD,SAAQC,kBAAkB,QAAO,6CAA6C;AAiB9E,OAAO,SAASC,YAAY,EAC1BC,IAAI,EACJC,aAAa,EACbC,mBAAmB,EACnBC,aAAa,EACbC,oBAAoB,EACpBC,iBAAiB,EACjBC,4BAA4B,EAC5BC,uBAAuB,EACvBC,aAAa,EACbC,eAAe,EACfC,mBAAmB,EACnBC,gBAAgB,EACC;IACjBrB;IAEA,IAAIU,KAAKY,MAAM,KAAK,GAAG;QACrB,qBACE,KAACC;YACCC,cAAW;YACXC,WAAU;sBAEV,cAAA,KAACC;gBAAID,WAAU;0BACb,cAAA,KAACE;;;IAIT;IAEA,MAAMC,cAAc;WAAIlB;KAAK,CAACmB,IAAI,CAACC;IAEnC,qBACE,KAACP;QAAQC,cAAW;QAAgBC,WAAU;kBAC5C,cAAA,KAACM;YAAGP,cAAW;YAAWC,WAAU;sBACjCG,YAAYI,GAAG,CAAC,CAACC;gBAChB,MAAMC,WAAWD,IAAIE,EAAE,KAAKxB;gBAC5B,MAAMyB,SAASjC,uBAAuB8B;gBACtC,MAAMI,YAAYnC,oBAAoB+B;gBACtC,MAAMK,gBAAgBjC,iCACpB4B,IAAIM,eAAe,EACnBF,YAAYjC,gCAAgCiC,aAAaG;gBAE3D,MAAMC,WAAW;oBACfR,IAAIS,WAAW;oBACfC,YAAYP;oBACZE;oBACAL,IAAIW,WAAW,GAAG,WAAWJ;iBAC9B,CACEK,MAAM,CAAC,CAACC,OAAyBC,QAAQD,OACzCE,IAAI,CAAC;gBAER,qBACE,MAACC;oBAAgBxB,WAAU;;sCACzB,MAACyB;4BACCC,MAAK;4BACLC,iBAAelB;4BACfmB,iBAAenB,WAAW,CAAC,SAAS,EAAED,IAAIE,EAAE,EAAE,GAAGK;4BACjDhB,cAAYiB;4BACZa,SAAS,IAAM1C,oBAAoBsB,WAAWM,YAAYP,IAAIE,EAAE;4BAChEV,WAAWxB,GACT,qPACAiC,YACE;;gCAGHA,yBACC,KAACqB;oCACCC,eAAY;oCACZ/B,WAAU;qCAEV;8CACJ,KAACjB;oCAAmB4B,QAAQA;oCAAQqB,MAAM;oCAAIC,SAAS;;8CACvD,KAACH;oCAAK9B,WAAU;8CACbQ,IAAIS,WAAW;;8CAElB,KAACpC;oCAAiBqD,UAAU1B,IAAIM,eAAe;;;;wBAEhDL,yBACC,KAACR;4BAAIS,IAAI,CAAC,SAAS,EAAEF,IAAIE,EAAE,EAAE;4BAAEV,WAAU;sCACvC,cAAA,KAAClB;gCACCM,eAAeA;gCACfoB,KAAKA;gCACLnB,sBAAsBA;gCACtBC,mBAAmBkB,IAAIW,WAAW,GAAGJ,YAAYzB;gCACjDC,8BAA8BA;gCAC9BC,yBAAyBA;gCACzBC,eAAeA;gCACfC,iBAAiBA;gCACjBC,qBAAqBA;gCACrBC,kBAAkBA;;6BAGpB;;mBAxCGY,IAAIE,EAAE;YA2CnB;;;AAIR;AAEA,SAASR;IACP,qBACE,KAAC5B;QACC6D,MAAK;QACLC,OAAM;QACNC,aAAY;;AAGlB;AAEA,SAAShC,YAAYiC,IAAS,EAAEC,KAAU;IACxC,OACED,KAAKE,QAAQ,GAAGD,MAAMC,QAAQ,IAC9BF,KAAKrB,WAAW,CAACwB,aAAa,CAACF,MAAMtB,WAAW,KAChDqB,KAAK5B,EAAE,CAAC+B,aAAa,CAACF,MAAM7B,EAAE;AAElC;AAEA,SAASQ,YAAYP,MAAiD;IACpE,OAAOA,WAAW,cAAc,cAAcA,OAAO+B,MAAM,CAAC,GAAGC,WAAW,KAAKhC,OAAOiC,KAAK,CAAC;AAC9F"}

package/dist/components/workflow-run-tabs/run-tab-count.d.ts

@@ -0,0 +1,6 @@
+export declare function RunTabCount({ count, alertCount, alertLabel, }: {
+    count: number | undefined;
+    alertCount?: number | undefined;
+    alertLabel: string;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=run-tab-count.d.ts.map

package/dist/components/workflow-run-tabs/run-tab-count.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-tab-count.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-tabs/run-tab-count.tsx"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,UAAc,EACd,UAAU,GACX,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;CACpB,sCAiBA"}

package/dist/components/workflow-run-tabs/run-tab-count.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge } from '@shipfox/react-ui/badge';
+export function RunTabCount({ count, alertCount = 0, alertLabel }) {
+    if (count === undefined && alertCount <= 0) return null;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            count === undefined ? null : /*#__PURE__*/ _jsx(Badge, {
+                size: "2xs",
+                variant: "neutral",
+                "aria-hidden": "true",
+                children: count
+            }),
+            alertCount > 0 ? /*#__PURE__*/ _jsxs(Badge, {
+                size: "2xs",
+                variant: "error",
+                "aria-hidden": "true",
+                children: [
+                    alertCount,
+                    " ",
+                    alertLabel
+                ]
+            }) : null
+        ]
+    });
+}
+
+//# sourceMappingURL=run-tab-count.js.map

package/dist/components/workflow-run-tabs/run-tab-count.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-tabs/run-tab-count.tsx"],"sourcesContent":["import {Badge} from '@shipfox/react-ui/badge';\n\nexport function RunTabCount({\n  count,\n  alertCount = 0,\n  alertLabel,\n}: {\n  count: number | undefined;\n  alertCount?: number | undefined;\n  alertLabel: string;\n}) {\n  if (count === undefined && alertCount <= 0) return null;\n\n  return (\n    <>\n      {count === undefined ? null : (\n        <Badge size=\"2xs\" variant=\"neutral\" aria-hidden=\"true\">\n          {count}\n        </Badge>\n      )}\n      {alertCount > 0 ? (\n        <Badge size=\"2xs\" variant=\"error\" aria-hidden=\"true\">\n          {alertCount} {alertLabel}\n        </Badge>\n      ) : null}\n    </>\n  );\n}\n"],"names":["Badge","RunTabCount","count","alertCount","alertLabel","undefined","size","variant","aria-hidden"],"mappings":";AAAA,SAAQA,KAAK,QAAO,0BAA0B;AAE9C,OAAO,SAASC,YAAY,EAC1BC,KAAK,EACLC,aAAa,CAAC,EACdC,UAAU,EAKX;IACC,IAAIF,UAAUG,aAAaF,cAAc,GAAG,OAAO;IAEnD,qBACE;;YACGD,UAAUG,YAAY,qBACrB,KAACL;gBAAMM,MAAK;gBAAMC,SAAQ;gBAAUC,eAAY;0BAC7CN;;YAGJC,aAAa,kBACZ,MAACH;gBAAMM,MAAK;gBAAMC,SAAQ;gBAAQC,eAAY;;oBAC3CL;oBAAW;oBAAEC;;iBAEd;;;AAGV"}

package/dist/components/workflow-run-tabs/run-tab-strip.d.ts

@@ -0,0 +1,8 @@
+import type { RunAnnotationSummary } from '#core/workflow-run-tabs.js';
+export interface RunTabStripProps {
+    jobCount?: number | undefined;
+    jobsFailed?: number | undefined;
+    annotationSummary?: RunAnnotationSummary | undefined;
+}
+export declare function RunTabStrip({ jobCount, jobsFailed, annotationSummary }: RunTabStripProps): import("react").JSX.Element;
+//# sourceMappingURL=run-tab-strip.d.ts.map

package/dist/components/workflow-run-tabs/run-tab-strip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-tab-strip.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-tabs/run-tab-strip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AAGrE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;CACtD;AAED,wBAAgB,WAAW,CAAC,EAAC,QAAQ,EAAE,UAAc,EAAE,iBAAiB,EAAC,EAAE,gBAAgB,+BA6D1F"}

package/dist/components/workflow-run-tabs/run-tab-strip.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TabsList, TabsTrigger } from '@shipfox/react-ui/tabs';
+import { RunTabCount } from './run-tab-count.js';
+export function RunTabStrip({ jobCount, jobsFailed = 0, annotationSummary }) {
+    const annotationCount = annotationSummary?.total;
+    const annotationErrors = annotationSummary?.error ?? 0;
+    return /*#__PURE__*/ _jsx("div", {
+        className: "min-w-0 overflow-x-auto border-b border-border-neutral-base bg-background-neutral-background [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+        children: /*#__PURE__*/ _jsxs(TabsList, {
+            "aria-label": "Run sections",
+            className: "h-40 min-h-40 w-max min-w-full gap-16 px-16 [@media(pointer:coarse)]:h-44 [@media(pointer:coarse)]:min-h-44",
+            children: [
+                /*#__PURE__*/ _jsx(TabsTrigger, {
+                    value: "summary",
+                    className: "h-40 min-h-40 py-0 text-xs data-[state=inactive]:text-foreground-neutral-subtle data-[state=inactive]:hover:text-foreground-neutral-base [@media(pointer:coarse)]:h-44 [@media(pointer:coarse)]:min-h-44",
+                    children: "Summary"
+                }),
+                /*#__PURE__*/ _jsxs(TabsTrigger, {
+                    value: "jobs",
+                    "aria-label": runTabAccessibleName({
+                        label: 'Jobs',
+                        total: jobCount,
+                        totalSingular: 'job',
+                        totalPlural: 'jobs',
+                        alertCount: jobsFailed,
+                        alertSingular: 'failed',
+                        alertPlural: 'failed'
+                    }),
+                    className: "h-40 min-h-40 gap-6 py-0 text-xs data-[state=inactive]:text-foreground-neutral-subtle data-[state=inactive]:hover:text-foreground-neutral-base [@media(pointer:coarse)]:h-44 [@media(pointer:coarse)]:min-h-44",
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            children: "Jobs"
+                        }),
+                        /*#__PURE__*/ _jsx(RunTabCount, {
+                            count: jobCount,
+                            alertCount: jobsFailed,
+                            alertLabel: "failed"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(TabsTrigger, {
+                    value: "annotations",
+                    "aria-label": runTabAccessibleName({
+                        label: 'Annotations',
+                        total: annotationCount,
+                        totalSingular: 'annotation',
+                        totalPlural: 'annotations',
+                        alertCount: annotationErrors,
+                        alertSingular: 'error',
+                        alertPlural: 'errors'
+                    }),
+                    className: "h-40 min-h-40 gap-6 py-0 text-xs data-[state=inactive]:text-foreground-neutral-subtle data-[state=inactive]:hover:text-foreground-neutral-base [@media(pointer:coarse)]:h-44 [@media(pointer:coarse)]:min-h-44",
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            children: "Annotations"
+                        }),
+                        /*#__PURE__*/ _jsx(RunTabCount, {
+                            count: annotationCount,
+                            alertCount: annotationErrors,
+                            alertLabel: annotationErrors === 1 ? 'error' : 'errors'
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(TabsTrigger, {
+                    value: "source",
+                    className: "h-40 min-h-40 py-0 text-xs data-[state=inactive]:text-foreground-neutral-subtle data-[state=inactive]:hover:text-foreground-neutral-base [@media(pointer:coarse)]:h-44 [@media(pointer:coarse)]:min-h-44",
+                    children: "Source"
+                })
+            ]
+        })
+    });
+}
+function runTabAccessibleName({ label, total, totalSingular, totalPlural, alertCount, alertSingular, alertPlural }) {
+    const parts = [
+        label
+    ];
+    if (total !== undefined) parts.push(`${total} ${total === 1 ? totalSingular : totalPlural}`);
+    if (alertCount > 0) parts.push(`${alertCount} ${alertCount === 1 ? alertSingular : alertPlural}`);
+    return parts.join(', ');
+}
+
+//# sourceMappingURL=run-tab-strip.js.map

package/dist/components/workflow-run-tabs/run-tab-strip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-tabs/run-tab-strip.tsx"],"sourcesContent":["import {TabsList, TabsTrigger} from '@shipfox/react-ui/tabs';\nimport type {RunAnnotationSummary} from '#core/workflow-run-tabs.js';\nimport {RunTabCount} from './run-tab-count.js';\n\nexport interface RunTabStripProps {\n  jobCount?: number | undefined;\n  jobsFailed?: number | undefined;\n  annotationSummary?: RunAnnotationSummary | undefined;\n}\n\nexport function RunTabStrip({jobCount, jobsFailed = 0, annotationSummary}: RunTabStripProps) {\n  const annotationCount = annotationSummary?.total;\n  const annotationErrors = annotationSummary?.error ?? 0;\n\n  return (\n    <div className=\"min-w-0 overflow-x-auto border-b border-border-neutral-base bg-background-neutral-background [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n      <TabsList\n        aria-label=\"Run sections\"\n        className=\"h-40 min-h-40 w-max min-w-full gap-16 px-16 [@media(pointer:coarse)]:h-44 [@media(pointer:coarse)]:min-h-44\"\n      >\n        <TabsTrigger\n          value=\"summary\"\n          className=\"h-40 min-h-40 py-0 text-xs data-[state=inactive]:text-foreground-neutral-subtle data-[state=inactive]:hover:text-foreground-neutral-base [@media(pointer:coarse)]:h-44 [@media(pointer:coarse)]:min-h-44\"\n        >\n          Summary\n        </TabsTrigger>\n        <TabsTrigger\n          value=\"jobs\"\n          aria-label={runTabAccessibleName({\n            label: 'Jobs',\n            total: jobCount,\n            totalSingular: 'job',\n            totalPlural: 'jobs',\n            alertCount: jobsFailed,\n            alertSingular: 'failed',\n            alertPlural: 'failed',\n          })}\n          className=\"h-40 min-h-40 gap-6 py-0 text-xs data-[state=inactive]:text-foreground-neutral-subtle data-[state=inactive]:hover:text-foreground-neutral-base [@media(pointer:coarse)]:h-44 [@media(pointer:coarse)]:min-h-44\"\n        >\n          <span>Jobs</span>\n          <RunTabCount count={jobCount} alertCount={jobsFailed} alertLabel=\"failed\" />\n        </TabsTrigger>\n        <TabsTrigger\n          value=\"annotations\"\n          aria-label={runTabAccessibleName({\n            label: 'Annotations',\n            total: annotationCount,\n            totalSingular: 'annotation',\n            totalPlural: 'annotations',\n            alertCount: annotationErrors,\n            alertSingular: 'error',\n            alertPlural: 'errors',\n          })}\n          className=\"h-40 min-h-40 gap-6 py-0 text-xs data-[state=inactive]:text-foreground-neutral-subtle data-[state=inactive]:hover:text-foreground-neutral-base [@media(pointer:coarse)]:h-44 [@media(pointer:coarse)]:min-h-44\"\n        >\n          <span>Annotations</span>\n          <RunTabCount\n            count={annotationCount}\n            alertCount={annotationErrors}\n            alertLabel={annotationErrors === 1 ? 'error' : 'errors'}\n          />\n        </TabsTrigger>\n        <TabsTrigger\n          value=\"source\"\n          className=\"h-40 min-h-40 py-0 text-xs data-[state=inactive]:text-foreground-neutral-subtle data-[state=inactive]:hover:text-foreground-neutral-base [@media(pointer:coarse)]:h-44 [@media(pointer:coarse)]:min-h-44\"\n        >\n          Source\n        </TabsTrigger>\n      </TabsList>\n    </div>\n  );\n}\n\nfunction runTabAccessibleName({\n  label,\n  total,\n  totalSingular,\n  totalPlural,\n  alertCount,\n  alertSingular,\n  alertPlural,\n}: {\n  label: string;\n  total: number | undefined;\n  totalSingular: string;\n  totalPlural: string;\n  alertCount: number;\n  alertSingular: string;\n  alertPlural: string;\n}): string {\n  const parts = [label];\n\n  if (total !== undefined) parts.push(`${total} ${total === 1 ? totalSingular : totalPlural}`);\n  if (alertCount > 0) parts.push(`${alertCount} ${alertCount === 1 ? alertSingular : alertPlural}`);\n\n  return parts.join(', ');\n}\n"],"names":["TabsList","TabsTrigger","RunTabCount","RunTabStrip","jobCount","jobsFailed","annotationSummary","annotationCount","total","annotationErrors","error","div","className","aria-label","value","runTabAccessibleName","label","totalSingular","totalPlural","alertCount","alertSingular","alertPlural","span","count","alertLabel","parts","undefined","push","join"],"mappings":";AAAA,SAAQA,QAAQ,EAAEC,WAAW,QAAO,yBAAyB;AAE7D,SAAQC,WAAW,QAAO,qBAAqB;AAQ/C,OAAO,SAASC,YAAY,EAACC,QAAQ,EAAEC,aAAa,CAAC,EAAEC,iBAAiB,EAAmB;IACzF,MAAMC,kBAAkBD,mBAAmBE;IAC3C,MAAMC,mBAAmBH,mBAAmBI,SAAS;IAErD,qBACE,KAACC;QAAIC,WAAU;kBACb,cAAA,MAACZ;YACCa,cAAW;YACXD,WAAU;;8BAEV,KAACX;oBACCa,OAAM;oBACNF,WAAU;8BACX;;8BAGD,MAACX;oBACCa,OAAM;oBACND,cAAYE,qBAAqB;wBAC/BC,OAAO;wBACPR,OAAOJ;wBACPa,eAAe;wBACfC,aAAa;wBACbC,YAAYd;wBACZe,eAAe;wBACfC,aAAa;oBACf;oBACAT,WAAU;;sCAEV,KAACU;sCAAK;;sCACN,KAACpB;4BAAYqB,OAAOnB;4BAAUe,YAAYd;4BAAYmB,YAAW;;;;8BAEnE,MAACvB;oBACCa,OAAM;oBACND,cAAYE,qBAAqB;wBAC/BC,OAAO;wBACPR,OAAOD;wBACPU,eAAe;wBACfC,aAAa;wBACbC,YAAYV;wBACZW,eAAe;wBACfC,aAAa;oBACf;oBACAT,WAAU;;sCAEV,KAACU;sCAAK;;sCACN,KAACpB;4BACCqB,OAAOhB;4BACPY,YAAYV;4BACZe,YAAYf,qBAAqB,IAAI,UAAU;;;;8BAGnD,KAACR;oBACCa,OAAM;oBACNF,WAAU;8BACX;;;;;AAMT;AAEA,SAASG,qBAAqB,EAC5BC,KAAK,EACLR,KAAK,EACLS,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,aAAa,EACbC,WAAW,EASZ;IACC,MAAMI,QAAQ;QAACT;KAAM;IAErB,IAAIR,UAAUkB,WAAWD,MAAME,IAAI,CAAC,GAAGnB,MAAM,CAAC,EAAEA,UAAU,IAAIS,gBAAgBC,aAAa;IAC3F,IAAIC,aAAa,GAAGM,MAAME,IAAI,CAAC,GAAGR,WAAW,CAAC,EAAEA,eAAe,IAAIC,gBAAgBC,aAAa;IAEhG,OAAOI,MAAMG,IAAI,CAAC;AACpB"}

package/dist/components/workflow-run-view/agent-config-failure-callout.d.ts

@@ -1,6 +1,6 @@
 import type { AgentStepConfig, StepError } from '#core/workflow-run.js';
-export declare function AgentConfigFailureCallout({ workspaceId, config, error, }: {
-    workspaceId: string;
+export declare function AgentConfigFailureCallout({ workspaceSlug, config, error, }: {
+    workspaceSlug?: string | undefined;
     config: AgentStepConfig | null;
     error: StepError | null;
 }): import("react").JSX.Element;

package/dist/components/workflow-run-view/agent-config-failure-callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-config-failure-callout.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/agent-config-failure-callout.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,eAAe,EAAE,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEtE,wBAAgB,yBAAyB,CAAC,EACxC,WAAW,EACX,MAAM,EACN,KAAK,GACN,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,+BAoBA"}
+{"version":3,"file":"agent-config-failure-callout.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/agent-config-failure-callout.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,eAAe,EAAE,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEtE,wBAAgB,yBAAyB,CAAC,EACxC,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE;IACD,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,+BAoBA"}

package/dist/components/workflow-run-view/agent-config-failure-callout.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Alert, AlertActions, AlertContent, AlertDescription, AlertTitle } from '@shipfox/react-ui/alert';
 import { Button } from '@shipfox/react-ui/button';
 import { Link } from '@tanstack/react-router';
-export function AgentConfigFailureCallout({ workspaceId, config, error }) {
+export function AgentConfigFailureCallout({ workspaceSlug, config, error }) {
     const copy = agentConfigFailureCopy(config, error);
     return /*#__PURE__*/ _jsx(Alert, {
         variant: "warning",
@@ -16,16 +16,16 @@ export function AgentConfigFailureCallout({ workspaceId, config, error }) {
                 /*#__PURE__*/ _jsx(AlertDescription, {
                     children: copy.description
                 }),
-                copy.showProviderCta ? /*#__PURE__*/ _jsx(AlertActions, {
+                copy.showProviderCta && workspaceSlug ? /*#__PURE__*/ _jsx(AlertActions, {
                     children: /*#__PURE__*/ _jsx(Button, {
                         asChild: true,
                         size: "2xs",
                         variant: "secondary",
                         iconRight: "chevronRight",
                         children: /*#__PURE__*/ _jsx(Link, {
-                            to: "/workspaces/$wid/settings/agents",
+                            to: "/w/$workspaceSlug/settings/agents",
                             params: {
-                                wid: workspaceId
+                                workspaceSlug
                             },
                             children: "Configure Agents"
                         })

package/dist/components/workflow-run-view/agent-config-failure-callout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-view/agent-config-failure-callout.tsx"],"sourcesContent":["import {\n  Alert,\n  AlertActions,\n  AlertContent,\n  AlertDescription,\n  AlertTitle,\n} from '@shipfox/react-ui/alert';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Link} from '@tanstack/react-router';\nimport type {AgentStepConfig, StepError} from '#core/workflow-run.js';\n\nexport function AgentConfigFailureCallout({\n  workspaceId,\n  config,\n  error,\n}: {\n  workspaceId: string;\n  config: AgentStepConfig | null;\n  error: StepError | null;\n}) {\n  const copy = agentConfigFailureCopy(config, error);\n\n  return (\n    <Alert variant=\"warning\" animated={false} className=\"px-10 py-8\">\n      <AlertContent>\n        <AlertTitle>{copy.title}</AlertTitle>\n        <AlertDescription>{copy.description}</AlertDescription>\n        {copy.showProviderCta ? (\n          <AlertActions>\n            <Button asChild size=\"2xs\" variant=\"secondary\" iconRight=\"chevronRight\">\n              <Link to=\"/workspaces/$wid/settings/agents\" params={{wid: workspaceId}}>\n                Configure Agents\n              </Link>\n            </Button>\n          </AlertActions>\n        ) : null}\n      </AlertContent>\n    </Alert>\n  );\n}\n\nfunction agentConfigFailureCopy(\n  config: AgentStepConfig | null,\n  error: StepError | null,\n): {title: string; description: string; showProviderCta: boolean} {\n  const provider = configValue(config?.provider, 'the selected provider');\n  const model = configValue(config?.model, 'the selected model');\n\n  switch (error?.agentConfigIssue) {\n    case 'provider_not_configured':\n      return {\n        title: `Configure credentials for ${provider}`,\n        description: `This step uses ${provider}, but no workspace credentials are configured for that model provider. Configure ${provider} in Agents, then re-run the workflow.`,\n        showProviderCta: true,\n      };\n    case 'credentials_invalid':\n      return {\n        title: `Update credentials for ${provider}`,\n        description: `This step uses ${provider}, but the saved credentials could not be used. Reconfigure ${provider} in Agents, then re-run the workflow.`,\n        showProviderCta: true,\n      };\n    case 'provider_unsupported':\n      return {\n        title: `Choose a supported model provider`,\n        description: `This step references ${provider}, which is not available to the agent runner. Update the workflow to use a supported provider, then re-run it.`,\n        showProviderCta: false,\n      };\n    case 'model_unavailable':\n      return {\n        title: `Choose an available model`,\n        description: `This step uses ${model} with ${provider}, but that model is not available for the provider. Update the model or provider in the workflow, then re-run it.`,\n        showProviderCta: false,\n      };\n    case 'step_config_invalid':\n      return {\n        title: \"Fix this step's agent settings\",\n        description:\n          'Make sure the step has a prompt, provider, model, and thinking value, then re-run the workflow.',\n        showProviderCta: false,\n      };\n    case undefined:\n      return {\n        title: \"We couldn't load the agent configuration for this step\",\n        description:\n          'Make sure the step has a prompt, provider, model, and thinking value. Then configure credentials for the model provider in Agents and re-run the workflow.',\n        showProviderCta: true,\n      };\n  }\n}\n\nfunction configValue(value: string | null | undefined, fallback: string): string {\n  return value ?? fallback;\n}\n"],"names":["Alert","AlertActions","AlertContent","AlertDescription","AlertTitle","Button","Link","AgentConfigFailureCallout","workspaceId","config","error","copy","agentConfigFailureCopy","variant","animated","className","title","description","showProviderCta","asChild","size","iconRight","to","params","wid","provider","configValue","model","agentConfigIssue","undefined","value","fallback"],"mappings":";AAAA,SACEA,KAAK,EACLC,YAAY,EACZC,YAAY,EACZC,gBAAgB,EAChBC,UAAU,QACL,0BAA0B;AACjC,SAAQC,MAAM,QAAO,2BAA2B;AAChD,SAAQC,IAAI,QAAO,yBAAyB;AAG5C,OAAO,SAASC,0BAA0B,EACxCC,WAAW,EACXC,MAAM,EACNC,KAAK,EAKN;IACC,MAAMC,OAAOC,uBAAuBH,QAAQC;IAE5C,qBACE,KAACV;QAAMa,SAAQ;QAAUC,UAAU;QAAOC,WAAU;kBAClD,cAAA,MAACb;;8BACC,KAACE;8BAAYO,KAAKK,KAAK;;8BACvB,KAACb;8BAAkBQ,KAAKM,WAAW;;gBAClCN,KAAKO,eAAe,iBACnB,KAACjB;8BACC,cAAA,KAACI;wBAAOc,OAAO;wBAACC,MAAK;wBAAMP,SAAQ;wBAAYQ,WAAU;kCACvD,cAAA,KAACf;4BAAKgB,IAAG;4BAAmCC,QAAQ;gCAACC,KAAKhB;4BAAW;sCAAG;;;qBAK1E;;;;AAIZ;AAEA,SAASI,uBACPH,MAA8B,EAC9BC,KAAuB;IAEvB,MAAMe,WAAWC,YAAYjB,QAAQgB,UAAU;IAC/C,MAAME,QAAQD,YAAYjB,QAAQkB,OAAO;IAEzC,OAAQjB,OAAOkB;QACb,KAAK;YACH,OAAO;gBACLZ,OAAO,CAAC,0BAA0B,EAAES,UAAU;gBAC9CR,aAAa,CAAC,eAAe,EAAEQ,SAAS,iFAAiF,EAAEA,SAAS,qCAAqC,CAAC;gBAC1KP,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO,CAAC,uBAAuB,EAAES,UAAU;gBAC3CR,aAAa,CAAC,eAAe,EAAEQ,SAAS,2DAA2D,EAAEA,SAAS,qCAAqC,CAAC;gBACpJP,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO,CAAC,iCAAiC,CAAC;gBAC1CC,aAAa,CAAC,qBAAqB,EAAEQ,SAAS,8GAA8G,CAAC;gBAC7JP,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO,CAAC,yBAAyB,CAAC;gBAClCC,aAAa,CAAC,eAAe,EAAEU,MAAM,MAAM,EAAEF,SAAS,iHAAiH,CAAC;gBACxKP,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO;gBACPC,aACE;gBACFC,iBAAiB;YACnB;QACF,KAAKW;YACH,OAAO;gBACLb,OAAO;gBACPC,aACE;gBACFC,iBAAiB;YACnB;IACJ;AACF;AAEA,SAASQ,YAAYI,KAAgC,EAAEC,QAAgB;IACrE,OAAOD,SAASC;AAClB"}
+{"version":3,"sources":["../../../src/components/workflow-run-view/agent-config-failure-callout.tsx"],"sourcesContent":["import {\n  Alert,\n  AlertActions,\n  AlertContent,\n  AlertDescription,\n  AlertTitle,\n} from '@shipfox/react-ui/alert';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Link} from '@tanstack/react-router';\nimport type {AgentStepConfig, StepError} from '#core/workflow-run.js';\n\nexport function AgentConfigFailureCallout({\n  workspaceSlug,\n  config,\n  error,\n}: {\n  workspaceSlug?: string | undefined;\n  config: AgentStepConfig | null;\n  error: StepError | null;\n}) {\n  const copy = agentConfigFailureCopy(config, error);\n\n  return (\n    <Alert variant=\"warning\" animated={false} className=\"px-10 py-8\">\n      <AlertContent>\n        <AlertTitle>{copy.title}</AlertTitle>\n        <AlertDescription>{copy.description}</AlertDescription>\n        {copy.showProviderCta && workspaceSlug ? (\n          <AlertActions>\n            <Button asChild size=\"2xs\" variant=\"secondary\" iconRight=\"chevronRight\">\n              <Link to=\"/w/$workspaceSlug/settings/agents\" params={{workspaceSlug}}>\n                Configure Agents\n              </Link>\n            </Button>\n          </AlertActions>\n        ) : null}\n      </AlertContent>\n    </Alert>\n  );\n}\n\nfunction agentConfigFailureCopy(\n  config: AgentStepConfig | null,\n  error: StepError | null,\n): {title: string; description: string; showProviderCta: boolean} {\n  const provider = configValue(config?.provider, 'the selected provider');\n  const model = configValue(config?.model, 'the selected model');\n\n  switch (error?.agentConfigIssue) {\n    case 'provider_not_configured':\n      return {\n        title: `Configure credentials for ${provider}`,\n        description: `This step uses ${provider}, but no workspace credentials are configured for that model provider. Configure ${provider} in Agents, then re-run the workflow.`,\n        showProviderCta: true,\n      };\n    case 'credentials_invalid':\n      return {\n        title: `Update credentials for ${provider}`,\n        description: `This step uses ${provider}, but the saved credentials could not be used. Reconfigure ${provider} in Agents, then re-run the workflow.`,\n        showProviderCta: true,\n      };\n    case 'provider_unsupported':\n      return {\n        title: `Choose a supported model provider`,\n        description: `This step references ${provider}, which is not available to the agent runner. Update the workflow to use a supported provider, then re-run it.`,\n        showProviderCta: false,\n      };\n    case 'model_unavailable':\n      return {\n        title: `Choose an available model`,\n        description: `This step uses ${model} with ${provider}, but that model is not available for the provider. Update the model or provider in the workflow, then re-run it.`,\n        showProviderCta: false,\n      };\n    case 'step_config_invalid':\n      return {\n        title: \"Fix this step's agent settings\",\n        description:\n          'Make sure the step has a prompt, provider, model, and thinking value, then re-run the workflow.',\n        showProviderCta: false,\n      };\n    case undefined:\n      return {\n        title: \"We couldn't load the agent configuration for this step\",\n        description:\n          'Make sure the step has a prompt, provider, model, and thinking value. Then configure credentials for the model provider in Agents and re-run the workflow.',\n        showProviderCta: true,\n      };\n  }\n}\n\nfunction configValue(value: string | null | undefined, fallback: string): string {\n  return value ?? fallback;\n}\n"],"names":["Alert","AlertActions","AlertContent","AlertDescription","AlertTitle","Button","Link","AgentConfigFailureCallout","workspaceSlug","config","error","copy","agentConfigFailureCopy","variant","animated","className","title","description","showProviderCta","asChild","size","iconRight","to","params","provider","configValue","model","agentConfigIssue","undefined","value","fallback"],"mappings":";AAAA,SACEA,KAAK,EACLC,YAAY,EACZC,YAAY,EACZC,gBAAgB,EAChBC,UAAU,QACL,0BAA0B;AACjC,SAAQC,MAAM,QAAO,2BAA2B;AAChD,SAAQC,IAAI,QAAO,yBAAyB;AAG5C,OAAO,SAASC,0BAA0B,EACxCC,aAAa,EACbC,MAAM,EACNC,KAAK,EAKN;IACC,MAAMC,OAAOC,uBAAuBH,QAAQC;IAE5C,qBACE,KAACV;QAAMa,SAAQ;QAAUC,UAAU;QAAOC,WAAU;kBAClD,cAAA,MAACb;;8BACC,KAACE;8BAAYO,KAAKK,KAAK;;8BACvB,KAACb;8BAAkBQ,KAAKM,WAAW;;gBAClCN,KAAKO,eAAe,IAAIV,8BACvB,KAACP;8BACC,cAAA,KAACI;wBAAOc,OAAO;wBAACC,MAAK;wBAAMP,SAAQ;wBAAYQ,WAAU;kCACvD,cAAA,KAACf;4BAAKgB,IAAG;4BAAoCC,QAAQ;gCAACf;4BAAa;sCAAG;;;qBAKxE;;;;AAIZ;AAEA,SAASI,uBACPH,MAA8B,EAC9BC,KAAuB;IAEvB,MAAMc,WAAWC,YAAYhB,QAAQe,UAAU;IAC/C,MAAME,QAAQD,YAAYhB,QAAQiB,OAAO;IAEzC,OAAQhB,OAAOiB;QACb,KAAK;YACH,OAAO;gBACLX,OAAO,CAAC,0BAA0B,EAAEQ,UAAU;gBAC9CP,aAAa,CAAC,eAAe,EAAEO,SAAS,iFAAiF,EAAEA,SAAS,qCAAqC,CAAC;gBAC1KN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO,CAAC,uBAAuB,EAAEQ,UAAU;gBAC3CP,aAAa,CAAC,eAAe,EAAEO,SAAS,2DAA2D,EAAEA,SAAS,qCAAqC,CAAC;gBACpJN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO,CAAC,iCAAiC,CAAC;gBAC1CC,aAAa,CAAC,qBAAqB,EAAEO,SAAS,8GAA8G,CAAC;gBAC7JN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO,CAAC,yBAAyB,CAAC;gBAClCC,aAAa,CAAC,eAAe,EAAES,MAAM,MAAM,EAAEF,SAAS,iHAAiH,CAAC;gBACxKN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO;gBACPC,aACE;gBACFC,iBAAiB;YACnB;QACF,KAAKU;YACH,OAAO;gBACLZ,OAAO;gBACPC,aACE;gBACFC,iBAAiB;YACnB;IACJ;AACF;AAEA,SAASO,YAAYI,KAAgC,EAAEC,QAAgB;IACrE,OAAOD,SAASC;AAClB"}

package/dist/components/workflow-run-view/job-card.d.ts

@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
 import { type Job, type JobExecution, type StepSourceLocation } from '#core/workflow-run.js';
 import { type StepExpandedContext } from '../step-list/index.js';
-export declare function JobCard({ workspaceId, job, selectedJobExecution, selectedAttemptId, onSelectedJobExecutionChange, onSelectedAttemptChange, renderExpandedStep, sourcePanelId, sourceAvailable, focusedSourceStepId, onOpenStepSource, }: {
-    workspaceId: string;
+export declare function JobCard({ workspaceSlug, job, selectedJobExecution, selectedAttemptId, onSelectedJobExecutionChange, onSelectedAttemptChange, renderExpandedStep, sourcePanelId, sourceAvailable, focusedSourceStepId, onOpenStepSource, }: {
+    workspaceSlug?: string | undefined;
     job: Job;
     selectedJobExecution: JobExecution | undefined;
     selectedAttemptId: string | null | undefined;

package/dist/components/workflow-run-view/job-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"job-card.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/job-card.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrC,OAAO,EAEL,KAAK,GAAG,EACR,KAAK,YAAY,EAKjB,KAAK,kBAAkB,EAIxB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAC,KAAK,mBAAmB,EAAoC,MAAM,uBAAuB,CAAC;AAelG,wBAAgB,OAAO,CAAC,EACtB,WAAW,EACX,GAAG,EACH,oBAAoB,EACpB,iBAAiB,EACjB,4BAA4B,EAC5B,uBAAuB,EACvB,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,gBAAgB,GACjB,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,GAAG,CAAC;IACT,oBAAoB,EAAE,YAAY,GAAG,SAAS,CAAC;IAC/C,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7C,4BAA4B,EAAE,CAAC,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACzF,uBAAuB,EAAE,CAAC,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC/E,kBAAkB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,mBAAmB,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAC/E,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAChD,gBAAgB,CAAC,EACb,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC,GAC3F,SAAS,CAAC;CACf,+BAkIA"}
+{"version":3,"file":"job-card.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/job-card.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrC,OAAO,EAKL,KAAK,GAAG,EAER,KAAK,YAAY,EAKjB,KAAK,kBAAkB,EAIxB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAC,KAAK,mBAAmB,EAAoC,MAAM,uBAAuB,CAAC;AAiBlG,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,GAAG,EACH,oBAAoB,EACpB,iBAAiB,EACjB,4BAA4B,EAC5B,uBAAuB,EACvB,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,gBAAgB,GACjB,EAAE;IACD,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,GAAG,EAAE,GAAG,CAAC;IACT,oBAAoB,EAAE,YAAY,GAAG,SAAS,CAAC;IAC/C,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7C,4BAA4B,EAAE,CAAC,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACzF,uBAAuB,EAAE,CAAC,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC/E,kBAAkB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,mBAAmB,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAC/E,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAChD,gBAAgB,CAAC,EACb,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC,GAC3F,SAAS,CAAC;CACf,+BAyIA"}

package/dist/components/workflow-run-view/job-card.js

@@ -10,25 +10,30 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/toolt
 import { Text } from '@shipfox/react-ui/typography';
 import { Fragment, useId, useRef, useState } from 'react';
 import { getWorkflowStatusVisual } from '#components/workflow-status/status-visuals.js';
-import { AGENT_CONFIG_ISSUES, STEP_ERROR_REASONS, WORKFLOW_JOB_STATUSES, workflowRunTriggerDisplayLabel, workflowRunTriggerLabel } from '#core/workflow-run.js';
+import { AGENT_CONFIG_ISSUES, defaultJobExecution, deriveJobDisplayStatus, deriveJobExecutionDisplayStatus, STEP_ERROR_REASONS, WORKFLOW_JOB_STATUSES, workflowRunTriggerDisplayLabel, workflowRunTriggerLabel } from '#core/workflow-run.js';
 import { StepList } from '../step-list/index.js';
 import { AgentConfigFailureCallout } from './agent-config-failure-callout.js';
 import { JobExecutionSwitcher } from './job-execution-switcher.js';
 import { formatJobExecutionTime, JobExecutionTimeText } from './job-execution-time-text.js';
 import { StepAttemptLogPanel } from './step-attempt-log-panel.js';
-const STATUS_BADGE_LABEL_WIDTH_CH = Math.max(...WORKFLOW_JOB_STATUSES.map((status)=>getWorkflowStatusVisual(status).label.length));
-export function JobCard({ workspaceId, job, selectedJobExecution, selectedAttemptId, onSelectedJobExecutionChange, onSelectedAttemptChange, renderExpandedStep, sourcePanelId, sourceAvailable, focusedSourceStepId, onOpenStepSource }) {
+const STATUS_BADGE_LABEL_WIDTH_CH = Math.max(...[
+    ...WORKFLOW_JOB_STATUSES,
+    'listening'
+].map((status)=>getWorkflowStatusVisual(status).label.length));
+export function JobCard({ workspaceSlug, job, selectedJobExecution, selectedAttemptId, onSelectedJobExecutionChange, onSelectedAttemptChange, renderExpandedStep, sourcePanelId, sourceAvailable, focusedSourceStepId, onOpenStepSource }) {
     const titleId = useId();
     const sourceButtonRef = useRef(null);
     const [localSelectedAttempt, setLocalSelectedAttempt] = useState({
         jobExecutionId: undefined,
         attemptId: null
     });
-    const selectedExecutionStatus = selectedJobExecution?.status ?? job.status;
+    const title = selectedJobExecution?.displayName ?? job.displayName;
+    const isNonDefaultExecutionSelected = selectedJobExecution !== undefined && selectedJobExecution.id !== defaultJobExecution(job)?.id;
+    const selectedExecutionStatus = isNonDefaultExecutionSelected ? deriveJobExecutionDisplayStatus(selectedJobExecution) : deriveJobDisplayStatus(job);
     const effectiveSelectedAttemptId = selectedAttemptId === undefined && localSelectedAttempt.jobExecutionId === selectedJobExecution?.id ? localSelectedAttempt.attemptId : selectedAttemptId;
     const selectedSourceAction = selectedStepSourceAction(selectedJobExecution, effectiveSelectedAttemptId);
     const defaultRenderExpandedStep = ({ step, stepId, attempt, attemptError, attemptStatus, carriedOver })=>carriedOver ? /*#__PURE__*/ _jsx(CarriedOverStepPanel, {}) : /*#__PURE__*/ _jsx(StepAttemptDetailPanel, {
-            workspaceId: workspaceId,
+            workspaceSlug: workspaceSlug,
             step: step,
             stepId: stepId,
             attempt: attempt,
@@ -62,7 +67,7 @@ export function JobCard({ workspaceId, job, selectedJobExecution, selectedAttemp
                                         size: "sm",
                                         bold: true,
                                         className: "sr-only",
-                                        children: job.displayName
+                                        children: title
                                     }),
                                     /*#__PURE__*/ _jsxs("div", {
                                         className: "flex min-w-0 items-center gap-8",
@@ -85,13 +90,16 @@ export function JobCard({ workspaceId, job, selectedJobExecution, selectedAttemp
                                     /*#__PURE__*/ _jsx(JobStatusBadge, {
                                         status: selectedExecutionStatus
                                     }),
-                                    /*#__PURE__*/ _jsx(Text, {
-                                        as: "h2",
-                                        id: titleId,
-                                        size: "sm",
-                                        bold: true,
-                                        className: "min-w-0 truncate text-foreground-neutral-base",
-                                        children: job.displayName
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: "flex min-w-0 items-center gap-8",
+                                        children: /*#__PURE__*/ _jsx(Text, {
+                                            as: "h2",
+                                            id: titleId,
+                                            size: "sm",
+                                            bold: true,
+                                            className: "min-w-0 truncate text-foreground-neutral-base",
+                                            children: title
+                                        })
                                     })
                                 ]
                             }),
@@ -200,7 +208,8 @@ function JobExecutionMetadata({ execution }) {
                     }) : /*#__PURE__*/ _jsx(JobExecutionMetadataItem, {
                         icon: item.icon,
                         kind: item.kind,
-                        time: item.time
+                        time: item.time,
+                        displayStatus: deriveJobExecutionDisplayStatus(execution)
                     })
                 ]
             }, item.key))
@@ -258,9 +267,9 @@ function JobExecutionTriggerMetadata({ execution }) {
         ]
     });
 }
-function JobExecutionMetadataItem({ icon, kind, time }) {
+function JobExecutionMetadataItem({ icon, kind, time, displayStatus }) {
     useTimeTick();
-    const tooltip = `${jobExecutionTimeVerb(kind, time)} for ${formatJobExecutionTime(time)}`;
+    const tooltip = `${jobExecutionTimeVerb(kind, time, displayStatus)} for ${formatJobExecutionTime(time)}`;
     return /*#__PURE__*/ _jsxs(Tooltip, {
         children: [
             /*#__PURE__*/ _jsx(TooltipTrigger, {
@@ -294,9 +303,11 @@ function JobExecutionMetadataItem({ icon, kind, time }) {
         ]
     });
 }
-function jobExecutionTimeVerb(kind, time) {
-    if (kind === 'queue') return time.state === 'live' ? 'Queuing' : 'Queued';
-    return time.state === 'live' ? 'Running' : 'Ran';
+function jobExecutionTimeVerb(kind, time, displayStatus) {
+    if (kind === 'queue') return time.state === 'live' ? 'Queueing' : 'Queued';
+    if (time.state !== 'live') return 'Ran';
+    if (displayStatus === 'running') return 'Running';
+    return displayStatus === 'pending' ? 'Runner assigned' : 'Execution elapsed';
 }
 function MetadataSeparator() {
     return /*#__PURE__*/ _jsx("span", {
@@ -317,13 +328,13 @@ function selectedStepSourceAction(jobExecution, selectedAttemptId) {
     }
     return null;
 }
-function StepAttemptDetailPanel({ workspaceId, step, stepId, attempt, attemptError, attemptStatus }) {
+function StepAttemptDetailPanel({ workspaceSlug, step, stepId, attempt, attemptError, attemptStatus }) {
     const selectedAttemptError = toSelectedAttemptError(step, attemptError) ?? step.error;
     return /*#__PURE__*/ _jsxs("div", {
         className: "flex min-w-0 flex-col gap-10",
         children: [
             isAgentConfigFailure(step, selectedAttemptError) ? /*#__PURE__*/ _jsx(AgentConfigFailureCallout, {
-                workspaceId: workspaceId,
+                workspaceSlug: workspaceSlug,
                 config: step.agentConfig,
                 error: selectedAttemptError
             }) : null,
@@ -350,7 +361,7 @@ function toSelectedAttemptError(step, error) {
         signal: typeof error.signal === 'string' ? error.signal : undefined,
         reason: resolvedReason,
         agentConfigIssue,
-        category: step.type === 'setup' ? 'setup' : 'user'
+        category: step.type === 'setup' || step.type === 'checkout' ? 'setup' : 'user'
     };
 }
 function isAgentConfigFailure(step, error) {
@@ -364,32 +375,40 @@ function emptyStateForJob(job, jobExecution) {
             status: 'succeeded'
         };
     }
-    if (jobExecution.status === 'pending') {
+    const displayStatus = job.mode === 'listening' ? deriveJobExecutionDisplayStatus(jobExecution) : deriveJobDisplayStatus(job);
+    if (jobExecution.status === 'running' && displayStatus === 'pending') {
+        return {
+            title: 'Runner preparing job',
+            description: 'A runner is assigned. Steps will appear here when work begins.',
+            status: displayStatus
+        };
+    }
+    if (displayStatus === 'pending') {
         return {
             title: 'Waiting for this job to start',
             description: 'Steps will appear here once the job starts.',
-            status: jobExecution.status
+            status: displayStatus
         };
     }
-    if (jobExecution.status === 'running') {
+    if (displayStatus === 'running') {
         return {
             title: 'Waiting for the first step',
-            description: 'This job is running, but no steps have started yet.',
-            status: jobExecution.status
+            description: 'The first running step will appear here shortly.',
+            status: displayStatus
         };
     }
-    if (jobExecution.status === 'cancelled') {
+    if (displayStatus === 'cancelled') {
         return {
             title: 'Cancelled before start',
             description: 'This job was cancelled before any step started.',
-            status: jobExecution.status
+            status: displayStatus
         };
     }
-    if (jobExecution.status === 'succeeded' || jobExecution.status === 'failed') {
+    if (displayStatus === 'succeeded' || displayStatus === 'failed') {
         return {
             title: 'No steps recorded',
             description: `Execution #${jobExecution.sequence} finished without recorded steps.`,
-            status: jobExecution.status
+            status: displayStatus
         };
     }
     return undefined;
@@ -406,7 +425,7 @@ function emptyStateForMissingExecution(job) {
         return {
             title: 'Waiting for trigger events',
             description: 'Matching trigger events will create job executions here.',
-            status: 'running'
+            status: deriveJobDisplayStatus(job)
         };
     }
     if (job.mode === 'listening' && job.listenerStatus === 'resolved') {