@shipfox/client-workflows 14.0.1 → 16.0.0

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

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":"AAiBA,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAY/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,+BA4JzB;AA0GD,wBAAgB,iBAAiB,gCAEhC"}
+{"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"}

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

@@ -7,19 +7,22 @@ import { useIsTextTruncated } from '@shipfox/react-ui/hooks';
 import { RelativeTime } from '@shipfox/react-ui/relative-time';
 import { TimeTickerProvider } from '@shipfox/react-ui/time-ticker';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
-import { Header, Text } from '@shipfox/react-ui/typography';
-import { Link } from '@tanstack/react-router';
+import { Code, Header, Text } from '@shipfox/react-ui/typography';
 import { useId } from 'react';
 import { WorkflowRunNumberLabel } from '#components/workflow-run-number-label.js';
-import { isWorkflowRunTerminal, WORKFLOW_RUN_STATUSES } from '#core/workflow-run.js';
-import { validateWorkflowRunsSearch, workflowRunListSearchParams } from '#routes/inputs.js';
+import { isWorkflowRunTerminal, WORKFLOW_RUN_STATUSES, workflowRunBlockingJob, workflowRunDetailDisplay } from '#core/workflow-run.js';
 import { WorkflowRunDurationLabel } from '../workflow-run-duration-label.js';
 import { getWorkflowStatusVisual } from '../workflow-status/status-visuals.js';
 import { WorkflowRunAttemptSwitcher } from './workflow-run-attempt-switcher.js';
-const STATUS_BADGE_LABEL_WIDTH_CH = Math.max(...WORKFLOW_RUN_STATUSES.map((status)=>getWorkflowStatusVisual(status).label.length));
+const STATUS_BADGE_LABEL_WIDTH_CH = Math.max(...[
+    ...WORKFLOW_RUN_STATUSES,
+    'queued'
+].map((status)=>getWorkflowStatusVisual(status).label.length));
+const RERUN_BUTTON_SURFACE_CLASS_NAME = 'bg-background-neutral-base hover:bg-background-neutral-hover active:bg-background-neutral-pressed';
 export function WorkflowRunSummary({ workspaceSlug, projectSlug, run, cancelling = false, onCancel, rerunPending = false, onRerun, latestAttempt }) {
     const headingId = useId();
-    const status = getWorkflowStatusVisual(run.runAttempt.status);
+    const display = workflowRunDetailDisplay(run);
+    const status = getWorkflowStatusVisual(display.status);
     const action = workflowRunActionForRun(run);
     const hasAction = canRenderWorkflowRunAction(action, onCancel, onRerun);
     const attemptSwitcher = latestAttempt && latestAttempt > 1 && workspaceSlug && projectSlug ? {
@@ -27,7 +30,10 @@ export function WorkflowRunSummary({ workspaceSlug, projectSlug, run, cancelling
         projectSlug,
         latestAttempt
     } : null;
-    const displayDuration = run.runAttempt.displayDuration;
+    const displayDuration = display.duration;
+    // Named only while the run is waiting and has more than one job: with a single job the rail
+    // and the graph already say which one it is.
+    const blockingJob = display.status === 'queued' && run.jobs.length > 1 ? workflowRunBlockingJob(run.jobs) : null;
     const { ref: headingTextRef, isTruncated: isHeadingTruncated } = useIsTextTruncated(run.name);
     return /*#__PURE__*/ _jsx(TimeTickerProvider, {
         intervalMs: 1000,
@@ -38,71 +44,46 @@ export function WorkflowRunSummary({ workspaceSlug, projectSlug, run, cancelling
             children: /*#__PURE__*/ _jsxs("div", {
                 className: "grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-12 gap-y-8 overflow-hidden max-[480px]:grid-cols-1",
                 children: [
-                    /*#__PURE__*/ _jsx("nav", {
-                        "aria-label": "Breadcrumb",
+                    /*#__PURE__*/ _jsx("div", {
                         className: "col-start-1 row-start-1 min-w-0 max-[480px]:col-start-auto max-[480px]:row-start-auto",
-                        children: /*#__PURE__*/ _jsxs("ol", {
+                        children: /*#__PURE__*/ _jsxs("div", {
                             className: "flex min-w-0 items-center gap-8",
                             children: [
-                                workspaceSlug && projectSlug ? /*#__PURE__*/ _jsx("li", {
-                                    className: "shrink-0",
-                                    children: /*#__PURE__*/ _jsx(Link, {
-                                        to: "/w/$workspaceSlug/p/$projectSlug/runs",
-                                        params: {
-                                            workspaceSlug,
-                                            projectSlug
+                                /*#__PURE__*/ _jsx(Badge, {
+                                    variant: status.badge,
+                                    size: "xs",
+                                    children: /*#__PURE__*/ _jsx("span", {
+                                        className: "text-center",
+                                        style: {
+                                            width: `${STATUS_BADGE_LABEL_WIDTH_CH}ch`
                                         },
-                                        search: (previous)=>workflowRunListSearchParams(validateWorkflowRunsSearch(previous)),
-                                        className: "rounded-4 text-xs font-medium text-foreground-neutral-subtle underline decoration-border-neutral-strong underline-offset-4 outline-none hover:text-foreground-neutral-base focus-visible:shadow-border-interactive-with-active",
-                                        children: "Runs"
+                                        children: status.label
                                     })
-                                }) : null,
-                                workspaceSlug && projectSlug ? /*#__PURE__*/ _jsx("li", {
-                                    "aria-hidden": "true",
-                                    className: "shrink-0 text-xs text-foreground-neutral-subtle",
-                                    children: "/"
-                                }) : null,
-                                /*#__PURE__*/ _jsxs("li", {
-                                    "aria-current": "page",
-                                    className: "flex min-w-0 items-center gap-8",
+                                }),
+                                /*#__PURE__*/ _jsxs(Tooltip, {
                                     children: [
-                                        /*#__PURE__*/ _jsx(Badge, {
-                                            variant: status.badge,
-                                            size: "xs",
-                                            children: /*#__PURE__*/ _jsx("span", {
-                                                className: "text-center",
-                                                style: {
-                                                    width: `${STATUS_BADGE_LABEL_WIDTH_CH}ch`
-                                                },
-                                                children: status.label
+                                        /*#__PURE__*/ _jsx(TooltipTrigger, {
+                                            asChild: true,
+                                            children: /*#__PURE__*/ _jsx(Header, {
+                                                as: "h1",
+                                                id: headingId,
+                                                variant: "h3",
+                                                className: "min-w-0 truncate",
+                                                children: /*#__PURE__*/ _jsx("span", {
+                                                    ref: headingTextRef,
+                                                    className: "block min-w-0 truncate",
+                                                    children: run.name
+                                                })
                                             })
                                         }),
-                                        /*#__PURE__*/ _jsxs(Tooltip, {
-                                            children: [
-                                                /*#__PURE__*/ _jsx(TooltipTrigger, {
-                                                    asChild: true,
-                                                    children: /*#__PURE__*/ _jsx(Header, {
-                                                        id: headingId,
-                                                        variant: "h3",
-                                                        className: "min-w-0 truncate",
-                                                        children: /*#__PURE__*/ _jsx("span", {
-                                                            ref: headingTextRef,
-                                                            title: isHeadingTruncated ? run.name : undefined,
-                                                            className: "block min-w-0 truncate",
-                                                            children: run.name
-                                                        })
-                                                    })
-                                                }),
-                                                isHeadingTruncated ? /*#__PURE__*/ _jsx(TooltipContent, {
-                                                    children: /*#__PURE__*/ _jsx(Text, {
-                                                        as: "span",
-                                                        size: "xs",
-                                                        className: "max-w-[360px] break-words",
-                                                        children: run.name
-                                                    })
-                                                }) : null
-                                            ]
-                                        })
+                                        isHeadingTruncated ? /*#__PURE__*/ _jsx(TooltipContent, {
+                                            children: /*#__PURE__*/ _jsx(Text, {
+                                                as: "span",
+                                                size: "xs",
+                                                className: "max-w-[360px] break-words",
+                                                children: run.name
+                                            })
+                                        }) : null
                                     ]
                                 })
                             ]
@@ -190,6 +171,28 @@ export function WorkflowRunSummary({ workspaceSlug, projectSlug, run, cancelling
                                         className: "text-foreground-neutral-subtle"
                                     })
                                 ]
+                            }) : null,
+                            blockingJob ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(MetadataSeparator, {}),
+                                    /*#__PURE__*/ _jsxs("span", {
+                                        className: "flex min-w-0 items-center gap-4",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Text, {
+                                                as: "span",
+                                                size: "xs",
+                                                className: "shrink-0",
+                                                children: "waiting on"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Code, {
+                                                as: "span",
+                                                variant: "label",
+                                                className: "min-w-0 truncate",
+                                                children: blockingJob.displayName
+                                            })
+                                        ]
+                                    })
+                                ]
                             }) : null
                         ]
                     })
@@ -218,6 +221,7 @@ function WorkflowRunActionSlot({ action, cancelling, onCancel, rerunPending, onR
             type: "button",
             variant: "secondary",
             size: "xs",
+            className: RERUN_BUTTON_SURFACE_CLASS_NAME,
             isLoading: rerunPending,
             disabled: rerunPending,
             onClick: ()=>onRerun('all'),
@@ -233,6 +237,7 @@ function WorkflowRunActionSlot({ action, cancelling, onCancel, rerunPending, onR
                     type: "button",
                     variant: "secondary",
                     size: "xs",
+                    className: RERUN_BUTTON_SURFACE_CLASS_NAME,
                     iconRight: "arrowDownSLine",
                     isLoading: rerunPending,
                     disabled: rerunPending,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-summary/workflow-run-summary.tsx"],"sourcesContent":["import {TriggerSourceIcon} from '@shipfox/client-triggers';\nimport {Badge} from '@shipfox/react-ui/badge';\nimport {Button} from '@shipfox/react-ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {useIsTextTruncated} from '@shipfox/react-ui/hooks';\nimport {RelativeTime} from '@shipfox/react-ui/relative-time';\nimport {TimeTickerProvider} from '@shipfox/react-ui/time-ticker';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {Link} from '@tanstack/react-router';\nimport {useId} from 'react';\nimport {WorkflowRunNumberLabel} from '#components/workflow-run-number-label.js';\nimport {\n  isWorkflowRunTerminal,\n  type Job,\n  WORKFLOW_RUN_STATUSES,\n  type WorkflowRunDetail,\n  type WorkflowRunRerunMode,\n} from '#core/workflow-run.js';\nimport {validateWorkflowRunsSearch, workflowRunListSearchParams} from '#routes/inputs.js';\nimport {WorkflowRunDurationLabel} from '../workflow-run-duration-label.js';\nimport {getWorkflowStatusVisual} from '../workflow-status/status-visuals.js';\nimport {WorkflowRunAttemptSwitcher} from './workflow-run-attempt-switcher.js';\n\nconst STATUS_BADGE_LABEL_WIDTH_CH = Math.max(\n  ...WORKFLOW_RUN_STATUSES.map((status) => getWorkflowStatusVisual(status).label.length),\n);\n\ntype WorkflowRunAction = 'cancel' | 'rerun-all' | 'rerun-menu' | 'none';\n\nexport interface WorkflowRunSummaryProps {\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n  run: WorkflowRunDetail;\n  cancelling?: boolean | undefined;\n  onCancel?: (() => void) | undefined;\n  rerunPending?: boolean | undefined;\n  onRerun?: ((mode: WorkflowRunRerunMode) => void) | undefined;\n  latestAttempt?: number | undefined;\n}\n\nexport function WorkflowRunSummary({\n  workspaceSlug,\n  projectSlug,\n  run,\n  cancelling = false,\n  onCancel,\n  rerunPending = false,\n  onRerun,\n  latestAttempt,\n}: WorkflowRunSummaryProps) {\n  const headingId = useId();\n  const status = getWorkflowStatusVisual(run.runAttempt.status);\n  const action = workflowRunActionForRun(run);\n  const hasAction = canRenderWorkflowRunAction(action, onCancel, onRerun);\n  const attemptSwitcher =\n    latestAttempt && latestAttempt > 1 && workspaceSlug && projectSlug\n      ? {workspaceSlug, projectSlug, latestAttempt}\n      : null;\n  const displayDuration = run.runAttempt.displayDuration;\n  const {ref: headingTextRef, isTruncated: isHeadingTruncated} =\n    useIsTextTruncated<HTMLSpanElement>(run.name);\n\n  return (\n    <TimeTickerProvider intervalMs={1000} reducedMotionIntervalMs={10_000}>\n      <section aria-labelledby={headingId} className=\"bg-background-neutral-background px-16 py-12\">\n        <div className=\"grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-12 gap-y-8 overflow-hidden max-[480px]:grid-cols-1\">\n          <nav\n            aria-label=\"Breadcrumb\"\n            className=\"col-start-1 row-start-1 min-w-0 max-[480px]:col-start-auto max-[480px]:row-start-auto\"\n          >\n            <ol className=\"flex min-w-0 items-center gap-8\">\n              {workspaceSlug && projectSlug ? (\n                <li className=\"shrink-0\">\n                  <Link\n                    to=\"/w/$workspaceSlug/p/$projectSlug/runs\"\n                    params={{workspaceSlug, projectSlug}}\n                    search={\n                      ((previous: Record<string, unknown>) =>\n                        workflowRunListSearchParams(validateWorkflowRunsSearch(previous))) as never\n                    }\n                    className=\"rounded-4 text-xs font-medium text-foreground-neutral-subtle underline decoration-border-neutral-strong underline-offset-4 outline-none hover:text-foreground-neutral-base focus-visible:shadow-border-interactive-with-active\"\n                  >\n                    Runs\n                  </Link>\n                </li>\n              ) : null}\n              {workspaceSlug && projectSlug ? (\n                <li aria-hidden=\"true\" className=\"shrink-0 text-xs text-foreground-neutral-subtle\">\n                  /\n                </li>\n              ) : null}\n              <li aria-current=\"page\" className=\"flex min-w-0 items-center gap-8\">\n                <Badge variant={status.badge} size=\"xs\">\n                  <span className=\"text-center\" style={{width: `${STATUS_BADGE_LABEL_WIDTH_CH}ch`}}>\n                    {status.label}\n                  </span>\n                </Badge>\n\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <Header id={headingId} variant=\"h3\" className=\"min-w-0 truncate\">\n                      <span\n                        ref={headingTextRef}\n                        title={isHeadingTruncated ? run.name : undefined}\n                        className=\"block min-w-0 truncate\"\n                      >\n                        {run.name}\n                      </span>\n                    </Header>\n                  </TooltipTrigger>\n                  {isHeadingTruncated ? (\n                    <TooltipContent>\n                      <Text as=\"span\" size=\"xs\" className=\"max-w-[360px] break-words\">\n                        {run.name}\n                      </Text>\n                    </TooltipContent>\n                  ) : null}\n                </Tooltip>\n              </li>\n            </ol>\n          </nav>\n\n          {hasAction ? (\n            <div className=\"col-start-2 row-start-1 flex min-w-max items-center gap-6 justify-self-end max-[480px]:col-start-auto max-[480px]:row-start-auto max-[480px]:justify-self-start\">\n              <WorkflowRunActionSlot\n                action={action}\n                cancelling={cancelling}\n                onCancel={onCancel}\n                rerunPending={rerunPending}\n                onRerun={onRerun}\n              />\n            </div>\n          ) : null}\n\n          <div className=\"col-span-2 row-start-2 flex min-w-0 items-center gap-12 overflow-hidden text-foreground-neutral-subtle max-[480px]:col-span-1 max-[480px]:row-start-auto\">\n            {run.number !== null ? (\n              <>\n                <WorkflowRunNumberLabel run={run} />\n                {attemptSwitcher || run.triggerDisplayLabel ? <MetadataSeparator /> : null}\n              </>\n            ) : null}\n\n            {attemptSwitcher ? (\n              <WorkflowRunAttemptSwitcher\n                workspaceSlug={attemptSwitcher.workspaceSlug}\n                projectSlug={attemptSwitcher.projectSlug}\n                run={run}\n                latestAttempt={attemptSwitcher.latestAttempt}\n              />\n            ) : null}\n\n            {run.triggerDisplayLabel ? (\n              <>\n                {attemptSwitcher ? <MetadataSeparator /> : null}\n                <span className=\"min-w-0\">\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <button\n                        type=\"button\"\n                        aria-label={run.triggerLabel}\n                        className=\"inline-flex max-w-full min-w-0 cursor-help items-center gap-4 rounded-6 border-0 bg-transparent p-0 text-left text-foreground-neutral-subtle outline-none focus-visible:shadow-button-neutral-focus\"\n                      >\n                        <TriggerSourceIcon\n                          provider={run.triggerProvider}\n                          source={run.triggerSource}\n                          aria-hidden=\"true\"\n                          className=\"size-12 shrink-0\"\n                        />\n                        <Text as=\"span\" size=\"xs\" className=\"min-w-0 truncate\">\n                          {run.triggerDisplayLabel}\n                        </Text>\n                      </button>\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                </span>\n              </>\n            ) : null}\n\n            {run.number !== null || attemptSwitcher || run.triggerDisplayLabel ? (\n              <MetadataSeparator />\n            ) : null}\n            <RelativeTime\n              value={run.runAttempt.createdAt}\n              className=\"shrink-0 whitespace-nowrap text-xs leading-20 text-foreground-neutral-subtle\"\n            />\n\n            {displayDuration ? (\n              <>\n                <MetadataSeparator />\n                <WorkflowRunDurationLabel\n                  duration={displayDuration}\n                  className=\"text-foreground-neutral-subtle\"\n                />\n              </>\n            ) : null}\n          </div>\n        </div>\n      </section>\n    </TimeTickerProvider>\n  );\n}\n\nfunction WorkflowRunActionSlot({\n  action,\n  cancelling,\n  onCancel,\n  rerunPending,\n  onRerun,\n}: {\n  action: WorkflowRunAction;\n  cancelling: boolean;\n  onCancel?: (() => void) | undefined;\n  rerunPending: boolean;\n  onRerun?: ((mode: WorkflowRunRerunMode) => void) | undefined;\n}) {\n  if (action === 'none') return null;\n\n  if (action === 'cancel') {\n    if (!onCancel) return null;\n\n    return (\n      <Button\n        type=\"button\"\n        variant=\"danger\"\n        size=\"xs\"\n        isLoading={cancelling}\n        disabled={cancelling}\n        onClick={onCancel}\n      >\n        Cancel workflow\n      </Button>\n    );\n  }\n\n  if (action === 'rerun-all') {\n    if (!onRerun) return null;\n\n    return (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"xs\"\n        isLoading={rerunPending}\n        disabled={rerunPending}\n        onClick={() => onRerun('all')}\n      >\n        Re-run workflow\n      </Button>\n    );\n  }\n\n  if (!onRerun) return null;\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"xs\"\n          iconRight=\"arrowDownSLine\"\n          isLoading={rerunPending}\n          disabled={rerunPending}\n        >\n          Re-run jobs\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuItem disabled={rerunPending} onSelect={() => onRerun('all')}>\n          Re-run all jobs\n        </DropdownMenuItem>\n        <DropdownMenuItem disabled={rerunPending} onSelect={() => onRerun('failed')}>\n          Re-run failed jobs\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction workflowRunActionForRun(run: WorkflowRunDetail): WorkflowRunAction {\n  if (run.runAttempt.attempt !== run.currentAttempt) return 'none';\n  if (!isWorkflowRunTerminal(run.runAttempt.status)) return 'cancel';\n  if (run.runAttempt.status === 'succeeded' || !hasFailedOrCancelledJobs(run)) return 'rerun-all';\n  return 'rerun-menu';\n}\n\nfunction canRenderWorkflowRunAction(\n  action: WorkflowRunAction,\n  onCancel: (() => void) | undefined,\n  onRerun: ((mode: WorkflowRunRerunMode) => void) | undefined,\n): boolean {\n  if (action === 'cancel') return onCancel !== undefined;\n  if (action === 'rerun-all' || action === 'rerun-menu') return onRerun !== undefined;\n  return false;\n}\n\nfunction hasFailedOrCancelledJobs(run: WorkflowRunDetail): boolean {\n  if (!workflowRunHasJobs(run)) return false;\n\n  return run.jobs.some((job) => job.status === 'failed' || job.status === 'cancelled');\n}\n\nfunction workflowRunHasJobs(run: WorkflowRunDetail): run is WorkflowRunDetail & {jobs: Job[]} {\n  return 'jobs' in run && Array.isArray(run.jobs);\n}\n\nexport function MetadataSeparator() {\n  return <span aria-hidden=\"true\" className=\"h-12 w-px shrink-0 bg-border-neutral-base\" />;\n}\n"],"names":["TriggerSourceIcon","Badge","Button","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","useIsTextTruncated","RelativeTime","TimeTickerProvider","Tooltip","TooltipContent","TooltipTrigger","Header","Text","Link","useId","WorkflowRunNumberLabel","isWorkflowRunTerminal","WORKFLOW_RUN_STATUSES","validateWorkflowRunsSearch","workflowRunListSearchParams","WorkflowRunDurationLabel","getWorkflowStatusVisual","WorkflowRunAttemptSwitcher","STATUS_BADGE_LABEL_WIDTH_CH","Math","max","map","status","label","length","WorkflowRunSummary","workspaceSlug","projectSlug","run","cancelling","onCancel","rerunPending","onRerun","latestAttempt","headingId","runAttempt","action","workflowRunActionForRun","hasAction","canRenderWorkflowRunAction","attemptSwitcher","displayDuration","ref","headingTextRef","isTruncated","isHeadingTruncated","name","intervalMs","reducedMotionIntervalMs","section","aria-labelledby","className","div","nav","aria-label","ol","li","to","params","search","previous","aria-hidden","aria-current","variant","badge","size","span","style","width","asChild","id","title","undefined","as","WorkflowRunActionSlot","number","triggerDisplayLabel","MetadataSeparator","button","type","triggerLabel","provider","triggerProvider","source","triggerSource","value","createdAt","duration","isLoading","disabled","onClick","iconRight","align","onSelect","attempt","currentAttempt","hasFailedOrCancelledJobs","workflowRunHasJobs","jobs","some","job","Array","isArray"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/workflow-run-summary/workflow-run-summary.tsx"],"sourcesContent":["import {TriggerSourceIcon} from '@shipfox/client-triggers';\nimport {Badge} from '@shipfox/react-ui/badge';\nimport {Button} from '@shipfox/react-ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {useIsTextTruncated} from '@shipfox/react-ui/hooks';\nimport {RelativeTime} from '@shipfox/react-ui/relative-time';\nimport {TimeTickerProvider} from '@shipfox/react-ui/time-ticker';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Header, Text} from '@shipfox/react-ui/typography';\nimport {useId} from 'react';\nimport {WorkflowRunNumberLabel} from '#components/workflow-run-number-label.js';\nimport {\n  isWorkflowRunTerminal,\n  type Job,\n  WORKFLOW_RUN_STATUSES,\n  type WorkflowRunDetail,\n  type WorkflowRunRerunMode,\n  workflowRunBlockingJob,\n  workflowRunDetailDisplay,\n} from '#core/workflow-run.js';\nimport {WorkflowRunDurationLabel} from '../workflow-run-duration-label.js';\nimport {getWorkflowStatusVisual} from '../workflow-status/status-visuals.js';\nimport {WorkflowRunAttemptSwitcher} from './workflow-run-attempt-switcher.js';\n\nconst STATUS_BADGE_LABEL_WIDTH_CH = Math.max(\n  ...[...WORKFLOW_RUN_STATUSES, 'queued' as const].map(\n    (status) => getWorkflowStatusVisual(status).label.length,\n  ),\n);\nconst RERUN_BUTTON_SURFACE_CLASS_NAME =\n  'bg-background-neutral-base hover:bg-background-neutral-hover active:bg-background-neutral-pressed';\n\ntype WorkflowRunAction = 'cancel' | 'rerun-all' | 'rerun-menu' | 'none';\n\nexport interface WorkflowRunSummaryProps {\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n  run: WorkflowRunDetail;\n  cancelling?: boolean | undefined;\n  onCancel?: (() => void) | undefined;\n  rerunPending?: boolean | undefined;\n  onRerun?: ((mode: WorkflowRunRerunMode) => void) | undefined;\n  latestAttempt?: number | undefined;\n}\n\nexport function WorkflowRunSummary({\n  workspaceSlug,\n  projectSlug,\n  run,\n  cancelling = false,\n  onCancel,\n  rerunPending = false,\n  onRerun,\n  latestAttempt,\n}: WorkflowRunSummaryProps) {\n  const headingId = useId();\n  const display = workflowRunDetailDisplay(run);\n  const status = getWorkflowStatusVisual(display.status);\n  const action = workflowRunActionForRun(run);\n  const hasAction = canRenderWorkflowRunAction(action, onCancel, onRerun);\n  const attemptSwitcher =\n    latestAttempt && latestAttempt > 1 && workspaceSlug && projectSlug\n      ? {workspaceSlug, projectSlug, latestAttempt}\n      : null;\n  const displayDuration = display.duration;\n  // Named only while the run is waiting and has more than one job: with a single job the rail\n  // and the graph already say which one it is.\n  const blockingJob =\n    display.status === 'queued' && run.jobs.length > 1 ? workflowRunBlockingJob(run.jobs) : null;\n  const {ref: headingTextRef, isTruncated: isHeadingTruncated} =\n    useIsTextTruncated<HTMLSpanElement>(run.name);\n\n  return (\n    <TimeTickerProvider intervalMs={1000} reducedMotionIntervalMs={10_000}>\n      <section aria-labelledby={headingId} className=\"bg-background-neutral-background px-16 py-12\">\n        <div className=\"grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-12 gap-y-8 overflow-hidden max-[480px]:grid-cols-1\">\n          <div className=\"col-start-1 row-start-1 min-w-0 max-[480px]:col-start-auto max-[480px]:row-start-auto\">\n            <div className=\"flex min-w-0 items-center gap-8\">\n              <Badge variant={status.badge} size=\"xs\">\n                <span className=\"text-center\" style={{width: `${STATUS_BADGE_LABEL_WIDTH_CH}ch`}}>\n                  {status.label}\n                </span>\n              </Badge>\n\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <Header as=\"h1\" id={headingId} variant=\"h3\" className=\"min-w-0 truncate\">\n                    <span ref={headingTextRef} className=\"block min-w-0 truncate\">\n                      {run.name}\n                    </span>\n                  </Header>\n                </TooltipTrigger>\n                {isHeadingTruncated ? (\n                  <TooltipContent>\n                    <Text as=\"span\" size=\"xs\" className=\"max-w-[360px] break-words\">\n                      {run.name}\n                    </Text>\n                  </TooltipContent>\n                ) : null}\n              </Tooltip>\n            </div>\n          </div>\n\n          {hasAction ? (\n            <div className=\"col-start-2 row-start-1 flex min-w-max items-center gap-6 justify-self-end max-[480px]:col-start-auto max-[480px]:row-start-auto max-[480px]:justify-self-start\">\n              <WorkflowRunActionSlot\n                action={action}\n                cancelling={cancelling}\n                onCancel={onCancel}\n                rerunPending={rerunPending}\n                onRerun={onRerun}\n              />\n            </div>\n          ) : null}\n\n          <div className=\"col-span-2 row-start-2 flex min-w-0 items-center gap-12 overflow-hidden text-foreground-neutral-subtle max-[480px]:col-span-1 max-[480px]:row-start-auto\">\n            {run.number !== null ? (\n              <>\n                <WorkflowRunNumberLabel run={run} />\n                {attemptSwitcher || run.triggerDisplayLabel ? <MetadataSeparator /> : null}\n              </>\n            ) : null}\n\n            {attemptSwitcher ? (\n              <WorkflowRunAttemptSwitcher\n                workspaceSlug={attemptSwitcher.workspaceSlug}\n                projectSlug={attemptSwitcher.projectSlug}\n                run={run}\n                latestAttempt={attemptSwitcher.latestAttempt}\n              />\n            ) : null}\n\n            {run.triggerDisplayLabel ? (\n              <>\n                {attemptSwitcher ? <MetadataSeparator /> : null}\n                <span className=\"min-w-0\">\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <button\n                        type=\"button\"\n                        aria-label={run.triggerLabel}\n                        className=\"inline-flex max-w-full min-w-0 cursor-help items-center gap-4 rounded-6 border-0 bg-transparent p-0 text-left text-foreground-neutral-subtle outline-none focus-visible:shadow-button-neutral-focus\"\n                      >\n                        <TriggerSourceIcon\n                          provider={run.triggerProvider}\n                          source={run.triggerSource}\n                          aria-hidden=\"true\"\n                          className=\"size-12 shrink-0\"\n                        />\n                        <Text as=\"span\" size=\"xs\" className=\"min-w-0 truncate\">\n                          {run.triggerDisplayLabel}\n                        </Text>\n                      </button>\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                </span>\n              </>\n            ) : null}\n\n            {run.number !== null || attemptSwitcher || run.triggerDisplayLabel ? (\n              <MetadataSeparator />\n            ) : null}\n            <RelativeTime\n              value={run.runAttempt.createdAt}\n              className=\"shrink-0 whitespace-nowrap text-xs leading-20 text-foreground-neutral-subtle\"\n            />\n\n            {displayDuration ? (\n              <>\n                <MetadataSeparator />\n                <WorkflowRunDurationLabel\n                  duration={displayDuration}\n                  className=\"text-foreground-neutral-subtle\"\n                />\n              </>\n            ) : null}\n\n            {blockingJob ? (\n              <>\n                <MetadataSeparator />\n                <span className=\"flex min-w-0 items-center gap-4\">\n                  <Text as=\"span\" size=\"xs\" className=\"shrink-0\">\n                    waiting on\n                  </Text>\n                  <Code as=\"span\" variant=\"label\" className=\"min-w-0 truncate\">\n                    {blockingJob.displayName}\n                  </Code>\n                </span>\n              </>\n            ) : null}\n          </div>\n        </div>\n      </section>\n    </TimeTickerProvider>\n  );\n}\n\nfunction WorkflowRunActionSlot({\n  action,\n  cancelling,\n  onCancel,\n  rerunPending,\n  onRerun,\n}: {\n  action: WorkflowRunAction;\n  cancelling: boolean;\n  onCancel?: (() => void) | undefined;\n  rerunPending: boolean;\n  onRerun?: ((mode: WorkflowRunRerunMode) => void) | undefined;\n}) {\n  if (action === 'none') return null;\n\n  if (action === 'cancel') {\n    if (!onCancel) return null;\n\n    return (\n      <Button\n        type=\"button\"\n        variant=\"danger\"\n        size=\"xs\"\n        isLoading={cancelling}\n        disabled={cancelling}\n        onClick={onCancel}\n      >\n        Cancel workflow\n      </Button>\n    );\n  }\n\n  if (action === 'rerun-all') {\n    if (!onRerun) return null;\n\n    return (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"xs\"\n        className={RERUN_BUTTON_SURFACE_CLASS_NAME}\n        isLoading={rerunPending}\n        disabled={rerunPending}\n        onClick={() => onRerun('all')}\n      >\n        Re-run workflow\n      </Button>\n    );\n  }\n\n  if (!onRerun) return null;\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"xs\"\n          className={RERUN_BUTTON_SURFACE_CLASS_NAME}\n          iconRight=\"arrowDownSLine\"\n          isLoading={rerunPending}\n          disabled={rerunPending}\n        >\n          Re-run jobs\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuItem disabled={rerunPending} onSelect={() => onRerun('all')}>\n          Re-run all jobs\n        </DropdownMenuItem>\n        <DropdownMenuItem disabled={rerunPending} onSelect={() => onRerun('failed')}>\n          Re-run failed jobs\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction workflowRunActionForRun(run: WorkflowRunDetail): WorkflowRunAction {\n  if (run.runAttempt.attempt !== run.currentAttempt) return 'none';\n  if (!isWorkflowRunTerminal(run.runAttempt.status)) return 'cancel';\n  if (run.runAttempt.status === 'succeeded' || !hasFailedOrCancelledJobs(run)) return 'rerun-all';\n  return 'rerun-menu';\n}\n\nfunction canRenderWorkflowRunAction(\n  action: WorkflowRunAction,\n  onCancel: (() => void) | undefined,\n  onRerun: ((mode: WorkflowRunRerunMode) => void) | undefined,\n): boolean {\n  if (action === 'cancel') return onCancel !== undefined;\n  if (action === 'rerun-all' || action === 'rerun-menu') return onRerun !== undefined;\n  return false;\n}\n\nfunction hasFailedOrCancelledJobs(run: WorkflowRunDetail): boolean {\n  if (!workflowRunHasJobs(run)) return false;\n\n  return run.jobs.some((job) => job.status === 'failed' || job.status === 'cancelled');\n}\n\nfunction workflowRunHasJobs(run: WorkflowRunDetail): run is WorkflowRunDetail & {jobs: Job[]} {\n  return 'jobs' in run && Array.isArray(run.jobs);\n}\n\nexport function MetadataSeparator() {\n  return <span aria-hidden=\"true\" className=\"h-12 w-px shrink-0 bg-border-neutral-base\" />;\n}\n"],"names":["TriggerSourceIcon","Badge","Button","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","useIsTextTruncated","RelativeTime","TimeTickerProvider","Tooltip","TooltipContent","TooltipTrigger","Code","Header","Text","useId","WorkflowRunNumberLabel","isWorkflowRunTerminal","WORKFLOW_RUN_STATUSES","workflowRunBlockingJob","workflowRunDetailDisplay","WorkflowRunDurationLabel","getWorkflowStatusVisual","WorkflowRunAttemptSwitcher","STATUS_BADGE_LABEL_WIDTH_CH","Math","max","map","status","label","length","RERUN_BUTTON_SURFACE_CLASS_NAME","WorkflowRunSummary","workspaceSlug","projectSlug","run","cancelling","onCancel","rerunPending","onRerun","latestAttempt","headingId","display","action","workflowRunActionForRun","hasAction","canRenderWorkflowRunAction","attemptSwitcher","displayDuration","duration","blockingJob","jobs","ref","headingTextRef","isTruncated","isHeadingTruncated","name","intervalMs","reducedMotionIntervalMs","section","aria-labelledby","className","div","variant","badge","size","span","style","width","asChild","as","id","WorkflowRunActionSlot","number","triggerDisplayLabel","MetadataSeparator","button","type","aria-label","triggerLabel","provider","triggerProvider","source","triggerSource","aria-hidden","value","runAttempt","createdAt","displayName","isLoading","disabled","onClick","iconRight","align","onSelect","attempt","currentAttempt","hasFailedOrCancelledJobs","undefined","workflowRunHasJobs","some","job","Array","isArray"],"mappings":"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"}

package/dist/components/workflow-run-tabs/index.d.ts

@@ -1,6 +1,6 @@
+export { RunAnnotationCountChip } from './run-annotation-count-chip.js';
+export { annotationElementId, RunAnnotationItem } from './run-annotation-item.js';
+export { RunAnnotationList, type RunAnnotationListQuery } from './run-annotation-list.js';
 export { RunAnnotationSummaryLine } from './run-annotation-summary-line.js';
 export { RunAnnotationsEmpty } from './run-annotations-empty.js';
-export { RunJobsList } from './run-jobs-list.js';
-export { RunTabCount } from './run-tab-count.js';
-export { RunTabStrip } from './run-tab-strip.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,wBAAwB,EAAC,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAC,mBAAmB,EAAC,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAC,mBAAmB,EAAE,iBAAiB,EAAC,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAC,iBAAiB,EAAE,KAAK,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AACxF,OAAO,EAAC,wBAAwB,EAAC,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAC,mBAAmB,EAAC,MAAM,4BAA4B,CAAC"}

package/dist/components/workflow-run-tabs/index.js

@@ -1,7 +1,7 @@
+export { RunAnnotationCountChip } from './run-annotation-count-chip.js';
+export { annotationElementId, RunAnnotationItem } from './run-annotation-item.js';
+export { RunAnnotationList } from './run-annotation-list.js';
 export { RunAnnotationSummaryLine } from './run-annotation-summary-line.js';
 export { RunAnnotationsEmpty } from './run-annotations-empty.js';
-export { RunJobsList } from './run-jobs-list.js';
-export { RunTabCount } from './run-tab-count.js';
-export { RunTabStrip } from './run-tab-strip.js';
 
 //# sourceMappingURL=index.js.map

package/dist/components/workflow-run-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-tabs/index.ts"],"sourcesContent":["export {RunAnnotationSummaryLine} from './run-annotation-summary-line.js';\nexport {RunAnnotationsEmpty} from './run-annotations-empty.js';\nexport {RunJobsList} from './run-jobs-list.js';\nexport {RunTabCount} from './run-tab-count.js';\nexport {RunTabStrip} from './run-tab-strip.js';\n"],"names":["RunAnnotationSummaryLine","RunAnnotationsEmpty","RunJobsList","RunTabCount","RunTabStrip"],"mappings":"AAAA,SAAQA,wBAAwB,QAAO,mCAAmC;AAC1E,SAAQC,mBAAmB,QAAO,6BAA6B;AAC/D,SAAQC,WAAW,QAAO,qBAAqB;AAC/C,SAAQC,WAAW,QAAO,qBAAqB;AAC/C,SAAQC,WAAW,QAAO,qBAAqB"}
+{"version":3,"sources":["../../../src/components/workflow-run-tabs/index.ts"],"sourcesContent":["export {RunAnnotationCountChip} from './run-annotation-count-chip.js';\nexport {annotationElementId, RunAnnotationItem} from './run-annotation-item.js';\nexport {RunAnnotationList, type RunAnnotationListQuery} from './run-annotation-list.js';\nexport {RunAnnotationSummaryLine} from './run-annotation-summary-line.js';\nexport {RunAnnotationsEmpty} from './run-annotations-empty.js';\n"],"names":["RunAnnotationCountChip","annotationElementId","RunAnnotationItem","RunAnnotationList","RunAnnotationSummaryLine","RunAnnotationsEmpty"],"mappings":"AAAA,SAAQA,sBAAsB,QAAO,iCAAiC;AACtE,SAAQC,mBAAmB,EAAEC,iBAAiB,QAAO,2BAA2B;AAChF,SAAQC,iBAAiB,QAAoC,2BAA2B;AACxF,SAAQC,wBAAwB,QAAO,mCAAmC;AAC1E,SAAQC,mBAAmB,QAAO,6BAA6B"}

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

@@ -0,0 +1,16 @@
+import { type RunAnnotationSummary } from '#core/run-annotation.js';
+export interface RunAnnotationCountChipProps {
+    summary: RunAnnotationSummary | undefined;
+    workspaceSlug: string;
+    projectSlug: string;
+    workflowRunId: string;
+    runAttempt?: number | undefined;
+    /** Scopes the destination list to one job. */
+    jobId?: string | undefined;
+}
+/**
+ * A bounded reference into the run's Annotations section: a count, its highest severity, and one
+ * link. Never a body, so an annotation is rendered exactly once per page.
+ */
+export declare function RunAnnotationCountChip({ summary, workspaceSlug, projectSlug, workflowRunId, runAttempt, jobId, }: RunAnnotationCountChipProps): import("react").JSX.Element | null;
+//# sourceMappingURL=run-annotation-count-chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"run-annotation-count-chip.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-tabs/run-annotation-count-chip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,KAAK,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAIhG,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,oBAAoB,GAAG,SAAS,CAAC;IAC1C,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,KAAK,GACN,EAAE,2BAA2B,sCAkC7B"}

package/dist/components/workflow-run-tabs/run-annotation-count-chip.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@shipfox/react-ui/icon';
+import { cn } from '@shipfox/react-ui/utils';
+import { Link } from '@tanstack/react-router';
+import { highestRunAnnotationSeverity } from '#core/run-annotation.js';
+import { workflowRunSearchParams } from '#routes/inputs.js';
+import { SEVERITY_CHIP_TONE, SEVERITY_ICON } from './severity-visuals.js';
+/**
+ * A bounded reference into the run's Annotations section: a count, its highest severity, and one
+ * link. Never a body, so an annotation is rendered exactly once per page.
+ */ export function RunAnnotationCountChip({ summary, workspaceSlug, projectSlug, workflowRunId, runAttempt, jobId }) {
+    if (!summary || summary.total === 0) return null;
+    const severity = highestRunAnnotationSeverity(summary);
+    const count = `${summary.total}${summary.truncated ? '+' : ''}`;
+    const label = `${count} ${summary.total === 1 && !summary.truncated ? 'annotation' : 'annotations'}`;
+    const accessibleLabel = severity ? `View ${label}, highest severity ${severity}` : `View ${label}`;
+    const search = {
+        tab: 'annotations',
+        ...runAttempt ? {
+            runAttempt
+        } : {}
+    };
+    if (jobId) search.jobId = jobId;
+    return /*#__PURE__*/ _jsxs(Link, {
+        to: "/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId",
+        params: {
+            workspaceSlug,
+            projectSlug,
+            workflowRunId
+        },
+        search: workflowRunSearchParams(search, search),
+        "aria-label": accessibleLabel,
+        className: cn('inline-flex h-20 shrink-0 items-center gap-4 rounded-4 border px-6 font-code text-xs leading-16 tabular-nums outline-none transition-colors hover:bg-background-neutral-hover focus-visible:shadow-border-interactive-with-active', // The chip stays 20px optically so it sits level with the duration metadata beside it;
+        // the hit area grows to the 44px minimum only where the pointer is coarse.
+        '[@media(pointer:coarse)]:h-44 [@media(pointer:coarse)]:px-10', severity ? SEVERITY_CHIP_TONE[severity] : 'border-border-neutral-base'),
+        children: [
+            /*#__PURE__*/ _jsx(Icon, {
+                name: severity ? SEVERITY_ICON[severity] : 'fileTextLine',
+                size: 12,
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                className: "text-foreground-neutral-base",
+                children: count
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=run-annotation-count-chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-tabs/run-annotation-count-chip.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {highestRunAnnotationSeverity, type RunAnnotationSummary} from '#core/run-annotation.js';\nimport {type WorkflowRunsSearch, workflowRunSearchParams} from '#routes/inputs.js';\nimport {SEVERITY_CHIP_TONE, SEVERITY_ICON} from './severity-visuals.js';\n\nexport interface RunAnnotationCountChipProps {\n  summary: RunAnnotationSummary | undefined;\n  workspaceSlug: string;\n  projectSlug: string;\n  workflowRunId: string;\n  runAttempt?: number | undefined;\n  /** Scopes the destination list to one job. */\n  jobId?: string | undefined;\n}\n\n/**\n * A bounded reference into the run's Annotations section: a count, its highest severity, and one\n * link. Never a body, so an annotation is rendered exactly once per page.\n */\nexport function RunAnnotationCountChip({\n  summary,\n  workspaceSlug,\n  projectSlug,\n  workflowRunId,\n  runAttempt,\n  jobId,\n}: RunAnnotationCountChipProps) {\n  if (!summary || summary.total === 0) return null;\n\n  const severity = highestRunAnnotationSeverity(summary);\n  const count = `${summary.total}${summary.truncated ? '+' : ''}`;\n  const label = `${count} ${summary.total === 1 && !summary.truncated ? 'annotation' : 'annotations'}`;\n  const accessibleLabel = severity\n    ? `View ${label}, highest severity ${severity}`\n    : `View ${label}`;\n  const search: WorkflowRunsSearch = {tab: 'annotations', ...(runAttempt ? {runAttempt} : {})};\n  if (jobId) search.jobId = jobId;\n\n  return (\n    <Link\n      to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId\"\n      params={{workspaceSlug, projectSlug, workflowRunId}}\n      search={workflowRunSearchParams(search, search) as never}\n      aria-label={accessibleLabel}\n      className={cn(\n        'inline-flex h-20 shrink-0 items-center gap-4 rounded-4 border px-6 font-code text-xs leading-16 tabular-nums outline-none transition-colors hover:bg-background-neutral-hover focus-visible:shadow-border-interactive-with-active',\n        // The chip stays 20px optically so it sits level with the duration metadata beside it;\n        // the hit area grows to the 44px minimum only where the pointer is coarse.\n        '[@media(pointer:coarse)]:h-44 [@media(pointer:coarse)]:px-10',\n        severity ? SEVERITY_CHIP_TONE[severity] : 'border-border-neutral-base',\n      )}\n    >\n      <Icon\n        name={severity ? SEVERITY_ICON[severity] : 'fileTextLine'}\n        size={12}\n        aria-hidden=\"true\"\n      />\n      <span className=\"text-foreground-neutral-base\">{count}</span>\n    </Link>\n  );\n}\n"],"names":["Icon","cn","Link","highestRunAnnotationSeverity","workflowRunSearchParams","SEVERITY_CHIP_TONE","SEVERITY_ICON","RunAnnotationCountChip","summary","workspaceSlug","projectSlug","workflowRunId","runAttempt","jobId","total","severity","count","truncated","label","accessibleLabel","search","tab","to","params","aria-label","className","name","size","aria-hidden","span"],"mappings":";AAAA,SAAQA,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,4BAA4B,QAAkC,0BAA0B;AAChG,SAAiCC,uBAAuB,QAAO,oBAAoB;AACnF,SAAQC,kBAAkB,EAAEC,aAAa,QAAO,wBAAwB;AAYxE;;;CAGC,GACD,OAAO,SAASC,uBAAuB,EACrCC,OAAO,EACPC,aAAa,EACbC,WAAW,EACXC,aAAa,EACbC,UAAU,EACVC,KAAK,EACuB;IAC5B,IAAI,CAACL,WAAWA,QAAQM,KAAK,KAAK,GAAG,OAAO;IAE5C,MAAMC,WAAWZ,6BAA6BK;IAC9C,MAAMQ,QAAQ,GAAGR,QAAQM,KAAK,GAAGN,QAAQS,SAAS,GAAG,MAAM,IAAI;IAC/D,MAAMC,QAAQ,GAAGF,MAAM,CAAC,EAAER,QAAQM,KAAK,KAAK,KAAK,CAACN,QAAQS,SAAS,GAAG,eAAe,eAAe;IACpG,MAAME,kBAAkBJ,WACpB,CAAC,KAAK,EAAEG,MAAM,mBAAmB,EAAEH,UAAU,GAC7C,CAAC,KAAK,EAAEG,OAAO;IACnB,MAAME,SAA6B;QAACC,KAAK;QAAe,GAAIT,aAAa;YAACA;QAAU,IAAI,CAAC,CAAC;IAAC;IAC3F,IAAIC,OAAOO,OAAOP,KAAK,GAAGA;IAE1B,qBACE,MAACX;QACCoB,IAAG;QACHC,QAAQ;YAACd;YAAeC;YAAaC;QAAa;QAClDS,QAAQhB,wBAAwBgB,QAAQA;QACxCI,cAAYL;QACZM,WAAWxB,GACT,qOACA,uFAAuF;QACvF,2EAA2E;QAC3E,gEACAc,WAAWV,kBAAkB,CAACU,SAAS,GAAG;;0BAG5C,KAACf;gBACC0B,MAAMX,WAAWT,aAAa,CAACS,SAAS,GAAG;gBAC3CY,MAAM;gBACNC,eAAY;;0BAEd,KAACC;gBAAKJ,WAAU;0BAAgCT;;;;AAGtD"}

package/dist/components/workflow-run-tabs/run-annotation-item.d.ts

@@ -0,0 +1,20 @@
+import type { RunAnnotationEntry } from '#core/run-annotation.js';
+export interface RunAnnotationItemProps {
+    entry: RunAnnotationEntry;
+    workspaceSlug?: string | undefined;
+    projectSlug?: string | undefined;
+    workflowRunId: string;
+    runAttempt?: number | undefined;
+    /** Deep-link target from `?annotation=`, which takes focus rather than only being scrolled to. */
+    selected?: boolean | undefined;
+}
+/**
+ * One annotation, and the only place in the product that renders an annotation body.
+ *
+ * The title is the annotation's `context`, which is what the emitting step named the block.
+ * Everything below it exists so a reader can get from a diagnostic back to its cause.
+ */
+export declare function RunAnnotationItem({ entry, workspaceSlug, projectSlug, workflowRunId, runAttempt, selected, }: RunAnnotationItemProps): import("react").JSX.Element;
+/** Stable element id so `?annotation=<id>` can scroll to and highlight one annotation. */
+export declare function annotationElementId(annotationId: string): string;
+//# sourceMappingURL=run-annotation-item.d.ts.map

package/dist/components/workflow-run-tabs/run-annotation-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-annotation-item.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-tabs/run-annotation-item.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAGhE,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,kGAAkG;IAClG,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,QAAgB,GACjB,EAAE,sBAAsB,+BAuExB;AAeD,0FAA0F;AAC1F,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAEhE"}