@shipfox/client-workflows 12.0.2 → 13.0.0

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

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

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

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

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

@@ -0,0 +1,15 @@
+import type { WorkflowRun } from '#core/workflow-run.js';
+type WorkflowRunNumberLabelRun = Pick<WorkflowRun, 'number' | 'workflowName'> & Partial<Pick<WorkflowRun, 'name'>>;
+export declare function formatWorkflowRunNumberLabel({ number, workflowName, }: WorkflowRunNumberLabelRun): string | undefined;
+/**
+ * The run's identity beside its name.
+ *
+ * A run whose name was never overridden carries its workflow name twice on one line, so the
+ * visible label drops to the bare number in that case. The full label stays in the tooltip
+ * and in `formatWorkflowRunNumberLabel`, which feeds accessible names.
+ */
+export declare function WorkflowRunNumberLabel({ run }: {
+    run: WorkflowRunNumberLabelRun;
+}): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=workflow-run-number-label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-number-label.d.ts","sourceRoot":"","sources":["../../src/components/workflow-run-number-label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAEvD,KAAK,yBAAyB,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,cAAc,CAAC,GAC3E,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;AAErC,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,YAAY,GACb,EAAE,yBAAyB,GAAG,MAAM,GAAG,SAAS,CAEhD;AAED;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,EAAC,GAAG,EAAC,EAAE;IAAC,GAAG,EAAE,yBAAyB,CAAA;CAAC,sCAyB7E"}

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
+import { Code } from '@shipfox/react-ui/typography';
+export function formatWorkflowRunNumberLabel({ number, workflowName }) {
+    return number === null ? undefined : `${workflowName} #${number}`;
+}
+/**
+ * The run's identity beside its name.
+ *
+ * A run whose name was never overridden carries its workflow name twice on one line, so the
+ * visible label drops to the bare number in that case. The full label stays in the tooltip
+ * and in `formatWorkflowRunNumberLabel`, which feeds accessible names.
+ */ export function WorkflowRunNumberLabel({ run }) {
+    const label = formatWorkflowRunNumberLabel(run);
+    if (label === undefined) return null;
+    const namesTheWorkflowTwice = run.name === run.workflowName;
+    const visibleLabel = namesTheWorkflowTwice ? `#${run.number}` : label;
+    return /*#__PURE__*/ _jsxs(Tooltip, {
+        children: [
+            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Code, {
+                    as: "span",
+                    variant: "label",
+                    className: "min-w-0 max-w-[240px] truncate text-foreground-neutral-muted",
+                    children: visibleLabel
+                })
+            }),
+            /*#__PURE__*/ _jsx(TooltipContent, {
+                children: /*#__PURE__*/ _jsx(Code, {
+                    as: "span",
+                    variant: "label",
+                    className: "block max-w-[360px] break-words",
+                    children: label
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=workflow-run-number-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/workflow-run-number-label.tsx"],"sourcesContent":["import {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code} from '@shipfox/react-ui/typography';\nimport type {WorkflowRun} from '#core/workflow-run.js';\n\ntype WorkflowRunNumberLabelRun = Pick<WorkflowRun, 'number' | 'workflowName'> &\n  Partial<Pick<WorkflowRun, 'name'>>;\n\nexport function formatWorkflowRunNumberLabel({\n  number,\n  workflowName,\n}: WorkflowRunNumberLabelRun): string | undefined {\n  return number === null ? undefined : `${workflowName} #${number}`;\n}\n\n/**\n * The run's identity beside its name.\n *\n * A run whose name was never overridden carries its workflow name twice on one line, so the\n * visible label drops to the bare number in that case. The full label stays in the tooltip\n * and in `formatWorkflowRunNumberLabel`, which feeds accessible names.\n */\nexport function WorkflowRunNumberLabel({run}: {run: WorkflowRunNumberLabelRun}) {\n  const label = formatWorkflowRunNumberLabel(run);\n  if (label === undefined) return null;\n\n  const namesTheWorkflowTwice = run.name === run.workflowName;\n  const visibleLabel = namesTheWorkflowTwice ? `#${run.number}` : label;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Code\n          as=\"span\"\n          variant=\"label\"\n          className=\"min-w-0 max-w-[240px] truncate text-foreground-neutral-muted\"\n        >\n          {visibleLabel}\n        </Code>\n      </TooltipTrigger>\n      <TooltipContent>\n        <Code as=\"span\" variant=\"label\" className=\"block max-w-[360px] break-words\">\n          {label}\n        </Code>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":["Tooltip","TooltipContent","TooltipTrigger","Code","formatWorkflowRunNumberLabel","number","workflowName","undefined","WorkflowRunNumberLabel","run","label","namesTheWorkflowTwice","name","visibleLabel","asChild","as","variant","className"],"mappings":";AAAA,SAAQA,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAO,4BAA4B;AAClF,SAAQC,IAAI,QAAO,+BAA+B;AAMlD,OAAO,SAASC,6BAA6B,EAC3CC,MAAM,EACNC,YAAY,EACc;IAC1B,OAAOD,WAAW,OAAOE,YAAY,GAAGD,aAAa,EAAE,EAAED,QAAQ;AACnE;AAEA;;;;;;CAMC,GACD,OAAO,SAASG,uBAAuB,EAACC,GAAG,EAAmC;IAC5E,MAAMC,QAAQN,6BAA6BK;IAC3C,IAAIC,UAAUH,WAAW,OAAO;IAEhC,MAAMI,wBAAwBF,IAAIG,IAAI,KAAKH,IAAIH,YAAY;IAC3D,MAAMO,eAAeF,wBAAwB,CAAC,CAAC,EAAEF,IAAIJ,MAAM,EAAE,GAAGK;IAEhE,qBACE,MAACV;;0BACC,KAACE;gBAAeY,OAAO;0BACrB,cAAA,KAACX;oBACCY,IAAG;oBACHC,SAAQ;oBACRC,WAAU;8BAETJ;;;0BAGL,KAACZ;0BACC,cAAA,KAACE;oBAAKY,IAAG;oBAAOC,SAAQ;oBAAQC,WAAU;8BACvCP;;;;;AAKX"}

package/dist/components/workflow-run-summary/workflow-run-attempt-switcher.d.ts

@@ -1,9 +1,9 @@
 import type { WorkflowRunDetail } from '#core/workflow-run.js';
 export interface WorkflowRunAttemptSwitcherProps {
-    workspaceId: string;
-    projectId: string;
+    workspaceSlug?: string | undefined;
+    projectSlug?: string | undefined;
     run: WorkflowRunDetail;
     latestAttempt: number;
 }
-export declare function WorkflowRunAttemptSwitcher({ workspaceId, projectId, run, latestAttempt, }: WorkflowRunAttemptSwitcherProps): import("react").JSX.Element | null;
+export declare function WorkflowRunAttemptSwitcher({ workspaceSlug, projectSlug, run, latestAttempt, }: WorkflowRunAttemptSwitcherProps): import("react").JSX.Element | null;
 //# sourceMappingURL=workflow-run-attempt-switcher.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-attempt-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-summary/workflow-run-attempt-switcher.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAqB,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AAKjF,MAAM,WAAW,+BAA+B;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,iBAAiB,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,EACX,SAAS,EACT,GAAG,EACH,aAAa,GACd,EAAE,+BAA+B,sCAsDjC"}
+{"version":3,"file":"workflow-run-attempt-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-summary/workflow-run-attempt-switcher.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAqB,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AAKjF,MAAM,WAAW,+BAA+B;IAC9C,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,GAAG,EAAE,iBAAiB,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,0BAA0B,CAAC,EACzC,aAAa,EACb,WAAW,EACX,GAAG,EACH,aAAa,GACd,EAAE,+BAA+B,sCAuDjC"}

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

@@ -9,13 +9,14 @@ import { useState } from 'react';
 import { withoutWorkflowRunSelectionSearch } from '#core/workflow-run-url-state.js';
 import { useWorkflowRunAttemptsQuery } from '#hooks/api/workflow-runs.js';
 import { WorkflowStatusIcon } from '../workflow-status/workflow-status-icon.js';
-export function WorkflowRunAttemptSwitcher({ workspaceId, projectId, run, latestAttempt }) {
+export function WorkflowRunAttemptSwitcher({ workspaceSlug, projectSlug, run, latestAttempt }) {
     const [open, setOpen] = useState(false);
     const attemptsQuery = useWorkflowRunAttemptsQuery({
         workflowRunId: run.id,
         enabled: open
     });
     if (latestAttempt <= 1) return null;
+    if (!workspaceSlug || !projectSlug) return null;
     const attempts = attemptsQuery.data ?? [];
     const latestLoadedAttempt = Math.max(0, ...attempts.map((attempt)=>attempt.attempt));
     const maxAttempt = Math.max(latestAttempt, run.runAttempt.attempt, latestLoadedAttempt);
@@ -61,8 +62,8 @@ export function WorkflowRunAttemptSwitcher({ workspaceId, projectId, run, latest
                             attempt: attempt,
                             current: attempt.id === run.runAttempt.id,
                             workflowRunId: run.id,
-                            workspaceId: workspaceId,
-                            projectId: projectId
+                            workspaceSlug: workspaceSlug,
+                            projectSlug: projectSlug
                         }, attempt.id)) : null
                 ]
             })
@@ -92,15 +93,15 @@ function ErrorRow({ onRetry }) {
         })
     });
 }
-function AttemptItem({ attempt, current, workflowRunId, workspaceId, projectId }) {
+function AttemptItem({ attempt, current, workflowRunId, workspaceSlug, projectSlug }) {
     return /*#__PURE__*/ _jsx(DropdownMenuItem, {
         asChild: true,
         className: cn(current && 'text-foreground-neutral-base'),
         children: /*#__PURE__*/ _jsxs(Link, {
-            to: "/workspaces/$wid/projects/$pid/runs/$workflowRunId",
+            to: "/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId",
             params: {
-                wid: workspaceId,
-                pid: projectId,
+                workspaceSlug,
+                projectSlug,
                 workflowRunId
             },
             search: (previous)=>{

package/dist/components/workflow-run-summary/workflow-run-attempt-switcher.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-summary/workflow-run-attempt-switcher.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {RelativeTime} from '@shipfox/react-ui/relative-time';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {useState} from 'react';\nimport type {WorkflowRunAttempt, WorkflowRunDetail} from '#core/workflow-run.js';\nimport {withoutWorkflowRunSelectionSearch} from '#core/workflow-run-url-state.js';\nimport {useWorkflowRunAttemptsQuery} from '#hooks/api/workflow-runs.js';\nimport {WorkflowStatusIcon} from '../workflow-status/workflow-status-icon.js';\n\nexport interface WorkflowRunAttemptSwitcherProps {\n  workspaceId: string;\n  projectId: string;\n  run: WorkflowRunDetail;\n  latestAttempt: number;\n}\n\nexport function WorkflowRunAttemptSwitcher({\n  workspaceId,\n  projectId,\n  run,\n  latestAttempt,\n}: WorkflowRunAttemptSwitcherProps) {\n  const [open, setOpen] = useState(false);\n  const attemptsQuery = useWorkflowRunAttemptsQuery({\n    workflowRunId: run.id,\n    enabled: open,\n  });\n\n  if (latestAttempt <= 1) return null;\n\n  const attempts = attemptsQuery.data ?? [];\n  const latestLoadedAttempt = Math.max(0, ...attempts.map((attempt) => attempt.attempt));\n  const maxAttempt = Math.max(latestAttempt, run.runAttempt.attempt, latestLoadedAttempt);\n  const isLoadingMissingAttempt =\n    attempts.length > 0 && attemptsQuery.isFetching && latestLoadedAttempt < maxAttempt;\n\n  return (\n    <DropdownMenu open={open} onOpenChange={setOpen}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"transparentMuted\"\n          size=\"2xs\"\n          iconRight=\"arrowDownSLine\"\n          aria-label={`Switch attempt, currently ${run.runAttempt.attempt} of ${maxAttempt}`}\n          className=\"h-20 px-4 text-foreground-neutral-muted hover:text-foreground-neutral-base\"\n        >\n          <Text as=\"span\" size=\"xs\" className=\"text-inherit\">\n            Attempt {run.runAttempt.attempt} of {maxAttempt}\n          </Text>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" size=\"lg\">\n        {attemptsQuery.isPending && attempts.length === 0 ? <LoadingRow /> : null}\n        {isLoadingMissingAttempt ? <LoadingRow /> : null}\n        {attemptsQuery.isError && attempts.length === 0 ? (\n          <ErrorRow onRetry={() => void attemptsQuery.refetch()} />\n        ) : null}\n        {attempts.length > 0\n          ? [...attempts]\n              .sort((left, right) => right.attempt - left.attempt)\n              .map((attempt) => (\n                <AttemptItem\n                  key={attempt.id}\n                  attempt={attempt}\n                  current={attempt.id === run.runAttempt.id}\n                  workflowRunId={run.id}\n                  workspaceId={workspaceId}\n                  projectId={projectId}\n                />\n              ))\n          : null}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction LoadingRow() {\n  return (\n    <DropdownMenuItem disabled>\n      <Text as=\"span\" size=\"sm\" className=\"text-foreground-neutral-muted\">\n        Loading attempts...\n      </Text>\n    </DropdownMenuItem>\n  );\n}\n\nfunction ErrorRow({onRetry}: {onRetry: () => void}) {\n  return (\n    <DropdownMenuItem closeOnSelect={false} onSelect={onRetry}>\n      <Text as=\"span\" size=\"sm\" className=\"text-foreground-highlight-error\">\n        Could not load attempts. Retry\n      </Text>\n    </DropdownMenuItem>\n  );\n}\n\nfunction AttemptItem({\n  attempt,\n  current,\n  workflowRunId,\n  workspaceId,\n  projectId,\n}: {\n  attempt: WorkflowRunAttempt;\n  current: boolean;\n  workflowRunId: string;\n  workspaceId: string;\n  projectId: string;\n}) {\n  return (\n    <DropdownMenuItem asChild className={cn(current && 'text-foreground-neutral-base')}>\n      <Link\n        to=\"/workspaces/$wid/projects/$pid/runs/$workflowRunId\"\n        params={{wid: workspaceId, pid: projectId, workflowRunId}}\n        search={\n          ((previous: Record<string, unknown>) => {\n            if (current) return previous;\n            return {\n              ...withoutWorkflowRunSelectionSearch(previous),\n              runAttempt: attempt.attempt,\n            };\n          }) as never\n        }\n        aria-current={current ? 'page' : undefined}\n      >\n        <WorkflowStatusIcon status={attempt.status} size={14} tooltip={false} />\n        <Code as=\"span\" variant=\"label\" className=\"min-w-0 flex-1 truncate text-inherit\">\n          Attempt {attempt.attempt}\n        </Code>\n        <RelativeTime\n          value={attempt.createdAt}\n          className=\"shrink-0 whitespace-nowrap font-code text-xs leading-20 text-foreground-neutral-muted\"\n        />\n      </Link>\n    </DropdownMenuItem>\n  );\n}\n"],"names":["Button","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","RelativeTime","Code","Text","cn","Link","useState","withoutWorkflowRunSelectionSearch","useWorkflowRunAttemptsQuery","WorkflowStatusIcon","WorkflowRunAttemptSwitcher","workspaceId","projectId","run","latestAttempt","open","setOpen","attemptsQuery","workflowRunId","id","enabled","attempts","data","latestLoadedAttempt","Math","max","map","attempt","maxAttempt","runAttempt","isLoadingMissingAttempt","length","isFetching","onOpenChange","asChild","type","variant","size","iconRight","aria-label","className","as","align","isPending","LoadingRow","isError","ErrorRow","onRetry","refetch","sort","left","right","AttemptItem","current","disabled","closeOnSelect","onSelect","to","params","wid","pid","search","previous","aria-current","undefined","status","tooltip","value","createdAt"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/workflow-run-summary/workflow-run-attempt-switcher.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {RelativeTime} from '@shipfox/react-ui/relative-time';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {useState} from 'react';\nimport type {WorkflowRunAttempt, WorkflowRunDetail} from '#core/workflow-run.js';\nimport {withoutWorkflowRunSelectionSearch} from '#core/workflow-run-url-state.js';\nimport {useWorkflowRunAttemptsQuery} from '#hooks/api/workflow-runs.js';\nimport {WorkflowStatusIcon} from '../workflow-status/workflow-status-icon.js';\n\nexport interface WorkflowRunAttemptSwitcherProps {\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n  run: WorkflowRunDetail;\n  latestAttempt: number;\n}\n\nexport function WorkflowRunAttemptSwitcher({\n  workspaceSlug,\n  projectSlug,\n  run,\n  latestAttempt,\n}: WorkflowRunAttemptSwitcherProps) {\n  const [open, setOpen] = useState(false);\n  const attemptsQuery = useWorkflowRunAttemptsQuery({\n    workflowRunId: run.id,\n    enabled: open,\n  });\n\n  if (latestAttempt <= 1) return null;\n  if (!workspaceSlug || !projectSlug) return null;\n\n  const attempts = attemptsQuery.data ?? [];\n  const latestLoadedAttempt = Math.max(0, ...attempts.map((attempt) => attempt.attempt));\n  const maxAttempt = Math.max(latestAttempt, run.runAttempt.attempt, latestLoadedAttempt);\n  const isLoadingMissingAttempt =\n    attempts.length > 0 && attemptsQuery.isFetching && latestLoadedAttempt < maxAttempt;\n\n  return (\n    <DropdownMenu open={open} onOpenChange={setOpen}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"transparentMuted\"\n          size=\"2xs\"\n          iconRight=\"arrowDownSLine\"\n          aria-label={`Switch attempt, currently ${run.runAttempt.attempt} of ${maxAttempt}`}\n          className=\"h-20 px-4 text-foreground-neutral-muted hover:text-foreground-neutral-base\"\n        >\n          <Text as=\"span\" size=\"xs\" className=\"text-inherit\">\n            Attempt {run.runAttempt.attempt} of {maxAttempt}\n          </Text>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" size=\"lg\">\n        {attemptsQuery.isPending && attempts.length === 0 ? <LoadingRow /> : null}\n        {isLoadingMissingAttempt ? <LoadingRow /> : null}\n        {attemptsQuery.isError && attempts.length === 0 ? (\n          <ErrorRow onRetry={() => void attemptsQuery.refetch()} />\n        ) : null}\n        {attempts.length > 0\n          ? [...attempts]\n              .sort((left, right) => right.attempt - left.attempt)\n              .map((attempt) => (\n                <AttemptItem\n                  key={attempt.id}\n                  attempt={attempt}\n                  current={attempt.id === run.runAttempt.id}\n                  workflowRunId={run.id}\n                  workspaceSlug={workspaceSlug}\n                  projectSlug={projectSlug}\n                />\n              ))\n          : null}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction LoadingRow() {\n  return (\n    <DropdownMenuItem disabled>\n      <Text as=\"span\" size=\"sm\" className=\"text-foreground-neutral-muted\">\n        Loading attempts...\n      </Text>\n    </DropdownMenuItem>\n  );\n}\n\nfunction ErrorRow({onRetry}: {onRetry: () => void}) {\n  return (\n    <DropdownMenuItem closeOnSelect={false} onSelect={onRetry}>\n      <Text as=\"span\" size=\"sm\" className=\"text-foreground-highlight-error\">\n        Could not load attempts. Retry\n      </Text>\n    </DropdownMenuItem>\n  );\n}\n\nfunction AttemptItem({\n  attempt,\n  current,\n  workflowRunId,\n  workspaceSlug,\n  projectSlug,\n}: {\n  attempt: WorkflowRunAttempt;\n  current: boolean;\n  workflowRunId: string;\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n}) {\n  return (\n    <DropdownMenuItem asChild className={cn(current && 'text-foreground-neutral-base')}>\n      <Link\n        to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId\"\n        params={{workspaceSlug, projectSlug, workflowRunId}}\n        search={\n          ((previous: Record<string, unknown>) => {\n            if (current) return previous;\n            return {\n              ...withoutWorkflowRunSelectionSearch(previous),\n              runAttempt: attempt.attempt,\n            };\n          }) as never\n        }\n        aria-current={current ? 'page' : undefined}\n      >\n        <WorkflowStatusIcon status={attempt.status} size={14} tooltip={false} />\n        <Code as=\"span\" variant=\"label\" className=\"min-w-0 flex-1 truncate text-inherit\">\n          Attempt {attempt.attempt}\n        </Code>\n        <RelativeTime\n          value={attempt.createdAt}\n          className=\"shrink-0 whitespace-nowrap font-code text-xs leading-20 text-foreground-neutral-muted\"\n        />\n      </Link>\n    </DropdownMenuItem>\n  );\n}\n"],"names":["Button","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","RelativeTime","Code","Text","cn","Link","useState","withoutWorkflowRunSelectionSearch","useWorkflowRunAttemptsQuery","WorkflowStatusIcon","WorkflowRunAttemptSwitcher","workspaceSlug","projectSlug","run","latestAttempt","open","setOpen","attemptsQuery","workflowRunId","id","enabled","attempts","data","latestLoadedAttempt","Math","max","map","attempt","maxAttempt","runAttempt","isLoadingMissingAttempt","length","isFetching","onOpenChange","asChild","type","variant","size","iconRight","aria-label","className","as","align","isPending","LoadingRow","isError","ErrorRow","onRetry","refetch","sort","left","right","AttemptItem","current","disabled","closeOnSelect","onSelect","to","params","search","previous","aria-current","undefined","status","tooltip","value","createdAt"],"mappings":"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"}