@shipfox/client-workflows 14.0.1 → 16.0.0

package/.storybook/preview.css

@@ -8,3 +8,7 @@
    apps/client/src/styles.css scans every package it renders. */
 @source "../src";
 @source "../../../shared/react/ui/src";
+/* client-ui owns `AnnotationCard`, whose clamp fade and prose measure live nowhere else.
+   Without this the classes are silently dropped and every Argos snapshot of a story that
+   renders one is a picture of unstyled markup, which is worse than no snapshot. */
+@source "../../ui/src";

package/.storybook/preview.tsx

@@ -52,10 +52,15 @@ const withRouter: Decorator = (Story) => {
     path: '/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId',
     component: () => <Story />,
   });
+  const jobDetailRoute = createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId/jobs/$jobId',
+    component: () => <Story />,
+  });
   const router = createRouter({
-    routeTree: rootRoute.addChildren([runRoute]),
+    routeTree: rootRoute.addChildren([runRoute, jobDetailRoute]),
     history: createMemoryHistory({
-      initialEntries: ['/w/ws-demo/p/proj-demo/runs/run-1'],
+      initialEntries: ['/w/ws-demo/p/proj-demo/runs/run-1/jobs/job-1'],
     }),
   });
   return <RouterProvider router={router} />;

package/.turbo/turbo-build.log

@@ -1,2 +1,2 @@
 $ shipfox-swc
-Successfully compiled: 72 files with swc (476.21ms)
+Successfully compiled: 81 files with swc (667.96ms)

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @shipfox/client-workflows
 
+## 16.0.0
+
+### Minor Changes
+
+- 80cde6b: Render run annotations in the run workspace. `AnnotationCard` gains an optional context title, provenance, and action, and bounds a long body behind a disclosure. The run's Annotations section is now the only surface that renders an annotation body, ranked by severity and then emission order, with the job page linking to it through a bounded count chip.
+
+  `Markdown` tables now size to their content instead of stretching to the container, so a two-column table no longer puts a cell the width of the page away from its row header.
+
+### Patch Changes
+
+- Updated dependencies [80cde6b]
+- Updated dependencies [ce0984d]
+  - @shipfox/react-ui@1.1.0
+  - @shipfox/client-ui@16.0.0
+  - @shipfox/api-workflows-dto@12.2.0
+  - @shipfox/client-projects@16.0.0
+  - @shipfox/client-logs@16.0.0
+  - @shipfox/client-shell@16.0.0
+  - @shipfox/client-triggers@16.0.0
+  - @shipfox/api-definitions-dto@12.2.0
+
+## 15.0.0
+
+### Minor Changes
+
+- b591a78: Add dedicated log-first job pages inside a shared run workspace, with persistent run navigation, job metadata, attempt-aware deep links, and a graph-first all-jobs Summary.
+
+### Patch Changes
+
+- b591a78: Report a run that is waiting for a runner as `Queued` rather than as running. The run header
+  and the run list now split queue time from run time, name the job a queued run is blocked on,
+  and read the same rule from the jobs each surface already carries.
+  - @shipfox/client-projects@15.0.0
+  - @shipfox/api-definitions-dto@12.0.0
+  - @shipfox/api-workflows-dto@12.1.0
+  - @shipfox/client-api@6.0.1
+  - @shipfox/client-logs@14.0.1
+  - @shipfox/client-shell@14.0.1
+  - @shipfox/client-triggers@15.0.0
+  - @shipfox/client-ui@14.0.1
+  - @shipfox/react-ui@1.0.0
+
 ## 14.0.1
 
 ### Patch Changes

package/dist/components/job-detail/agent-config-failure-callout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-config-failure-callout.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/agent-config-failure-callout.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,eAAe,EAAE,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEtE,wBAAgB,yBAAyB,CAAC,EACxC,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE;IACD,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,+BAoBA"}

package/dist/components/{workflow-run-view → job-detail}/agent-config-failure-callout.js

@@ -53,13 +53,13 @@ function agentConfigFailureCopy(config, error) {
             };
         case 'provider_unsupported':
             return {
-                title: `Choose a supported model provider`,
+                title: 'Choose a supported model provider',
                 description: `This step references ${provider}, which is not available to the agent runner. Update the workflow to use a supported provider, then re-run it.`,
                 showProviderCta: false
             };
         case 'model_unavailable':
             return {
-                title: `Choose an available model`,
+                title: 'Choose an available model',
                 description: `This step uses ${model} with ${provider}, but that model is not available for the provider. Update the model or provider in the workflow, then re-run it.`,
                 showProviderCta: false
             };

package/dist/components/job-detail/agent-config-failure-callout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/job-detail/agent-config-failure-callout.tsx"],"sourcesContent":["import {\n  Alert,\n  AlertActions,\n  AlertContent,\n  AlertDescription,\n  AlertTitle,\n} from '@shipfox/react-ui/alert';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Link} from '@tanstack/react-router';\nimport type {AgentStepConfig, StepError} from '#core/workflow-run.js';\n\nexport function AgentConfigFailureCallout({\n  workspaceSlug,\n  config,\n  error,\n}: {\n  workspaceSlug?: string | undefined;\n  config: AgentStepConfig | null;\n  error: StepError | null;\n}) {\n  const copy = agentConfigFailureCopy(config, error);\n\n  return (\n    <Alert variant=\"warning\" animated={false} className=\"px-10 py-8\">\n      <AlertContent>\n        <AlertTitle>{copy.title}</AlertTitle>\n        <AlertDescription>{copy.description}</AlertDescription>\n        {copy.showProviderCta && workspaceSlug ? (\n          <AlertActions>\n            <Button asChild size=\"2xs\" variant=\"secondary\" iconRight=\"chevronRight\">\n              <Link to=\"/w/$workspaceSlug/settings/agents\" params={{workspaceSlug}}>\n                Configure Agents\n              </Link>\n            </Button>\n          </AlertActions>\n        ) : null}\n      </AlertContent>\n    </Alert>\n  );\n}\n\nfunction agentConfigFailureCopy(\n  config: AgentStepConfig | null,\n  error: StepError | null,\n): {title: string; description: string; showProviderCta: boolean} {\n  const provider = configValue(config?.provider, 'the selected provider');\n  const model = configValue(config?.model, 'the selected model');\n\n  switch (error?.agentConfigIssue) {\n    case 'provider_not_configured':\n      return {\n        title: `Configure credentials for ${provider}`,\n        description: `This step uses ${provider}, but no workspace credentials are configured for that model provider. Configure ${provider} in Agents, then re-run the workflow.`,\n        showProviderCta: true,\n      };\n    case 'credentials_invalid':\n      return {\n        title: `Update credentials for ${provider}`,\n        description: `This step uses ${provider}, but the saved credentials could not be used. Reconfigure ${provider} in Agents, then re-run the workflow.`,\n        showProviderCta: true,\n      };\n    case 'provider_unsupported':\n      return {\n        title: 'Choose a supported model provider',\n        description: `This step references ${provider}, which is not available to the agent runner. Update the workflow to use a supported provider, then re-run it.`,\n        showProviderCta: false,\n      };\n    case 'model_unavailable':\n      return {\n        title: 'Choose an available model',\n        description: `This step uses ${model} with ${provider}, but that model is not available for the provider. Update the model or provider in the workflow, then re-run it.`,\n        showProviderCta: false,\n      };\n    case 'step_config_invalid':\n      return {\n        title: \"Fix this step's agent settings\",\n        description:\n          'Make sure the step has a prompt, provider, model, and thinking value, then re-run the workflow.',\n        showProviderCta: false,\n      };\n    case undefined:\n      return {\n        title: \"We couldn't load the agent configuration for this step\",\n        description:\n          'Make sure the step has a prompt, provider, model, and thinking value. Then configure credentials for the model provider in Agents and re-run the workflow.',\n        showProviderCta: true,\n      };\n  }\n}\n\nfunction configValue(value: string | null | undefined, fallback: string): string {\n  return value ?? fallback;\n}\n"],"names":["Alert","AlertActions","AlertContent","AlertDescription","AlertTitle","Button","Link","AgentConfigFailureCallout","workspaceSlug","config","error","copy","agentConfigFailureCopy","variant","animated","className","title","description","showProviderCta","asChild","size","iconRight","to","params","provider","configValue","model","agentConfigIssue","undefined","value","fallback"],"mappings":";AAAA,SACEA,KAAK,EACLC,YAAY,EACZC,YAAY,EACZC,gBAAgB,EAChBC,UAAU,QACL,0BAA0B;AACjC,SAAQC,MAAM,QAAO,2BAA2B;AAChD,SAAQC,IAAI,QAAO,yBAAyB;AAG5C,OAAO,SAASC,0BAA0B,EACxCC,aAAa,EACbC,MAAM,EACNC,KAAK,EAKN;IACC,MAAMC,OAAOC,uBAAuBH,QAAQC;IAE5C,qBACE,KAACV;QAAMa,SAAQ;QAAUC,UAAU;QAAOC,WAAU;kBAClD,cAAA,MAACb;;8BACC,KAACE;8BAAYO,KAAKK,KAAK;;8BACvB,KAACb;8BAAkBQ,KAAKM,WAAW;;gBAClCN,KAAKO,eAAe,IAAIV,8BACvB,KAACP;8BACC,cAAA,KAACI;wBAAOc,OAAO;wBAACC,MAAK;wBAAMP,SAAQ;wBAAYQ,WAAU;kCACvD,cAAA,KAACf;4BAAKgB,IAAG;4BAAoCC,QAAQ;gCAACf;4BAAa;sCAAG;;;qBAKxE;;;;AAIZ;AAEA,SAASI,uBACPH,MAA8B,EAC9BC,KAAuB;IAEvB,MAAMc,WAAWC,YAAYhB,QAAQe,UAAU;IAC/C,MAAME,QAAQD,YAAYhB,QAAQiB,OAAO;IAEzC,OAAQhB,OAAOiB;QACb,KAAK;YACH,OAAO;gBACLX,OAAO,CAAC,0BAA0B,EAAEQ,UAAU;gBAC9CP,aAAa,CAAC,eAAe,EAAEO,SAAS,iFAAiF,EAAEA,SAAS,qCAAqC,CAAC;gBAC1KN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO,CAAC,uBAAuB,EAAEQ,UAAU;gBAC3CP,aAAa,CAAC,eAAe,EAAEO,SAAS,2DAA2D,EAAEA,SAAS,qCAAqC,CAAC;gBACpJN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO;gBACPC,aAAa,CAAC,qBAAqB,EAAEO,SAAS,8GAA8G,CAAC;gBAC7JN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO;gBACPC,aAAa,CAAC,eAAe,EAAES,MAAM,MAAM,EAAEF,SAAS,iHAAiH,CAAC;gBACxKN,iBAAiB;YACnB;QACF,KAAK;YACH,OAAO;gBACLF,OAAO;gBACPC,aACE;gBACFC,iBAAiB;YACnB;QACF,KAAKU;YACH,OAAO;gBACLZ,OAAO;gBACPC,aACE;gBACFC,iBAAiB;YACnB;IACJ;AACF;AAEA,SAASO,YAAYI,KAAgC,EAAEC,QAAgB;IACrE,OAAOD,SAASC;AAClB"}

package/dist/components/job-detail/job-detail-header.d.ts

@@ -0,0 +1,15 @@
+import type { RunAnnotationSummary } from '#core/run-annotation.js';
+import { type Job, type JobExecution } from '#core/workflow-run.js';
+export interface JobDetailHeaderProps {
+    job: Job;
+    selectedJobExecution: JobExecution | undefined;
+    onSelectedJobExecutionChange: (jobExecutionId: string) => void;
+    workspaceSlug: string;
+    projectSlug: string;
+    workflowRunId: string;
+    runAttempt?: number | undefined;
+    /** Counts for this job only. Renders a link into the run's Annotations section, never a body. */
+    annotationSummary?: RunAnnotationSummary | undefined;
+}
+export declare function JobDetailHeader({ job, selectedJobExecution, onSelectedJobExecutionChange, workspaceSlug, projectSlug, workflowRunId, runAttempt, annotationSummary, }: JobDetailHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=job-detail-header.d.ts.map

package/dist/components/job-detail/job-detail-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"job-detail-header.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/job-detail-header.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAIL,KAAK,GAAG,EACR,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAK/B,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,GAAG,CAAC;IACT,oBAAoB,EAAE,YAAY,GAAG,SAAS,CAAC;IAC/C,4BAA4B,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,iGAAiG;IACjG,iBAAiB,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;CACtD;AAED,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,oBAAoB,EACpB,4BAA4B,EAC5B,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,iBAAiB,GAClB,EAAE,oBAAoB,+BAuDtB"}

package/dist/components/job-detail/job-detail-header.js

@@ -0,0 +1,124 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from '@shipfox/react-ui/icon';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
+import { Code, Text } from '@shipfox/react-ui/typography';
+import { formatTimestamp } from '@shipfox/react-ui/utils';
+import { getWorkflowStatusVisual } from '#components/workflow-status/status-visuals.js';
+import { WorkflowStatusIcon } from '#components/workflow-status/workflow-status-icon.js';
+import { defaultJobExecution, deriveJobDisplayStatus, deriveJobExecutionDisplayStatus } from '#core/workflow-run.js';
+import { RunAnnotationCountChip } from '../workflow-run-tabs/index.js';
+import { JobExecutionSwitcher } from './job-execution-switcher.js';
+import { JobExecutionTimeText } from './job-execution-time-text.js';
+export function JobDetailHeader({ job, selectedJobExecution, onSelectedJobExecutionChange, workspaceSlug, projectSlug, workflowRunId, runAttempt, annotationSummary }) {
+    const selectedStatus = selectedExecutionStatus(job, selectedJobExecution);
+    const jobStatus = getWorkflowStatusVisual(selectedStatus);
+    return /*#__PURE__*/ _jsx("header", {
+        className: "border-b border-border-neutral-base px-16 py-12",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "flex min-w-0 flex-col gap-8",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex min-w-0 items-center gap-8",
+                    children: [
+                        /*#__PURE__*/ _jsx(WorkflowStatusIcon, {
+                            status: selectedStatus,
+                            size: 14,
+                            tooltip: true,
+                            ariaLabel: `Job status: ${jobStatus.label}`
+                        }),
+                        /*#__PURE__*/ _jsx(Code, {
+                            as: "h2",
+                            variant: "paragraph",
+                            bold: true,
+                            tabIndex: -1,
+                            className: "min-w-0 truncate text-lg leading-24 text-foreground-neutral-base outline-none",
+                            "data-job-heading": true,
+                            children: job.displayName
+                        })
+                    ]
+                }),
+                selectedJobExecution || annotationSummary?.total ? /*#__PURE__*/ _jsxs("div", {
+                    className: "flex min-w-0 flex-wrap items-center gap-10 text-foreground-neutral-muted",
+                    children: [
+                        selectedJobExecution && job.executionCountVisible ? /*#__PURE__*/ _jsx(JobExecutionSwitcher, {
+                            job: job,
+                            selectedJobExecution: selectedJobExecution.id,
+                            onSelectedJobExecutionChange: onSelectedJobExecutionChange,
+                            variant: "title"
+                        }) : null,
+                        selectedJobExecution ? /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx(JobDurationMeta, {
+                                    execution: selectedJobExecution,
+                                    kind: "queue"
+                                }),
+                                /*#__PURE__*/ _jsx(JobDurationMeta, {
+                                    execution: selectedJobExecution,
+                                    kind: "run"
+                                })
+                            ]
+                        }) : null,
+                        /*#__PURE__*/ _jsx(RunAnnotationCountChip, {
+                            summary: annotationSummary,
+                            workspaceSlug: workspaceSlug,
+                            projectSlug: projectSlug,
+                            workflowRunId: workflowRunId,
+                            runAttempt: runAttempt,
+                            jobId: job.id
+                        })
+                    ]
+                }) : null
+            ]
+        })
+    });
+}
+function selectedExecutionStatus(job, execution) {
+    if (!execution) return deriveJobDisplayStatus(job);
+    const defaultExecution = defaultJobExecution(job);
+    return execution.id === defaultExecution?.id ? deriveJobDisplayStatus(job) : deriveJobExecutionDisplayStatus(execution);
+}
+function JobDurationMeta({ execution, kind }) {
+    const time = kind === 'queue' ? execution.queueTime : execution.runTime;
+    const from = kind === 'queue' ? execution.queuedAt : execution.startedAt;
+    if (!time || !from) return null;
+    const to = kind === 'queue' ? execution.startedAt : execution.finishedAt;
+    const live = time.state === 'live';
+    const label = kind === 'queue' ? 'queued' : live ? 'running' : 'ran';
+    const tooltipLabel = kind === 'queue' ? 'Queued' : live ? 'Running' : 'Ran';
+    const tooltip = `${tooltipLabel} ${formatTimestamp(from)}${to ? ` – ${formatTimestamp(to)}` : ' – now'}`;
+    return /*#__PURE__*/ _jsxs(Tooltip, {
+        children: [
+            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsxs("span", {
+                    className: "inline-flex items-center gap-4 whitespace-nowrap font-code text-xs leading-20 tabular-nums",
+                    children: [
+                        /*#__PURE__*/ _jsx(Icon, {
+                            name: kind === 'queue' ? 'hourglassLine' : 'timerLine',
+                            size: 12,
+                            "aria-hidden": "true"
+                        }),
+                        /*#__PURE__*/ _jsxs("span", {
+                            children: [
+                                label,
+                                " "
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(JobExecutionTimeText, {
+                            time: time
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(TooltipContent, {
+                children: /*#__PURE__*/ _jsx(Text, {
+                    as: "span",
+                    size: "xs",
+                    children: tooltip
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=job-detail-header.js.map

package/dist/components/job-detail/job-detail-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/job-detail/job-detail-header.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {formatTimestamp} from '@shipfox/react-ui/utils';\nimport {getWorkflowStatusVisual} from '#components/workflow-status/status-visuals.js';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport type {RunAnnotationSummary} from '#core/run-annotation.js';\nimport {\n  defaultJobExecution,\n  deriveJobDisplayStatus,\n  deriveJobExecutionDisplayStatus,\n  type Job,\n  type JobExecution,\n} from '#core/workflow-run.js';\nimport {RunAnnotationCountChip} from '../workflow-run-tabs/index.js';\nimport {JobExecutionSwitcher} from './job-execution-switcher.js';\nimport {JobExecutionTimeText} from './job-execution-time-text.js';\n\nexport interface JobDetailHeaderProps {\n  job: Job;\n  selectedJobExecution: JobExecution | undefined;\n  onSelectedJobExecutionChange: (jobExecutionId: string) => void;\n  workspaceSlug: string;\n  projectSlug: string;\n  workflowRunId: string;\n  runAttempt?: number | undefined;\n  /** Counts for this job only. Renders a link into the run's Annotations section, never a body. */\n  annotationSummary?: RunAnnotationSummary | undefined;\n}\n\nexport function JobDetailHeader({\n  job,\n  selectedJobExecution,\n  onSelectedJobExecutionChange,\n  workspaceSlug,\n  projectSlug,\n  workflowRunId,\n  runAttempt,\n  annotationSummary,\n}: JobDetailHeaderProps) {\n  const selectedStatus = selectedExecutionStatus(job, selectedJobExecution);\n  const jobStatus = getWorkflowStatusVisual(selectedStatus);\n\n  return (\n    <header className=\"border-b border-border-neutral-base px-16 py-12\">\n      <div className=\"flex min-w-0 flex-col gap-8\">\n        <div className=\"flex min-w-0 items-center gap-8\">\n          <WorkflowStatusIcon\n            status={selectedStatus}\n            size={14}\n            tooltip\n            ariaLabel={`Job status: ${jobStatus.label}`}\n          />\n          <Code\n            as=\"h2\"\n            variant=\"paragraph\"\n            bold\n            tabIndex={-1}\n            className=\"min-w-0 truncate text-lg leading-24 text-foreground-neutral-base outline-none\"\n            data-job-heading\n          >\n            {job.displayName}\n          </Code>\n        </div>\n\n        {selectedJobExecution || annotationSummary?.total ? (\n          <div className=\"flex min-w-0 flex-wrap items-center gap-10 text-foreground-neutral-muted\">\n            {selectedJobExecution && job.executionCountVisible ? (\n              <JobExecutionSwitcher\n                job={job}\n                selectedJobExecution={selectedJobExecution.id}\n                onSelectedJobExecutionChange={onSelectedJobExecutionChange}\n                variant=\"title\"\n              />\n            ) : null}\n            {selectedJobExecution ? (\n              <>\n                <JobDurationMeta execution={selectedJobExecution} kind=\"queue\" />\n                <JobDurationMeta execution={selectedJobExecution} kind=\"run\" />\n              </>\n            ) : null}\n            <RunAnnotationCountChip\n              summary={annotationSummary}\n              workspaceSlug={workspaceSlug}\n              projectSlug={projectSlug}\n              workflowRunId={workflowRunId}\n              runAttempt={runAttempt}\n              jobId={job.id}\n            />\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n\nfunction selectedExecutionStatus(job: Job, execution: JobExecution | undefined) {\n  if (!execution) return deriveJobDisplayStatus(job);\n  const defaultExecution = defaultJobExecution(job);\n  return execution.id === defaultExecution?.id\n    ? deriveJobDisplayStatus(job)\n    : deriveJobExecutionDisplayStatus(execution);\n}\n\nfunction JobDurationMeta({execution, kind}: {execution: JobExecution; kind: 'queue' | 'run'}) {\n  const time = kind === 'queue' ? execution.queueTime : execution.runTime;\n  const from = kind === 'queue' ? execution.queuedAt : execution.startedAt;\n  if (!time || !from) return null;\n\n  const to = kind === 'queue' ? execution.startedAt : execution.finishedAt;\n  const live = time.state === 'live';\n  const label = kind === 'queue' ? 'queued' : live ? 'running' : 'ran';\n  const tooltipLabel = kind === 'queue' ? 'Queued' : live ? 'Running' : 'Ran';\n  const tooltip = `${tooltipLabel} ${formatTimestamp(from)}${to ? ` – ${formatTimestamp(to)}` : ' – now'}`;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span className=\"inline-flex items-center gap-4 whitespace-nowrap font-code text-xs leading-20 tabular-nums\">\n          <Icon\n            name={kind === 'queue' ? 'hourglassLine' : 'timerLine'}\n            size={12}\n            aria-hidden=\"true\"\n          />\n          <span>{label} </span>\n          <JobExecutionTimeText time={time} />\n        </span>\n      </TooltipTrigger>\n      <TooltipContent>\n        <Text as=\"span\" size=\"xs\">\n          {tooltip}\n        </Text>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":["Icon","Tooltip","TooltipContent","TooltipTrigger","Code","Text","formatTimestamp","getWorkflowStatusVisual","WorkflowStatusIcon","defaultJobExecution","deriveJobDisplayStatus","deriveJobExecutionDisplayStatus","RunAnnotationCountChip","JobExecutionSwitcher","JobExecutionTimeText","JobDetailHeader","job","selectedJobExecution","onSelectedJobExecutionChange","workspaceSlug","projectSlug","workflowRunId","runAttempt","annotationSummary","selectedStatus","selectedExecutionStatus","jobStatus","header","className","div","status","size","tooltip","ariaLabel","label","as","variant","bold","tabIndex","data-job-heading","displayName","total","executionCountVisible","id","JobDurationMeta","execution","kind","summary","jobId","defaultExecution","time","queueTime","runTime","from","queuedAt","startedAt","to","finishedAt","live","state","tooltipLabel","asChild","span","name","aria-hidden"],"mappings":"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"}

package/dist/components/job-detail/job-detail-view.d.ts

@@ -0,0 +1,16 @@
+import type { Job } from '#core/workflow-run.js';
+import type { useWorkflowRunAttemptQuery } from '#hooks/api/workflow-runs.js';
+import { type WorkflowJobSearch } from '#routes/inputs.js';
+export interface JobDetailViewProps {
+    workspaceSlug: string;
+    projectSlug: string;
+    workflowRunId: string;
+    jobId: string;
+    search: WorkflowJobSearch;
+    query: ReturnType<typeof useWorkflowRunAttemptQuery>;
+    newerAttempt?: number | undefined;
+    newerJob?: Job | undefined;
+    onSelectionChange: (selection: WorkflowJobSearch) => void;
+}
+export declare function JobDetailView({ workspaceSlug, projectSlug, workflowRunId, jobId, search, query, newerAttempt, newerJob, onSelectionChange, }: JobDetailViewProps): import("react").JSX.Element;
+//# sourceMappingURL=job-detail-view.d.ts.map

package/dist/components/job-detail/job-detail-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"job-detail-view.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/job-detail-view.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,GAAG,EAAe,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EACL,KAAK,iBAAiB,EAGvB,MAAM,mBAAmB,CAAC;AAuB3B,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,UAAU,CAAC,OAAO,0BAA0B,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,GAAG,GAAG,SAAS,CAAC;IAC3B,iBAAiB,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,WAAW,EACX,aAAa,EACb,KAAK,EACL,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,iBAAiB,GAClB,EAAE,kBAAkB,+BA2NpB"}