@shipfox/client-workflows 12.0.2 → 14.0.0

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

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

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

@@ -1,19 +1,14 @@
-import type { Ref } from 'react';
 import { type WorkflowRunDetail, type WorkflowRunRerunMode } from '#core/workflow-run.js';
 export interface WorkflowRunSummaryProps {
-    workspaceId?: string | undefined;
-    projectId?: string | undefined;
+    workspaceSlug?: string | undefined;
+    projectSlug?: string | undefined;
     run: WorkflowRunDetail;
-    sourceAvailable?: boolean | undefined;
-    sourceOpen?: boolean | undefined;
-    sourcePanelId?: string | undefined;
-    sourceButtonRef?: Ref<HTMLButtonElement> | undefined;
-    onSourceToggle?: (() => void) | undefined;
     cancelling?: boolean | undefined;
     onCancel?: (() => void) | undefined;
     rerunPending?: boolean | undefined;
     onRerun?: ((mode: WorkflowRunRerunMode) => void) | undefined;
     latestAttempt?: number | undefined;
 }
-export declare function WorkflowRunSummary({ workspaceId, projectId, run, sourceAvailable, sourceOpen, sourcePanelId, sourceButtonRef, onSourceToggle, cancelling, onCancel, rerunPending, onRerun, latestAttempt, }: WorkflowRunSummaryProps): import("react").JSX.Element;
+export declare function WorkflowRunSummary({ workspaceSlug, projectSlug, run, cancelling, onCancel, rerunPending, onRerun, latestAttempt, }: WorkflowRunSummaryProps): import("react").JSX.Element;
+export declare function MetadataSeparator(): import("react").JSX.Element;
 //# sourceMappingURL=workflow-run-summary.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-summary.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-summary/workflow-run-summary.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAW/B,MAAM,WAAW,uBAAuB;IACtC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,GAAG,EAAE,iBAAiB,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,eAAe,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IACrD,cAAc,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1C,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,WAAW,EACX,SAAS,EACT,GAAG,EACH,eAAuB,EACvB,UAAkB,EAClB,aAAa,EACb,eAAe,EACf,cAAc,EACd,UAAkB,EAClB,QAAQ,EACR,YAAoB,EACpB,OAAO,EACP,aAAa,GACd,EAAE,uBAAuB,+BAqIzB"}
+{"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"}

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

@@ -8,19 +8,23 @@ 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 { 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 { 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));
-export function WorkflowRunSummary({ workspaceId, projectId, run, sourceAvailable = false, sourceOpen = false, sourcePanelId, sourceButtonRef, onSourceToggle, cancelling = false, onCancel, rerunPending = false, onRerun, latestAttempt }) {
+export function WorkflowRunSummary({ workspaceSlug, projectSlug, run, cancelling = false, onCancel, rerunPending = false, onRerun, latestAttempt }) {
     const headingId = useId();
     const status = getWorkflowStatusVisual(run.runAttempt.status);
     const action = workflowRunActionForRun(run);
-    const attemptSwitcher = latestAttempt && latestAttempt > 1 && workspaceId && projectId ? {
-        workspaceId,
-        projectId,
+    const hasAction = canRenderWorkflowRunAction(action, onCancel, onRerun);
+    const attemptSwitcher = latestAttempt && latestAttempt > 1 && workspaceSlug && projectSlug ? {
+        workspaceSlug,
+        projectSlug,
         latestAttempt
     } : null;
     const displayDuration = run.runAttempt.displayDuration;
@@ -30,80 +34,104 @@ export function WorkflowRunSummary({ workspaceId, projectId, run, sourceAvailabl
         reducedMotionIntervalMs: 10_000,
         children: /*#__PURE__*/ _jsx("section", {
             "aria-labelledby": headingId,
-            className: "border-b border-border-neutral-base bg-background-subtle-base px-16 py-8",
+            className: "bg-background-neutral-background px-16 py-12",
             children: /*#__PURE__*/ _jsxs("div", {
-                className: "grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-12 gap-y-4 overflow-hidden",
+                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__*/ _jsxs("div", {
-                        className: "col-start-1 row-start-1 flex min-w-0 items-center gap-8",
-                        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__*/ _jsxs(Tooltip, {
-                                children: [
-                                    /*#__PURE__*/ _jsx(TooltipTrigger, {
-                                        asChild: true,
-                                        children: /*#__PURE__*/ _jsx(Header, {
-                                            id: headingId,
-                                            variant: "h3",
-                                            className: "min-w-0 truncate",
+                    /*#__PURE__*/ _jsx("nav", {
+                        "aria-label": "Breadcrumb",
+                        className: "col-start-1 row-start-1 min-w-0 max-[480px]:col-start-auto max-[480px]:row-start-auto",
+                        children: /*#__PURE__*/ _jsxs("ol", {
+                            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
+                                        },
+                                        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"
+                                    })
+                                }) : 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",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Badge, {
+                                            variant: status.badge,
+                                            size: "xs",
                                             children: /*#__PURE__*/ _jsx("span", {
-                                                ref: headingTextRef,
-                                                title: isHeadingTruncated ? run.name : undefined,
-                                                className: "block min-w-0 truncate",
-                                                children: run.name
+                                                className: "text-center",
+                                                style: {
+                                                    width: `${STATUS_BADGE_LABEL_WIDTH_CH}ch`
+                                                },
+                                                children: status.label
                                             })
+                                        }),
+                                        /*#__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
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: "col-start-2 row-start-1 flex min-w-max items-center gap-6 justify-self-end",
-                        children: [
-                            /*#__PURE__*/ _jsx(WorkflowRunActionSlot, {
-                                action: action,
-                                cancelling: cancelling,
-                                onCancel: onCancel,
-                                rerunPending: rerunPending,
-                                onRerun: onRerun
-                            }),
-                            sourceAvailable ? /*#__PURE__*/ _jsx(Button, {
-                                ref: sourceButtonRef,
-                                type: "button",
-                                variant: "secondary",
-                                size: "xs",
-                                "aria-controls": sourcePanelId,
-                                "aria-expanded": sourceOpen,
-                                onClick: onSourceToggle,
-                                children: "View source"
-                            }) : null
-                        ]
+                                    ]
+                                })
+                            ]
+                        })
                     }),
+                    hasAction ? /*#__PURE__*/ _jsx("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",
+                        children: /*#__PURE__*/ _jsx(WorkflowRunActionSlot, {
+                            action: action,
+                            cancelling: cancelling,
+                            onCancel: onCancel,
+                            rerunPending: rerunPending,
+                            onRerun: onRerun
+                        })
+                    }) : null,
                     /*#__PURE__*/ _jsxs("div", {
-                        className: "col-span-2 row-start-2 flex min-w-0 items-center gap-12 overflow-hidden text-foreground-neutral-muted",
+                        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",
                         children: [
+                            run.number !== null ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(WorkflowRunNumberLabel, {
+                                        run: run
+                                    }),
+                                    attemptSwitcher || run.triggerDisplayLabel ? /*#__PURE__*/ _jsx(MetadataSeparator, {}) : null
+                                ]
+                            }) : null,
                             attemptSwitcher ? /*#__PURE__*/ _jsx(WorkflowRunAttemptSwitcher, {
-                                workspaceId: attemptSwitcher.workspaceId,
-                                projectId: attemptSwitcher.projectId,
+                                workspaceSlug: attemptSwitcher.workspaceSlug,
+                                projectSlug: attemptSwitcher.projectSlug,
                                 run: run,
                                 latestAttempt: attemptSwitcher.latestAttempt
                             }) : null,
@@ -119,7 +147,7 @@ export function WorkflowRunSummary({ workspaceId, projectId, run, sourceAvailabl
                                                     children: /*#__PURE__*/ _jsxs("button", {
                                                         type: "button",
                                                         "aria-label": run.triggerLabel,
-                                                        className: "inline-flex max-w-full min-w-0 items-center gap-4 rounded-6 border-0 bg-transparent p-0 text-left text-foreground-neutral-muted outline-none focus-visible:shadow-button-neutral-focus",
+                                                        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",
                                                         children: [
                                                             /*#__PURE__*/ _jsx(TriggerSourceIcon, {
                                                                 provider: run.triggerProvider,
@@ -149,17 +177,17 @@ export function WorkflowRunSummary({ workspaceId, projectId, run, sourceAvailabl
                                     })
                                 ]
                             }) : null,
-                            attemptSwitcher || run.triggerDisplayLabel ? /*#__PURE__*/ _jsx(MetadataSeparator, {}) : null,
+                            run.number !== null || attemptSwitcher || run.triggerDisplayLabel ? /*#__PURE__*/ _jsx(MetadataSeparator, {}) : null,
                             /*#__PURE__*/ _jsx(RelativeTime, {
                                 value: run.runAttempt.createdAt,
-                                className: "shrink-0 whitespace-nowrap text-xs leading-20 text-foreground-neutral-muted"
+                                className: "shrink-0 whitespace-nowrap text-xs leading-20 text-foreground-neutral-subtle"
                             }),
                             displayDuration ? /*#__PURE__*/ _jsxs(_Fragment, {
                                 children: [
                                     /*#__PURE__*/ _jsx(MetadataSeparator, {}),
                                     /*#__PURE__*/ _jsx(WorkflowRunDurationLabel, {
                                         duration: displayDuration,
-                                        className: "text-foreground-neutral-muted"
+                                        className: "text-foreground-neutral-subtle"
                                     })
                                 ]
                             }) : null
@@ -235,6 +263,11 @@ function workflowRunActionForRun(run) {
     if (run.runAttempt.status === 'succeeded' || !hasFailedOrCancelledJobs(run)) return 'rerun-all';
     return 'rerun-menu';
 }
+function canRenderWorkflowRunAction(action, onCancel, onRerun) {
+    if (action === 'cancel') return onCancel !== undefined;
+    if (action === 'rerun-all' || action === 'rerun-menu') return onRerun !== undefined;
+    return false;
+}
 function hasFailedOrCancelledJobs(run) {
     if (!workflowRunHasJobs(run)) return false;
     return run.jobs.some((job)=>job.status === 'failed' || job.status === 'cancelled');
@@ -242,7 +275,7 @@ function hasFailedOrCancelledJobs(run) {
 function workflowRunHasJobs(run) {
     return 'jobs' in run && Array.isArray(run.jobs);
 }
-function MetadataSeparator() {
+export function MetadataSeparator() {
     return /*#__PURE__*/ _jsx("span", {
         "aria-hidden": "true",
         className: "h-12 w-px shrink-0 bg-border-neutral-base"

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 type {Ref} from 'react';\nimport {useId} from 'react';\nimport {\n  isWorkflowRunTerminal,\n  type Job,\n  WORKFLOW_RUN_STATUSES,\n  type WorkflowRunDetail,\n  type WorkflowRunRerunMode,\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.map((status) => getWorkflowStatusVisual(status).label.length),\n);\n\ntype WorkflowRunAction = 'cancel' | 'rerun-all' | 'rerun-menu' | 'none';\n\nexport interface WorkflowRunSummaryProps {\n  workspaceId?: string | undefined;\n  projectId?: string | undefined;\n  run: WorkflowRunDetail;\n  sourceAvailable?: boolean | undefined;\n  sourceOpen?: boolean | undefined;\n  sourcePanelId?: string | undefined;\n  sourceButtonRef?: Ref<HTMLButtonElement> | undefined;\n  onSourceToggle?: (() => void) | undefined;\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  workspaceId,\n  projectId,\n  run,\n  sourceAvailable = false,\n  sourceOpen = false,\n  sourcePanelId,\n  sourceButtonRef,\n  onSourceToggle,\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 attemptSwitcher =\n    latestAttempt && latestAttempt > 1 && workspaceId && projectId\n      ? {workspaceId, projectId, 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\n        aria-labelledby={headingId}\n        className=\"border-b border-border-neutral-base bg-background-subtle-base px-16 py-8\"\n      >\n        <div className=\"grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-12 gap-y-4 overflow-hidden\">\n          <div className=\"col-start-1 row-start-1 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          </div>\n\n          <div className=\"col-start-2 row-start-1 flex min-w-max items-center gap-6 justify-self-end\">\n            <WorkflowRunActionSlot\n              action={action}\n              cancelling={cancelling}\n              onCancel={onCancel}\n              rerunPending={rerunPending}\n              onRerun={onRerun}\n            />\n            {sourceAvailable ? (\n              <Button\n                ref={sourceButtonRef}\n                type=\"button\"\n                variant=\"secondary\"\n                size=\"xs\"\n                aria-controls={sourcePanelId}\n                aria-expanded={sourceOpen}\n                onClick={onSourceToggle}\n              >\n                View source\n              </Button>\n            ) : null}\n          </div>\n\n          <div className=\"col-span-2 row-start-2 flex min-w-0 items-center gap-12 overflow-hidden text-foreground-neutral-muted\">\n            {attemptSwitcher ? (\n              <WorkflowRunAttemptSwitcher\n                workspaceId={attemptSwitcher.workspaceId}\n                projectId={attemptSwitcher.projectId}\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 items-center gap-4 rounded-6 border-0 bg-transparent p-0 text-left text-foreground-neutral-muted 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            {attemptSwitcher || run.triggerDisplayLabel ? <MetadataSeparator /> : null}\n            <RelativeTime\n              value={run.runAttempt.createdAt}\n              className=\"shrink-0 whitespace-nowrap text-xs leading-20 text-foreground-neutral-muted\"\n            />\n\n            {displayDuration ? (\n              <>\n                <MetadataSeparator />\n                <WorkflowRunDurationLabel\n                  duration={displayDuration}\n                  className=\"text-foreground-neutral-muted\"\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 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\nfunction 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","useId","isWorkflowRunTerminal","WORKFLOW_RUN_STATUSES","WorkflowRunDurationLabel","getWorkflowStatusVisual","WorkflowRunAttemptSwitcher","STATUS_BADGE_LABEL_WIDTH_CH","Math","max","map","status","label","length","WorkflowRunSummary","workspaceId","projectId","run","sourceAvailable","sourceOpen","sourcePanelId","sourceButtonRef","onSourceToggle","cancelling","onCancel","rerunPending","onRerun","latestAttempt","headingId","runAttempt","action","workflowRunActionForRun","attemptSwitcher","displayDuration","ref","headingTextRef","isTruncated","isHeadingTruncated","name","intervalMs","reducedMotionIntervalMs","section","aria-labelledby","className","div","variant","badge","size","span","style","width","asChild","id","title","undefined","as","WorkflowRunActionSlot","type","aria-controls","aria-expanded","onClick","triggerDisplayLabel","MetadataSeparator","button","aria-label","triggerLabel","provider","triggerProvider","source","triggerSource","aria-hidden","value","createdAt","duration","isLoading","disabled","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 {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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"}

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

@@ -0,0 +1,6 @@
+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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import type { RunAnnotationSummary } from '#core/workflow-run-tabs.js';
+import { type WorkflowRunsSearch } from '#routes/inputs.js';
+export interface RunAnnotationSummaryLineProps {
+    summary?: RunAnnotationSummary | undefined;
+    workspaceSlug?: string | undefined;
+    projectSlug?: string | undefined;
+    workflowRunId?: string | undefined;
+    search?: WorkflowRunsSearch | undefined;
+}
+export declare function RunAnnotationSummaryLine({ summary, workspaceSlug, projectSlug, workflowRunId, search, }: RunAnnotationSummaryLineProps): import("react").JSX.Element | null;
+//# sourceMappingURL=run-annotation-summary-line.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"run-annotation-summary-line.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-tabs/run-annotation-summary-line.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAGL,KAAK,kBAAkB,EAExB,MAAM,mBAAmB,CAAC;AAG3B,MAAM,WAAW,6BAA6B;IAC5C,OAAO,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;CACzC;AAED,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,aAAa,EACb,WAAW,EACX,aAAa,EACb,MAAW,GACZ,EAAE,6BAA6B,sCA2B/B"}

package/dist/components/workflow-run-tabs/run-annotation-summary-line.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@shipfox/react-ui/typography';
+import { Link } from '@tanstack/react-router';
+import { WORKFLOW_RUN_ANNOTATION_SEVERITIES, workflowRunSearchParams } from '#routes/inputs.js';
+import { MetadataSeparator } from '../workflow-run-summary/workflow-run-summary.js';
+export function RunAnnotationSummaryLine({ summary, workspaceSlug, projectSlug, workflowRunId, search = {} }) {
+    if (!summary) return null;
+    const visibleSeverities = WORKFLOW_RUN_ANNOTATION_SEVERITIES.filter((severity)=>summary[severity] > 0);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-wrap items-center gap-x-8 gap-y-4 text-foreground-neutral-subtle",
+        children: [
+            /*#__PURE__*/ _jsxs(Text, {
+                as: "span",
+                size: "xs",
+                className: "shrink-0 text-foreground-neutral-subtle",
+                children: [
+                    summary.total,
+                    " ",
+                    pluralize('annotation', summary.total)
+                ]
+            }),
+            visibleSeverities.map((severity)=>/*#__PURE__*/ _jsxs("span", {
+                    className: "inline-flex shrink-0 items-center gap-8",
+                    children: [
+                        /*#__PURE__*/ _jsx(MetadataSeparator, {}),
+                        /*#__PURE__*/ _jsx(SeverityLink, {
+                            count: summary[severity],
+                            severity: severity,
+                            workspaceSlug: workspaceSlug,
+                            projectSlug: projectSlug,
+                            workflowRunId: workflowRunId,
+                            search: search
+                        })
+                    ]
+                }, severity))
+        ]
+    });
+}
+function SeverityLink({ count, severity, workspaceSlug, projectSlug, workflowRunId, search }) {
+    const label = `${count} ${pluralize(severity, count)}`;
+    if (!workspaceSlug || !projectSlug || !workflowRunId) {
+        return /*#__PURE__*/ _jsx("span", {
+            className: "text-foreground-highlight-interactive",
+            children: label
+        });
+    }
+    const searchWithoutAnnotation = {
+        ...search
+    };
+    delete searchWithoutAnnotation.annotation;
+    return /*#__PURE__*/ _jsx(Link, {
+        to: "/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId",
+        params: {
+            workspaceSlug,
+            projectSlug,
+            workflowRunId
+        },
+        search: workflowRunSearchParams({
+            ...searchWithoutAnnotation,
+            tab: 'annotations',
+            severity
+        }, search),
+        className: "text-foreground-highlight-interactive outline-none hover:underline focus-visible:shadow-border-interactive-with-active",
+        children: label
+    });
+}
+function pluralize(word, count) {
+    return count === 1 ? word : `${word}s`;
+}
+
+//# sourceMappingURL=run-annotation-summary-line.js.map

package/dist/components/workflow-run-tabs/run-annotation-summary-line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-tabs/run-annotation-summary-line.tsx"],"sourcesContent":["import {Text} from '@shipfox/react-ui/typography';\nimport {Link} from '@tanstack/react-router';\nimport type {RunAnnotationSummary} from '#core/workflow-run-tabs.js';\nimport {\n  WORKFLOW_RUN_ANNOTATION_SEVERITIES,\n  type WorkflowRunAnnotationSeverity,\n  type WorkflowRunsSearch,\n  workflowRunSearchParams,\n} from '#routes/inputs.js';\nimport {MetadataSeparator} from '../workflow-run-summary/workflow-run-summary.js';\n\nexport interface RunAnnotationSummaryLineProps {\n  summary?: RunAnnotationSummary | undefined;\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n  workflowRunId?: string | undefined;\n  search?: WorkflowRunsSearch | undefined;\n}\n\nexport function RunAnnotationSummaryLine({\n  summary,\n  workspaceSlug,\n  projectSlug,\n  workflowRunId,\n  search = {},\n}: RunAnnotationSummaryLineProps) {\n  if (!summary) return null;\n\n  const visibleSeverities = WORKFLOW_RUN_ANNOTATION_SEVERITIES.filter(\n    (severity) => summary[severity] > 0,\n  );\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-x-8 gap-y-4 text-foreground-neutral-subtle\">\n      <Text as=\"span\" size=\"xs\" className=\"shrink-0 text-foreground-neutral-subtle\">\n        {summary.total} {pluralize('annotation', summary.total)}\n      </Text>\n      {visibleSeverities.map((severity) => (\n        <span key={severity} className=\"inline-flex shrink-0 items-center gap-8\">\n          <MetadataSeparator />\n          <SeverityLink\n            count={summary[severity]}\n            severity={severity}\n            workspaceSlug={workspaceSlug}\n            projectSlug={projectSlug}\n            workflowRunId={workflowRunId}\n            search={search}\n          />\n        </span>\n      ))}\n    </div>\n  );\n}\n\nfunction SeverityLink({\n  count,\n  severity,\n  workspaceSlug,\n  projectSlug,\n  workflowRunId,\n  search,\n}: {\n  count: number;\n  severity: WorkflowRunAnnotationSeverity;\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n  workflowRunId?: string | undefined;\n  search: WorkflowRunsSearch;\n}) {\n  const label = `${count} ${pluralize(severity, count)}`;\n  if (!workspaceSlug || !projectSlug || !workflowRunId) {\n    return <span className=\"text-foreground-highlight-interactive\">{label}</span>;\n  }\n\n  const searchWithoutAnnotation = {...search};\n  delete searchWithoutAnnotation.annotation;\n\n  return (\n    <Link\n      to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId\"\n      params={{workspaceSlug, projectSlug, workflowRunId}}\n      search={\n        workflowRunSearchParams(\n          {...searchWithoutAnnotation, tab: 'annotations', severity},\n          search,\n        ) as never\n      }\n      className=\"text-foreground-highlight-interactive outline-none hover:underline focus-visible:shadow-border-interactive-with-active\"\n    >\n      {label}\n    </Link>\n  );\n}\n\nfunction pluralize(word: string, count: number): string {\n  return count === 1 ? word : `${word}s`;\n}\n"],"names":["Text","Link","WORKFLOW_RUN_ANNOTATION_SEVERITIES","workflowRunSearchParams","MetadataSeparator","RunAnnotationSummaryLine","summary","workspaceSlug","projectSlug","workflowRunId","search","visibleSeverities","filter","severity","div","className","as","size","total","pluralize","map","span","SeverityLink","count","label","searchWithoutAnnotation","annotation","to","params","tab","word"],"mappings":";AAAA,SAAQA,IAAI,QAAO,+BAA+B;AAClD,SAAQC,IAAI,QAAO,yBAAyB;AAE5C,SACEC,kCAAkC,EAGlCC,uBAAuB,QAClB,oBAAoB;AAC3B,SAAQC,iBAAiB,QAAO,kDAAkD;AAUlF,OAAO,SAASC,yBAAyB,EACvCC,OAAO,EACPC,aAAa,EACbC,WAAW,EACXC,aAAa,EACbC,SAAS,CAAC,CAAC,EACmB;IAC9B,IAAI,CAACJ,SAAS,OAAO;IAErB,MAAMK,oBAAoBT,mCAAmCU,MAAM,CACjE,CAACC,WAAaP,OAAO,CAACO,SAAS,GAAG;IAGpC,qBACE,MAACC;QAAIC,WAAU;;0BACb,MAACf;gBAAKgB,IAAG;gBAAOC,MAAK;gBAAKF,WAAU;;oBACjCT,QAAQY,KAAK;oBAAC;oBAAEC,UAAU,cAAcb,QAAQY,KAAK;;;YAEvDP,kBAAkBS,GAAG,CAAC,CAACP,yBACtB,MAACQ;oBAAoBN,WAAU;;sCAC7B,KAACX;sCACD,KAACkB;4BACCC,OAAOjB,OAAO,CAACO,SAAS;4BACxBA,UAAUA;4BACVN,eAAeA;4BACfC,aAAaA;4BACbC,eAAeA;4BACfC,QAAQA;;;mBARDG;;;AAcnB;AAEA,SAASS,aAAa,EACpBC,KAAK,EACLV,QAAQ,EACRN,aAAa,EACbC,WAAW,EACXC,aAAa,EACbC,MAAM,EAQP;IACC,MAAMc,QAAQ,GAAGD,MAAM,CAAC,EAAEJ,UAAUN,UAAUU,QAAQ;IACtD,IAAI,CAAChB,iBAAiB,CAACC,eAAe,CAACC,eAAe;QACpD,qBAAO,KAACY;YAAKN,WAAU;sBAAyCS;;IAClE;IAEA,MAAMC,0BAA0B;QAAC,GAAGf,MAAM;IAAA;IAC1C,OAAOe,wBAAwBC,UAAU;IAEzC,qBACE,KAACzB;QACC0B,IAAG;QACHC,QAAQ;YAACrB;YAAeC;YAAaC;QAAa;QAClDC,QACEP,wBACE;YAAC,GAAGsB,uBAAuB;YAAEI,KAAK;YAAehB;QAAQ,GACzDH;QAGJK,WAAU;kBAETS;;AAGP;AAEA,SAASL,UAAUW,IAAY,EAAEP,KAAa;IAC5C,OAAOA,UAAU,IAAIO,OAAO,GAAGA,KAAK,CAAC,CAAC;AACxC"}

package/dist/components/workflow-run-tabs/run-annotations-empty.d.ts

@@ -0,0 +1,2 @@
+export declare function RunAnnotationsEmpty(): import("react").JSX.Element;
+//# sourceMappingURL=run-annotations-empty.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"run-annotations-empty.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-tabs/run-annotations-empty.tsx"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB,gCAQlC"}

package/dist/components/workflow-run-tabs/run-annotations-empty.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EmptyState } from '@shipfox/react-ui/empty-state';
+export function RunAnnotationsEmpty() {
+    return /*#__PURE__*/ _jsx(EmptyState, {
+        icon: "fileDamageLine",
+        title: "No annotations",
+        description: "This run has no annotations to show."
+    });
+}
+
+//# sourceMappingURL=run-annotations-empty.js.map

package/dist/components/workflow-run-tabs/run-annotations-empty.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-tabs/run-annotations-empty.tsx"],"sourcesContent":["import {EmptyState} from '@shipfox/react-ui/empty-state';\n\nexport function RunAnnotationsEmpty() {\n  return (\n    <EmptyState\n      icon=\"fileDamageLine\"\n      title=\"No annotations\"\n      description=\"This run has no annotations to show.\"\n    />\n  );\n}\n"],"names":["EmptyState","RunAnnotationsEmpty","icon","title","description"],"mappings":";AAAA,SAAQA,UAAU,QAAO,gCAAgC;AAEzD,OAAO,SAASC;IACd,qBACE,KAACD;QACCE,MAAK;QACLC,OAAM;QACNC,aAAY;;AAGlB"}

package/dist/components/workflow-run-tabs/run-jobs-list.d.ts

@@ -0,0 +1,18 @@
+import { defaultJobExecution, type Job } from '#core/workflow-run.js';
+import { JobCard } from '../workflow-run-view/job-card.js';
+export interface RunJobsListProps {
+    jobs: Job[];
+    selectedJobId?: string | undefined;
+    onSelectedJobChange: (jobId: string | undefined) => void;
+    workspaceSlug?: string | undefined;
+    selectedJobExecution: ReturnType<typeof defaultJobExecution>;
+    selectedAttemptId: string | null | undefined;
+    onSelectedJobExecutionChange: ((jobExecutionId: string | undefined) => void) | undefined;
+    onSelectedAttemptChange: ((attemptId: string | undefined) => void) | undefined;
+    sourcePanelId?: string | undefined;
+    sourceAvailable?: boolean | undefined;
+    focusedSourceStepId?: string | null | undefined;
+    onOpenStepSource?: Parameters<typeof JobCard>[0]['onOpenStepSource'];
+}
+export declare function RunJobsList({ jobs, selectedJobId, onSelectedJobChange, workspaceSlug, selectedJobExecution, selectedAttemptId, onSelectedJobExecutionChange, onSelectedAttemptChange, sourcePanelId, sourceAvailable, focusedSourceStepId, onOpenStepSource, }: RunJobsListProps): import("react").JSX.Element;
+//# sourceMappingURL=run-jobs-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"run-jobs-list.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-tabs/run-jobs-list.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,mBAAmB,EAGnB,KAAK,GAAG,EACT,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAC,OAAO,EAAC,MAAM,kCAAkC,CAAC;AAGzD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,oBAAoB,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;IAC7D,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7C,4BAA4B,EAAE,CAAC,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACzF,uBAAuB,EAAE,CAAC,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC/E,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAChD,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC;CACtE;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,4BAA4B,EAC5B,uBAAuB,EACvB,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,gBAAgB,GACjB,EAAE,gBAAgB,+BAsFlB"}