@shipfox/client-workflows 13.0.0 → 14.0.0

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":"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"}

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/workflow-run-selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-selection.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/workflow-run-selection.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EACR,KAAK,YAAY,EAEjB,KAAK,IAAI,EACT,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,iCAAiC,CAAC;AAE/E,MAAM,WAAW,4BAA4B;IAC3C,GAAG,EAAE,GAAG,GAAG,SAAS,CAAC;IACrB,YAAY,EAAE,YAAY,GAAG,SAAS,CAAC;IACvC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,GAAG,EACH,SAAS,GACV,EAAE;IACD,GAAG,EAAE,iBAAiB,CAAC;IACvB,SAAS,EAAE,yBAAyB,CAAC;CACtC,GAAG,4BAA4B,CAyB/B"}
+{"version":3,"file":"workflow-run-selection.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/workflow-run-selection.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EACR,KAAK,YAAY,EAEjB,KAAK,IAAI,EACT,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,iCAAiC,CAAC;AAE/E,MAAM,WAAW,4BAA4B;IAC3C,GAAG,EAAE,GAAG,GAAG,SAAS,CAAC;IACrB,YAAY,EAAE,YAAY,GAAG,SAAS,CAAC;IACvC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,GAAG,EACH,SAAS,GACV,EAAE;IACD,GAAG,EAAE,iBAAiB,CAAC;IACvB,SAAS,EAAE,yBAAyB,CAAC;CACtC,GAAG,4BAA4B,CAwC/B"}

package/dist/components/workflow-run-view/workflow-run-selection.js

@@ -5,6 +5,8 @@ export function resolveWorkflowRunSelection({ run, selection }) {
             job
         ]));
     const stepMatch = findStep(run, selection.stepId);
+    const jobExecutionMatch = findJobExecution(run, selection.jobExecutionId);
+    const stepAttemptMatch = findStepAttempt(run, selection.stepAttemptId);
     if (stepMatch) {
         const attempt = resolveStepAttempt(stepMatch.step, selection.stepAttemptId);
         return {
@@ -15,7 +17,16 @@ export function resolveWorkflowRunSelection({ run, selection }) {
             selectedAttemptId: attempt?.id ?? null
         };
     }
-    const job = (selection.jobId ? jobById.get(selection.jobId) : undefined) ?? run.jobs.at(0);
+    if (stepAttemptMatch) {
+        return {
+            job: stepAttemptMatch.job,
+            jobExecution: stepAttemptMatch.jobExecution,
+            step: stepAttemptMatch.step,
+            attempt: stepAttemptMatch.attempt,
+            selectedAttemptId: stepAttemptMatch.attempt.id
+        };
+    }
+    const job = (selection.jobId ? jobById.get(selection.jobId) : undefined) ?? jobExecutionMatch?.job ?? run.jobs.at(0);
     const jobExecution = job ? resolveJobExecution(job, selection.jobExecutionId) : undefined;
     return {
         job,
@@ -25,6 +36,34 @@ export function resolveWorkflowRunSelection({ run, selection }) {
         selectedAttemptId: null
     };
 }
+function findJobExecution(run, jobExecutionId) {
+    if (!jobExecutionId) return undefined;
+    for (const job of run.jobs){
+        const jobExecution = job.jobExecutions.find((candidate)=>candidate.id === jobExecutionId);
+        if (jobExecution) return {
+            job,
+            jobExecution
+        };
+    }
+    return undefined;
+}
+function findStepAttempt(run, stepAttemptId) {
+    if (!stepAttemptId) return undefined;
+    for (const job of run.jobs){
+        for (const jobExecution of job.jobExecutions){
+            for (const step of jobExecution.steps){
+                const attempt = step.attempts.find((candidate)=>candidate.id === stepAttemptId);
+                if (attempt) return {
+                    job,
+                    jobExecution,
+                    step,
+                    attempt
+                };
+            }
+        }
+    }
+    return undefined;
+}
 function findStep(run, stepId) {
     if (!stepId) return undefined;
     for (const job of run.jobs){

package/dist/components/workflow-run-view/workflow-run-selection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-view/workflow-run-selection.ts"],"sourcesContent":["import {\n  type Job,\n  type JobExecution,\n  resolveJobExecution,\n  type Step,\n  type StepAttempt,\n  type WorkflowRunDetail,\n} from '#core/workflow-run.js';\nimport type {WorkflowRunSelectionInput} from '#core/workflow-run-url-state.js';\n\nexport interface ResolvedWorkflowRunSelection {\n  job: Job | undefined;\n  jobExecution: JobExecution | undefined;\n  step: Step | undefined;\n  attempt: StepAttempt | undefined;\n  selectedAttemptId: string | null;\n}\n\nexport function resolveWorkflowRunSelection({\n  run,\n  selection,\n}: {\n  run: WorkflowRunDetail;\n  selection: WorkflowRunSelectionInput;\n}): ResolvedWorkflowRunSelection {\n  const jobById = new Map(run.jobs.map((job) => [job.id, job]));\n  const stepMatch = findStep(run, selection.stepId);\n\n  if (stepMatch) {\n    const attempt = resolveStepAttempt(stepMatch.step, selection.stepAttemptId);\n    return {\n      job: stepMatch.job,\n      jobExecution: stepMatch.jobExecution,\n      step: stepMatch.step,\n      attempt,\n      selectedAttemptId: attempt?.id ?? null,\n    };\n  }\n\n  const job = (selection.jobId ? jobById.get(selection.jobId) : undefined) ?? run.jobs.at(0);\n  const jobExecution = job ? resolveJobExecution(job, selection.jobExecutionId) : undefined;\n\n  return {\n    job,\n    jobExecution,\n    step: undefined,\n    attempt: undefined,\n    selectedAttemptId: null,\n  };\n}\n\nfunction findStep(\n  run: WorkflowRunDetail,\n  stepId: string | undefined,\n): {job: Job; jobExecution: JobExecution; step: Step} | undefined {\n  if (!stepId) return undefined;\n\n  for (const job of run.jobs) {\n    for (const jobExecution of job.jobExecutions) {\n      const step = jobExecution.steps.find((candidate) => candidate.id === stepId);\n      if (step) return {job, jobExecution, step};\n    }\n  }\n\n  return undefined;\n}\n\nfunction resolveStepAttempt(step: Step, attemptId: string | undefined): StepAttempt | undefined {\n  const attemptById = attemptId\n    ? step.attempts.find((attempt) => attempt.id === attemptId)\n    : undefined;\n  if (attemptById) return attemptById;\n\n  const currentAttempt = step.attempts.find((attempt) => attempt.attempt === step.currentAttempt);\n  if (currentAttempt) return currentAttempt;\n\n  return step.attempts.reduce<StepAttempt | undefined>((latest, attempt) => {\n    if (!latest) return attempt;\n    return compareAttempts(attempt, latest) > 0 ? attempt : latest;\n  }, undefined);\n}\n\nfunction compareAttempts(left: StepAttempt, right: StepAttempt): number {\n  return (\n    left.attempt - right.attempt ||\n    left.executionOrder - right.executionOrder ||\n    left.id.localeCompare(right.id)\n  );\n}\n"],"names":["resolveJobExecution","resolveWorkflowRunSelection","run","selection","jobById","Map","jobs","map","job","id","stepMatch","findStep","stepId","attempt","resolveStepAttempt","step","stepAttemptId","jobExecution","selectedAttemptId","jobId","get","undefined","at","jobExecutionId","jobExecutions","steps","find","candidate","attemptId","attemptById","attempts","currentAttempt","reduce","latest","compareAttempts","left","right","executionOrder","localeCompare"],"mappings":"AAAA,SAGEA,mBAAmB,QAId,wBAAwB;AAW/B,OAAO,SAASC,4BAA4B,EAC1CC,GAAG,EACHC,SAAS,EAIV;IACC,MAAMC,UAAU,IAAIC,IAAIH,IAAII,IAAI,CAACC,GAAG,CAAC,CAACC,MAAQ;YAACA,IAAIC,EAAE;YAAED;SAAI;IAC3D,MAAME,YAAYC,SAAST,KAAKC,UAAUS,MAAM;IAEhD,IAAIF,WAAW;QACb,MAAMG,UAAUC,mBAAmBJ,UAAUK,IAAI,EAAEZ,UAAUa,aAAa;QAC1E,OAAO;YACLR,KAAKE,UAAUF,GAAG;YAClBS,cAAcP,UAAUO,YAAY;YACpCF,MAAML,UAAUK,IAAI;YACpBF;YACAK,mBAAmBL,SAASJ,MAAM;QACpC;IACF;IAEA,MAAMD,MAAM,AAACL,CAAAA,UAAUgB,KAAK,GAAGf,QAAQgB,GAAG,CAACjB,UAAUgB,KAAK,IAAIE,SAAQ,KAAMnB,IAAII,IAAI,CAACgB,EAAE,CAAC;IACxF,MAAML,eAAeT,MAAMR,oBAAoBQ,KAAKL,UAAUoB,cAAc,IAAIF;IAEhF,OAAO;QACLb;QACAS;QACAF,MAAMM;QACNR,SAASQ;QACTH,mBAAmB;IACrB;AACF;AAEA,SAASP,SACPT,GAAsB,EACtBU,MAA0B;IAE1B,IAAI,CAACA,QAAQ,OAAOS;IAEpB,KAAK,MAAMb,OAAON,IAAII,IAAI,CAAE;QAC1B,KAAK,MAAMW,gBAAgBT,IAAIgB,aAAa,CAAE;YAC5C,MAAMT,OAAOE,aAAaQ,KAAK,CAACC,IAAI,CAAC,CAACC,YAAcA,UAAUlB,EAAE,KAAKG;YACrE,IAAIG,MAAM,OAAO;gBAACP;gBAAKS;gBAAcF;YAAI;QAC3C;IACF;IAEA,OAAOM;AACT;AAEA,SAASP,mBAAmBC,IAAU,EAAEa,SAA6B;IACnE,MAAMC,cAAcD,YAChBb,KAAKe,QAAQ,CAACJ,IAAI,CAAC,CAACb,UAAYA,QAAQJ,EAAE,KAAKmB,aAC/CP;IACJ,IAAIQ,aAAa,OAAOA;IAExB,MAAME,iBAAiBhB,KAAKe,QAAQ,CAACJ,IAAI,CAAC,CAACb,UAAYA,QAAQA,OAAO,KAAKE,KAAKgB,cAAc;IAC9F,IAAIA,gBAAgB,OAAOA;IAE3B,OAAOhB,KAAKe,QAAQ,CAACE,MAAM,CAA0B,CAACC,QAAQpB;QAC5D,IAAI,CAACoB,QAAQ,OAAOpB;QACpB,OAAOqB,gBAAgBrB,SAASoB,UAAU,IAAIpB,UAAUoB;IAC1D,GAAGZ;AACL;AAEA,SAASa,gBAAgBC,IAAiB,EAAEC,KAAkB;IAC5D,OACED,KAAKtB,OAAO,GAAGuB,MAAMvB,OAAO,IAC5BsB,KAAKE,cAAc,GAAGD,MAAMC,cAAc,IAC1CF,KAAK1B,EAAE,CAAC6B,aAAa,CAACF,MAAM3B,EAAE;AAElC"}
+{"version":3,"sources":["../../../src/components/workflow-run-view/workflow-run-selection.ts"],"sourcesContent":["import {\n  type Job,\n  type JobExecution,\n  resolveJobExecution,\n  type Step,\n  type StepAttempt,\n  type WorkflowRunDetail,\n} from '#core/workflow-run.js';\nimport type {WorkflowRunSelectionInput} from '#core/workflow-run-url-state.js';\n\nexport interface ResolvedWorkflowRunSelection {\n  job: Job | undefined;\n  jobExecution: JobExecution | undefined;\n  step: Step | undefined;\n  attempt: StepAttempt | undefined;\n  selectedAttemptId: string | null;\n}\n\nexport function resolveWorkflowRunSelection({\n  run,\n  selection,\n}: {\n  run: WorkflowRunDetail;\n  selection: WorkflowRunSelectionInput;\n}): ResolvedWorkflowRunSelection {\n  const jobById = new Map(run.jobs.map((job) => [job.id, job]));\n  const stepMatch = findStep(run, selection.stepId);\n  const jobExecutionMatch = findJobExecution(run, selection.jobExecutionId);\n  const stepAttemptMatch = findStepAttempt(run, selection.stepAttemptId);\n\n  if (stepMatch) {\n    const attempt = resolveStepAttempt(stepMatch.step, selection.stepAttemptId);\n    return {\n      job: stepMatch.job,\n      jobExecution: stepMatch.jobExecution,\n      step: stepMatch.step,\n      attempt,\n      selectedAttemptId: attempt?.id ?? null,\n    };\n  }\n\n  if (stepAttemptMatch) {\n    return {\n      job: stepAttemptMatch.job,\n      jobExecution: stepAttemptMatch.jobExecution,\n      step: stepAttemptMatch.step,\n      attempt: stepAttemptMatch.attempt,\n      selectedAttemptId: stepAttemptMatch.attempt.id,\n    };\n  }\n\n  const job =\n    (selection.jobId ? jobById.get(selection.jobId) : undefined) ??\n    jobExecutionMatch?.job ??\n    run.jobs.at(0);\n  const jobExecution = job ? resolveJobExecution(job, selection.jobExecutionId) : undefined;\n\n  return {\n    job,\n    jobExecution,\n    step: undefined,\n    attempt: undefined,\n    selectedAttemptId: null,\n  };\n}\n\nfunction findJobExecution(\n  run: WorkflowRunDetail,\n  jobExecutionId: string | undefined,\n): {job: Job; jobExecution: JobExecution} | undefined {\n  if (!jobExecutionId) return undefined;\n\n  for (const job of run.jobs) {\n    const jobExecution = job.jobExecutions.find((candidate) => candidate.id === jobExecutionId);\n    if (jobExecution) return {job, jobExecution};\n  }\n\n  return undefined;\n}\n\nfunction findStepAttempt(\n  run: WorkflowRunDetail,\n  stepAttemptId: string | undefined,\n): {job: Job; jobExecution: JobExecution; step: Step; attempt: StepAttempt} | undefined {\n  if (!stepAttemptId) return undefined;\n\n  for (const job of run.jobs) {\n    for (const jobExecution of job.jobExecutions) {\n      for (const step of jobExecution.steps) {\n        const attempt = step.attempts.find((candidate) => candidate.id === stepAttemptId);\n        if (attempt) return {job, jobExecution, step, attempt};\n      }\n    }\n  }\n\n  return undefined;\n}\n\nfunction findStep(\n  run: WorkflowRunDetail,\n  stepId: string | undefined,\n): {job: Job; jobExecution: JobExecution; step: Step} | undefined {\n  if (!stepId) return undefined;\n\n  for (const job of run.jobs) {\n    for (const jobExecution of job.jobExecutions) {\n      const step = jobExecution.steps.find((candidate) => candidate.id === stepId);\n      if (step) return {job, jobExecution, step};\n    }\n  }\n\n  return undefined;\n}\n\nfunction resolveStepAttempt(step: Step, attemptId: string | undefined): StepAttempt | undefined {\n  const attemptById = attemptId\n    ? step.attempts.find((attempt) => attempt.id === attemptId)\n    : undefined;\n  if (attemptById) return attemptById;\n\n  const currentAttempt = step.attempts.find((attempt) => attempt.attempt === step.currentAttempt);\n  if (currentAttempt) return currentAttempt;\n\n  return step.attempts.reduce<StepAttempt | undefined>((latest, attempt) => {\n    if (!latest) return attempt;\n    return compareAttempts(attempt, latest) > 0 ? attempt : latest;\n  }, undefined);\n}\n\nfunction compareAttempts(left: StepAttempt, right: StepAttempt): number {\n  return (\n    left.attempt - right.attempt ||\n    left.executionOrder - right.executionOrder ||\n    left.id.localeCompare(right.id)\n  );\n}\n"],"names":["resolveJobExecution","resolveWorkflowRunSelection","run","selection","jobById","Map","jobs","map","job","id","stepMatch","findStep","stepId","jobExecutionMatch","findJobExecution","jobExecutionId","stepAttemptMatch","findStepAttempt","stepAttemptId","attempt","resolveStepAttempt","step","jobExecution","selectedAttemptId","jobId","get","undefined","at","jobExecutions","find","candidate","steps","attempts","attemptId","attemptById","currentAttempt","reduce","latest","compareAttempts","left","right","executionOrder","localeCompare"],"mappings":"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"}

package/dist/components/workflow-run-view/workflow-run-states.d.ts

@@ -1,5 +1,6 @@
 import type { QueryLoadErrorQuery } from '@shipfox/client-ui';
 export declare function WorkflowRunSkeleton(): import("react").JSX.Element;
+export declare function WorkflowRunContentSkeleton(): import("react").JSX.Element;
 export declare function WorkflowRunNotFound(): import("react").JSX.Element;
 /**
  * Slim non-blocking banner shown when a background refetch fails after the run already

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-states.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/workflow-run-states.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAO5D,wBAAgB,mBAAmB,gCAwBlC;AAED,wBAAgB,mBAAmB,gCAQlC;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAAC,KAAK,EAAC,EAAE;IAAC,KAAK,EAAE,mBAAmB,CAAA;CAAC,+BAqB1E"}
+{"version":3,"file":"workflow-run-states.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/workflow-run-states.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAO5D,wBAAgB,mBAAmB,gCAwBlC;AAED,wBAAgB,0BAA0B,gCASzC;AAED,wBAAgB,mBAAmB,gCAQlC;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAAC,KAAK,EAAC,EAAE;IAAC,KAAK,EAAE,mBAAmB,CAAA;CAAC,+BAqB1E"}

package/dist/components/workflow-run-view/workflow-run-states.js

@@ -7,7 +7,7 @@ import { Text } from '@shipfox/react-ui/typography';
 export function WorkflowRunSkeleton() {
     return /*#__PURE__*/ _jsx("section", {
         "aria-label": "Loading workflow run",
-        className: "border-b border-border-neutral-base bg-background-subtle-base px-16 py-12",
+        className: "bg-background-neutral-background px-16 py-12",
         children: /*#__PURE__*/ _jsxs("div", {
             className: "flex min-w-0 flex-wrap items-center gap-x-12 gap-y-8",
             children: [
@@ -48,6 +48,15 @@ export function WorkflowRunSkeleton() {
         })
     });
 }
+export function WorkflowRunContentSkeleton() {
+    return /*#__PURE__*/ _jsx("section", {
+        "aria-label": "Loading workflow run content",
+        className: "min-h-160 rounded-8 border border-border-neutral-base bg-background-components-base p-16",
+        children: /*#__PURE__*/ _jsx(Skeleton, {
+            className: "h-160 w-full rounded-6"
+        })
+    });
+}
 export function WorkflowRunNotFound() {
     return /*#__PURE__*/ _jsx(EmptyState, {
         icon: "pulseLine",

package/dist/components/workflow-run-view/workflow-run-states.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-view/workflow-run-states.tsx"],"sourcesContent":["import type {QueryLoadErrorQuery} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Text} from '@shipfox/react-ui/typography';\n\nexport function WorkflowRunSkeleton() {\n  return (\n    <section\n      aria-label=\"Loading workflow run\"\n      className=\"border-b border-border-neutral-base bg-background-subtle-base px-16 py-12\"\n    >\n      <div className=\"flex min-w-0 flex-wrap items-center gap-x-12 gap-y-8\">\n        <div className=\"flex min-w-0 items-center gap-8\">\n          <Skeleton className=\"size-8 rounded-full\" />\n          <Skeleton className=\"h-24 w-180 rounded-6\" />\n        </div>\n        <Skeleton className=\"h-24 w-88 rounded-6\" />\n        <span\n          aria-hidden=\"true\"\n          className=\"hidden h-20 w-px shrink-0 bg-border-neutral-base sm:block\"\n        />\n        <Skeleton className=\"h-20 w-64 rounded-4\" />\n        <Skeleton className=\"h-20 w-112 rounded-4\" />\n        <span className=\"min-w-0 flex-1\" />\n        <Skeleton className=\"h-20 w-88 rounded-4\" />\n        <Skeleton className=\"h-20 w-88 rounded-4\" />\n      </div>\n    </section>\n  );\n}\n\nexport function WorkflowRunNotFound() {\n  return (\n    <EmptyState\n      icon=\"pulseLine\"\n      title=\"Run not found\"\n      description=\"This run does not exist or is no longer available.\"\n    />\n  );\n}\n\n/**\n * Slim non-blocking banner shown when a background refetch fails after the run already\n * loaded (active-run polling can hit a transient API error), so the loaded run stays on\n * screen with an inline retry instead of being wiped by a full error placeholder.\n */\nexport function WorkflowRunStaleError({query}: {query: QueryLoadErrorQuery}) {\n  return (\n    <div className=\"border-b border-border-neutral-base p-8\">\n      <Callout role=\"alert\" type=\"error\">\n        <div className=\"flex items-center justify-between gap-8\">\n          <Text size=\"xs\">Could not refresh this run.</Text>\n          <Button\n            type=\"button\"\n            size=\"2xs\"\n            variant=\"secondary\"\n            isLoading={query.isFetching}\n            onClick={() => {\n              void query.refetch();\n            }}\n          >\n            Retry\n          </Button>\n        </div>\n      </Callout>\n    </div>\n  );\n}\n"],"names":["Button","Callout","EmptyState","Skeleton","Text","WorkflowRunSkeleton","section","aria-label","className","div","span","aria-hidden","WorkflowRunNotFound","icon","title","description","WorkflowRunStaleError","query","role","type","size","variant","isLoading","isFetching","onClick","refetch"],"mappings":";AACA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,UAAU,QAAO,gCAAgC;AACzD,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,IAAI,QAAO,+BAA+B;AAElD,OAAO,SAASC;IACd,qBACE,KAACC;QACCC,cAAW;QACXC,WAAU;kBAEV,cAAA,MAACC;YAAID,WAAU;;8BACb,MAACC;oBAAID,WAAU;;sCACb,KAACL;4BAASK,WAAU;;sCACpB,KAACL;4BAASK,WAAU;;;;8BAEtB,KAACL;oBAASK,WAAU;;8BACpB,KAACE;oBACCC,eAAY;oBACZH,WAAU;;8BAEZ,KAACL;oBAASK,WAAU;;8BACpB,KAACL;oBAASK,WAAU;;8BACpB,KAACE;oBAAKF,WAAU;;8BAChB,KAACL;oBAASK,WAAU;;8BACpB,KAACL;oBAASK,WAAU;;;;;AAI5B;AAEA,OAAO,SAASI;IACd,qBACE,KAACV;QACCW,MAAK;QACLC,OAAM;QACNC,aAAY;;AAGlB;AAEA;;;;CAIC,GACD,OAAO,SAASC,sBAAsB,EAACC,KAAK,EAA+B;IACzE,qBACE,KAACR;QAAID,WAAU;kBACb,cAAA,KAACP;YAAQiB,MAAK;YAAQC,MAAK;sBACzB,cAAA,MAACV;gBAAID,WAAU;;kCACb,KAACJ;wBAAKgB,MAAK;kCAAK;;kCAChB,KAACpB;wBACCmB,MAAK;wBACLC,MAAK;wBACLC,SAAQ;wBACRC,WAAWL,MAAMM,UAAU;wBAC3BC,SAAS;4BACP,KAAKP,MAAMQ,OAAO;wBACpB;kCACD;;;;;;AAOX"}
+{"version":3,"sources":["../../../src/components/workflow-run-view/workflow-run-states.tsx"],"sourcesContent":["import type {QueryLoadErrorQuery} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Text} from '@shipfox/react-ui/typography';\n\nexport function WorkflowRunSkeleton() {\n  return (\n    <section\n      aria-label=\"Loading workflow run\"\n      className=\"bg-background-neutral-background px-16 py-12\"\n    >\n      <div className=\"flex min-w-0 flex-wrap items-center gap-x-12 gap-y-8\">\n        <div className=\"flex min-w-0 items-center gap-8\">\n          <Skeleton className=\"size-8 rounded-full\" />\n          <Skeleton className=\"h-24 w-180 rounded-6\" />\n        </div>\n        <Skeleton className=\"h-24 w-88 rounded-6\" />\n        <span\n          aria-hidden=\"true\"\n          className=\"hidden h-20 w-px shrink-0 bg-border-neutral-base sm:block\"\n        />\n        <Skeleton className=\"h-20 w-64 rounded-4\" />\n        <Skeleton className=\"h-20 w-112 rounded-4\" />\n        <span className=\"min-w-0 flex-1\" />\n        <Skeleton className=\"h-20 w-88 rounded-4\" />\n        <Skeleton className=\"h-20 w-88 rounded-4\" />\n      </div>\n    </section>\n  );\n}\n\nexport function WorkflowRunContentSkeleton() {\n  return (\n    <section\n      aria-label=\"Loading workflow run content\"\n      className=\"min-h-160 rounded-8 border border-border-neutral-base bg-background-components-base p-16\"\n    >\n      <Skeleton className=\"h-160 w-full rounded-6\" />\n    </section>\n  );\n}\n\nexport function WorkflowRunNotFound() {\n  return (\n    <EmptyState\n      icon=\"pulseLine\"\n      title=\"Run not found\"\n      description=\"This run does not exist or is no longer available.\"\n    />\n  );\n}\n\n/**\n * Slim non-blocking banner shown when a background refetch fails after the run already\n * loaded (active-run polling can hit a transient API error), so the loaded run stays on\n * screen with an inline retry instead of being wiped by a full error placeholder.\n */\nexport function WorkflowRunStaleError({query}: {query: QueryLoadErrorQuery}) {\n  return (\n    <div className=\"border-b border-border-neutral-base p-8\">\n      <Callout role=\"alert\" type=\"error\">\n        <div className=\"flex items-center justify-between gap-8\">\n          <Text size=\"xs\">Could not refresh this run.</Text>\n          <Button\n            type=\"button\"\n            size=\"2xs\"\n            variant=\"secondary\"\n            isLoading={query.isFetching}\n            onClick={() => {\n              void query.refetch();\n            }}\n          >\n            Retry\n          </Button>\n        </div>\n      </Callout>\n    </div>\n  );\n}\n"],"names":["Button","Callout","EmptyState","Skeleton","Text","WorkflowRunSkeleton","section","aria-label","className","div","span","aria-hidden","WorkflowRunContentSkeleton","WorkflowRunNotFound","icon","title","description","WorkflowRunStaleError","query","role","type","size","variant","isLoading","isFetching","onClick","refetch"],"mappings":";AACA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,UAAU,QAAO,gCAAgC;AACzD,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,IAAI,QAAO,+BAA+B;AAElD,OAAO,SAASC;IACd,qBACE,KAACC;QACCC,cAAW;QACXC,WAAU;kBAEV,cAAA,MAACC;YAAID,WAAU;;8BACb,MAACC;oBAAID,WAAU;;sCACb,KAACL;4BAASK,WAAU;;sCACpB,KAACL;4BAASK,WAAU;;;;8BAEtB,KAACL;oBAASK,WAAU;;8BACpB,KAACE;oBACCC,eAAY;oBACZH,WAAU;;8BAEZ,KAACL;oBAASK,WAAU;;8BACpB,KAACL;oBAASK,WAAU;;8BACpB,KAACE;oBAAKF,WAAU;;8BAChB,KAACL;oBAASK,WAAU;;8BACpB,KAACL;oBAASK,WAAU;;;;;AAI5B;AAEA,OAAO,SAASI;IACd,qBACE,KAACN;QACCC,cAAW;QACXC,WAAU;kBAEV,cAAA,KAACL;YAASK,WAAU;;;AAG1B;AAEA,OAAO,SAASK;IACd,qBACE,KAACX;QACCY,MAAK;QACLC,OAAM;QACNC,aAAY;;AAGlB;AAEA;;;;CAIC,GACD,OAAO,SAASC,sBAAsB,EAACC,KAAK,EAA+B;IACzE,qBACE,KAACT;QAAID,WAAU;kBACb,cAAA,KAACP;YAAQkB,MAAK;YAAQC,MAAK;sBACzB,cAAA,MAACX;gBAAID,WAAU;;kCACb,KAACJ;wBAAKiB,MAAK;kCAAK;;kCAChB,KAACrB;wBACCoB,MAAK;wBACLC,MAAK;wBACLC,SAAQ;wBACRC,WAAWL,MAAMM,UAAU;wBAC3BC,SAAS;4BACP,KAAKP,MAAMQ,OAAO;wBACpB;kCACD;;;;;;AAOX"}

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

@@ -1,4 +1,6 @@
+import type { RunAnnotationSummary } from '#core/workflow-run-tabs.js';
 import { type WorkflowRunSelectionInput } from '#core/workflow-run-url-state.js';
+import { type WorkflowRunTab } from '#routes/inputs.js';
 export interface WorkflowRunViewProps {
     projectId: string;
     workspaceSlug?: string | undefined;
@@ -6,11 +8,13 @@ export interface WorkflowRunViewProps {
     workflowRunId?: string | undefined;
     selection?: WorkflowRunSelectionInput | undefined;
     onSelectionChange?: ((selection: WorkflowRunSelectionInput) => void) | undefined;
+    tab?: WorkflowRunTab | undefined;
+    onTabChange?: ((tab: WorkflowRunTab) => void) | undefined;
+    annotationSummary?: RunAnnotationSummary | undefined;
 }
 /**
- * Renders the run for `workflowRunId`, or a skeleton while `workflowRunId` is still unknown (the page is
- * resolving which run to show) or the run is loading, so the page never branches on the
- * loading state itself.
+ * Renders the run for `workflowRunId`, keeping the local tab strip mounted while the run
+ * request is pending so polling never inserts navigation under the user's cursor.
  */
-export declare function WorkflowRunView({ projectId, workspaceSlug, projectSlug, workflowRunId, selection, onSelectionChange, }: WorkflowRunViewProps): import("react").JSX.Element;
+export declare function WorkflowRunView({ projectId, workspaceSlug, projectSlug, workflowRunId, selection, onSelectionChange, tab, onTabChange, annotationSummary, }: WorkflowRunViewProps): import("react").JSX.Element;
 //# sourceMappingURL=workflow-run-view.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-view.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/workflow-run-view.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,KAAK,yBAAyB,EAE/B,MAAM,iCAAiC,CAAC;AAsBzC,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAClD,iBAAiB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,yBAAyB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAClF;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,aAAa,EACb,WAAW,EACX,aAAa,EACb,SAAS,EACT,iBAAiB,GAClB,EAAE,oBAAoB,+BAkBtB"}
+{"version":3,"file":"workflow-run-view.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/workflow-run-view.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AACrE,OAAO,EACL,KAAK,yBAAyB,EAE/B,MAAM,iCAAiC,CAAC;AAMzC,OAAO,EAAoB,KAAK,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAwBzE,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAClD,iBAAiB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,yBAAyB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjF,GAAG,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D,iBAAiB,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;CACtD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,aAAa,EACb,WAAW,EACX,aAAa,EACb,SAAS,EACT,iBAAiB,EACjB,GAAG,EACH,WAAW,EACX,iBAAiB,GAClB,EAAE,oBAAoB,+BAqBtB"}