@shipfox/client-workflows 15.0.0 → 17.0.0

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

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

package/dist/components/workflow-run-list/workflow-run-filter-menu.js

@@ -43,7 +43,7 @@ import { cn } from '@shipfox/react-ui/utils';
                 children: options.length === 0 ? /*#__PURE__*/ _jsx(Text, {
                     as: "p",
                     size: "xs",
-                    className: "px-8 py-6 text-foreground-neutral-muted",
+                    className: "px-tight py-[6px] text-foreground-neutral-muted",
                     children: emptyMessage
                 }) : options.map((option)=>/*#__PURE__*/ _jsx(DropdownMenuCheckboxItem, {
                         checked: selected.includes(option.value),

package/dist/components/workflow-run-list/workflow-run-filter-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-filter-menu.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\n\nexport interface WorkflowRunFilterOption {\n  value: string;\n  label: string;\n}\n\nexport interface WorkflowRunFilterMenuProps {\n  label: string;\n  options: readonly WorkflowRunFilterOption[];\n  selected: readonly string[];\n  onChange: (next: string[]) => void;\n  /** Shown in place of the option list when nothing is loaded to filter by. */\n  emptyMessage: string;\n  className?: string | undefined;\n}\n\n/**\n * One multi-select filter.\n *\n * The trigger states its own value rather than only a count, because a toolbar of five\n * buttons that all read \"Branch\" forces the user to open each one to find out what is on.\n * Checked items keep the menu open: choosing two branches should not cost two round trips.\n */\nexport function WorkflowRunFilterMenu({\n  label,\n  options,\n  selected,\n  onChange,\n  emptyMessage,\n  className,\n}: WorkflowRunFilterMenuProps) {\n  const active = selected.length > 0;\n  const triggerText = triggerLabel(label, options, selected);\n\n  function toggle(value: string) {\n    onChange(\n      selected.includes(value) ? selected.filter((entry) => entry !== value) : [...selected, value],\n    );\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          iconRight=\"arrowDownSLine\"\n          // Mirrors the visible label so the selected value is not sighted-only; an aria-label\n          // replaces the button's contents as its accessible name rather than adding to them.\n          aria-label={`${triggerText} filter`}\n          className={cn('max-w-[200px]', !active && 'text-foreground-neutral-subtle', className)}\n        >\n          <span className=\"min-w-0 truncate\">{triggerText}</span>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" className=\"max-h-[320px] w-[240px] overflow-y-auto\">\n        {options.length === 0 ? (\n          <Text as=\"p\" size=\"xs\" className=\"px-8 py-6 text-foreground-neutral-muted\">\n            {emptyMessage}\n          </Text>\n        ) : (\n          options.map((option) => (\n            <DropdownMenuCheckboxItem\n              key={option.value}\n              checked={selected.includes(option.value)}\n              closeOnSelect={false}\n              onSelect={() => toggle(option.value)}\n            >\n              {option.label}\n            </DropdownMenuCheckboxItem>\n          ))\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction triggerLabel(\n  label: string,\n  options: readonly WorkflowRunFilterOption[],\n  selected: readonly string[],\n): string {\n  if (selected.length === 0) return label;\n  if (selected.length === 1) {\n    const [value] = selected;\n    const option = options.find((entry) => entry.value === value);\n    return `${label}: ${option?.label ?? value}`;\n  }\n  return `${label} · ${selected.length}`;\n}\n"],"names":["Button","DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuTrigger","Text","cn","WorkflowRunFilterMenu","label","options","selected","onChange","emptyMessage","className","active","length","triggerText","triggerLabel","toggle","value","includes","filter","entry","asChild","type","variant","size","iconRight","aria-label","span","align","as","map","option","checked","closeOnSelect","onSelect","find"],"mappings":";AAAA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SACEC,YAAY,EACZC,wBAAwB,EACxBC,mBAAmB,EACnBC,mBAAmB,QACd,kCAAkC;AACzC,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,EAAE,QAAO,0BAA0B;AAiB3C;;;;;;CAMC,GACD,OAAO,SAASC,sBAAsB,EACpCC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,YAAY,EACZC,SAAS,EACkB;IAC3B,MAAMC,SAASJ,SAASK,MAAM,GAAG;IACjC,MAAMC,cAAcC,aAAaT,OAAOC,SAASC;IAEjD,SAASQ,OAAOC,KAAa;QAC3BR,SACED,SAASU,QAAQ,CAACD,SAAST,SAASW,MAAM,CAAC,CAACC,QAAUA,UAAUH,SAAS;eAAIT;YAAUS;SAAM;IAEjG;IAEA,qBACE,MAAClB;;0BACC,KAACG;gBAAoBmB,OAAO;0BAC1B,cAAA,KAACvB;oBACCwB,MAAK;oBACLC,SAAQ;oBACRC,MAAK;oBACLC,WAAU;oBACV,qFAAqF;oBACrF,oFAAoF;oBACpFC,cAAY,GAAGZ,YAAY,OAAO,CAAC;oBACnCH,WAAWP,GAAG,iBAAiB,CAACQ,UAAU,kCAAkCD;8BAE5E,cAAA,KAACgB;wBAAKhB,WAAU;kCAAoBG;;;;0BAGxC,KAACb;gBAAoB2B,OAAM;gBAAQjB,WAAU;0BAC1CJ,QAAQM,MAAM,KAAK,kBAClB,KAACV;oBAAK0B,IAAG;oBAAIL,MAAK;oBAAKb,WAAU;8BAC9BD;qBAGHH,QAAQuB,GAAG,CAAC,CAACC,uBACX,KAAC/B;wBAECgC,SAASxB,SAASU,QAAQ,CAACa,OAAOd,KAAK;wBACvCgB,eAAe;wBACfC,UAAU,IAAMlB,OAAOe,OAAOd,KAAK;kCAElCc,OAAOzB,KAAK;uBALRyB,OAAOd,KAAK;;;;AAY/B;AAEA,SAASF,aACPT,KAAa,EACbC,OAA2C,EAC3CC,QAA2B;IAE3B,IAAIA,SAASK,MAAM,KAAK,GAAG,OAAOP;IAClC,IAAIE,SAASK,MAAM,KAAK,GAAG;QACzB,MAAM,CAACI,MAAM,GAAGT;QAChB,MAAMuB,SAASxB,QAAQ4B,IAAI,CAAC,CAACf,QAAUA,MAAMH,KAAK,KAAKA;QACvD,OAAO,GAAGX,MAAM,EAAE,EAAEyB,QAAQzB,SAASW,OAAO;IAC9C;IACA,OAAO,GAAGX,MAAM,GAAG,EAAEE,SAASK,MAAM,EAAE;AACxC"}
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-filter-menu.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\n\nexport interface WorkflowRunFilterOption {\n  value: string;\n  label: string;\n}\n\nexport interface WorkflowRunFilterMenuProps {\n  label: string;\n  options: readonly WorkflowRunFilterOption[];\n  selected: readonly string[];\n  onChange: (next: string[]) => void;\n  /** Shown in place of the option list when nothing is loaded to filter by. */\n  emptyMessage: string;\n  className?: string | undefined;\n}\n\n/**\n * One multi-select filter.\n *\n * The trigger states its own value rather than only a count, because a toolbar of five\n * buttons that all read \"Branch\" forces the user to open each one to find out what is on.\n * Checked items keep the menu open: choosing two branches should not cost two round trips.\n */\nexport function WorkflowRunFilterMenu({\n  label,\n  options,\n  selected,\n  onChange,\n  emptyMessage,\n  className,\n}: WorkflowRunFilterMenuProps) {\n  const active = selected.length > 0;\n  const triggerText = triggerLabel(label, options, selected);\n\n  function toggle(value: string) {\n    onChange(\n      selected.includes(value) ? selected.filter((entry) => entry !== value) : [...selected, value],\n    );\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          iconRight=\"arrowDownSLine\"\n          // Mirrors the visible label so the selected value is not sighted-only; an aria-label\n          // replaces the button's contents as its accessible name rather than adding to them.\n          aria-label={`${triggerText} filter`}\n          className={cn('max-w-[200px]', !active && 'text-foreground-neutral-subtle', className)}\n        >\n          <span className=\"min-w-0 truncate\">{triggerText}</span>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" className=\"max-h-[320px] w-[240px] overflow-y-auto\">\n        {options.length === 0 ? (\n          <Text as=\"p\" size=\"xs\" className=\"px-tight py-[6px] text-foreground-neutral-muted\">\n            {emptyMessage}\n          </Text>\n        ) : (\n          options.map((option) => (\n            <DropdownMenuCheckboxItem\n              key={option.value}\n              checked={selected.includes(option.value)}\n              closeOnSelect={false}\n              onSelect={() => toggle(option.value)}\n            >\n              {option.label}\n            </DropdownMenuCheckboxItem>\n          ))\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction triggerLabel(\n  label: string,\n  options: readonly WorkflowRunFilterOption[],\n  selected: readonly string[],\n): string {\n  if (selected.length === 0) return label;\n  if (selected.length === 1) {\n    const [value] = selected;\n    const option = options.find((entry) => entry.value === value);\n    return `${label}: ${option?.label ?? value}`;\n  }\n  return `${label} · ${selected.length}`;\n}\n"],"names":["Button","DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuTrigger","Text","cn","WorkflowRunFilterMenu","label","options","selected","onChange","emptyMessage","className","active","length","triggerText","triggerLabel","toggle","value","includes","filter","entry","asChild","type","variant","size","iconRight","aria-label","span","align","as","map","option","checked","closeOnSelect","onSelect","find"],"mappings":";AAAA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SACEC,YAAY,EACZC,wBAAwB,EACxBC,mBAAmB,EACnBC,mBAAmB,QACd,kCAAkC;AACzC,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,EAAE,QAAO,0BAA0B;AAiB3C;;;;;;CAMC,GACD,OAAO,SAASC,sBAAsB,EACpCC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,YAAY,EACZC,SAAS,EACkB;IAC3B,MAAMC,SAASJ,SAASK,MAAM,GAAG;IACjC,MAAMC,cAAcC,aAAaT,OAAOC,SAASC;IAEjD,SAASQ,OAAOC,KAAa;QAC3BR,SACED,SAASU,QAAQ,CAACD,SAAST,SAASW,MAAM,CAAC,CAACC,QAAUA,UAAUH,SAAS;eAAIT;YAAUS;SAAM;IAEjG;IAEA,qBACE,MAAClB;;0BACC,KAACG;gBAAoBmB,OAAO;0BAC1B,cAAA,KAACvB;oBACCwB,MAAK;oBACLC,SAAQ;oBACRC,MAAK;oBACLC,WAAU;oBACV,qFAAqF;oBACrF,oFAAoF;oBACpFC,cAAY,GAAGZ,YAAY,OAAO,CAAC;oBACnCH,WAAWP,GAAG,iBAAiB,CAACQ,UAAU,kCAAkCD;8BAE5E,cAAA,KAACgB;wBAAKhB,WAAU;kCAAoBG;;;;0BAGxC,KAACb;gBAAoB2B,OAAM;gBAAQjB,WAAU;0BAC1CJ,QAAQM,MAAM,KAAK,kBAClB,KAACV;oBAAK0B,IAAG;oBAAIL,MAAK;oBAAKb,WAAU;8BAC9BD;qBAGHH,QAAQuB,GAAG,CAAC,CAACC,uBACX,KAAC/B;wBAECgC,SAASxB,SAASU,QAAQ,CAACa,OAAOd,KAAK;wBACvCgB,eAAe;wBACfC,UAAU,IAAMlB,OAAOe,OAAOd,KAAK;kCAElCc,OAAOzB,KAAK;uBALRyB,OAAOd,KAAK;;;;AAY/B;AAEA,SAASF,aACPT,KAAa,EACbC,OAA2C,EAC3CC,QAA2B;IAE3B,IAAIA,SAASK,MAAM,KAAK,GAAG,OAAOP;IAClC,IAAIE,SAASK,MAAM,KAAK,GAAG;QACzB,MAAM,CAACI,MAAM,GAAGT;QAChB,MAAMuB,SAASxB,QAAQ4B,IAAI,CAAC,CAACf,QAAUA,MAAMH,KAAK,KAAKA;QACvD,OAAO,GAAGX,MAAM,EAAE,EAAEyB,QAAQzB,SAASW,OAAO;IAC9C;IACA,OAAO,GAAGX,MAAM,GAAG,EAAEE,SAASK,MAAM,EAAE;AACxC"}

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

@@ -22,7 +22,7 @@ const STATUS_OPTIONS = WORKFLOW_RUN_LIST_STATUSES.map((status)=>({
  */ export function WorkflowRunFilters({ search, facets, onChange, onClear, hasActiveFilters }) {
     const [sheetOpen, setSheetOpen] = useState(false);
     return /*#__PURE__*/ _jsxs("div", {
-        className: "flex flex-wrap items-center gap-8",
+        className: "flex flex-wrap items-center gap-inline",
         children: [
             /*#__PURE__*/ _jsx(Input, {
                 value: search.search ?? '',
@@ -39,7 +39,7 @@ const STATUS_OPTIONS = WORKFLOW_RUN_LIST_STATUSES.map((status)=>({
                 })
             }),
             /*#__PURE__*/ _jsxs("div", {
-                className: "hidden flex-wrap items-center gap-8 md:flex",
+                className: "hidden flex-wrap items-center gap-inline md:flex",
                 children: [
                     /*#__PURE__*/ _jsx(WorkflowRunFilterControls, {
                         search: search,
@@ -76,7 +76,7 @@ const STATUS_OPTIONS = WORKFLOW_RUN_LIST_STATUSES.map((status)=>({
                                 })
                             }),
                             /*#__PURE__*/ _jsx(SheetBody, {
-                                className: "flex flex-col gap-12",
+                                className: "flex flex-col gap-cluster",
                                 children: /*#__PURE__*/ _jsx(WorkflowRunFilterControls, {
                                     search: search,
                                     facets: facets,
@@ -155,7 +155,7 @@ function WorkflowRunFilterControls({ search, facets, onChange, stacked = false }
                 className: controlClassName
             }),
             stacked ? /*#__PURE__*/ _jsxs("div", {
-                className: "flex flex-col gap-6",
+                className: "flex flex-col gap-inline",
                 children: [
                     /*#__PURE__*/ _jsx(Label, {
                         children: "Created between"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-filters.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {DateRangePicker} from '@shipfox/react-ui/date-range-picker';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Input} from '@shipfox/react-ui/input';\nimport {Label} from '@shipfox/react-ui/label';\nimport {\n  Sheet,\n  SheetBody,\n  SheetContent,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from '@shipfox/react-ui/sheet';\nimport {useState} from 'react';\nimport {getWorkflowStatusVisual} from '#components/workflow-status/status-visuals.js';\nimport {\n  WORKFLOW_RUN_LIST_STATUSES,\n  type WorkflowRunFilterPatch,\n  type WorkflowRunListStatus,\n  type WorkflowRunsSearch,\n} from '#routes/inputs.js';\nimport type {WorkflowRunFacets} from './run-display.js';\nimport {WorkflowRunFilterMenu, type WorkflowRunFilterOption} from './workflow-run-filter-menu.js';\n\nconst STATUS_OPTIONS: WorkflowRunFilterOption[] = WORKFLOW_RUN_LIST_STATUSES.map((status) => ({\n  value: status,\n  label: getWorkflowStatusVisual(status).label,\n}));\n\nexport interface WorkflowRunFiltersProps {\n  search: WorkflowRunsSearch;\n  facets: WorkflowRunFacets;\n  onChange: (patch: WorkflowRunFilterPatch) => void;\n  onClear: () => void;\n  hasActiveFilters: boolean;\n}\n\n/**\n * The run list filter row.\n *\n * Inline from `md` up, and behind a sheet below it, where a five-control toolbar would eat\n * the viewport the list is supposed to fill. Both layouts render the same controls, so the\n * narrow surface is the full filter set rather than a reduced one.\n */\nexport function WorkflowRunFilters({\n  search,\n  facets,\n  onChange,\n  onClear,\n  hasActiveFilters,\n}: WorkflowRunFiltersProps) {\n  const [sheetOpen, setSheetOpen] = useState(false);\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-8\">\n      <Input\n        value={search.search ?? ''}\n        onChange={(event) => onChange({search: event.target.value})}\n        placeholder=\"Search runs by name, number, branch, or commit\"\n        aria-label=\"Search runs\"\n        size=\"small\"\n        className=\"min-w-[240px] flex-1\"\n        iconLeft={<Icon name=\"searchLine\" className=\"size-14 text-foreground-neutral-muted\" />}\n      />\n\n      <div className=\"hidden flex-wrap items-center gap-8 md:flex\">\n        <WorkflowRunFilterControls search={search} facets={facets} onChange={onChange} />\n        {hasActiveFilters ? <ClearFiltersButton onClear={onClear} /> : null}\n      </div>\n\n      <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>\n        <SheetTrigger asChild>\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"sm\"\n            iconLeft=\"filterLine\"\n            className=\"md:hidden\"\n          >\n            Filters\n          </Button>\n        </SheetTrigger>\n        <SheetContent side=\"bottom\" aria-describedby={undefined}>\n          <SheetHeader>\n            <SheetTitle>Filter runs</SheetTitle>\n          </SheetHeader>\n          <SheetBody className=\"flex flex-col gap-12\">\n            <WorkflowRunFilterControls\n              search={search}\n              facets={facets}\n              onChange={onChange}\n              stacked\n            />\n          </SheetBody>\n          <SheetFooter>\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"sm\"\n              disabled={!hasActiveFilters}\n              onClick={onClear}\n            >\n              Clear filters\n            </Button>\n            <Button type=\"button\" variant=\"primary\" size=\"sm\" onClick={() => setSheetOpen(false)}>\n              Show runs\n            </Button>\n          </SheetFooter>\n        </SheetContent>\n      </Sheet>\n    </div>\n  );\n}\n\nfunction WorkflowRunFilterControls({\n  search,\n  facets,\n  onChange,\n  stacked = false,\n}: {\n  search: WorkflowRunsSearch;\n  facets: WorkflowRunFacets;\n  onChange: (patch: WorkflowRunFilterPatch) => void;\n  stacked?: boolean;\n}) {\n  const controlClassName = stacked ? 'w-full max-w-none' : undefined;\n\n  return (\n    <>\n      <WorkflowRunFilterMenu\n        label=\"Status\"\n        options={STATUS_OPTIONS}\n        selected={search.status ?? []}\n        onChange={(next) => onChange({status: next as WorkflowRunListStatus[]})}\n        emptyMessage=\"No statuses available.\"\n        className={controlClassName}\n      />\n      <WorkflowRunFilterMenu\n        label=\"Branch\"\n        options={toOptions(facets.branch)}\n        selected={search.branch ?? []}\n        onChange={(branch) => onChange({branch})}\n        emptyMessage=\"No branches in the loaded runs.\"\n        className={controlClassName}\n      />\n      <WorkflowRunFilterMenu\n        label=\"Actor\"\n        options={toOptions(facets.actor)}\n        selected={search.actor ?? []}\n        onChange={(actor) => onChange({actor})}\n        emptyMessage=\"No actors in the loaded runs.\"\n        className={controlClassName}\n      />\n      <WorkflowRunFilterMenu\n        label=\"Event\"\n        options={toOptions(facets.event)}\n        selected={search.event ?? []}\n        onChange={(event) => onChange({event})}\n        emptyMessage=\"No events in the loaded runs.\"\n        className={controlClassName}\n      />\n      {stacked ? (\n        <div className=\"flex flex-col gap-6\">\n          <Label>Created between</Label>\n          <RunDateRangeFilter search={search} onChange={onChange} />\n        </div>\n      ) : (\n        <RunDateRangeFilter search={search} onChange={onChange} />\n      )}\n    </>\n  );\n}\n\nfunction RunDateRangeFilter({\n  search,\n  onChange,\n}: {\n  search: WorkflowRunsSearch;\n  onChange: (patch: WorkflowRunFilterPatch) => void;\n}) {\n  return (\n    <DateRangePicker\n      size=\"small\"\n      aria-label=\"Filter runs by creation date\"\n      // The shared picker renders a value only when both bounds are set, so a one-sided filter\n      // would otherwise read as unset. Naming the active bound keeps it visible without\n      // inventing the bound the user did not choose.\n      placeholder={partialDateLabel(search) ?? 'Any date'}\n      dateRange={{\n        ...(search.after ? {start: fromCalendarDate(search.after)} : {}),\n        ...(search.before ? {end: fromCalendarDate(search.before)} : {}),\n      }}\n      onDateRangeSelect={(range) =>\n        onChange({\n          after: range?.start ? toCalendarDate(range.start) : undefined,\n          before: range?.end ? toCalendarDate(range.end) : undefined,\n        })\n      }\n      onClear={() => onChange({after: undefined, before: undefined})}\n    />\n  );\n}\n\nfunction ClearFiltersButton({onClear}: {onClear: () => void}) {\n  return (\n    <Button\n      type=\"button\"\n      variant=\"transparentMuted\"\n      size=\"sm\"\n      iconLeft=\"closeLine\"\n      onClick={onClear}\n    >\n      Clear filters\n    </Button>\n  );\n}\n\n/** Describes a bound the picker cannot display on its own, or nothing when it can. */\nfunction partialDateLabel(search: WorkflowRunsSearch): string | undefined {\n  if (search.after && search.before) return undefined;\n  if (search.after) return `From ${search.after}`;\n  if (search.before) return `Until ${search.before}`;\n  return undefined;\n}\n\nfunction toOptions(values: readonly string[]): WorkflowRunFilterOption[] {\n  return values.map((value) => ({value, label: value}));\n}\n\n// The bounds are local calendar dates, matching how each row's date reads, so the picker and\n// the URL agree with what the list shows rather than with UTC.\nfunction toCalendarDate(date: Date): string {\n  const month = String(date.getMonth() + 1).padStart(2, '0');\n  const day = String(date.getDate()).padStart(2, '0');\n  return `${date.getFullYear()}-${month}-${day}`;\n}\n\nfunction fromCalendarDate(value: string): Date | undefined {\n  const [year, month, day] = value.split('-').map(Number) as [number, number, number];\n  const date = new Date(year, month - 1, day);\n  return Number.isNaN(date.getTime()) ? undefined : date;\n}\n"],"names":["Button","DateRangePicker","Icon","Input","Label","Sheet","SheetBody","SheetContent","SheetFooter","SheetHeader","SheetTitle","SheetTrigger","useState","getWorkflowStatusVisual","WORKFLOW_RUN_LIST_STATUSES","WorkflowRunFilterMenu","STATUS_OPTIONS","map","status","value","label","WorkflowRunFilters","search","facets","onChange","onClear","hasActiveFilters","sheetOpen","setSheetOpen","div","className","event","target","placeholder","aria-label","size","iconLeft","name","WorkflowRunFilterControls","ClearFiltersButton","open","onOpenChange","asChild","type","variant","side","aria-describedby","undefined","stacked","disabled","onClick","controlClassName","options","selected","next","emptyMessage","toOptions","branch","actor","RunDateRangeFilter","partialDateLabel","dateRange","after","start","fromCalendarDate","before","end","onDateRangeSelect","range","toCalendarDate","values","date","month","String","getMonth","padStart","day","getDate","getFullYear","year","split","Number","Date","isNaN","getTime"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-filters.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {DateRangePicker} from '@shipfox/react-ui/date-range-picker';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Input} from '@shipfox/react-ui/input';\nimport {Label} from '@shipfox/react-ui/label';\nimport {\n  Sheet,\n  SheetBody,\n  SheetContent,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from '@shipfox/react-ui/sheet';\nimport {useState} from 'react';\nimport {getWorkflowStatusVisual} from '#components/workflow-status/status-visuals.js';\nimport {\n  WORKFLOW_RUN_LIST_STATUSES,\n  type WorkflowRunFilterPatch,\n  type WorkflowRunListStatus,\n  type WorkflowRunsSearch,\n} from '#routes/inputs.js';\nimport type {WorkflowRunFacets} from './run-display.js';\nimport {WorkflowRunFilterMenu, type WorkflowRunFilterOption} from './workflow-run-filter-menu.js';\n\nconst STATUS_OPTIONS: WorkflowRunFilterOption[] = WORKFLOW_RUN_LIST_STATUSES.map((status) => ({\n  value: status,\n  label: getWorkflowStatusVisual(status).label,\n}));\n\nexport interface WorkflowRunFiltersProps {\n  search: WorkflowRunsSearch;\n  facets: WorkflowRunFacets;\n  onChange: (patch: WorkflowRunFilterPatch) => void;\n  onClear: () => void;\n  hasActiveFilters: boolean;\n}\n\n/**\n * The run list filter row.\n *\n * Inline from `md` up, and behind a sheet below it, where a five-control toolbar would eat\n * the viewport the list is supposed to fill. Both layouts render the same controls, so the\n * narrow surface is the full filter set rather than a reduced one.\n */\nexport function WorkflowRunFilters({\n  search,\n  facets,\n  onChange,\n  onClear,\n  hasActiveFilters,\n}: WorkflowRunFiltersProps) {\n  const [sheetOpen, setSheetOpen] = useState(false);\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-inline\">\n      <Input\n        value={search.search ?? ''}\n        onChange={(event) => onChange({search: event.target.value})}\n        placeholder=\"Search runs by name, number, branch, or commit\"\n        aria-label=\"Search runs\"\n        size=\"small\"\n        className=\"min-w-[240px] flex-1\"\n        iconLeft={<Icon name=\"searchLine\" className=\"size-14 text-foreground-neutral-muted\" />}\n      />\n\n      <div className=\"hidden flex-wrap items-center gap-inline md:flex\">\n        <WorkflowRunFilterControls search={search} facets={facets} onChange={onChange} />\n        {hasActiveFilters ? <ClearFiltersButton onClear={onClear} /> : null}\n      </div>\n\n      <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>\n        <SheetTrigger asChild>\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"sm\"\n            iconLeft=\"filterLine\"\n            className=\"md:hidden\"\n          >\n            Filters\n          </Button>\n        </SheetTrigger>\n        <SheetContent side=\"bottom\" aria-describedby={undefined}>\n          <SheetHeader>\n            <SheetTitle>Filter runs</SheetTitle>\n          </SheetHeader>\n          <SheetBody className=\"flex flex-col gap-cluster\">\n            <WorkflowRunFilterControls\n              search={search}\n              facets={facets}\n              onChange={onChange}\n              stacked\n            />\n          </SheetBody>\n          <SheetFooter>\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"sm\"\n              disabled={!hasActiveFilters}\n              onClick={onClear}\n            >\n              Clear filters\n            </Button>\n            <Button type=\"button\" variant=\"primary\" size=\"sm\" onClick={() => setSheetOpen(false)}>\n              Show runs\n            </Button>\n          </SheetFooter>\n        </SheetContent>\n      </Sheet>\n    </div>\n  );\n}\n\nfunction WorkflowRunFilterControls({\n  search,\n  facets,\n  onChange,\n  stacked = false,\n}: {\n  search: WorkflowRunsSearch;\n  facets: WorkflowRunFacets;\n  onChange: (patch: WorkflowRunFilterPatch) => void;\n  stacked?: boolean;\n}) {\n  const controlClassName = stacked ? 'w-full max-w-none' : undefined;\n\n  return (\n    <>\n      <WorkflowRunFilterMenu\n        label=\"Status\"\n        options={STATUS_OPTIONS}\n        selected={search.status ?? []}\n        onChange={(next) => onChange({status: next as WorkflowRunListStatus[]})}\n        emptyMessage=\"No statuses available.\"\n        className={controlClassName}\n      />\n      <WorkflowRunFilterMenu\n        label=\"Branch\"\n        options={toOptions(facets.branch)}\n        selected={search.branch ?? []}\n        onChange={(branch) => onChange({branch})}\n        emptyMessage=\"No branches in the loaded runs.\"\n        className={controlClassName}\n      />\n      <WorkflowRunFilterMenu\n        label=\"Actor\"\n        options={toOptions(facets.actor)}\n        selected={search.actor ?? []}\n        onChange={(actor) => onChange({actor})}\n        emptyMessage=\"No actors in the loaded runs.\"\n        className={controlClassName}\n      />\n      <WorkflowRunFilterMenu\n        label=\"Event\"\n        options={toOptions(facets.event)}\n        selected={search.event ?? []}\n        onChange={(event) => onChange({event})}\n        emptyMessage=\"No events in the loaded runs.\"\n        className={controlClassName}\n      />\n      {stacked ? (\n        <div className=\"flex flex-col gap-inline\">\n          <Label>Created between</Label>\n          <RunDateRangeFilter search={search} onChange={onChange} />\n        </div>\n      ) : (\n        <RunDateRangeFilter search={search} onChange={onChange} />\n      )}\n    </>\n  );\n}\n\nfunction RunDateRangeFilter({\n  search,\n  onChange,\n}: {\n  search: WorkflowRunsSearch;\n  onChange: (patch: WorkflowRunFilterPatch) => void;\n}) {\n  return (\n    <DateRangePicker\n      size=\"small\"\n      aria-label=\"Filter runs by creation date\"\n      // The shared picker renders a value only when both bounds are set, so a one-sided filter\n      // would otherwise read as unset. Naming the active bound keeps it visible without\n      // inventing the bound the user did not choose.\n      placeholder={partialDateLabel(search) ?? 'Any date'}\n      dateRange={{\n        ...(search.after ? {start: fromCalendarDate(search.after)} : {}),\n        ...(search.before ? {end: fromCalendarDate(search.before)} : {}),\n      }}\n      onDateRangeSelect={(range) =>\n        onChange({\n          after: range?.start ? toCalendarDate(range.start) : undefined,\n          before: range?.end ? toCalendarDate(range.end) : undefined,\n        })\n      }\n      onClear={() => onChange({after: undefined, before: undefined})}\n    />\n  );\n}\n\nfunction ClearFiltersButton({onClear}: {onClear: () => void}) {\n  return (\n    <Button\n      type=\"button\"\n      variant=\"transparentMuted\"\n      size=\"sm\"\n      iconLeft=\"closeLine\"\n      onClick={onClear}\n    >\n      Clear filters\n    </Button>\n  );\n}\n\n/** Describes a bound the picker cannot display on its own, or nothing when it can. */\nfunction partialDateLabel(search: WorkflowRunsSearch): string | undefined {\n  if (search.after && search.before) return undefined;\n  if (search.after) return `From ${search.after}`;\n  if (search.before) return `Until ${search.before}`;\n  return undefined;\n}\n\nfunction toOptions(values: readonly string[]): WorkflowRunFilterOption[] {\n  return values.map((value) => ({value, label: value}));\n}\n\n// The bounds are local calendar dates, matching how each row's date reads, so the picker and\n// the URL agree with what the list shows rather than with UTC.\nfunction toCalendarDate(date: Date): string {\n  const month = String(date.getMonth() + 1).padStart(2, '0');\n  const day = String(date.getDate()).padStart(2, '0');\n  return `${date.getFullYear()}-${month}-${day}`;\n}\n\nfunction fromCalendarDate(value: string): Date | undefined {\n  const [year, month, day] = value.split('-').map(Number) as [number, number, number];\n  const date = new Date(year, month - 1, day);\n  return Number.isNaN(date.getTime()) ? undefined : date;\n}\n"],"names":["Button","DateRangePicker","Icon","Input","Label","Sheet","SheetBody","SheetContent","SheetFooter","SheetHeader","SheetTitle","SheetTrigger","useState","getWorkflowStatusVisual","WORKFLOW_RUN_LIST_STATUSES","WorkflowRunFilterMenu","STATUS_OPTIONS","map","status","value","label","WorkflowRunFilters","search","facets","onChange","onClear","hasActiveFilters","sheetOpen","setSheetOpen","div","className","event","target","placeholder","aria-label","size","iconLeft","name","WorkflowRunFilterControls","ClearFiltersButton","open","onOpenChange","asChild","type","variant","side","aria-describedby","undefined","stacked","disabled","onClick","controlClassName","options","selected","next","emptyMessage","toOptions","branch","actor","RunDateRangeFilter","partialDateLabel","dateRange","after","start","fromCalendarDate","before","end","onDateRangeSelect","range","toCalendarDate","values","date","month","String","getMonth","padStart","day","getDate","getFullYear","year","split","Number","Date","isNaN","getTime"],"mappings":"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"}

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

@@ -18,7 +18,7 @@ const SKELETON_ROW_COUNT = 8;
         children: Array.from({
             length: SKELETON_ROW_COUNT
         }).map((_, index)=>/*#__PURE__*/ _jsxs("div", {
-                className: "flex items-center gap-10 px-12 py-8 @min-[976px]:h-44 @min-[976px]:py-0",
+                className: "flex items-center gap-inline px-row py-row @min-[976px]:h-44 @min-[976px]:py-0",
                 children: [
                     /*#__PURE__*/ _jsx(Skeleton, {
                         className: "size-14 shrink-0 rounded-full"
@@ -45,12 +45,12 @@ const SKELETON_ROW_COUNT = 8;
  * replaced by a full-placeholder error.
  */ export function WorkflowRunListStaleError({ query }) {
     return /*#__PURE__*/ _jsx("div", {
-        className: "pb-8",
+        className: "pb-[8px]",
         children: /*#__PURE__*/ _jsx(Callout, {
             role: "alert",
             type: "error",
             children: /*#__PURE__*/ _jsxs("div", {
-                className: "flex items-center justify-between gap-8",
+                className: "flex items-center justify-between gap-inline",
                 children: [
                     /*#__PURE__*/ _jsx(Text, {
                         size: "xs",
@@ -102,7 +102,7 @@ export function WorkflowRunListEmpty({ workspaceSlug, projectSlug }) {
  * lives inside the filter sheet.
  */ export function WorkflowRunListNoMatches({ onClear, hasNextPage, isFetchingNextPage, isFetchNextPageError, onLoadMore }) {
     return /*#__PURE__*/ _jsxs("div", {
-        className: "flex flex-col gap-8",
+        className: "flex flex-col gap-inline",
         children: [
             isFetchNextPageError ? /*#__PURE__*/ _jsx(Callout, {
                 role: "alert",
@@ -114,7 +114,7 @@ export function WorkflowRunListEmpty({ workspaceSlug, projectSlug }) {
                 title: hasNextPage ? 'No matches in loaded history' : 'No matching runs',
                 description: hasNextPage ? 'No loaded run matches these filters. Load more to search further back.' : 'No run matches these filters.',
                 action: /*#__PURE__*/ _jsxs("div", {
-                    className: "flex flex-wrap justify-center gap-8",
+                    className: "flex flex-wrap justify-center gap-inline",
                     children: [
                         hasNextPage && onLoadMore ? /*#__PURE__*/ _jsx(Button, {
                             type: "button",
@@ -140,7 +140,7 @@ export function WorkflowRunListEmpty({ workspaceSlug, projectSlug }) {
 export function WorkflowRunListLoadMore({ hasNextPage, isFetchingNextPage, isFetchNextPageError, onLoadMore }) {
     if (!hasNextPage || !onLoadMore) return null;
     return /*#__PURE__*/ _jsxs("div", {
-        className: "flex flex-col items-center gap-8 border-t border-border-neutral-base py-12",
+        className: "flex flex-col items-center gap-inline border-t border-border-neutral-base py-row",
         children: [
             isFetchNextPageError ? /*#__PURE__*/ _jsx(Callout, {
                 role: "alert",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-list-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';\nimport {Link} from '@tanstack/react-router';\n\nconst SKELETON_ROW_COUNT = 8;\n\n/**\n * Placeholder rows at the real row height, so the list does not resize under the cursor when\n * the first page lands. Only the initial load renders these: a refetch keeps the rows it has,\n * per the design system's rule against animating frequently-updating data.\n */\nexport function WorkflowRunListSkeleton() {\n  return (\n    <div\n      className=\"@container divide-y divide-border-neutral-base border-t border-border-neutral-base\"\n      role=\"status\"\n      aria-label=\"Loading runs\"\n    >\n      {Array.from({length: SKELETON_ROW_COUNT}).map((_, index) => (\n        <div\n          // biome-ignore lint/suspicious/noArrayIndexKey: skeleton row, stable position\n          key={index}\n          className=\"flex items-center gap-10 px-12 py-8 @min-[976px]:h-44 @min-[976px]:py-0\"\n        >\n          <Skeleton className=\"size-14 shrink-0 rounded-full\" />\n          <Skeleton className=\"h-12 w-[220px] max-w-[40%]\" />\n          <Skeleton className=\"ml-auto hidden h-12 w-96 @min-[1040px]:block\" />\n          <Skeleton className=\"h-12 w-48\" />\n          <Skeleton className=\"h-12 w-48\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/**\n * Slim non-blocking banner shown when a background refetch fails after a prior success,\n * so the already-loaded rows stay on screen with the retry inline rather than being\n * replaced by a full-placeholder error.\n */\nexport function WorkflowRunListStaleError({query}: {query: QueryLoadErrorQuery}) {\n  return (\n    <div className=\"pb-8\">\n      <Callout role=\"alert\" type=\"error\">\n        <div className=\"flex items-center justify-between gap-8\">\n          <Text size=\"xs\">Could not refresh workflow runs.</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\nexport function WorkflowRunListEmpty({\n  workspaceSlug,\n  projectSlug,\n}: {\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n}) {\n  return (\n    <EmptyState\n      icon=\"pulseLine\"\n      title=\"No runs yet\"\n      description=\"Runs from this project's workflows appear here the moment one is launched.\"\n      action={\n        workspaceSlug && projectSlug ? (\n          <Button asChild type=\"button\" size=\"sm\" variant=\"primary\">\n            <Link\n              to=\"/w/$workspaceSlug/p/$projectSlug/workflows\"\n              params={{workspaceSlug, projectSlug}}\n            >\n              View workflows\n            </Link>\n          </Button>\n        ) : null\n      }\n    />\n  );\n}\n\n/**\n * The filtered-empty state, deliberately distinct from the unfiltered one: someone who\n * filtered their way to nothing needs a way back out, not an onboarding call to action.\n *\n * Its reset is worded as its outcome rather than repeating the toolbar's \"Clear filters\"\n * verbatim, so the two controls on screen read as one action offered twice rather than two\n * different ones. It is also the only reset within reach below `md`, where the toolbar's\n * lives inside the filter sheet.\n */\nexport function WorkflowRunListNoMatches({\n  onClear,\n  hasNextPage,\n  isFetchingNextPage,\n  isFetchNextPageError,\n  onLoadMore,\n}: {\n  onClear: () => void;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  isFetchNextPageError: boolean;\n  onLoadMore?: () => void;\n}) {\n  return (\n    <div className=\"flex flex-col gap-8\">\n      {isFetchNextPageError ? (\n        <Callout role=\"alert\" type=\"error\">\n          Could not load more workflow runs. Try again to continue searching older runs.\n        </Callout>\n      ) : null}\n      <EmptyState\n        icon=\"filterOffLine\"\n        title={hasNextPage ? 'No matches in loaded history' : 'No matching runs'}\n        description={\n          hasNextPage\n            ? 'No loaded run matches these filters. Load more to search further back.'\n            : 'No run matches these filters.'\n        }\n        action={\n          <div className=\"flex flex-wrap justify-center gap-8\">\n            {hasNextPage && onLoadMore ? (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                variant=\"primary\"\n                isLoading={isFetchingNextPage}\n                onClick={onLoadMore}\n              >\n                Load more runs\n              </Button>\n            ) : null}\n            <Button type=\"button\" size=\"sm\" variant=\"secondary\" onClick={onClear}>\n              Show all runs\n            </Button>\n          </div>\n        }\n      />\n    </div>\n  );\n}\n\nexport function WorkflowRunListLoadMore({\n  hasNextPage,\n  isFetchingNextPage,\n  isFetchNextPageError,\n  onLoadMore,\n}: {\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  isFetchNextPageError: boolean;\n  onLoadMore?: () => void;\n}) {\n  if (!hasNextPage || !onLoadMore) return null;\n\n  return (\n    <div className=\"flex flex-col items-center gap-8 border-t border-border-neutral-base py-12\">\n      {isFetchNextPageError ? (\n        <Callout role=\"alert\" type=\"error\">\n          Could not load more workflow runs. Try again.\n        </Callout>\n      ) : null}\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"secondary\"\n        isLoading={isFetchingNextPage}\n        onClick={onLoadMore}\n      >\n        Load more runs\n      </Button>\n    </div>\n  );\n}\n"],"names":["Button","Callout","EmptyState","Skeleton","Text","Link","SKELETON_ROW_COUNT","WorkflowRunListSkeleton","div","className","role","aria-label","Array","from","length","map","_","index","WorkflowRunListStaleError","query","type","size","variant","isLoading","isFetching","onClick","refetch","WorkflowRunListEmpty","workspaceSlug","projectSlug","icon","title","description","action","asChild","to","params","WorkflowRunListNoMatches","onClear","hasNextPage","isFetchingNextPage","isFetchNextPageError","onLoadMore","WorkflowRunListLoadMore"],"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;AAClD,SAAQC,IAAI,QAAO,yBAAyB;AAE5C,MAAMC,qBAAqB;AAE3B;;;;CAIC,GACD,OAAO,SAASC;IACd,qBACE,KAACC;QACCC,WAAU;QACVC,MAAK;QACLC,cAAW;kBAEVC,MAAMC,IAAI,CAAC;YAACC,QAAQR;QAAkB,GAAGS,GAAG,CAAC,CAACC,GAAGC,sBAChD,MAACT;gBAGCC,WAAU;;kCAEV,KAACN;wBAASM,WAAU;;kCACpB,KAACN;wBAASM,WAAU;;kCACpB,KAACN;wBAASM,WAAU;;kCACpB,KAACN;wBAASM,WAAU;;kCACpB,KAACN;wBAASM,WAAU;;;eAPfQ;;AAYf;AAEA;;;;CAIC,GACD,OAAO,SAASC,0BAA0B,EAACC,KAAK,EAA+B;IAC7E,qBACE,KAACX;QAAIC,WAAU;kBACb,cAAA,KAACR;YAAQS,MAAK;YAAQU,MAAK;sBACzB,cAAA,MAACZ;gBAAIC,WAAU;;kCACb,KAACL;wBAAKiB,MAAK;kCAAK;;kCAChB,KAACrB;wBACCoB,MAAK;wBACLC,MAAK;wBACLC,SAAQ;wBACRC,WAAWJ,MAAMK,UAAU;wBAC3BC,SAAS;4BACP,KAAKN,MAAMO,OAAO;wBACpB;kCACD;;;;;;AAOX;AAEA,OAAO,SAASC,qBAAqB,EACnCC,aAAa,EACbC,WAAW,EAIZ;IACC,qBACE,KAAC3B;QACC4B,MAAK;QACLC,OAAM;QACNC,aAAY;QACZC,QACEL,iBAAiBC,4BACf,KAAC7B;YAAOkC,OAAO;YAACd,MAAK;YAASC,MAAK;YAAKC,SAAQ;sBAC9C,cAAA,KAACjB;gBACC8B,IAAG;gBACHC,QAAQ;oBAACR;oBAAeC;gBAAW;0BACpC;;aAID;;AAIZ;AAEA;;;;;;;;CAQC,GACD,OAAO,SAASQ,yBAAyB,EACvCC,OAAO,EACPC,WAAW,EACXC,kBAAkB,EAClBC,oBAAoB,EACpBC,UAAU,EAOX;IACC,qBACE,MAAClC;QAAIC,WAAU;;YACZgC,qCACC,KAACxC;gBAAQS,MAAK;gBAAQU,MAAK;0BAAQ;iBAGjC;0BACJ,KAAClB;gBACC4B,MAAK;gBACLC,OAAOQ,cAAc,iCAAiC;gBACtDP,aACEO,cACI,2EACA;gBAENN,sBACE,MAACzB;oBAAIC,WAAU;;wBACZ8B,eAAeG,2BACd,KAAC1C;4BACCoB,MAAK;4BACLC,MAAK;4BACLC,SAAQ;4BACRC,WAAWiB;4BACXf,SAASiB;sCACV;6BAGC;sCACJ,KAAC1C;4BAAOoB,MAAK;4BAASC,MAAK;4BAAKC,SAAQ;4BAAYG,SAASa;sCAAS;;;;;;;AAQlF;AAEA,OAAO,SAASK,wBAAwB,EACtCJ,WAAW,EACXC,kBAAkB,EAClBC,oBAAoB,EACpBC,UAAU,EAMX;IACC,IAAI,CAACH,eAAe,CAACG,YAAY,OAAO;IAExC,qBACE,MAAClC;QAAIC,WAAU;;YACZgC,qCACC,KAACxC;gBAAQS,MAAK;gBAAQU,MAAK;0BAAQ;iBAGjC;0BACJ,KAACpB;gBACCoB,MAAK;gBACLC,MAAK;gBACLC,SAAQ;gBACRC,WAAWiB;gBACXf,SAASiB;0BACV;;;;AAKP"}
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-list-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';\nimport {Link} from '@tanstack/react-router';\n\nconst SKELETON_ROW_COUNT = 8;\n\n/**\n * Placeholder rows at the real row height, so the list does not resize under the cursor when\n * the first page lands. Only the initial load renders these: a refetch keeps the rows it has,\n * per the design system's rule against animating frequently-updating data.\n */\nexport function WorkflowRunListSkeleton() {\n  return (\n    <div\n      className=\"@container divide-y divide-border-neutral-base border-t border-border-neutral-base\"\n      role=\"status\"\n      aria-label=\"Loading runs\"\n    >\n      {Array.from({length: SKELETON_ROW_COUNT}).map((_, index) => (\n        <div\n          // biome-ignore lint/suspicious/noArrayIndexKey: skeleton row, stable position\n          key={index}\n          className=\"flex items-center gap-inline px-row py-row @min-[976px]:h-44 @min-[976px]:py-0\"\n        >\n          <Skeleton className=\"size-14 shrink-0 rounded-full\" />\n          <Skeleton className=\"h-12 w-[220px] max-w-[40%]\" />\n          <Skeleton className=\"ml-auto hidden h-12 w-96 @min-[1040px]:block\" />\n          <Skeleton className=\"h-12 w-48\" />\n          <Skeleton className=\"h-12 w-48\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/**\n * Slim non-blocking banner shown when a background refetch fails after a prior success,\n * so the already-loaded rows stay on screen with the retry inline rather than being\n * replaced by a full-placeholder error.\n */\nexport function WorkflowRunListStaleError({query}: {query: QueryLoadErrorQuery}) {\n  return (\n    <div className=\"pb-[8px]\">\n      <Callout role=\"alert\" type=\"error\">\n        <div className=\"flex items-center justify-between gap-inline\">\n          <Text size=\"xs\">Could not refresh workflow runs.</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\nexport function WorkflowRunListEmpty({\n  workspaceSlug,\n  projectSlug,\n}: {\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n}) {\n  return (\n    <EmptyState\n      icon=\"pulseLine\"\n      title=\"No runs yet\"\n      description=\"Runs from this project's workflows appear here the moment one is launched.\"\n      action={\n        workspaceSlug && projectSlug ? (\n          <Button asChild type=\"button\" size=\"sm\" variant=\"primary\">\n            <Link\n              to=\"/w/$workspaceSlug/p/$projectSlug/workflows\"\n              params={{workspaceSlug, projectSlug}}\n            >\n              View workflows\n            </Link>\n          </Button>\n        ) : null\n      }\n    />\n  );\n}\n\n/**\n * The filtered-empty state, deliberately distinct from the unfiltered one: someone who\n * filtered their way to nothing needs a way back out, not an onboarding call to action.\n *\n * Its reset is worded as its outcome rather than repeating the toolbar's \"Clear filters\"\n * verbatim, so the two controls on screen read as one action offered twice rather than two\n * different ones. It is also the only reset within reach below `md`, where the toolbar's\n * lives inside the filter sheet.\n */\nexport function WorkflowRunListNoMatches({\n  onClear,\n  hasNextPage,\n  isFetchingNextPage,\n  isFetchNextPageError,\n  onLoadMore,\n}: {\n  onClear: () => void;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  isFetchNextPageError: boolean;\n  onLoadMore?: () => void;\n}) {\n  return (\n    <div className=\"flex flex-col gap-inline\">\n      {isFetchNextPageError ? (\n        <Callout role=\"alert\" type=\"error\">\n          Could not load more workflow runs. Try again to continue searching older runs.\n        </Callout>\n      ) : null}\n      <EmptyState\n        icon=\"filterOffLine\"\n        title={hasNextPage ? 'No matches in loaded history' : 'No matching runs'}\n        description={\n          hasNextPage\n            ? 'No loaded run matches these filters. Load more to search further back.'\n            : 'No run matches these filters.'\n        }\n        action={\n          <div className=\"flex flex-wrap justify-center gap-inline\">\n            {hasNextPage && onLoadMore ? (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                variant=\"primary\"\n                isLoading={isFetchingNextPage}\n                onClick={onLoadMore}\n              >\n                Load more runs\n              </Button>\n            ) : null}\n            <Button type=\"button\" size=\"sm\" variant=\"secondary\" onClick={onClear}>\n              Show all runs\n            </Button>\n          </div>\n        }\n      />\n    </div>\n  );\n}\n\nexport function WorkflowRunListLoadMore({\n  hasNextPage,\n  isFetchingNextPage,\n  isFetchNextPageError,\n  onLoadMore,\n}: {\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  isFetchNextPageError: boolean;\n  onLoadMore?: () => void;\n}) {\n  if (!hasNextPage || !onLoadMore) return null;\n\n  return (\n    <div className=\"flex flex-col items-center gap-inline border-t border-border-neutral-base py-row\">\n      {isFetchNextPageError ? (\n        <Callout role=\"alert\" type=\"error\">\n          Could not load more workflow runs. Try again.\n        </Callout>\n      ) : null}\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"secondary\"\n        isLoading={isFetchingNextPage}\n        onClick={onLoadMore}\n      >\n        Load more runs\n      </Button>\n    </div>\n  );\n}\n"],"names":["Button","Callout","EmptyState","Skeleton","Text","Link","SKELETON_ROW_COUNT","WorkflowRunListSkeleton","div","className","role","aria-label","Array","from","length","map","_","index","WorkflowRunListStaleError","query","type","size","variant","isLoading","isFetching","onClick","refetch","WorkflowRunListEmpty","workspaceSlug","projectSlug","icon","title","description","action","asChild","to","params","WorkflowRunListNoMatches","onClear","hasNextPage","isFetchingNextPage","isFetchNextPageError","onLoadMore","WorkflowRunListLoadMore"],"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;AAClD,SAAQC,IAAI,QAAO,yBAAyB;AAE5C,MAAMC,qBAAqB;AAE3B;;;;CAIC,GACD,OAAO,SAASC;IACd,qBACE,KAACC;QACCC,WAAU;QACVC,MAAK;QACLC,cAAW;kBAEVC,MAAMC,IAAI,CAAC;YAACC,QAAQR;QAAkB,GAAGS,GAAG,CAAC,CAACC,GAAGC,sBAChD,MAACT;gBAGCC,WAAU;;kCAEV,KAACN;wBAASM,WAAU;;kCACpB,KAACN;wBAASM,WAAU;;kCACpB,KAACN;wBAASM,WAAU;;kCACpB,KAACN;wBAASM,WAAU;;kCACpB,KAACN;wBAASM,WAAU;;;eAPfQ;;AAYf;AAEA;;;;CAIC,GACD,OAAO,SAASC,0BAA0B,EAACC,KAAK,EAA+B;IAC7E,qBACE,KAACX;QAAIC,WAAU;kBACb,cAAA,KAACR;YAAQS,MAAK;YAAQU,MAAK;sBACzB,cAAA,MAACZ;gBAAIC,WAAU;;kCACb,KAACL;wBAAKiB,MAAK;kCAAK;;kCAChB,KAACrB;wBACCoB,MAAK;wBACLC,MAAK;wBACLC,SAAQ;wBACRC,WAAWJ,MAAMK,UAAU;wBAC3BC,SAAS;4BACP,KAAKN,MAAMO,OAAO;wBACpB;kCACD;;;;;;AAOX;AAEA,OAAO,SAASC,qBAAqB,EACnCC,aAAa,EACbC,WAAW,EAIZ;IACC,qBACE,KAAC3B;QACC4B,MAAK;QACLC,OAAM;QACNC,aAAY;QACZC,QACEL,iBAAiBC,4BACf,KAAC7B;YAAOkC,OAAO;YAACd,MAAK;YAASC,MAAK;YAAKC,SAAQ;sBAC9C,cAAA,KAACjB;gBACC8B,IAAG;gBACHC,QAAQ;oBAACR;oBAAeC;gBAAW;0BACpC;;aAID;;AAIZ;AAEA;;;;;;;;CAQC,GACD,OAAO,SAASQ,yBAAyB,EACvCC,OAAO,EACPC,WAAW,EACXC,kBAAkB,EAClBC,oBAAoB,EACpBC,UAAU,EAOX;IACC,qBACE,MAAClC;QAAIC,WAAU;;YACZgC,qCACC,KAACxC;gBAAQS,MAAK;gBAAQU,MAAK;0BAAQ;iBAGjC;0BACJ,KAAClB;gBACC4B,MAAK;gBACLC,OAAOQ,cAAc,iCAAiC;gBACtDP,aACEO,cACI,2EACA;gBAENN,sBACE,MAACzB;oBAAIC,WAAU;;wBACZ8B,eAAeG,2BACd,KAAC1C;4BACCoB,MAAK;4BACLC,MAAK;4BACLC,SAAQ;4BACRC,WAAWiB;4BACXf,SAASiB;sCACV;6BAGC;sCACJ,KAAC1C;4BAAOoB,MAAK;4BAASC,MAAK;4BAAKC,SAAQ;4BAAYG,SAASa;sCAAS;;;;;;;AAQlF;AAEA,OAAO,SAASK,wBAAwB,EACtCJ,WAAW,EACXC,kBAAkB,EAClBC,oBAAoB,EACpBC,UAAU,EAMX;IACC,IAAI,CAACH,eAAe,CAACG,YAAY,OAAO;IAExC,qBACE,MAAClC;QAAIC,WAAU;;YACZgC,qCACC,KAACxC;gBAAQS,MAAK;gBAAQU,MAAK;0BAAQ;iBAGjC;0BACJ,KAACpB;gBACCoB,MAAK;gBACLC,MAAK;gBACLC,SAAQ;gBACRC,WAAWiB;gBACXf,SAASiB;0BACV;;;;AAKP"}

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

@@ -37,7 +37,7 @@ export function WorkflowRunListView({ runs, query, workspaceSlug, projectSlug, c
         reducedMotionIntervalMs: 10_000,
         children: /*#__PURE__*/ _jsxs("section", {
             "aria-labelledby": headingId,
-            className: cn('flex min-h-0 min-w-0 flex-1 flex-col gap-12', className),
+            className: cn('flex min-h-0 min-w-0 flex-1 flex-col gap-cluster', className),
             children: [
                 /*#__PURE__*/ _jsx(Header, {
                     id: headingId,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-list-view.tsx"],"sourcesContent":["import {TimeTickerProvider} from '@shipfox/react-ui/time-ticker';\nimport {Header} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useId, useMemo, useState} from 'react';\nimport {\n  applyWorkflowRunFilterPatch,\n  clearWorkflowRunFilters,\n  hasWorkflowRunFilters,\n  type WorkflowRunFilterPatch,\n  type WorkflowRunsSearch,\n} from '#routes/inputs.js';\nimport {runMatchesFilters, workflowRunFacets} from './run-display.js';\nimport type {WorkflowRunListViewProps} from './types.js';\nimport {WorkflowRunFilters} from './workflow-run-filters.js';\nimport {WorkflowRunListContent} from './workflow-run-list-content.js';\n\nconst EMPTY_SEARCH: WorkflowRunsSearch = {};\n\nexport function WorkflowRunListView({\n  runs,\n  query,\n  workspaceSlug,\n  projectSlug,\n  className,\n  search = EMPTY_SEARCH,\n  onFiltersChange,\n  onClearFilters,\n  hasNextPage = false,\n  isFetchingNextPage = false,\n  isFetchNextPageError = false,\n  onLoadMore,\n}: WorkflowRunListViewProps) {\n  const headingId = useId();\n  const [localSearch, setLocalSearch] = useState<WorkflowRunsSearch>(search);\n  const currentSearch = onFiltersChange ? search : localSearch;\n\n  const filteredRuns = useMemo(\n    () => runs.filter((run) => runMatchesFilters(run, currentSearch)),\n    [runs, currentSearch],\n  );\n  const facets = useMemo(() => workflowRunFacets(runs, currentSearch), [runs, currentSearch]);\n  const hasActiveFilters = hasWorkflowRunFilters(currentSearch);\n\n  function handleFiltersChange(patch: WorkflowRunFilterPatch) {\n    if (onFiltersChange) onFiltersChange(patch);\n    else setLocalSearch((previous) => applyWorkflowRunFilterPatch(previous, patch));\n  }\n\n  function handleClearFilters() {\n    // Uncontrolled, the view owns the filters, so it clears them itself and still reports the\n    // change; a caller that passes only `onClearFilters` would otherwise see nothing happen.\n    if (!onFiltersChange) setLocalSearch(clearWorkflowRunFilters);\n    else if (!onClearFilters) onFiltersChange(CLEAR_ALL_FILTERS);\n    onClearFilters?.();\n  }\n\n  return (\n    <TimeTickerProvider intervalMs={1000} reducedMotionIntervalMs={10_000}>\n      <section\n        aria-labelledby={headingId}\n        className={cn('flex min-h-0 min-w-0 flex-1 flex-col gap-12', className)}\n      >\n        {/* The tab strip above already reads \"Runs\", so the page heading is for structure and\n            assistive tech rather than a second visible title competing with it. */}\n        <Header id={headingId} variant=\"h1\" className=\"sr-only\">\n          Workflow runs\n        </Header>\n\n        <WorkflowRunFilters\n          search={currentSearch}\n          facets={facets}\n          onChange={handleFiltersChange}\n          onClear={handleClearFilters}\n          hasActiveFilters={hasActiveFilters}\n        />\n\n        <WorkflowRunListContent\n          query={query}\n          totalRuns={runs.length}\n          runs={filteredRuns}\n          workspaceSlug={workspaceSlug}\n          projectSlug={projectSlug}\n          hasActiveFilters={hasActiveFilters}\n          onClearFilters={handleClearFilters}\n          hasNextPage={hasNextPage}\n          isFetchingNextPage={isFetchingNextPage}\n          isFetchNextPageError={isFetchNextPageError}\n          {...(onLoadMore ? {onLoadMore} : {})}\n        />\n      </section>\n    </TimeTickerProvider>\n  );\n}\n\nconst CLEAR_ALL_FILTERS: WorkflowRunFilterPatch = {\n  search: undefined,\n  status: undefined,\n  branch: undefined,\n  actor: undefined,\n  event: undefined,\n  after: undefined,\n  before: undefined,\n};\n"],"names":["TimeTickerProvider","Header","cn","useId","useMemo","useState","applyWorkflowRunFilterPatch","clearWorkflowRunFilters","hasWorkflowRunFilters","runMatchesFilters","workflowRunFacets","WorkflowRunFilters","WorkflowRunListContent","EMPTY_SEARCH","WorkflowRunListView","runs","query","workspaceSlug","projectSlug","className","search","onFiltersChange","onClearFilters","hasNextPage","isFetchingNextPage","isFetchNextPageError","onLoadMore","headingId","localSearch","setLocalSearch","currentSearch","filteredRuns","filter","run","facets","hasActiveFilters","handleFiltersChange","patch","previous","handleClearFilters","CLEAR_ALL_FILTERS","intervalMs","reducedMotionIntervalMs","section","aria-labelledby","id","variant","onChange","onClear","totalRuns","length","undefined","status","branch","actor","event","after","before"],"mappings":";AAAA,SAAQA,kBAAkB,QAAO,gCAAgC;AACjE,SAAQC,MAAM,QAAO,+BAA+B;AACpD,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,QAAO,QAAQ;AAC/C,SACEC,2BAA2B,EAC3BC,uBAAuB,EACvBC,qBAAqB,QAGhB,oBAAoB;AAC3B,SAAQC,iBAAiB,EAAEC,iBAAiB,QAAO,mBAAmB;AAEtE,SAAQC,kBAAkB,QAAO,4BAA4B;AAC7D,SAAQC,sBAAsB,QAAO,iCAAiC;AAEtE,MAAMC,eAAmC,CAAC;AAE1C,OAAO,SAASC,oBAAoB,EAClCC,IAAI,EACJC,KAAK,EACLC,aAAa,EACbC,WAAW,EACXC,SAAS,EACTC,SAASP,YAAY,EACrBQ,eAAe,EACfC,cAAc,EACdC,cAAc,KAAK,EACnBC,qBAAqB,KAAK,EAC1BC,uBAAuB,KAAK,EAC5BC,UAAU,EACe;IACzB,MAAMC,YAAYxB;IAClB,MAAM,CAACyB,aAAaC,eAAe,GAAGxB,SAA6Be;IACnE,MAAMU,gBAAgBT,kBAAkBD,SAASQ;IAEjD,MAAMG,eAAe3B,QACnB,IAAMW,KAAKiB,MAAM,CAAC,CAACC,MAAQxB,kBAAkBwB,KAAKH,iBAClD;QAACf;QAAMe;KAAc;IAEvB,MAAMI,SAAS9B,QAAQ,IAAMM,kBAAkBK,MAAMe,gBAAgB;QAACf;QAAMe;KAAc;IAC1F,MAAMK,mBAAmB3B,sBAAsBsB;IAE/C,SAASM,oBAAoBC,KAA6B;QACxD,IAAIhB,iBAAiBA,gBAAgBgB;aAChCR,eAAe,CAACS,WAAahC,4BAA4BgC,UAAUD;IAC1E;IAEA,SAASE;QACP,0FAA0F;QAC1F,yFAAyF;QACzF,IAAI,CAAClB,iBAAiBQ,eAAetB;aAChC,IAAI,CAACe,gBAAgBD,gBAAgBmB;QAC1ClB;IACF;IAEA,qBACE,KAACtB;QAAmByC,YAAY;QAAMC,yBAAyB;kBAC7D,cAAA,MAACC;YACCC,mBAAiBjB;YACjBR,WAAWjB,GAAG,+CAA+CiB;;8BAI7D,KAAClB;oBAAO4C,IAAIlB;oBAAWmB,SAAQ;oBAAK3B,WAAU;8BAAU;;8BAIxD,KAACR;oBACCS,QAAQU;oBACRI,QAAQA;oBACRa,UAAUX;oBACVY,SAAST;oBACTJ,kBAAkBA;;8BAGpB,KAACvB;oBACCI,OAAOA;oBACPiC,WAAWlC,KAAKmC,MAAM;oBACtBnC,MAAMgB;oBACNd,eAAeA;oBACfC,aAAaA;oBACbiB,kBAAkBA;oBAClBb,gBAAgBiB;oBAChBhB,aAAaA;oBACbC,oBAAoBA;oBACpBC,sBAAsBA;oBACrB,GAAIC,aAAa;wBAACA;oBAAU,IAAI,CAAC,CAAC;;;;;AAK7C;AAEA,MAAMc,oBAA4C;IAChDpB,QAAQ+B;IACRC,QAAQD;IACRE,QAAQF;IACRG,OAAOH;IACPI,OAAOJ;IACPK,OAAOL;IACPM,QAAQN;AACV"}
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-list-view.tsx"],"sourcesContent":["import {TimeTickerProvider} from '@shipfox/react-ui/time-ticker';\nimport {Header} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useId, useMemo, useState} from 'react';\nimport {\n  applyWorkflowRunFilterPatch,\n  clearWorkflowRunFilters,\n  hasWorkflowRunFilters,\n  type WorkflowRunFilterPatch,\n  type WorkflowRunsSearch,\n} from '#routes/inputs.js';\nimport {runMatchesFilters, workflowRunFacets} from './run-display.js';\nimport type {WorkflowRunListViewProps} from './types.js';\nimport {WorkflowRunFilters} from './workflow-run-filters.js';\nimport {WorkflowRunListContent} from './workflow-run-list-content.js';\n\nconst EMPTY_SEARCH: WorkflowRunsSearch = {};\n\nexport function WorkflowRunListView({\n  runs,\n  query,\n  workspaceSlug,\n  projectSlug,\n  className,\n  search = EMPTY_SEARCH,\n  onFiltersChange,\n  onClearFilters,\n  hasNextPage = false,\n  isFetchingNextPage = false,\n  isFetchNextPageError = false,\n  onLoadMore,\n}: WorkflowRunListViewProps) {\n  const headingId = useId();\n  const [localSearch, setLocalSearch] = useState<WorkflowRunsSearch>(search);\n  const currentSearch = onFiltersChange ? search : localSearch;\n\n  const filteredRuns = useMemo(\n    () => runs.filter((run) => runMatchesFilters(run, currentSearch)),\n    [runs, currentSearch],\n  );\n  const facets = useMemo(() => workflowRunFacets(runs, currentSearch), [runs, currentSearch]);\n  const hasActiveFilters = hasWorkflowRunFilters(currentSearch);\n\n  function handleFiltersChange(patch: WorkflowRunFilterPatch) {\n    if (onFiltersChange) onFiltersChange(patch);\n    else setLocalSearch((previous) => applyWorkflowRunFilterPatch(previous, patch));\n  }\n\n  function handleClearFilters() {\n    // Uncontrolled, the view owns the filters, so it clears them itself and still reports the\n    // change; a caller that passes only `onClearFilters` would otherwise see nothing happen.\n    if (!onFiltersChange) setLocalSearch(clearWorkflowRunFilters);\n    else if (!onClearFilters) onFiltersChange(CLEAR_ALL_FILTERS);\n    onClearFilters?.();\n  }\n\n  return (\n    <TimeTickerProvider intervalMs={1000} reducedMotionIntervalMs={10_000}>\n      <section\n        aria-labelledby={headingId}\n        className={cn('flex min-h-0 min-w-0 flex-1 flex-col gap-cluster', className)}\n      >\n        {/* The tab strip above already reads \"Runs\", so the page heading is for structure and\n            assistive tech rather than a second visible title competing with it. */}\n        <Header id={headingId} variant=\"h1\" className=\"sr-only\">\n          Workflow runs\n        </Header>\n\n        <WorkflowRunFilters\n          search={currentSearch}\n          facets={facets}\n          onChange={handleFiltersChange}\n          onClear={handleClearFilters}\n          hasActiveFilters={hasActiveFilters}\n        />\n\n        <WorkflowRunListContent\n          query={query}\n          totalRuns={runs.length}\n          runs={filteredRuns}\n          workspaceSlug={workspaceSlug}\n          projectSlug={projectSlug}\n          hasActiveFilters={hasActiveFilters}\n          onClearFilters={handleClearFilters}\n          hasNextPage={hasNextPage}\n          isFetchingNextPage={isFetchingNextPage}\n          isFetchNextPageError={isFetchNextPageError}\n          {...(onLoadMore ? {onLoadMore} : {})}\n        />\n      </section>\n    </TimeTickerProvider>\n  );\n}\n\nconst CLEAR_ALL_FILTERS: WorkflowRunFilterPatch = {\n  search: undefined,\n  status: undefined,\n  branch: undefined,\n  actor: undefined,\n  event: undefined,\n  after: undefined,\n  before: undefined,\n};\n"],"names":["TimeTickerProvider","Header","cn","useId","useMemo","useState","applyWorkflowRunFilterPatch","clearWorkflowRunFilters","hasWorkflowRunFilters","runMatchesFilters","workflowRunFacets","WorkflowRunFilters","WorkflowRunListContent","EMPTY_SEARCH","WorkflowRunListView","runs","query","workspaceSlug","projectSlug","className","search","onFiltersChange","onClearFilters","hasNextPage","isFetchingNextPage","isFetchNextPageError","onLoadMore","headingId","localSearch","setLocalSearch","currentSearch","filteredRuns","filter","run","facets","hasActiveFilters","handleFiltersChange","patch","previous","handleClearFilters","CLEAR_ALL_FILTERS","intervalMs","reducedMotionIntervalMs","section","aria-labelledby","id","variant","onChange","onClear","totalRuns","length","undefined","status","branch","actor","event","after","before"],"mappings":";AAAA,SAAQA,kBAAkB,QAAO,gCAAgC;AACjE,SAAQC,MAAM,QAAO,+BAA+B;AACpD,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,QAAO,QAAQ;AAC/C,SACEC,2BAA2B,EAC3BC,uBAAuB,EACvBC,qBAAqB,QAGhB,oBAAoB;AAC3B,SAAQC,iBAAiB,EAAEC,iBAAiB,QAAO,mBAAmB;AAEtE,SAAQC,kBAAkB,QAAO,4BAA4B;AAC7D,SAAQC,sBAAsB,QAAO,iCAAiC;AAEtE,MAAMC,eAAmC,CAAC;AAE1C,OAAO,SAASC,oBAAoB,EAClCC,IAAI,EACJC,KAAK,EACLC,aAAa,EACbC,WAAW,EACXC,SAAS,EACTC,SAASP,YAAY,EACrBQ,eAAe,EACfC,cAAc,EACdC,cAAc,KAAK,EACnBC,qBAAqB,KAAK,EAC1BC,uBAAuB,KAAK,EAC5BC,UAAU,EACe;IACzB,MAAMC,YAAYxB;IAClB,MAAM,CAACyB,aAAaC,eAAe,GAAGxB,SAA6Be;IACnE,MAAMU,gBAAgBT,kBAAkBD,SAASQ;IAEjD,MAAMG,eAAe3B,QACnB,IAAMW,KAAKiB,MAAM,CAAC,CAACC,MAAQxB,kBAAkBwB,KAAKH,iBAClD;QAACf;QAAMe;KAAc;IAEvB,MAAMI,SAAS9B,QAAQ,IAAMM,kBAAkBK,MAAMe,gBAAgB;QAACf;QAAMe;KAAc;IAC1F,MAAMK,mBAAmB3B,sBAAsBsB;IAE/C,SAASM,oBAAoBC,KAA6B;QACxD,IAAIhB,iBAAiBA,gBAAgBgB;aAChCR,eAAe,CAACS,WAAahC,4BAA4BgC,UAAUD;IAC1E;IAEA,SAASE;QACP,0FAA0F;QAC1F,yFAAyF;QACzF,IAAI,CAAClB,iBAAiBQ,eAAetB;aAChC,IAAI,CAACe,gBAAgBD,gBAAgBmB;QAC1ClB;IACF;IAEA,qBACE,KAACtB;QAAmByC,YAAY;QAAMC,yBAAyB;kBAC7D,cAAA,MAACC;YACCC,mBAAiBjB;YACjBR,WAAWjB,GAAG,oDAAoDiB;;8BAIlE,KAAClB;oBAAO4C,IAAIlB;oBAAWmB,SAAQ;oBAAK3B,WAAU;8BAAU;;8BAIxD,KAACR;oBACCS,QAAQU;oBACRI,QAAQA;oBACRa,UAAUX;oBACVY,SAAST;oBACTJ,kBAAkBA;;8BAGpB,KAACvB;oBACCI,OAAOA;oBACPiC,WAAWlC,KAAKmC,MAAM;oBACtBnC,MAAMgB;oBACNd,eAAeA;oBACfC,aAAaA;oBACbiB,kBAAkBA;oBAClBb,gBAAgBiB;oBAChBhB,aAAaA;oBACbC,oBAAoBA;oBACpBC,sBAAsBA;oBACrB,GAAIC,aAAa;wBAACA;oBAAU,IAAI,CAAC,CAAC;;;;;AAK7C;AAEA,MAAMc,oBAA4C;IAChDpB,QAAQ+B;IACRC,QAAQD;IACRE,QAAQF;IACRG,OAAOH;IACPI,OAAOJ;IACPK,OAAOL;IACPM,QAAQN;AACV"}

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

@@ -55,10 +55,10 @@ export function WorkflowRunRowList({ runs, workspaceSlug, projectSlug }) {
                 className: "shrink-0"
             }),
             /*#__PURE__*/ _jsxs("div", {
-                className: "flex min-w-0 flex-1 flex-col gap-2 @min-[976px]:flex-row @min-[976px]:items-center @min-[976px]:gap-12",
+                className: "flex min-w-0 flex-1 flex-col gap-tight @min-[976px]:flex-row @min-[976px]:items-center @min-[976px]:gap-cluster",
                 children: [
                     /*#__PURE__*/ _jsxs("span", {
-                        className: "flex min-w-0 items-center gap-8 @min-[976px]:flex-1",
+                        className: "flex min-w-0 items-center gap-inline @min-[976px]:flex-1",
                         children: [
                             /*#__PURE__*/ _jsx(Code, {
                                 variant: "label",
@@ -72,7 +72,7 @@ export function WorkflowRunRowList({ runs, workspaceSlug, projectSlug }) {
                         ]
                     }),
                     /*#__PURE__*/ _jsxs("span", {
-                        className: "flex min-w-0 flex-wrap items-center gap-10 text-foreground-neutral-subtle @min-[976px]:flex-nowrap @min-[976px]:shrink-0",
+                        className: "flex min-w-0 flex-wrap items-center gap-inline text-foreground-neutral-subtle @min-[976px]:flex-nowrap @min-[976px]:shrink-0",
                         children: [
                             run.triggerDisplayLabel ? /*#__PURE__*/ _jsx(TriggerLabel, {
                                 run: run
@@ -92,7 +92,7 @@ export function WorkflowRunRowList({ runs, workspaceSlug, projectSlug }) {
                 ]
             }),
             /*#__PURE__*/ _jsxs("span", {
-                className: "flex shrink-0 items-center gap-12",
+                className: "flex shrink-0 items-center gap-cluster",
                 children: [
                     /*#__PURE__*/ _jsx("span", {
                         className: "hidden w-160 @min-[1040px]:flex",
@@ -119,7 +119,7 @@ export function WorkflowRunRowList({ runs, workspaceSlug, projectSlug }) {
     });
     // 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';
+    const rowClassName = 'flex w-full min-w-0 items-center gap-inline px-row py-row text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-[inset_0_0_0_2px_var(--color-primary-500)] focus-visible:outline-none @min-[976px]:h-44 @min-[976px]:py-0';
     // 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.
@@ -161,7 +161,7 @@ function TriggerLabel({ run }) {
             /*#__PURE__*/ _jsx(TooltipTrigger, {
                 asChild: true,
                 children: /*#__PURE__*/ _jsxs("span", {
-                    className: "flex min-w-0 max-w-[140px] items-center gap-6 outline-none",
+                    className: "flex min-w-0 max-w-[140px] items-center gap-tight outline-none",
                     children: [
                         /*#__PURE__*/ _jsx(TriggerSourceIcon, {
                             provider: run.triggerProvider,
@@ -219,7 +219,7 @@ function ActorLabel({ actor }) {
  * 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),
+        className: cn('flex min-w-0 shrink-0 items-center gap-tight', className),
         title: title,
         children: [
             /*#__PURE__*/ _jsx(Icon, {

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

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

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

@@ -33,7 +33,7 @@ export function WorkflowRunAttemptSwitcher({ workspaceSlug, projectSlug, run, la
                     size: "2xs",
                     iconRight: "arrowDownSLine",
                     "aria-label": `Switch attempt, currently ${run.runAttempt.attempt} of ${maxAttempt}`,
-                    className: "h-20 px-4 text-foreground-neutral-subtle hover:text-foreground-neutral-base",
+                    className: "h-20 px-[4px] text-foreground-neutral-subtle hover:text-foreground-neutral-base",
                     children: /*#__PURE__*/ _jsxs(Text, {
                         as: "span",
                         size: "xs",

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  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-subtle 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-subtle\"\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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"}
+{"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-[4px] text-foreground-neutral-subtle 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-subtle\"\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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"}

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

@@ -10,5 +10,4 @@ export interface WorkflowRunSummaryProps {
     latestAttempt?: number | undefined;
 }
 export declare function WorkflowRunSummary({ workspaceSlug, projectSlug, run, cancelling, onCancel, rerunPending, onRerun, latestAttempt, }: WorkflowRunSummaryProps): import("react").JSX.Element;
-export declare function MetadataSeparator(): import("react").JSX.Element;
 //# sourceMappingURL=workflow-run-summary.d.ts.map

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

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