@shipfox/client-workflows 12.0.2 → 14.0.0

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { type Job, type JobExecution, type Step, type StepSourceLocation } from '#core/workflow-run.js';
+import { type Job, type JobDisplayStatus, type JobExecution, type Step, type StepSourceLocation } from '#core/workflow-run.js';
 export interface StepExpandedContext {
     step: Step;
     stepId: string;
@@ -14,7 +14,7 @@ export interface StepExpandedContext {
 export interface StepListEmptyState {
     title: string;
     description: string;
-    status?: Job['status'] | undefined;
+    status?: JobDisplayStatus | undefined;
 }
 export interface StepListProps {
     job: Job;

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/step-list/step-list.tsx"],"sourcesContent":["import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from '@shipfox/react-ui/accordion';\nimport {Badge, type BadgeVariant} from '@shipfox/react-ui/badge';\nimport {Dot} from '@shipfox/react-ui/dot';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {TimeTickerProvider, useTimeTick} from '@shipfox/react-ui/time-ticker';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {cn, humanDuration} from '@shipfox/react-ui/utils';\nimport type {ReactNode} from 'react';\nimport {useEffect, useId, useMemo, useRef, useState} from 'react';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport {\n  isWorkflowStatus,\n  type Job,\n  type JobExecution,\n  type Step,\n  type StepSourceLocation,\n} from '#core/workflow-run.js';\nimport {formatJobExecutionTimeLabel} from '../job-graph/job-duration-format.js';\nimport {\n  buildStepListModel,\n  defaultStepListJobExecution,\n  humanizeStatus,\n  type StepAttemptModel,\n  type StepListEntryModel,\n  type StepListModel,\n} from './step-list-model.js';\n\nexport interface StepExpandedContext {\n  step: Step;\n  stepId: string;\n  stepLabel: string;\n  sourceLocation: StepSourceLocation | null;\n  attempt: number;\n  attemptId: string;\n  attemptError: Record<string, unknown> | null;\n  attemptStatus: string;\n  carriedOver: boolean;\n}\n\nexport interface StepListEmptyState {\n  title: string;\n  description: string;\n  status?: Job['status'] | undefined;\n}\n\nexport interface StepListProps {\n  job: Job;\n  jobExecution?: JobExecution | undefined;\n  selectedAttemptId?: string | null | undefined;\n  defaultSelectedAttemptId?: string | undefined;\n  onSelectedAttemptChange?: ((attemptId: string | undefined) => void) | undefined;\n  autoSelectActiveAttempt?: boolean | undefined;\n  emptyState?: StepListEmptyState | undefined;\n  renderExpandedStep?: ((context: StepExpandedContext) => ReactNode) | undefined;\n  showHeader?: boolean | undefined;\n  className?: string | undefined;\n}\n\nexport function StepList({\n  job,\n  jobExecution,\n  selectedAttemptId,\n  defaultSelectedAttemptId,\n  onSelectedAttemptChange,\n  autoSelectActiveAttempt = false,\n  emptyState,\n  renderExpandedStep,\n  showHeader = true,\n  className,\n}: StepListProps) {\n  const selectedJobExecution = jobExecution ?? defaultStepListJobExecution(job);\n  const model = useMemo(\n    () => buildStepListModel({job, jobExecution: selectedJobExecution}),\n    [job, selectedJobExecution],\n  );\n\n  return (\n    <StepListContent\n      key={model.jobExecutionId}\n      model={model}\n      selectedAttemptId={selectedAttemptId}\n      defaultSelectedAttemptId={defaultSelectedAttemptId}\n      onSelectedAttemptChange={onSelectedAttemptChange}\n      autoSelectActiveAttempt={autoSelectActiveAttempt}\n      emptyState={emptyState}\n      renderExpandedStep={renderExpandedStep}\n      showHeader={showHeader}\n      className={className}\n    />\n  );\n}\n\nfunction StepListContent({\n  model,\n  selectedAttemptId,\n  defaultSelectedAttemptId,\n  onSelectedAttemptChange,\n  autoSelectActiveAttempt,\n  emptyState,\n  renderExpandedStep,\n  showHeader,\n  className,\n}: Omit<StepListProps, 'job' | 'jobExecution'> & {model: StepListModel}) {\n  const titleId = useId();\n  const [localSelectedAttemptIds, setLocalSelectedAttemptIds] = useState<string[]>(() =>\n    selectedAttemptId\n      ? [selectedAttemptId]\n      : defaultSelectedAttemptId\n        ? [defaultSelectedAttemptId]\n        : [],\n  );\n  const [userSelectedAttempt, setUserSelectedAttempt] = useState(false);\n  const lastNotifiedSelectedAttemptId = useRef<string | null>(null);\n  const shouldUseControlledCollapsedState =\n    selectedAttemptId === null && lastNotifiedSelectedAttemptId.current === null;\n  const autoSelectedAttemptIds =\n    selectedAttemptId === undefined &&\n    autoSelectActiveAttempt &&\n    !userSelectedAttempt &&\n    model.activeEntryId\n      ? [model.activeEntryId]\n      : [];\n  const selectedAttemptIds = shouldUseControlledCollapsedState\n    ? []\n    : localSelectedAttemptIds.length > 0\n      ? localSelectedAttemptIds\n      : autoSelectedAttemptIds;\n  const hasExpandedContent = renderExpandedStep !== undefined;\n\n  useEffect(() => {\n    if (selectedAttemptId !== undefined) return;\n\n    setLocalSelectedAttemptIds(defaultSelectedAttemptId ? [defaultSelectedAttemptId] : []);\n    setUserSelectedAttempt(false);\n  }, [defaultSelectedAttemptId, selectedAttemptId]);\n\n  useEffect(() => {\n    if (selectedAttemptId === undefined) return;\n\n    const nextSelectedAttemptId = selectedAttemptId ?? null;\n    if (lastNotifiedSelectedAttemptId.current === nextSelectedAttemptId) {\n      lastNotifiedSelectedAttemptId.current = null;\n      return;\n    }\n\n    setLocalSelectedAttemptIds(selectedAttemptId ? [selectedAttemptId] : []);\n    setUserSelectedAttempt(true);\n  }, [selectedAttemptId]);\n\n  function selectAttempt(nextAttemptIds: string[]) {\n    const nextAttemptId = nextSelectedAttemptId(selectedAttemptIds, nextAttemptIds);\n    setUserSelectedAttempt(true);\n    setLocalSelectedAttemptIds(nextAttemptIds);\n    lastNotifiedSelectedAttemptId.current = nextAttemptId ?? null;\n    onSelectedAttemptChange?.(nextAttemptId);\n  }\n\n  return (\n    <TimeTickerProvider intervalMs={1000} reducedMotionIntervalMs={10_000}>\n      <section\n        aria-labelledby={showHeader ? titleId : undefined}\n        className={cn(\n          'flex min-h-0 flex-col rounded-8 border border-border-neutral-base bg-background-components-base',\n          className,\n        )}\n      >\n        {showHeader ? (\n          <div className=\"flex min-h-40 items-center border-b border-border-neutral-base px-16 py-8\">\n            <Text as=\"h2\" id={titleId} size=\"sm\" bold className=\"text-foreground-neutral-base\">\n              {model.jobName}\n            </Text>\n          </div>\n        ) : null}\n\n        {model.entries.length === 0 ? (\n          <StepListEmptyStateView emptyState={emptyState} />\n        ) : (\n          <Accordion\n            type=\"multiple\"\n            value={selectedAttemptIds}\n            onValueChange={selectAttempt}\n            asChild\n          >\n            <ol>\n              {model.entries.map((entry) => {\n                const selected = selectedAttemptIds.includes(entry.id);\n                return (\n                  <StepRow\n                    key={entry.id}\n                    entry={entry}\n                    selected={selected}\n                    hasExpandedContent={hasExpandedContent}\n                    onSelect={() => {\n                      selectAttempt(\n                        hasExpandedContent\n                          ? toggleAttemptId(selectedAttemptIds, entry.id)\n                          : selected\n                            ? []\n                            : [entry.id],\n                      );\n                    }}\n                    expandedContent={\n                      selected\n                        ? renderExpandedStep?.({\n                            step: entry.step,\n                            stepId: entry.step.id,\n                            stepLabel: entry.step.label,\n                            sourceLocation: entry.step.sourceLocation,\n                            attempt: entry.attempt,\n                            attemptId: entry.id,\n                            attemptError: entry.error,\n                            attemptStatus: entry.statusVisual.kind,\n                            carriedOver: entry.carriedOver,\n                          })\n                        : null\n                    }\n                  />\n                );\n              })}\n            </ol>\n          </Accordion>\n        )}\n      </section>\n    </TimeTickerProvider>\n  );\n}\n\nfunction StepListEmptyStateView({\n  emptyState = {\n    title: 'No steps recorded',\n    description: 'This job has not recorded any steps.',\n  },\n}: {\n  emptyState?: StepListEmptyState | undefined;\n}) {\n  if (!emptyState.status) {\n    return (\n      <EmptyState\n        className=\"min-h-120 px-16 py-20\"\n        icon=\"componentLine\"\n        title={emptyState.title}\n        description={emptyState.description}\n        variant=\"compact\"\n      />\n    );\n  }\n\n  return (\n    <div className=\"flex min-h-120 flex-col items-center justify-center gap-10 px-16 py-20\">\n      <StepListEmptyStateIcon status={emptyState.status} />\n      <div className=\"text-center\">\n        <Text size=\"sm\" className=\"text-foreground-neutral-subtle\">\n          {emptyState.title}\n        </Text>\n        <Text size=\"xs\" className=\"text-foreground-neutral-muted\">\n          {emptyState.description}\n        </Text>\n      </div>\n    </div>\n  );\n}\n\nfunction StepListEmptyStateIcon({status}: {status: Job['status']}) {\n  if (status !== 'running') {\n    return (\n      <div className=\"flex size-32 items-center justify-center rounded-6 border border-border-neutral-strong bg-background-neutral-base p-8\">\n        <WorkflowStatusIcon status={status} size={20} tooltip={false} />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex size-32 items-center justify-center rounded-6 border border-border-neutral-strong bg-background-neutral-base p-8 text-foreground-neutral-muted\">\n      <Icon name=\"timerLine\" size={18} aria-hidden=\"true\" />\n    </div>\n  );\n}\n\nfunction StepRow({\n  entry,\n  selected,\n  hasExpandedContent,\n  onSelect,\n  expandedContent,\n}: {\n  entry: StepListEntryModel;\n  selected: boolean;\n  hasExpandedContent: boolean;\n  onSelect: () => void;\n  expandedContent: ReactNode;\n}) {\n  const shouldShowLabelTooltip = entry.step.label.length > 32;\n  const rowContent = (\n    <>\n      <Icon\n        name=\"chevronRight\"\n        aria-hidden=\"true\"\n        className={cn(\n          'size-14 shrink-0 text-foreground-neutral-muted transition-transform',\n          selected && 'rotate-90',\n        )}\n      />\n      <StepStatusIcon entry={entry} />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex min-w-0 items-center gap-8\">\n          <Text size=\"sm\" bold className=\"truncate text-foreground-neutral-base\">\n            {entry.step.label}\n          </Text>\n          {entry.step.attempts.length > 1 ? <StepAttemptChip attempt={entry} /> : null}\n          {entry.carriedOver ? <CarriedOverBadge /> : null}\n        </div>\n      </div>\n      <StepAttemptDurationLabel attempt={entry} />\n    </>\n  );\n  const rowClasses = cn(\n    'group grid min-h-44 w-full grid-cols-[14px_14px_minmax(0,1fr)_auto] items-center gap-x-8 px-12 py-6 text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-border-interactive-with-active focus-visible:outline-none',\n    selected && 'bg-background-components-hover',\n    entry.carriedOver && 'opacity-[0.55]',\n  );\n  const button = hasExpandedContent ? (\n    <AccordionTrigger\n      showIcon={false}\n      aria-label={entryAccessibleLabel(entry)}\n      className={rowClasses}\n    >\n      {rowContent}\n    </AccordionTrigger>\n  ) : (\n    <button\n      type=\"button\"\n      aria-expanded={false}\n      aria-label={entryAccessibleLabel(entry)}\n      onClick={onSelect}\n      className={rowClasses}\n    >\n      {rowContent}\n    </button>\n  );\n  const triggerNode = shouldShowLabelTooltip ? (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent>\n        <span className=\"block max-w-320 break-words\">{entry.step.label}</span>\n      </TooltipContent>\n    </Tooltip>\n  ) : (\n    button\n  );\n  const row = (\n    <>\n      {triggerNode}\n      {selected && expandedContent ? (\n        <AccordionContent className=\"border-t border-border-neutral-base bg-background-neutral-base px-12 py-12\">\n          <div className=\"grid grid-cols-[14px_14px_minmax(0,1fr)_auto] gap-x-8\">\n            <span aria-hidden=\"true\" />\n            <span aria-hidden=\"true\" />\n            <div className=\"min-w-0\">{expandedContent}</div>\n            <span aria-hidden=\"true\" />\n          </div>\n        </AccordionContent>\n      ) : null}\n    </>\n  );\n\n  if (hasExpandedContent) {\n    return (\n      <AccordionItem value={entry.id} asChild>\n        <li>{row}</li>\n      </AccordionItem>\n    );\n  }\n\n  return <li className=\"border-b border-border-neutral-base last:border-b-0\">{row}</li>;\n}\n\nfunction CarriedOverBadge() {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span className=\"shrink-0\">\n          <Badge variant=\"neutral\" size=\"2xs\">\n            reused\n          </Badge>\n        </span>\n      </TooltipTrigger>\n      <TooltipContent>\n        Carried over from a previous attempt; did not run in this attempt.\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\nfunction toggleAttemptId(selectedAttemptIds: readonly string[], attemptId: string): string[] {\n  if (selectedAttemptIds.includes(attemptId)) {\n    return selectedAttemptIds.filter((selectedAttemptId) => selectedAttemptId !== attemptId);\n  }\n  return [...selectedAttemptIds, attemptId];\n}\n\nfunction nextSelectedAttemptId(\n  selectedAttemptIds: readonly string[],\n  nextAttemptIds: readonly string[],\n): string | undefined {\n  if (nextAttemptIds.length === 0) return undefined;\n\n  const openedAttemptId = nextAttemptIds.find(\n    (attemptId) => !selectedAttemptIds.includes(attemptId),\n  );\n  return openedAttemptId ?? nextAttemptIds.at(-1);\n}\n\nfunction StepStatusIcon({entry}: {entry: StepListEntryModel}) {\n  if (isWorkflowStatus(entry.statusVisual.kind)) {\n    return (\n      <WorkflowStatusIcon\n        status={entry.statusVisual.kind}\n        ripple={entry.statusVisual.ripple}\n        size={14}\n      />\n    );\n  }\n\n  return (\n    <span role=\"img\" aria-label={entry.statusVisual.label} className=\"inline-flex shrink-0\">\n      <Dot\n        variant={entry.statusVisual.dot}\n        ripple={entry.statusVisual.ripple}\n        className=\"size-12 shrink-0\"\n      />\n    </span>\n  );\n}\n\nconst attemptChipClasses: Record<NonNullable<BadgeVariant>, string> = {\n  neutral: 'bg-tag-neutral-bg border-tag-neutral-border',\n  info: 'bg-tag-blue-bg border-tag-blue-border',\n  feature: 'bg-tag-purple-bg border-tag-purple-border',\n  success: 'bg-tag-success-bg border-tag-success-border',\n  warning: 'bg-tag-warning-bg border-tag-warning-border',\n  error: 'bg-tag-error-bg border-tag-error-border',\n};\n\nfunction StepAttemptChip({attempt}: {attempt: StepAttemptModel}) {\n  return (\n    <div className=\"flex shrink-0 items-center gap-4\" aria-hidden=\"true\">\n      <span\n        className={cn(\n          'inline-flex h-18 min-w-24 items-center justify-center rounded-4 border px-5 font-code text-xs leading-16 text-foreground-neutral-base',\n          attemptChipClasses[attempt.statusVisual.badge ?? 'neutral'],\n        )}\n      >\n        #{attempt.attempt}\n      </span>\n    </div>\n  );\n}\n\nfunction entryAccessibleLabel(entry: StepListEntryModel): string {\n  const parts = [entry.step.label, entry.statusVisual.label, `attempt ${entry.attempt}`];\n  if (entry.step.error?.category) parts.push(humanizeStatus(entry.step.error.category));\n  return parts.join(', ');\n}\n\nfunction StepAttemptDurationLabel({attempt}: {attempt: StepAttemptModel}) {\n  const duration = attempt.displayDuration;\n  if (duration === null) return null;\n\n  if (duration.state === 'live') {\n    return <LiveDurationText fromIso={duration.fromIso} />;\n  }\n\n  return <DurationText>{formatJobExecutionTimeLabel(duration)}</DurationText>;\n}\n\nfunction LiveDurationText({fromIso}: {fromIso: string}) {\n  useTimeTick();\n  return <DurationText>{humanDuration(fromIso)}</DurationText>;\n}\n\nfunction DurationText({children}: {children: string}) {\n  return (\n    <Code as=\"span\" variant=\"label\" className=\"shrink-0 tabular-nums text-foreground-neutral-muted\">\n      {children}\n    </Code>\n  );\n}\n"],"names":["Accordion","AccordionContent","AccordionItem","AccordionTrigger","Badge","Dot","EmptyState","Icon","TimeTickerProvider","useTimeTick","Tooltip","TooltipContent","TooltipTrigger","Code","Text","cn","humanDuration","useEffect","useId","useMemo","useRef","useState","WorkflowStatusIcon","isWorkflowStatus","formatJobExecutionTimeLabel","buildStepListModel","defaultStepListJobExecution","humanizeStatus","StepList","job","jobExecution","selectedAttemptId","defaultSelectedAttemptId","onSelectedAttemptChange","autoSelectActiveAttempt","emptyState","renderExpandedStep","showHeader","className","selectedJobExecution","model","StepListContent","jobExecutionId","titleId","localSelectedAttemptIds","setLocalSelectedAttemptIds","userSelectedAttempt","setUserSelectedAttempt","lastNotifiedSelectedAttemptId","shouldUseControlledCollapsedState","current","autoSelectedAttemptIds","undefined","activeEntryId","selectedAttemptIds","length","hasExpandedContent","nextSelectedAttemptId","selectAttempt","nextAttemptIds","nextAttemptId","intervalMs","reducedMotionIntervalMs","section","aria-labelledby","div","as","id","size","bold","jobName","entries","StepListEmptyStateView","type","value","onValueChange","asChild","ol","map","entry","selected","includes","StepRow","onSelect","toggleAttemptId","expandedContent","step","stepId","stepLabel","label","sourceLocation","attempt","attemptId","attemptError","error","attemptStatus","statusVisual","kind","carriedOver","title","description","status","icon","variant","StepListEmptyStateIcon","tooltip","name","aria-hidden","shouldShowLabelTooltip","rowContent","StepStatusIcon","attempts","StepAttemptChip","CarriedOverBadge","StepAttemptDurationLabel","rowClasses","button","showIcon","aria-label","entryAccessibleLabel","aria-expanded","onClick","triggerNode","span","row","li","filter","openedAttemptId","find","at","ripple","role","dot","attemptChipClasses","neutral","info","feature","success","warning","badge","parts","category","push","join","duration","displayDuration","state","LiveDurationText","fromIso","DurationText","children"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/step-list/step-list.tsx"],"sourcesContent":["import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from '@shipfox/react-ui/accordion';\nimport {Badge, type BadgeVariant} from '@shipfox/react-ui/badge';\nimport {Dot} from '@shipfox/react-ui/dot';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {TimeTickerProvider, useTimeTick} from '@shipfox/react-ui/time-ticker';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {cn, humanDuration} from '@shipfox/react-ui/utils';\nimport type {ReactNode} from 'react';\nimport {useEffect, useId, useMemo, useRef, useState} from 'react';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport {\n  isWorkflowStatus,\n  type Job,\n  type JobDisplayStatus,\n  type JobExecution,\n  type Step,\n  type StepSourceLocation,\n} from '#core/workflow-run.js';\nimport {formatJobExecutionTimeLabel} from '../job-graph/job-duration-format.js';\nimport {\n  buildStepListModel,\n  defaultStepListJobExecution,\n  humanizeStatus,\n  type StepAttemptModel,\n  type StepListEntryModel,\n  type StepListModel,\n} from './step-list-model.js';\n\nexport interface StepExpandedContext {\n  step: Step;\n  stepId: string;\n  stepLabel: string;\n  sourceLocation: StepSourceLocation | null;\n  attempt: number;\n  attemptId: string;\n  attemptError: Record<string, unknown> | null;\n  attemptStatus: string;\n  carriedOver: boolean;\n}\n\nexport interface StepListEmptyState {\n  title: string;\n  description: string;\n  status?: JobDisplayStatus | undefined;\n}\n\nexport interface StepListProps {\n  job: Job;\n  jobExecution?: JobExecution | undefined;\n  selectedAttemptId?: string | null | undefined;\n  defaultSelectedAttemptId?: string | undefined;\n  onSelectedAttemptChange?: ((attemptId: string | undefined) => void) | undefined;\n  autoSelectActiveAttempt?: boolean | undefined;\n  emptyState?: StepListEmptyState | undefined;\n  renderExpandedStep?: ((context: StepExpandedContext) => ReactNode) | undefined;\n  showHeader?: boolean | undefined;\n  className?: string | undefined;\n}\n\nexport function StepList({\n  job,\n  jobExecution,\n  selectedAttemptId,\n  defaultSelectedAttemptId,\n  onSelectedAttemptChange,\n  autoSelectActiveAttempt = false,\n  emptyState,\n  renderExpandedStep,\n  showHeader = true,\n  className,\n}: StepListProps) {\n  const selectedJobExecution = jobExecution ?? defaultStepListJobExecution(job);\n  const model = useMemo(\n    () => buildStepListModel({job, jobExecution: selectedJobExecution}),\n    [job, selectedJobExecution],\n  );\n\n  return (\n    <StepListContent\n      key={model.jobExecutionId}\n      model={model}\n      selectedAttemptId={selectedAttemptId}\n      defaultSelectedAttemptId={defaultSelectedAttemptId}\n      onSelectedAttemptChange={onSelectedAttemptChange}\n      autoSelectActiveAttempt={autoSelectActiveAttempt}\n      emptyState={emptyState}\n      renderExpandedStep={renderExpandedStep}\n      showHeader={showHeader}\n      className={className}\n    />\n  );\n}\n\nfunction StepListContent({\n  model,\n  selectedAttemptId,\n  defaultSelectedAttemptId,\n  onSelectedAttemptChange,\n  autoSelectActiveAttempt,\n  emptyState,\n  renderExpandedStep,\n  showHeader,\n  className,\n}: Omit<StepListProps, 'job' | 'jobExecution'> & {model: StepListModel}) {\n  const titleId = useId();\n  const [localSelectedAttemptIds, setLocalSelectedAttemptIds] = useState<string[]>(() =>\n    selectedAttemptId\n      ? [selectedAttemptId]\n      : defaultSelectedAttemptId\n        ? [defaultSelectedAttemptId]\n        : [],\n  );\n  const [userSelectedAttempt, setUserSelectedAttempt] = useState(false);\n  const lastNotifiedSelectedAttemptId = useRef<string | null>(null);\n  const shouldUseControlledCollapsedState =\n    selectedAttemptId === null && lastNotifiedSelectedAttemptId.current === null;\n  const autoSelectedAttemptIds =\n    selectedAttemptId === undefined &&\n    autoSelectActiveAttempt &&\n    !userSelectedAttempt &&\n    model.activeEntryId\n      ? [model.activeEntryId]\n      : [];\n  const selectedAttemptIds = shouldUseControlledCollapsedState\n    ? []\n    : localSelectedAttemptIds.length > 0\n      ? localSelectedAttemptIds\n      : autoSelectedAttemptIds;\n  const hasExpandedContent = renderExpandedStep !== undefined;\n\n  useEffect(() => {\n    if (selectedAttemptId !== undefined) return;\n\n    setLocalSelectedAttemptIds(defaultSelectedAttemptId ? [defaultSelectedAttemptId] : []);\n    setUserSelectedAttempt(false);\n  }, [defaultSelectedAttemptId, selectedAttemptId]);\n\n  useEffect(() => {\n    if (selectedAttemptId === undefined) return;\n\n    const nextSelectedAttemptId = selectedAttemptId ?? null;\n    if (lastNotifiedSelectedAttemptId.current === nextSelectedAttemptId) {\n      lastNotifiedSelectedAttemptId.current = null;\n      return;\n    }\n\n    setLocalSelectedAttemptIds(selectedAttemptId ? [selectedAttemptId] : []);\n    setUserSelectedAttempt(true);\n  }, [selectedAttemptId]);\n\n  function selectAttempt(nextAttemptIds: string[]) {\n    const nextAttemptId = nextSelectedAttemptId(selectedAttemptIds, nextAttemptIds);\n    setUserSelectedAttempt(true);\n    setLocalSelectedAttemptIds(nextAttemptIds);\n    lastNotifiedSelectedAttemptId.current = nextAttemptId ?? null;\n    onSelectedAttemptChange?.(nextAttemptId);\n  }\n\n  return (\n    <TimeTickerProvider intervalMs={1000} reducedMotionIntervalMs={10_000}>\n      <section\n        aria-labelledby={showHeader ? titleId : undefined}\n        className={cn(\n          'flex min-h-0 flex-col rounded-8 border border-border-neutral-base bg-background-components-base',\n          className,\n        )}\n      >\n        {showHeader ? (\n          <div className=\"flex min-h-40 items-center border-b border-border-neutral-base px-16 py-8\">\n            <Text as=\"h2\" id={titleId} size=\"sm\" bold className=\"text-foreground-neutral-base\">\n              {model.jobName}\n            </Text>\n          </div>\n        ) : null}\n\n        {model.entries.length === 0 ? (\n          <StepListEmptyStateView emptyState={emptyState} />\n        ) : (\n          <Accordion\n            type=\"multiple\"\n            value={selectedAttemptIds}\n            onValueChange={selectAttempt}\n            asChild\n          >\n            <ol>\n              {model.entries.map((entry) => {\n                const selected = selectedAttemptIds.includes(entry.id);\n                return (\n                  <StepRow\n                    key={entry.id}\n                    entry={entry}\n                    selected={selected}\n                    hasExpandedContent={hasExpandedContent}\n                    onSelect={() => {\n                      selectAttempt(\n                        hasExpandedContent\n                          ? toggleAttemptId(selectedAttemptIds, entry.id)\n                          : selected\n                            ? []\n                            : [entry.id],\n                      );\n                    }}\n                    expandedContent={\n                      selected\n                        ? renderExpandedStep?.({\n                            step: entry.step,\n                            stepId: entry.step.id,\n                            stepLabel: entry.step.label,\n                            sourceLocation: entry.step.sourceLocation,\n                            attempt: entry.attempt,\n                            attemptId: entry.id,\n                            attemptError: entry.error,\n                            attemptStatus: entry.statusVisual.kind,\n                            carriedOver: entry.carriedOver,\n                          })\n                        : null\n                    }\n                  />\n                );\n              })}\n            </ol>\n          </Accordion>\n        )}\n      </section>\n    </TimeTickerProvider>\n  );\n}\n\nfunction StepListEmptyStateView({\n  emptyState = {\n    title: 'No steps recorded',\n    description: 'This job has not recorded any steps.',\n  },\n}: {\n  emptyState?: StepListEmptyState | undefined;\n}) {\n  if (!emptyState.status) {\n    return (\n      <EmptyState\n        className=\"min-h-120 px-16 py-20\"\n        icon=\"componentLine\"\n        title={emptyState.title}\n        description={emptyState.description}\n        variant=\"compact\"\n      />\n    );\n  }\n\n  return (\n    <div className=\"flex min-h-120 flex-col items-center justify-center gap-10 px-16 py-20\">\n      <StepListEmptyStateIcon status={emptyState.status} />\n      <div className=\"text-center\">\n        <Text size=\"sm\" className=\"text-foreground-neutral-subtle\">\n          {emptyState.title}\n        </Text>\n        <Text size=\"xs\" className=\"text-foreground-neutral-muted\">\n          {emptyState.description}\n        </Text>\n      </div>\n    </div>\n  );\n}\n\nfunction StepListEmptyStateIcon({status}: {status: JobDisplayStatus}) {\n  if (status !== 'running') {\n    return (\n      <div className=\"flex size-32 items-center justify-center rounded-6 border border-border-neutral-strong bg-background-neutral-base p-8\">\n        <WorkflowStatusIcon status={status} size={20} tooltip={false} />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex size-32 items-center justify-center rounded-6 border border-border-neutral-strong bg-background-neutral-base p-8 text-foreground-neutral-muted\">\n      <Icon name=\"timerLine\" size={18} aria-hidden=\"true\" />\n    </div>\n  );\n}\n\nfunction StepRow({\n  entry,\n  selected,\n  hasExpandedContent,\n  onSelect,\n  expandedContent,\n}: {\n  entry: StepListEntryModel;\n  selected: boolean;\n  hasExpandedContent: boolean;\n  onSelect: () => void;\n  expandedContent: ReactNode;\n}) {\n  const shouldShowLabelTooltip = entry.step.label.length > 32;\n  const rowContent = (\n    <>\n      <Icon\n        name=\"chevronRight\"\n        aria-hidden=\"true\"\n        className={cn(\n          'size-14 shrink-0 text-foreground-neutral-muted transition-transform',\n          selected && 'rotate-90',\n        )}\n      />\n      <StepStatusIcon entry={entry} />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex min-w-0 items-center gap-8\">\n          <Text size=\"sm\" bold className=\"truncate text-foreground-neutral-base\">\n            {entry.step.label}\n          </Text>\n          {entry.step.attempts.length > 1 ? <StepAttemptChip attempt={entry} /> : null}\n          {entry.carriedOver ? <CarriedOverBadge /> : null}\n        </div>\n      </div>\n      <StepAttemptDurationLabel attempt={entry} />\n    </>\n  );\n  const rowClasses = cn(\n    'group grid min-h-44 w-full grid-cols-[14px_14px_minmax(0,1fr)_auto] items-center gap-x-8 px-12 py-6 text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-border-interactive-with-active focus-visible:outline-none',\n    selected && 'bg-background-components-hover',\n    entry.carriedOver && 'opacity-[0.55]',\n  );\n  const button = hasExpandedContent ? (\n    <AccordionTrigger\n      showIcon={false}\n      aria-label={entryAccessibleLabel(entry)}\n      className={rowClasses}\n    >\n      {rowContent}\n    </AccordionTrigger>\n  ) : (\n    <button\n      type=\"button\"\n      aria-expanded={false}\n      aria-label={entryAccessibleLabel(entry)}\n      onClick={onSelect}\n      className={rowClasses}\n    >\n      {rowContent}\n    </button>\n  );\n  const triggerNode = shouldShowLabelTooltip ? (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent>\n        <span className=\"block max-w-320 break-words\">{entry.step.label}</span>\n      </TooltipContent>\n    </Tooltip>\n  ) : (\n    button\n  );\n  const row = (\n    <>\n      {triggerNode}\n      {selected && expandedContent ? (\n        <AccordionContent className=\"border-t border-border-neutral-base bg-background-neutral-base px-12 py-12\">\n          <div className=\"grid grid-cols-[14px_14px_minmax(0,1fr)_auto] gap-x-8\">\n            <span aria-hidden=\"true\" />\n            <span aria-hidden=\"true\" />\n            <div className=\"min-w-0\">{expandedContent}</div>\n            <span aria-hidden=\"true\" />\n          </div>\n        </AccordionContent>\n      ) : null}\n    </>\n  );\n\n  if (hasExpandedContent) {\n    return (\n      <AccordionItem value={entry.id} asChild>\n        <li>{row}</li>\n      </AccordionItem>\n    );\n  }\n\n  return <li className=\"border-b border-border-neutral-base last:border-b-0\">{row}</li>;\n}\n\nfunction CarriedOverBadge() {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span className=\"shrink-0\">\n          <Badge variant=\"neutral\" size=\"2xs\">\n            reused\n          </Badge>\n        </span>\n      </TooltipTrigger>\n      <TooltipContent>\n        Carried over from a previous attempt; did not run in this attempt.\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\nfunction toggleAttemptId(selectedAttemptIds: readonly string[], attemptId: string): string[] {\n  if (selectedAttemptIds.includes(attemptId)) {\n    return selectedAttemptIds.filter((selectedAttemptId) => selectedAttemptId !== attemptId);\n  }\n  return [...selectedAttemptIds, attemptId];\n}\n\nfunction nextSelectedAttemptId(\n  selectedAttemptIds: readonly string[],\n  nextAttemptIds: readonly string[],\n): string | undefined {\n  if (nextAttemptIds.length === 0) return undefined;\n\n  const openedAttemptId = nextAttemptIds.find(\n    (attemptId) => !selectedAttemptIds.includes(attemptId),\n  );\n  return openedAttemptId ?? nextAttemptIds.at(-1);\n}\n\nfunction StepStatusIcon({entry}: {entry: StepListEntryModel}) {\n  if (isWorkflowStatus(entry.statusVisual.kind)) {\n    return (\n      <WorkflowStatusIcon\n        status={entry.statusVisual.kind}\n        ripple={entry.statusVisual.ripple}\n        size={14}\n      />\n    );\n  }\n\n  return (\n    <span role=\"img\" aria-label={entry.statusVisual.label} className=\"inline-flex shrink-0\">\n      <Dot\n        variant={entry.statusVisual.dot}\n        ripple={entry.statusVisual.ripple}\n        className=\"size-12 shrink-0\"\n      />\n    </span>\n  );\n}\n\nconst attemptChipClasses: Record<NonNullable<BadgeVariant>, string> = {\n  neutral: 'bg-tag-neutral-bg border-tag-neutral-border',\n  info: 'bg-tag-blue-bg border-tag-blue-border',\n  feature: 'bg-tag-purple-bg border-tag-purple-border',\n  success: 'bg-tag-success-bg border-tag-success-border',\n  warning: 'bg-tag-warning-bg border-tag-warning-border',\n  error: 'bg-tag-error-bg border-tag-error-border',\n};\n\nfunction StepAttemptChip({attempt}: {attempt: StepAttemptModel}) {\n  return (\n    <div className=\"flex shrink-0 items-center gap-4\" aria-hidden=\"true\">\n      <span\n        className={cn(\n          'inline-flex h-18 min-w-24 items-center justify-center rounded-4 border px-5 font-code text-xs leading-16 text-foreground-neutral-base',\n          attemptChipClasses[attempt.statusVisual.badge ?? 'neutral'],\n        )}\n      >\n        #{attempt.attempt}\n      </span>\n    </div>\n  );\n}\n\nfunction entryAccessibleLabel(entry: StepListEntryModel): string {\n  const parts = [entry.step.label, entry.statusVisual.label, `attempt ${entry.attempt}`];\n  if (entry.step.error?.category) parts.push(humanizeStatus(entry.step.error.category));\n  return parts.join(', ');\n}\n\nfunction StepAttemptDurationLabel({attempt}: {attempt: StepAttemptModel}) {\n  const duration = attempt.displayDuration;\n  if (duration === null) return null;\n\n  if (duration.state === 'live') {\n    return <LiveDurationText fromIso={duration.fromIso} />;\n  }\n\n  return <DurationText>{formatJobExecutionTimeLabel(duration)}</DurationText>;\n}\n\nfunction LiveDurationText({fromIso}: {fromIso: string}) {\n  useTimeTick();\n  return <DurationText>{humanDuration(fromIso)}</DurationText>;\n}\n\nfunction DurationText({children}: {children: string}) {\n  return (\n    <Code as=\"span\" variant=\"label\" className=\"shrink-0 tabular-nums text-foreground-neutral-muted\">\n      {children}\n    </Code>\n  );\n}\n"],"names":["Accordion","AccordionContent","AccordionItem","AccordionTrigger","Badge","Dot","EmptyState","Icon","TimeTickerProvider","useTimeTick","Tooltip","TooltipContent","TooltipTrigger","Code","Text","cn","humanDuration","useEffect","useId","useMemo","useRef","useState","WorkflowStatusIcon","isWorkflowStatus","formatJobExecutionTimeLabel","buildStepListModel","defaultStepListJobExecution","humanizeStatus","StepList","job","jobExecution","selectedAttemptId","defaultSelectedAttemptId","onSelectedAttemptChange","autoSelectActiveAttempt","emptyState","renderExpandedStep","showHeader","className","selectedJobExecution","model","StepListContent","jobExecutionId","titleId","localSelectedAttemptIds","setLocalSelectedAttemptIds","userSelectedAttempt","setUserSelectedAttempt","lastNotifiedSelectedAttemptId","shouldUseControlledCollapsedState","current","autoSelectedAttemptIds","undefined","activeEntryId","selectedAttemptIds","length","hasExpandedContent","nextSelectedAttemptId","selectAttempt","nextAttemptIds","nextAttemptId","intervalMs","reducedMotionIntervalMs","section","aria-labelledby","div","as","id","size","bold","jobName","entries","StepListEmptyStateView","type","value","onValueChange","asChild","ol","map","entry","selected","includes","StepRow","onSelect","toggleAttemptId","expandedContent","step","stepId","stepLabel","label","sourceLocation","attempt","attemptId","attemptError","error","attemptStatus","statusVisual","kind","carriedOver","title","description","status","icon","variant","StepListEmptyStateIcon","tooltip","name","aria-hidden","shouldShowLabelTooltip","rowContent","StepStatusIcon","attempts","StepAttemptChip","CarriedOverBadge","StepAttemptDurationLabel","rowClasses","button","showIcon","aria-label","entryAccessibleLabel","aria-expanded","onClick","triggerNode","span","row","li","filter","openedAttemptId","find","at","ripple","role","dot","attemptChipClasses","neutral","info","feature","success","warning","badge","parts","category","push","join","duration","displayDuration","state","LiveDurationText","fromIso","DurationText","children"],"mappings":"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"}

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

@@ -59,7 +59,7 @@ function DurationText({ children, className, ariaLabel }) {
         as: "span",
         variant: "label",
         "aria-label": ariaLabel,
-        className: cn('inline-flex shrink-0 items-center gap-4 tabular-nums text-foreground-neutral-muted', className),
+        className: cn('inline-flex shrink-0 items-center gap-4 tabular-nums text-foreground-neutral-subtle', className),
         children: [
             /*#__PURE__*/ _jsx(Icon, {
                 name: "timerLine",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/workflow-run-duration-label.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {useTimeTick} from '@shipfox/react-ui/time-ticker';\nimport {Code} from '@shipfox/react-ui/typography';\nimport {cn, humanDuration} from '@shipfox/react-ui/utils';\nimport type {WorkflowRunAttemptDisplayDuration} from '#core/workflow-run.js';\n\nexport function WorkflowRunDurationLabel({\n  duration,\n  className,\n}: {\n  duration: WorkflowRunAttemptDisplayDuration | null;\n  className?: string | undefined;\n}) {\n  if (duration === null) return null;\n\n  switch (duration.state) {\n    case 'fixed': {\n      const display = formatFixedDurationLabel(duration.elapsed);\n      return (\n        <DurationText className={className} ariaLabel={`ran ${display}`}>\n          {display}\n        </DurationText>\n      );\n    }\n    case 'live':\n      return <LiveDurationText duration={duration} className={className} />;\n    default: {\n      const exhaustive: never = duration;\n      return exhaustive;\n    }\n  }\n}\n\nexport function useWorkflowRunDurationAccessibleLabel(\n  duration: WorkflowRunAttemptDisplayDuration | null,\n): string | undefined {\n  useTimeTick();\n  return workflowRunDurationAccessibleLabel(duration);\n}\n\nexport function workflowRunDurationAccessibleLabel(\n  duration: WorkflowRunAttemptDisplayDuration | null,\n): string | undefined {\n  if (duration === null) return undefined;\n\n  switch (duration.state) {\n    case 'live':\n      return `running ${humanDuration(duration.fromIso)}`;\n    case 'fixed':\n      return `ran ${formatFixedDurationLabel(duration.elapsed)}`;\n    default: {\n      const exhaustive: never = duration;\n      return exhaustive;\n    }\n  }\n}\n\nfunction LiveDurationText({\n  duration,\n  className,\n}: {\n  duration: Extract<WorkflowRunAttemptDisplayDuration, {state: 'live'}>;\n  className?: string | undefined;\n}) {\n  useTimeTick();\n  const display = humanDuration(duration.fromIso);\n  return (\n    <DurationText className={className} ariaLabel={`running ${display}`}>\n      {display}\n    </DurationText>\n  );\n}\n\nfunction DurationText({\n  children,\n  className,\n  ariaLabel,\n}: {\n  children: string;\n  className?: string | undefined;\n  ariaLabel?: string | undefined;\n}) {\n  return (\n    <Code\n      as=\"span\"\n      variant=\"label\"\n      aria-label={ariaLabel}\n      className={cn(\n        'inline-flex shrink-0 items-center gap-4 tabular-nums text-foreground-neutral-muted',\n        className,\n      )}\n    >\n      <Icon name=\"timerLine\" className=\"size-12 shrink-0\" aria-hidden=\"true\" />\n      {children}\n    </Code>\n  );\n}\n\nfunction formatFixedDurationLabel({\n  years = 0,\n  months = 0,\n  weeks = 0,\n  days = 0,\n  hours = 0,\n  minutes = 0,\n  seconds = 0,\n}: Extract<WorkflowRunAttemptDisplayDuration, {state: 'fixed'}>['elapsed']): string {\n  const totalDays = years * 365 + months * 30 + weeks * 7 + days;\n  const totalHours = totalDays * 24 + hours;\n\n  if (totalHours > 0) return `${totalHours}h ${pad2(minutes)}m`;\n  if (minutes > 0) return `${minutes}m ${pad2(seconds)}s`;\n  return `${seconds}s`;\n}\n\nfunction pad2(value: number): string {\n  return value.toString().padStart(2, '0');\n}\n"],"names":["Icon","useTimeTick","Code","cn","humanDuration","WorkflowRunDurationLabel","duration","className","state","display","formatFixedDurationLabel","elapsed","DurationText","ariaLabel","LiveDurationText","exhaustive","useWorkflowRunDurationAccessibleLabel","workflowRunDurationAccessibleLabel","undefined","fromIso","children","as","variant","aria-label","name","aria-hidden","years","months","weeks","days","hours","minutes","seconds","totalDays","totalHours","pad2","value","toString","padStart"],"mappings":";AAAA,SAAQA,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,EAAE,EAAEC,aAAa,QAAO,0BAA0B;AAG1D,OAAO,SAASC,yBAAyB,EACvCC,QAAQ,EACRC,SAAS,EAIV;IACC,IAAID,aAAa,MAAM,OAAO;IAE9B,OAAQA,SAASE,KAAK;QACpB,KAAK;YAAS;gBACZ,MAAMC,UAAUC,yBAAyBJ,SAASK,OAAO;gBACzD,qBACE,KAACC;oBAAaL,WAAWA;oBAAWM,WAAW,CAAC,IAAI,EAAEJ,SAAS;8BAC5DA;;YAGP;QACA,KAAK;YACH,qBAAO,KAACK;gBAAiBR,UAAUA;gBAAUC,WAAWA;;QAC1D;YAAS;gBACP,MAAMQ,aAAoBT;gBAC1B,OAAOS;YACT;IACF;AACF;AAEA,OAAO,SAASC,sCACdV,QAAkD;IAElDL;IACA,OAAOgB,mCAAmCX;AAC5C;AAEA,OAAO,SAASW,mCACdX,QAAkD;IAElD,IAAIA,aAAa,MAAM,OAAOY;IAE9B,OAAQZ,SAASE,KAAK;QACpB,KAAK;YACH,OAAO,CAAC,QAAQ,EAAEJ,cAAcE,SAASa,OAAO,GAAG;QACrD,KAAK;YACH,OAAO,CAAC,IAAI,EAAET,yBAAyBJ,SAASK,OAAO,GAAG;QAC5D;YAAS;gBACP,MAAMI,aAAoBT;gBAC1B,OAAOS;YACT;IACF;AACF;AAEA,SAASD,iBAAiB,EACxBR,QAAQ,EACRC,SAAS,EAIV;IACCN;IACA,MAAMQ,UAAUL,cAAcE,SAASa,OAAO;IAC9C,qBACE,KAACP;QAAaL,WAAWA;QAAWM,WAAW,CAAC,QAAQ,EAAEJ,SAAS;kBAChEA;;AAGP;AAEA,SAASG,aAAa,EACpBQ,QAAQ,EACRb,SAAS,EACTM,SAAS,EAKV;IACC,qBACE,MAACX;QACCmB,IAAG;QACHC,SAAQ;QACRC,cAAYV;QACZN,WAAWJ,GACT,sFACAI;;0BAGF,KAACP;gBAAKwB,MAAK;gBAAYjB,WAAU;gBAAmBkB,eAAY;;YAC/DL;;;AAGP;AAEA,SAASV,yBAAyB,EAChCgB,QAAQ,CAAC,EACTC,SAAS,CAAC,EACVC,QAAQ,CAAC,EACTC,OAAO,CAAC,EACRC,QAAQ,CAAC,EACTC,UAAU,CAAC,EACXC,UAAU,CAAC,EAC6D;IACxE,MAAMC,YAAYP,QAAQ,MAAMC,SAAS,KAAKC,QAAQ,IAAIC;IAC1D,MAAMK,aAAaD,YAAY,KAAKH;IAEpC,IAAII,aAAa,GAAG,OAAO,GAAGA,WAAW,EAAE,EAAEC,KAAKJ,SAAS,CAAC,CAAC;IAC7D,IAAIA,UAAU,GAAG,OAAO,GAAGA,QAAQ,EAAE,EAAEI,KAAKH,SAAS,CAAC,CAAC;IACvD,OAAO,GAAGA,QAAQ,CAAC,CAAC;AACtB;AAEA,SAASG,KAAKC,KAAa;IACzB,OAAOA,MAAMC,QAAQ,GAAGC,QAAQ,CAAC,GAAG;AACtC"}
+{"version":3,"sources":["../../src/components/workflow-run-duration-label.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {useTimeTick} from '@shipfox/react-ui/time-ticker';\nimport {Code} from '@shipfox/react-ui/typography';\nimport {cn, humanDuration} from '@shipfox/react-ui/utils';\nimport type {WorkflowRunAttemptDisplayDuration} from '#core/workflow-run.js';\n\nexport function WorkflowRunDurationLabel({\n  duration,\n  className,\n}: {\n  duration: WorkflowRunAttemptDisplayDuration | null;\n  className?: string | undefined;\n}) {\n  if (duration === null) return null;\n\n  switch (duration.state) {\n    case 'fixed': {\n      const display = formatFixedDurationLabel(duration.elapsed);\n      return (\n        <DurationText className={className} ariaLabel={`ran ${display}`}>\n          {display}\n        </DurationText>\n      );\n    }\n    case 'live':\n      return <LiveDurationText duration={duration} className={className} />;\n    default: {\n      const exhaustive: never = duration;\n      return exhaustive;\n    }\n  }\n}\n\nexport function useWorkflowRunDurationAccessibleLabel(\n  duration: WorkflowRunAttemptDisplayDuration | null,\n): string | undefined {\n  useTimeTick();\n  return workflowRunDurationAccessibleLabel(duration);\n}\n\nexport function workflowRunDurationAccessibleLabel(\n  duration: WorkflowRunAttemptDisplayDuration | null,\n): string | undefined {\n  if (duration === null) return undefined;\n\n  switch (duration.state) {\n    case 'live':\n      return `running ${humanDuration(duration.fromIso)}`;\n    case 'fixed':\n      return `ran ${formatFixedDurationLabel(duration.elapsed)}`;\n    default: {\n      const exhaustive: never = duration;\n      return exhaustive;\n    }\n  }\n}\n\nfunction LiveDurationText({\n  duration,\n  className,\n}: {\n  duration: Extract<WorkflowRunAttemptDisplayDuration, {state: 'live'}>;\n  className?: string | undefined;\n}) {\n  useTimeTick();\n  const display = humanDuration(duration.fromIso);\n  return (\n    <DurationText className={className} ariaLabel={`running ${display}`}>\n      {display}\n    </DurationText>\n  );\n}\n\nfunction DurationText({\n  children,\n  className,\n  ariaLabel,\n}: {\n  children: string;\n  className?: string | undefined;\n  ariaLabel?: string | undefined;\n}) {\n  return (\n    <Code\n      as=\"span\"\n      variant=\"label\"\n      aria-label={ariaLabel}\n      className={cn(\n        'inline-flex shrink-0 items-center gap-4 tabular-nums text-foreground-neutral-subtle',\n        className,\n      )}\n    >\n      <Icon name=\"timerLine\" className=\"size-12 shrink-0\" aria-hidden=\"true\" />\n      {children}\n    </Code>\n  );\n}\n\nfunction formatFixedDurationLabel({\n  years = 0,\n  months = 0,\n  weeks = 0,\n  days = 0,\n  hours = 0,\n  minutes = 0,\n  seconds = 0,\n}: Extract<WorkflowRunAttemptDisplayDuration, {state: 'fixed'}>['elapsed']): string {\n  const totalDays = years * 365 + months * 30 + weeks * 7 + days;\n  const totalHours = totalDays * 24 + hours;\n\n  if (totalHours > 0) return `${totalHours}h ${pad2(minutes)}m`;\n  if (minutes > 0) return `${minutes}m ${pad2(seconds)}s`;\n  return `${seconds}s`;\n}\n\nfunction pad2(value: number): string {\n  return value.toString().padStart(2, '0');\n}\n"],"names":["Icon","useTimeTick","Code","cn","humanDuration","WorkflowRunDurationLabel","duration","className","state","display","formatFixedDurationLabel","elapsed","DurationText","ariaLabel","LiveDurationText","exhaustive","useWorkflowRunDurationAccessibleLabel","workflowRunDurationAccessibleLabel","undefined","fromIso","children","as","variant","aria-label","name","aria-hidden","years","months","weeks","days","hours","minutes","seconds","totalDays","totalHours","pad2","value","toString","padStart"],"mappings":";AAAA,SAAQA,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,EAAE,EAAEC,aAAa,QAAO,0BAA0B;AAG1D,OAAO,SAASC,yBAAyB,EACvCC,QAAQ,EACRC,SAAS,EAIV;IACC,IAAID,aAAa,MAAM,OAAO;IAE9B,OAAQA,SAASE,KAAK;QACpB,KAAK;YAAS;gBACZ,MAAMC,UAAUC,yBAAyBJ,SAASK,OAAO;gBACzD,qBACE,KAACC;oBAAaL,WAAWA;oBAAWM,WAAW,CAAC,IAAI,EAAEJ,SAAS;8BAC5DA;;YAGP;QACA,KAAK;YACH,qBAAO,KAACK;gBAAiBR,UAAUA;gBAAUC,WAAWA;;QAC1D;YAAS;gBACP,MAAMQ,aAAoBT;gBAC1B,OAAOS;YACT;IACF;AACF;AAEA,OAAO,SAASC,sCACdV,QAAkD;IAElDL;IACA,OAAOgB,mCAAmCX;AAC5C;AAEA,OAAO,SAASW,mCACdX,QAAkD;IAElD,IAAIA,aAAa,MAAM,OAAOY;IAE9B,OAAQZ,SAASE,KAAK;QACpB,KAAK;YACH,OAAO,CAAC,QAAQ,EAAEJ,cAAcE,SAASa,OAAO,GAAG;QACrD,KAAK;YACH,OAAO,CAAC,IAAI,EAAET,yBAAyBJ,SAASK,OAAO,GAAG;QAC5D;YAAS;gBACP,MAAMI,aAAoBT;gBAC1B,OAAOS;YACT;IACF;AACF;AAEA,SAASD,iBAAiB,EACxBR,QAAQ,EACRC,SAAS,EAIV;IACCN;IACA,MAAMQ,UAAUL,cAAcE,SAASa,OAAO;IAC9C,qBACE,KAACP;QAAaL,WAAWA;QAAWM,WAAW,CAAC,QAAQ,EAAEJ,SAAS;kBAChEA;;AAGP;AAEA,SAASG,aAAa,EACpBQ,QAAQ,EACRb,SAAS,EACTM,SAAS,EAKV;IACC,qBACE,MAACX;QACCmB,IAAG;QACHC,SAAQ;QACRC,cAAYV;QACZN,WAAWJ,GACT,uFACAI;;0BAGF,KAACP;gBAAKwB,MAAK;gBAAYjB,WAAU;gBAAmBkB,eAAY;;YAC/DL;;;AAGP;AAEA,SAASV,yBAAyB,EAChCgB,QAAQ,CAAC,EACTC,SAAS,CAAC,EACVC,QAAQ,CAAC,EACTC,OAAO,CAAC,EACRC,QAAQ,CAAC,EACTC,UAAU,CAAC,EACXC,UAAU,CAAC,EAC6D;IACxE,MAAMC,YAAYP,QAAQ,MAAMC,SAAS,KAAKC,QAAQ,IAAIC;IAC1D,MAAMK,aAAaD,YAAY,KAAKH;IAEpC,IAAII,aAAa,GAAG,OAAO,GAAGA,WAAW,EAAE,EAAEC,KAAKJ,SAAS,CAAC,CAAC;IAC7D,IAAIA,UAAU,GAAG,OAAO,GAAGA,QAAQ,EAAE,EAAEI,KAAKH,SAAS,CAAC,CAAC;IACvD,OAAO,GAAGA,QAAQ,CAAC,CAAC;AACtB;AAEA,SAASG,KAAKC,KAAa;IACzB,OAAOA,MAAMC,QAAQ,GAAGC,QAAQ,CAAC,GAAG;AACtC"}

package/dist/components/workflow-run-list/job-status-strip.d.ts

@@ -0,0 +1,21 @@
+import type { WorkflowRunJobs } from '#core/workflow-run.js';
+export interface JobStatusStripProps {
+    jobs: WorkflowRunJobs;
+    className?: string | undefined;
+}
+/**
+ * A run's jobs as a row of status glyphs, in graph order.
+ *
+ * This is the reason the list is worth its width: it answers "where did this run fail"
+ * without opening the run. Glyphs are silent to assistive tech and carry no tooltip of their
+ * own; the strip speaks once, as a summary, so a 40-job run does not read out 40 labels.
+ *
+ * What it draws comes from the preview; what it says comes from the counts, which cover every
+ * job including those the server never sent. That split is what lets the overflow glyph
+ * report a failure sitting past the preview instead of quietly dropping it.
+ */
+export declare function JobStatusStrip({ jobs, className }: JobStatusStripProps): import("react").JSX.Element | null;
+/** "12 jobs: 9 succeeded, 2 failed, 1 running" — a count is not an accessible name on its own. */
+export declare function jobStatusSummary(jobs: WorkflowRunJobs): string;
+export declare function overflowCountLabel(hiddenCount: number): string;
+//# sourceMappingURL=job-status-strip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"job-status-strip.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/job-status-strip.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAmC,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAyC7F,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,EAAE,mBAAmB,sCAqDpE;AAgCD,kGAAkG;AAClG,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAO9D;AAyBD,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAI9D"}

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

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

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

@@ -0,0 +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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"}

package/dist/components/workflow-run-list/run-display.d.ts

@@ -1,5 +1,29 @@
-import type { WorkflowRunListItem, WorkflowRunStatus } from '#core/workflow-run.js';
-import type { WorkflowRunListStatusFilter } from './types.js';
+import { type WorkflowRunListItem, type WorkflowRunStatus } from '#core/workflow-run.js';
+import type { WorkflowRunListStatus, WorkflowRunsSearch } from '#routes/inputs.js';
+export type WorkflowRunFilterCriteria = Pick<WorkflowRunsSearch, 'search' | 'status' | 'branch' | 'actor' | 'event' | 'after' | 'before'>;
+/** The dimensions whose options are read off the loaded runs rather than a fixed enum. */
+export type WorkflowRunFacetName = 'branch' | 'actor' | 'event';
+export type WorkflowRunFacets = Record<WorkflowRunFacetName, string[]>;
 export declare function runMatchesSearch(run: WorkflowRunListItem, query: string): boolean;
-export declare function runMatchesStatusFilter(status: WorkflowRunStatus, filter: WorkflowRunListStatusFilter): boolean;
+export declare function runMatchesStatusFilter(status: WorkflowRunStatus, selected: readonly WorkflowRunListStatus[] | undefined): boolean;
+/**
+ * Applies every active filter to one run.
+ *
+ * Filtering runs over the pages already fetched, which is what the rail did before this page
+ * existed. Making the API honor the same parameters across full history is ENG-512's job; the
+ * predicates here are written against the same dimension names so that swap stays local.
+ */
+export declare function runMatchesFilters(run: WorkflowRunListItem, criteria: WorkflowRunFilterCriteria): boolean;
+/**
+ * Filter options read off the loaded runs.
+ *
+ * Values the user already selected are folded in even when no loaded run carries them, so a
+ * shared link never renders as though its own filter were unset.
+ */
+export declare function workflowRunFacets(runs: readonly WorkflowRunListItem[], criteria?: WorkflowRunFilterCriteria): WorkflowRunFacets;
+/**
+ * The run's local calendar date, which is both what the date filters bound and what the row's
+ * relative time is derived from, so a filtered result never contradicts what a row shows.
+ */
+export declare function runCalendarDate(run: Pick<WorkflowRunListItem, 'createdAt'>): string | null;
 //# sourceMappingURL=run-display.d.ts.map

package/dist/components/workflow-run-list/run-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"run-display.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/run-display.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAE,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AAClF,OAAO,KAAK,EAAC,2BAA2B,EAAC,MAAM,YAAY,CAAC;AAE5D,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAKjF;AAID,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,2BAA2B,GAClC,OAAO,CAMT"}
+{"version":3,"file":"run-display.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/run-display.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EAIvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAEjF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,kBAAkB,EAClB,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CACxE,CAAC;AAEF,0FAA0F;AAC1F,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,oBAAoB,EAAE,MAAM,EAAE,CAAC,CAAC;AAEvE,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAkBjF;AAID,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,iBAAiB,EACzB,QAAQ,EAAE,SAAS,qBAAqB,EAAE,GAAG,SAAS,GACrD,OAAO,CAQT;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,mBAAmB,EACxB,QAAQ,EAAE,yBAAyB,GAClC,OAAO,CAOT;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,mBAAmB,EAAE,EACpC,QAAQ,GAAE,yBAA8B,GACvC,iBAAiB,CASnB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,IAAI,CAAC,mBAAmB,EAAE,WAAW,CAAC,GAAG,MAAM,GAAG,IAAI,CAM1F"}

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

@@ -1,19 +1,90 @@
+import { workflowRunActor, workflowRunBranchLabel, workflowRunCommitLabel } from '#core/workflow-run.js';
 export function runMatchesSearch(run, query) {
     const needle = query.trim().toLowerCase();
     if (needle === '') return true;
-    const haystack = `${run.id} ${run.name} ${run.status} ${run.triggerLabel}`.toLowerCase();
+    const haystack = [
+        run.id,
+        run.name,
+        run.workflowName,
+        run.status,
+        run.triggerLabel,
+        run.number?.toString(),
+        workflowRunBranchLabel(run),
+        workflowRunCommitLabel(run),
+        workflowRunActor(run)
+    ].filter(Boolean).join(' ').toLowerCase();
     return haystack.includes(needle);
 }
 const IN_PROGRESS_STATUSES = new Set([
     'pending',
     'running'
 ]);
-export function runMatchesStatusFilter(status, filter) {
-    if (filter === 'all') return true;
-    // "Running" reads as in-progress: it covers freshly-queued `pending` runs (including the
-    // optimistic manual run inserted on fire) so they are not hidden the moment the filter is on.
-    if (filter === 'running') return IN_PROGRESS_STATUSES.has(status);
-    return status === filter;
+export function runMatchesStatusFilter(status, selected) {
+    if (!selected || selected.length === 0) return true;
+    return selected.some((filter)=>{
+        // "Running" reads as in-progress: it covers freshly-queued `pending` runs (including the
+        // optimistic manual run inserted on fire) so they are not hidden the moment it is on.
+        if (filter === 'running') return IN_PROGRESS_STATUSES.has(status);
+        return status === filter;
+    });
+}
+/**
+ * Applies every active filter to one run.
+ *
+ * Filtering runs over the pages already fetched, which is what the rail did before this page
+ * existed. Making the API honor the same parameters across full history is ENG-512's job; the
+ * predicates here are written against the same dimension names so that swap stays local.
+ */ export function runMatchesFilters(run, criteria) {
+    if (!runMatchesStatusFilter(run.status, criteria.status)) return false;
+    if (!matchesFacet(criteria.branch, workflowRunBranchLabel(run))) return false;
+    if (!matchesFacet(criteria.actor, workflowRunActor(run))) return false;
+    if (!matchesFacet(criteria.event, run.triggerEvent)) return false;
+    if (!matchesDateBounds(run, criteria)) return false;
+    return runMatchesSearch(run, criteria.search ?? '');
+}
+/**
+ * Filter options read off the loaded runs.
+ *
+ * Values the user already selected are folded in even when no loaded run carries them, so a
+ * shared link never renders as though its own filter were unset.
+ */ export function workflowRunFacets(runs, criteria = {}) {
+    return {
+        branch: facetValues(runs.map(workflowRunBranchLabel), criteria.branch),
+        actor: facetValues(runs.map(workflowRunActor), criteria.actor),
+        event: facetValues(runs.map((run)=>run.triggerEvent), criteria.event)
+    };
+}
+/**
+ * The run's local calendar date, which is both what the date filters bound and what the row's
+ * relative time is derived from, so a filtered result never contradicts what a row shows.
+ */ export function runCalendarDate(run) {
+    const date = new Date(run.createdAt);
+    if (Number.isNaN(date.getTime())) return null;
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${date.getFullYear()}-${month}-${day}`;
+}
+function matchesFacet(selected, value) {
+    if (!selected || selected.length === 0) return true;
+    return value !== null && selected.includes(value);
+}
+function matchesDateBounds(run, criteria) {
+    if (!criteria.after && !criteria.before) return true;
+    const date = runCalendarDate(run);
+    if (date === null) return false;
+    // Both bounds are inclusive, and `YYYY-MM-DD` sorts correctly as text.
+    if (criteria.after && date < criteria.after) return false;
+    if (criteria.before && date > criteria.before) return false;
+    return true;
+}
+function facetValues(values, selected) {
+    const present = values.filter((value)=>Boolean(value));
+    return [
+        ...new Set([
+            ...present,
+            ...selected ?? []
+        ])
+    ].sort((left, right)=>left.localeCompare(right));
 }
 
 //# sourceMappingURL=run-display.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-list/run-display.ts"],"sourcesContent":["import type {WorkflowRunListItem, WorkflowRunStatus} from '#core/workflow-run.js';\nimport type {WorkflowRunListStatusFilter} from './types.js';\n\nexport function runMatchesSearch(run: WorkflowRunListItem, query: string): boolean {\n  const needle = query.trim().toLowerCase();\n  if (needle === '') return true;\n  const haystack = `${run.id} ${run.name} ${run.status} ${run.triggerLabel}`.toLowerCase();\n  return haystack.includes(needle);\n}\n\nconst IN_PROGRESS_STATUSES: ReadonlySet<WorkflowRunStatus> = new Set(['pending', 'running']);\n\nexport function runMatchesStatusFilter(\n  status: WorkflowRunStatus,\n  filter: WorkflowRunListStatusFilter,\n): boolean {\n  if (filter === 'all') return true;\n  // \"Running\" reads as in-progress: it covers freshly-queued `pending` runs (including the\n  // optimistic manual run inserted on fire) so they are not hidden the moment the filter is on.\n  if (filter === 'running') return IN_PROGRESS_STATUSES.has(status);\n  return status === filter;\n}\n"],"names":["runMatchesSearch","run","query","needle","trim","toLowerCase","haystack","id","name","status","triggerLabel","includes","IN_PROGRESS_STATUSES","Set","runMatchesStatusFilter","filter","has"],"mappings":"AAGA,OAAO,SAASA,iBAAiBC,GAAwB,EAAEC,KAAa;IACtE,MAAMC,SAASD,MAAME,IAAI,GAAGC,WAAW;IACvC,IAAIF,WAAW,IAAI,OAAO;IAC1B,MAAMG,WAAW,GAAGL,IAAIM,EAAE,CAAC,CAAC,EAAEN,IAAIO,IAAI,CAAC,CAAC,EAAEP,IAAIQ,MAAM,CAAC,CAAC,EAAER,IAAIS,YAAY,EAAE,CAACL,WAAW;IACtF,OAAOC,SAASK,QAAQ,CAACR;AAC3B;AAEA,MAAMS,uBAAuD,IAAIC,IAAI;IAAC;IAAW;CAAU;AAE3F,OAAO,SAASC,uBACdL,MAAyB,EACzBM,MAAmC;IAEnC,IAAIA,WAAW,OAAO,OAAO;IAC7B,yFAAyF;IACzF,8FAA8F;IAC9F,IAAIA,WAAW,WAAW,OAAOH,qBAAqBI,GAAG,CAACP;IAC1D,OAAOA,WAAWM;AACpB"}
+{"version":3,"sources":["../../../src/components/workflow-run-list/run-display.ts"],"sourcesContent":["import {\n  type WorkflowRunListItem,\n  type WorkflowRunStatus,\n  workflowRunActor,\n  workflowRunBranchLabel,\n  workflowRunCommitLabel,\n} from '#core/workflow-run.js';\nimport type {WorkflowRunListStatus, WorkflowRunsSearch} from '#routes/inputs.js';\n\nexport type WorkflowRunFilterCriteria = Pick<\n  WorkflowRunsSearch,\n  'search' | 'status' | 'branch' | 'actor' | 'event' | 'after' | 'before'\n>;\n\n/** The dimensions whose options are read off the loaded runs rather than a fixed enum. */\nexport type WorkflowRunFacetName = 'branch' | 'actor' | 'event';\n\nexport type WorkflowRunFacets = Record<WorkflowRunFacetName, string[]>;\n\nexport function runMatchesSearch(run: WorkflowRunListItem, query: string): boolean {\n  const needle = query.trim().toLowerCase();\n  if (needle === '') return true;\n  const haystack = [\n    run.id,\n    run.name,\n    run.workflowName,\n    run.status,\n    run.triggerLabel,\n    run.number?.toString(),\n    workflowRunBranchLabel(run),\n    workflowRunCommitLabel(run),\n    workflowRunActor(run),\n  ]\n    .filter(Boolean)\n    .join(' ')\n    .toLowerCase();\n  return haystack.includes(needle);\n}\n\nconst IN_PROGRESS_STATUSES: ReadonlySet<WorkflowRunStatus> = new Set(['pending', 'running']);\n\nexport function runMatchesStatusFilter(\n  status: WorkflowRunStatus,\n  selected: readonly WorkflowRunListStatus[] | undefined,\n): boolean {\n  if (!selected || selected.length === 0) return true;\n  return selected.some((filter) => {\n    // \"Running\" reads as in-progress: it covers freshly-queued `pending` runs (including the\n    // optimistic manual run inserted on fire) so they are not hidden the moment it is on.\n    if (filter === 'running') return IN_PROGRESS_STATUSES.has(status);\n    return status === filter;\n  });\n}\n\n/**\n * Applies every active filter to one run.\n *\n * Filtering runs over the pages already fetched, which is what the rail did before this page\n * existed. Making the API honor the same parameters across full history is ENG-512's job; the\n * predicates here are written against the same dimension names so that swap stays local.\n */\nexport function runMatchesFilters(\n  run: WorkflowRunListItem,\n  criteria: WorkflowRunFilterCriteria,\n): boolean {\n  if (!runMatchesStatusFilter(run.status, criteria.status)) return false;\n  if (!matchesFacet(criteria.branch, workflowRunBranchLabel(run))) return false;\n  if (!matchesFacet(criteria.actor, workflowRunActor(run))) return false;\n  if (!matchesFacet(criteria.event, run.triggerEvent)) return false;\n  if (!matchesDateBounds(run, criteria)) return false;\n  return runMatchesSearch(run, criteria.search ?? '');\n}\n\n/**\n * Filter options read off the loaded runs.\n *\n * Values the user already selected are folded in even when no loaded run carries them, so a\n * shared link never renders as though its own filter were unset.\n */\nexport function workflowRunFacets(\n  runs: readonly WorkflowRunListItem[],\n  criteria: WorkflowRunFilterCriteria = {},\n): WorkflowRunFacets {\n  return {\n    branch: facetValues(runs.map(workflowRunBranchLabel), criteria.branch),\n    actor: facetValues(runs.map(workflowRunActor), criteria.actor),\n    event: facetValues(\n      runs.map((run) => run.triggerEvent),\n      criteria.event,\n    ),\n  };\n}\n\n/**\n * The run's local calendar date, which is both what the date filters bound and what the row's\n * relative time is derived from, so a filtered result never contradicts what a row shows.\n */\nexport function runCalendarDate(run: Pick<WorkflowRunListItem, 'createdAt'>): string | null {\n  const date = new Date(run.createdAt);\n  if (Number.isNaN(date.getTime())) return null;\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 matchesFacet(selected: readonly string[] | undefined, value: string | null): boolean {\n  if (!selected || selected.length === 0) return true;\n  return value !== null && selected.includes(value);\n}\n\nfunction matchesDateBounds(run: WorkflowRunListItem, criteria: WorkflowRunFilterCriteria): boolean {\n  if (!criteria.after && !criteria.before) return true;\n  const date = runCalendarDate(run);\n  if (date === null) return false;\n  // Both bounds are inclusive, and `YYYY-MM-DD` sorts correctly as text.\n  if (criteria.after && date < criteria.after) return false;\n  if (criteria.before && date > criteria.before) return false;\n  return true;\n}\n\nfunction facetValues(\n  values: readonly (string | null)[],\n  selected: readonly string[] | undefined,\n): string[] {\n  const present = values.filter((value): value is string => Boolean(value));\n  return [...new Set([...present, ...(selected ?? [])])].sort((left, right) =>\n    left.localeCompare(right),\n  );\n}\n"],"names":["workflowRunActor","workflowRunBranchLabel","workflowRunCommitLabel","runMatchesSearch","run","query","needle","trim","toLowerCase","haystack","id","name","workflowName","status","triggerLabel","number","toString","filter","Boolean","join","includes","IN_PROGRESS_STATUSES","Set","runMatchesStatusFilter","selected","length","some","has","runMatchesFilters","criteria","matchesFacet","branch","actor","event","triggerEvent","matchesDateBounds","search","workflowRunFacets","runs","facetValues","map","runCalendarDate","date","Date","createdAt","Number","isNaN","getTime","month","String","getMonth","padStart","day","getDate","getFullYear","value","after","before","values","present","sort","left","right","localeCompare"],"mappings":"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"}