@shipfox/client-workflows 15.0.0 → 16.0.0

package/dist/components/workflow-run-tabs/severity-visuals.d.ts

@@ -0,0 +1,20 @@
+import type { IconName } from '@shipfox/react-ui/icon';
+import type { RunAnnotationSeverity } from '#core/run-annotation.js';
+/**
+ * The glyph vocabulary for annotation severity, shared by every count surface.
+ *
+ * Deliberately the same marks the `Callout` uses on the cards themselves, so the glyph beside
+ * `1 error` in the summary is the glyph on the error card below it.
+ */
+export declare const SEVERITY_ICON: Record<RunAnnotationSeverity, IconName>;
+/**
+ * Severity tone lives in the glyph, never in the label.
+ *
+ * Coloring the text would make severity compete with the brand accent, which this system
+ * reserves for links, focus, and "you are here". Shape plus tone in a 12px mark distinguishes
+ * an error from a warning without either of them shouting.
+ */
+export declare const SEVERITY_ICON_TONE: Record<RunAnnotationSeverity, string>;
+/** Hairline tone for a bordered count chip, matching the glyph it sits beside. */
+export declare const SEVERITY_CHIP_TONE: Record<RunAnnotationSeverity, string>;
+//# sourceMappingURL=severity-visuals.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"severity-visuals.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-tabs/severity-visuals.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAC;AACrD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAEnE;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,qBAAqB,EAAE,QAAQ,CAKjE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAKpE,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAKpE,CAAC"}

package/dist/components/workflow-run-tabs/severity-visuals.js

@@ -0,0 +1,31 @@
+/**
+ * The glyph vocabulary for annotation severity, shared by every count surface.
+ *
+ * Deliberately the same marks the `Callout` uses on the cards themselves, so the glyph beside
+ * `1 error` in the summary is the glyph on the error card below it.
+ */ export const SEVERITY_ICON = {
+    error: 'closeCircleFill',
+    warning: 'errorWarningFill',
+    info: 'info',
+    success: 'checkboxCircleFill'
+};
+/**
+ * Severity tone lives in the glyph, never in the label.
+ *
+ * Coloring the text would make severity compete with the brand accent, which this system
+ * reserves for links, focus, and "you are here". Shape plus tone in a 12px mark distinguishes
+ * an error from a warning without either of them shouting.
+ */ export const SEVERITY_ICON_TONE = {
+    error: 'text-tag-error-icon',
+    warning: 'text-tag-warning-icon',
+    info: 'text-tag-blue-icon',
+    success: 'text-tag-success-icon'
+};
+/** Hairline tone for a bordered count chip, matching the glyph it sits beside. */ export const SEVERITY_CHIP_TONE = {
+    error: 'border-tag-error-border text-tag-error-icon',
+    warning: 'border-tag-warning-border text-tag-warning-icon',
+    info: 'border-tag-blue-border text-tag-blue-icon',
+    success: 'border-tag-success-border text-tag-success-icon'
+};
+
+//# sourceMappingURL=severity-visuals.js.map

package/dist/components/workflow-run-tabs/severity-visuals.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-tabs/severity-visuals.ts"],"sourcesContent":["import type {IconName} from '@shipfox/react-ui/icon';\nimport type {RunAnnotationSeverity} from '#core/run-annotation.js';\n\n/**\n * The glyph vocabulary for annotation severity, shared by every count surface.\n *\n * Deliberately the same marks the `Callout` uses on the cards themselves, so the glyph beside\n * `1 error` in the summary is the glyph on the error card below it.\n */\nexport const SEVERITY_ICON: Record<RunAnnotationSeverity, IconName> = {\n  error: 'closeCircleFill',\n  warning: 'errorWarningFill',\n  info: 'info',\n  success: 'checkboxCircleFill',\n};\n\n/**\n * Severity tone lives in the glyph, never in the label.\n *\n * Coloring the text would make severity compete with the brand accent, which this system\n * reserves for links, focus, and \"you are here\". Shape plus tone in a 12px mark distinguishes\n * an error from a warning without either of them shouting.\n */\nexport const SEVERITY_ICON_TONE: Record<RunAnnotationSeverity, string> = {\n  error: 'text-tag-error-icon',\n  warning: 'text-tag-warning-icon',\n  info: 'text-tag-blue-icon',\n  success: 'text-tag-success-icon',\n};\n\n/** Hairline tone for a bordered count chip, matching the glyph it sits beside. */\nexport const SEVERITY_CHIP_TONE: Record<RunAnnotationSeverity, string> = {\n  error: 'border-tag-error-border text-tag-error-icon',\n  warning: 'border-tag-warning-border text-tag-warning-icon',\n  info: 'border-tag-blue-border text-tag-blue-icon',\n  success: 'border-tag-success-border text-tag-success-icon',\n};\n"],"names":["SEVERITY_ICON","error","warning","info","success","SEVERITY_ICON_TONE","SEVERITY_CHIP_TONE"],"mappings":"AAGA;;;;;CAKC,GACD,OAAO,MAAMA,gBAAyD;IACpEC,OAAO;IACPC,SAAS;IACTC,MAAM;IACNC,SAAS;AACX,EAAE;AAEF;;;;;;CAMC,GACD,OAAO,MAAMC,qBAA4D;IACvEJ,OAAO;IACPC,SAAS;IACTC,MAAM;IACNC,SAAS;AACX,EAAE;AAEF,gFAAgF,GAChF,OAAO,MAAME,qBAA4D;IACvEL,OAAO;IACPC,SAAS;IACTC,MAAM;IACNC,SAAS;AACX,EAAE"}

package/dist/components/workflow-run-view/run-workspace-nav.d.ts

@@ -1,5 +1,5 @@
+import type { RunAnnotationSummary } from '#core/run-annotation.js';
 import { type WorkflowRunDetail } from '#core/workflow-run.js';
-import type { RunAnnotationSummary } from '#core/workflow-run-tabs.js';
 import { type WorkflowJobSearch, type WorkflowRunTab } from '#routes/inputs.js';
 type RunWorkspaceSection = Exclude<WorkflowRunTab, 'jobs'>;
 export interface RunWorkspaceNavProps {

package/dist/components/workflow-run-view/run-workspace-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"run-workspace-nav.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/run-workspace-nav.tsx"],"names":[],"mappings":"AAQA,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AACrE,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,cAAc,EAGpB,MAAM,mBAAmB,CAAC;AAG3B,KAAK,mBAAmB,GAAG,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;AAE3D,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,iBAAiB,CAAC;IACvB,aAAa,EAAE,mBAAmB,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC1C,iBAAiB,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;CACtD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,WAAW,EACX,GAAG,EACH,aAAa,EACb,YAAY,EACZ,SAAc,EACd,iBAAiB,GAClB,EAAE,oBAAoB,+BA0DtB"}
+{"version":3,"file":"run-workspace-nav.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/run-workspace-nav.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,cAAc,EAGpB,MAAM,mBAAmB,CAAC;AAG3B,KAAK,mBAAmB,GAAG,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;AAE3D,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,iBAAiB,CAAC;IACvB,aAAa,EAAE,mBAAmB,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC1C,iBAAiB,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;CACtD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,WAAW,EACX,GAAG,EACH,aAAa,EACb,YAAY,EACZ,SAAc,EACd,iBAAiB,GAClB,EAAE,oBAAoB,+BA0DtB"}

package/dist/components/workflow-run-view/run-workspace-nav.js

@@ -210,6 +210,7 @@ function RunWorkspaceNavContent({ workspaceSlug, projectSlug, run, jobs, activeS
                                     section: "annotations",
                                     current: !currentJobId && activeSection === 'annotations',
                                     count: annotationSummary?.total,
+                                    countTruncated: annotationSummary?.truncated,
                                     onNavigate: onNavigate
                                 })
                             }),
@@ -231,7 +232,7 @@ function RunWorkspaceNavContent({ workspaceSlug, projectSlug, run, jobs, activeS
         ]
     });
 }
-function RunSectionLink({ workspaceSlug, projectSlug, runId, runAttempt, section, current, count, onNavigate }) {
+function RunSectionLink({ workspaceSlug, projectSlug, runId, runAttempt, section, current, count, countTruncated = false, onNavigate }) {
     return /*#__PURE__*/ _jsxs(Link, {
         to: "/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId",
         params: {
@@ -249,12 +250,17 @@ function RunSectionLink({ workspaceSlug, projectSlug, runId, runAttempt, section
         }),
         onClick: onNavigate,
         "aria-current": current ? 'page' : undefined,
+        "aria-label": count ? `${sectionLabel(section)}, ${countTruncated ? `${count} or more` : count}` : undefined,
         className: cn('flex min-h-32 items-center gap-8 rounded-4 px-8 text-xs font-medium text-foreground-neutral-base outline-none transition-colors hover:bg-background-neutral-hover focus-visible:shadow-border-interactive-with-active @max-[767px]:min-h-44 [@media(pointer:coarse)]:min-h-44', current && 'bg-background-neutral-hover'),
         children: [
             sectionLabel(section),
-            count ? /*#__PURE__*/ _jsx("span", {
+            count ? /*#__PURE__*/ _jsxs("span", {
+                "aria-hidden": "true",
                 className: "ml-auto font-code text-xs text-foreground-neutral-muted tabular-nums",
-                children: count
+                children: [
+                    count,
+                    countTruncated ? '+' : ''
+                ]
             }) : null
         ]
     });

package/dist/components/workflow-run-view/run-workspace-nav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-view/run-workspace-nav.tsx"],"sourcesContent":["import {Collapsible, CollapsibleTrigger} from '@shipfox/react-ui/collapsible';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {TimeTickerProvider} from '@shipfox/react-ui/time-ticker';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {useEffect, useMemo, useRef, useState} from 'react';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport {\n  defaultJobExecution,\n  deriveJobDisplayStatus,\n  type Job,\n  type WorkflowRunDetail,\n} from '#core/workflow-run.js';\nimport type {RunAnnotationSummary} from '#core/workflow-run-tabs.js';\nimport {\n  type WorkflowJobSearch,\n  type WorkflowRunTab,\n  workflowJobSearchParams,\n  workflowRunSearchParams,\n} from '#routes/inputs.js';\nimport {JobExecutionTimeText} from '../job-detail/job-execution-time-text.js';\n\ntype RunWorkspaceSection = Exclude<WorkflowRunTab, 'jobs'>;\n\nexport interface RunWorkspaceNavProps {\n  workspaceSlug: string;\n  projectSlug: string;\n  run: WorkflowRunDetail;\n  activeSection: RunWorkspaceSection;\n  currentJobId?: string | undefined;\n  jobSearch?: WorkflowJobSearch | undefined;\n  annotationSummary?: RunAnnotationSummary | undefined;\n}\n\n/**\n * The stable navigation model shared by run-level and job-level routes. The graph explains\n * topology; this compact index makes moving between dedicated job pages predictable.\n */\nexport function RunWorkspaceNav({\n  workspaceSlug,\n  projectSlug,\n  run,\n  activeSection,\n  currentJobId,\n  jobSearch = {},\n  annotationSummary,\n}: RunWorkspaceNavProps) {\n  const jobs = useMemo(() => [...run.jobs].sort(compareJobs), [run.jobs]);\n  const [mobileOpen, setMobileOpen] = useState(false);\n  const currentJob = jobs.find((job) => job.id === currentJobId);\n  const currentLabel = currentJob?.displayName ?? sectionLabel(activeSection);\n\n  return (\n    <TimeTickerProvider intervalMs={1000} reducedMotionIntervalMs={10_000}>\n      <aside className=\"w-full shrink-0 border-b border-border-neutral-base bg-background-neutral-background min-[768px]:w-240 min-[768px]:border-b-0 min-[768px]:border-r\">\n        <Collapsible open={mobileOpen} onOpenChange={setMobileOpen}>\n          <CollapsibleTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"flex min-h-44 w-full items-center justify-between gap-12 px-16 text-left outline-none focus-visible:shadow-border-interactive-with-active min-[768px]:hidden\"\n              aria-label=\"Toggle run navigation\"\n            >\n              <span className=\"min-w-0\">\n                <Text as=\"span\" size=\"xs\" className=\"block text-foreground-neutral-muted\">\n                  Run navigation\n                </Text>\n                <span className=\"block truncate font-code text-xs leading-20 text-foreground-neutral-base\">\n                  {currentLabel}\n                </span>\n              </span>\n              <Icon\n                name=\"chevronDown\"\n                size={14}\n                aria-hidden=\"true\"\n                className={cn(\n                  'shrink-0 text-foreground-neutral-muted transition-transform',\n                  mobileOpen && 'rotate-180',\n                )}\n              />\n            </button>\n          </CollapsibleTrigger>\n          <div\n            className={cn(\n              'max-h-[50vh] overflow-y-auto p-8 min-[768px]:block min-[768px]:max-h-none min-[768px]:p-12',\n              !mobileOpen && 'hidden',\n            )}\n          >\n            <RunWorkspaceNavContent\n              workspaceSlug={workspaceSlug}\n              projectSlug={projectSlug}\n              run={run}\n              jobs={jobs}\n              activeSection={activeSection}\n              currentJobId={currentJobId}\n              jobSearch={jobSearch}\n              annotationSummary={annotationSummary}\n              mobileOpen={mobileOpen}\n              onNavigate={() => setMobileOpen(false)}\n            />\n          </div>\n        </Collapsible>\n      </aside>\n    </TimeTickerProvider>\n  );\n}\n\nfunction RunWorkspaceNavContent({\n  workspaceSlug,\n  projectSlug,\n  run,\n  jobs,\n  activeSection,\n  currentJobId,\n  jobSearch,\n  annotationSummary,\n  mobileOpen,\n  onNavigate,\n}: RunWorkspaceNavProps & {\n  jobs: Job[];\n  jobSearch: WorkflowJobSearch;\n  mobileOpen: boolean;\n  onNavigate: () => void;\n}) {\n  const currentRowRef = useRef<HTMLAnchorElement>(null);\n  const runAttempt = jobSearch.runAttempt ?? run.runAttempt.attempt;\n\n  useEffect(() => {\n    if (!currentJobId || mobileOpen) return;\n    currentRowRef.current?.scrollIntoView({block: 'nearest'});\n  }, [currentJobId, mobileOpen]);\n\n  useEffect(() => {\n    if (!currentJobId || !mobileOpen) return;\n    currentRowRef.current?.scrollIntoView({block: 'nearest'});\n  }, [currentJobId, mobileOpen]);\n\n  return (\n    <nav aria-label=\"Run workspace\" className=\"flex min-w-0 flex-col gap-16\">\n      <ul>\n        <li>\n          <RunSectionLink\n            workspaceSlug={workspaceSlug}\n            projectSlug={projectSlug}\n            runId={run.id}\n            runAttempt={runAttempt}\n            section=\"summary\"\n            current={!currentJobId && activeSection === 'summary'}\n            onNavigate={onNavigate}\n          />\n        </li>\n      </ul>\n\n      <section aria-labelledby=\"run-workspace-jobs-heading\" className=\"min-w-0\">\n        <div className=\"flex items-center justify-between gap-8 px-8 pb-6\">\n          <Text\n            as=\"h2\"\n            id=\"run-workspace-jobs-heading\"\n            size=\"xs\"\n            bold\n            className=\"text-foreground-neutral-muted\"\n          >\n            Jobs\n          </Text>\n          <Text as=\"span\" size=\"xs\" className=\"font-code text-foreground-neutral-subtle\">\n            {jobs.length}\n          </Text>\n        </div>\n        <ol className=\"max-h-[320px] overflow-y-auto\">\n          {jobs.map((job) => {\n            const current = job.id === currentJobId;\n            const execution = defaultJobExecution(job);\n            const duration = execution?.displayDuration ?? job.displayDuration;\n\n            return (\n              <li key={job.id}>\n                <Link\n                  ref={current ? currentRowRef : undefined}\n                  to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId/jobs/$jobId\"\n                  params={{workspaceSlug, projectSlug, workflowRunId: run.id, jobId: job.id}}\n                  search={workflowJobSearchParams({runAttempt}) as never}\n                  onClick={onNavigate}\n                  aria-current={current ? 'page' : undefined}\n                  className={cn(\n                    'flex min-h-32 min-w-0 items-center gap-8 rounded-4 px-8 text-left outline-none transition-colors hover:bg-background-neutral-hover focus-visible:shadow-border-interactive-with-active @max-[767px]:min-h-44 [@media(pointer:coarse)]:min-h-44',\n                    current && 'bg-background-neutral-hover',\n                  )}\n                >\n                  <WorkflowStatusIcon\n                    status={deriveJobDisplayStatus(job)}\n                    size={12}\n                    tooltip={false}\n                  />\n                  <span className=\"min-w-0 truncate font-code text-xs leading-20 text-foreground-neutral-base\">\n                    {job.displayName}\n                  </span>\n                  <span className=\"ml-auto shrink-0 font-code text-xs leading-20 text-foreground-neutral-muted tabular-nums\">\n                    {duration ? <JobExecutionTimeText time={duration} /> : '—'}\n                  </span>\n                </Link>\n              </li>\n            );\n          })}\n        </ol>\n      </section>\n\n      <section aria-labelledby=\"run-workspace-details-heading\">\n        <Text\n          as=\"h2\"\n          id=\"run-workspace-details-heading\"\n          size=\"xs\"\n          bold\n          className=\"px-8 pb-6 text-foreground-neutral-muted\"\n        >\n          Run details\n        </Text>\n        <ul>\n          <li>\n            <RunSectionLink\n              workspaceSlug={workspaceSlug}\n              projectSlug={projectSlug}\n              runId={run.id}\n              runAttempt={runAttempt}\n              section=\"annotations\"\n              current={!currentJobId && activeSection === 'annotations'}\n              count={annotationSummary?.total}\n              onNavigate={onNavigate}\n            />\n          </li>\n          <li>\n            <RunSectionLink\n              workspaceSlug={workspaceSlug}\n              projectSlug={projectSlug}\n              runId={run.id}\n              runAttempt={runAttempt}\n              section=\"source\"\n              current={!currentJobId && activeSection === 'source'}\n              onNavigate={onNavigate}\n            />\n          </li>\n        </ul>\n      </section>\n    </nav>\n  );\n}\n\nfunction RunSectionLink({\n  workspaceSlug,\n  projectSlug,\n  runId,\n  runAttempt,\n  section,\n  current,\n  count,\n  onNavigate,\n}: {\n  workspaceSlug: string;\n  projectSlug: string;\n  runId: string;\n  runAttempt: number;\n  section: RunWorkspaceSection;\n  current: boolean;\n  count?: number | undefined;\n  onNavigate?: (() => void) | undefined;\n}) {\n  return (\n    <Link\n      to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId\"\n      params={{workspaceSlug, projectSlug, workflowRunId: runId}}\n      search={\n        workflowRunSearchParams(\n          {runAttempt, ...(section === 'summary' ? {} : {tab: section})},\n          {runAttempt},\n        ) as never\n      }\n      onClick={onNavigate}\n      aria-current={current ? 'page' : undefined}\n      className={cn(\n        'flex min-h-32 items-center gap-8 rounded-4 px-8 text-xs font-medium text-foreground-neutral-base outline-none transition-colors hover:bg-background-neutral-hover focus-visible:shadow-border-interactive-with-active @max-[767px]:min-h-44 [@media(pointer:coarse)]:min-h-44',\n        current && 'bg-background-neutral-hover',\n      )}\n    >\n      {sectionLabel(section)}\n      {count ? (\n        <span className=\"ml-auto font-code text-xs text-foreground-neutral-muted tabular-nums\">\n          {count}\n        </span>\n      ) : null}\n    </Link>\n  );\n}\n\nfunction sectionLabel(section: RunWorkspaceSection): string {\n  if (section === 'annotations') return 'Annotations';\n  if (section === 'source') return 'Source';\n  return 'Summary';\n}\n\nfunction compareJobs(left: Job, right: Job): number {\n  return left.position - right.position || left.id.localeCompare(right.id);\n}\n"],"names":["Collapsible","CollapsibleTrigger","Icon","TimeTickerProvider","Text","cn","Link","useEffect","useMemo","useRef","useState","WorkflowStatusIcon","defaultJobExecution","deriveJobDisplayStatus","workflowJobSearchParams","workflowRunSearchParams","JobExecutionTimeText","RunWorkspaceNav","workspaceSlug","projectSlug","run","activeSection","currentJobId","jobSearch","annotationSummary","jobs","sort","compareJobs","mobileOpen","setMobileOpen","currentJob","find","job","id","currentLabel","displayName","sectionLabel","intervalMs","reducedMotionIntervalMs","aside","className","open","onOpenChange","asChild","button","type","aria-label","span","as","size","name","aria-hidden","div","RunWorkspaceNavContent","onNavigate","currentRowRef","runAttempt","attempt","current","scrollIntoView","block","nav","ul","li","RunSectionLink","runId","section","aria-labelledby","bold","length","ol","map","execution","duration","displayDuration","ref","undefined","to","params","workflowRunId","jobId","search","onClick","aria-current","status","tooltip","time","count","total","tab","left","right","position","localeCompare"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/workflow-run-view/run-workspace-nav.tsx"],"sourcesContent":["import {Collapsible, CollapsibleTrigger} from '@shipfox/react-ui/collapsible';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {TimeTickerProvider} from '@shipfox/react-ui/time-ticker';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {useEffect, useMemo, useRef, useState} from 'react';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport type {RunAnnotationSummary} from '#core/run-annotation.js';\nimport {\n  defaultJobExecution,\n  deriveJobDisplayStatus,\n  type Job,\n  type WorkflowRunDetail,\n} from '#core/workflow-run.js';\nimport {\n  type WorkflowJobSearch,\n  type WorkflowRunTab,\n  workflowJobSearchParams,\n  workflowRunSearchParams,\n} from '#routes/inputs.js';\nimport {JobExecutionTimeText} from '../job-detail/job-execution-time-text.js';\n\ntype RunWorkspaceSection = Exclude<WorkflowRunTab, 'jobs'>;\n\nexport interface RunWorkspaceNavProps {\n  workspaceSlug: string;\n  projectSlug: string;\n  run: WorkflowRunDetail;\n  activeSection: RunWorkspaceSection;\n  currentJobId?: string | undefined;\n  jobSearch?: WorkflowJobSearch | undefined;\n  annotationSummary?: RunAnnotationSummary | undefined;\n}\n\n/**\n * The stable navigation model shared by run-level and job-level routes. The graph explains\n * topology; this compact index makes moving between dedicated job pages predictable.\n */\nexport function RunWorkspaceNav({\n  workspaceSlug,\n  projectSlug,\n  run,\n  activeSection,\n  currentJobId,\n  jobSearch = {},\n  annotationSummary,\n}: RunWorkspaceNavProps) {\n  const jobs = useMemo(() => [...run.jobs].sort(compareJobs), [run.jobs]);\n  const [mobileOpen, setMobileOpen] = useState(false);\n  const currentJob = jobs.find((job) => job.id === currentJobId);\n  const currentLabel = currentJob?.displayName ?? sectionLabel(activeSection);\n\n  return (\n    <TimeTickerProvider intervalMs={1000} reducedMotionIntervalMs={10_000}>\n      <aside className=\"w-full shrink-0 border-b border-border-neutral-base bg-background-neutral-background min-[768px]:w-240 min-[768px]:border-b-0 min-[768px]:border-r\">\n        <Collapsible open={mobileOpen} onOpenChange={setMobileOpen}>\n          <CollapsibleTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"flex min-h-44 w-full items-center justify-between gap-12 px-16 text-left outline-none focus-visible:shadow-border-interactive-with-active min-[768px]:hidden\"\n              aria-label=\"Toggle run navigation\"\n            >\n              <span className=\"min-w-0\">\n                <Text as=\"span\" size=\"xs\" className=\"block text-foreground-neutral-muted\">\n                  Run navigation\n                </Text>\n                <span className=\"block truncate font-code text-xs leading-20 text-foreground-neutral-base\">\n                  {currentLabel}\n                </span>\n              </span>\n              <Icon\n                name=\"chevronDown\"\n                size={14}\n                aria-hidden=\"true\"\n                className={cn(\n                  'shrink-0 text-foreground-neutral-muted transition-transform',\n                  mobileOpen && 'rotate-180',\n                )}\n              />\n            </button>\n          </CollapsibleTrigger>\n          <div\n            className={cn(\n              'max-h-[50vh] overflow-y-auto p-8 min-[768px]:block min-[768px]:max-h-none min-[768px]:p-12',\n              !mobileOpen && 'hidden',\n            )}\n          >\n            <RunWorkspaceNavContent\n              workspaceSlug={workspaceSlug}\n              projectSlug={projectSlug}\n              run={run}\n              jobs={jobs}\n              activeSection={activeSection}\n              currentJobId={currentJobId}\n              jobSearch={jobSearch}\n              annotationSummary={annotationSummary}\n              mobileOpen={mobileOpen}\n              onNavigate={() => setMobileOpen(false)}\n            />\n          </div>\n        </Collapsible>\n      </aside>\n    </TimeTickerProvider>\n  );\n}\n\nfunction RunWorkspaceNavContent({\n  workspaceSlug,\n  projectSlug,\n  run,\n  jobs,\n  activeSection,\n  currentJobId,\n  jobSearch,\n  annotationSummary,\n  mobileOpen,\n  onNavigate,\n}: RunWorkspaceNavProps & {\n  jobs: Job[];\n  jobSearch: WorkflowJobSearch;\n  mobileOpen: boolean;\n  onNavigate: () => void;\n}) {\n  const currentRowRef = useRef<HTMLAnchorElement>(null);\n  const runAttempt = jobSearch.runAttempt ?? run.runAttempt.attempt;\n\n  useEffect(() => {\n    if (!currentJobId || mobileOpen) return;\n    currentRowRef.current?.scrollIntoView({block: 'nearest'});\n  }, [currentJobId, mobileOpen]);\n\n  useEffect(() => {\n    if (!currentJobId || !mobileOpen) return;\n    currentRowRef.current?.scrollIntoView({block: 'nearest'});\n  }, [currentJobId, mobileOpen]);\n\n  return (\n    <nav aria-label=\"Run workspace\" className=\"flex min-w-0 flex-col gap-16\">\n      <ul>\n        <li>\n          <RunSectionLink\n            workspaceSlug={workspaceSlug}\n            projectSlug={projectSlug}\n            runId={run.id}\n            runAttempt={runAttempt}\n            section=\"summary\"\n            current={!currentJobId && activeSection === 'summary'}\n            onNavigate={onNavigate}\n          />\n        </li>\n      </ul>\n\n      <section aria-labelledby=\"run-workspace-jobs-heading\" className=\"min-w-0\">\n        <div className=\"flex items-center justify-between gap-8 px-8 pb-6\">\n          <Text\n            as=\"h2\"\n            id=\"run-workspace-jobs-heading\"\n            size=\"xs\"\n            bold\n            className=\"text-foreground-neutral-muted\"\n          >\n            Jobs\n          </Text>\n          <Text as=\"span\" size=\"xs\" className=\"font-code text-foreground-neutral-subtle\">\n            {jobs.length}\n          </Text>\n        </div>\n        <ol className=\"max-h-[320px] overflow-y-auto\">\n          {jobs.map((job) => {\n            const current = job.id === currentJobId;\n            const execution = defaultJobExecution(job);\n            const duration = execution?.displayDuration ?? job.displayDuration;\n\n            return (\n              <li key={job.id}>\n                <Link\n                  ref={current ? currentRowRef : undefined}\n                  to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId/jobs/$jobId\"\n                  params={{workspaceSlug, projectSlug, workflowRunId: run.id, jobId: job.id}}\n                  search={workflowJobSearchParams({runAttempt}) as never}\n                  onClick={onNavigate}\n                  aria-current={current ? 'page' : undefined}\n                  className={cn(\n                    'flex min-h-32 min-w-0 items-center gap-8 rounded-4 px-8 text-left outline-none transition-colors hover:bg-background-neutral-hover focus-visible:shadow-border-interactive-with-active @max-[767px]:min-h-44 [@media(pointer:coarse)]:min-h-44',\n                    current && 'bg-background-neutral-hover',\n                  )}\n                >\n                  <WorkflowStatusIcon\n                    status={deriveJobDisplayStatus(job)}\n                    size={12}\n                    tooltip={false}\n                  />\n                  <span className=\"min-w-0 truncate font-code text-xs leading-20 text-foreground-neutral-base\">\n                    {job.displayName}\n                  </span>\n                  <span className=\"ml-auto shrink-0 font-code text-xs leading-20 text-foreground-neutral-muted tabular-nums\">\n                    {duration ? <JobExecutionTimeText time={duration} /> : '—'}\n                  </span>\n                </Link>\n              </li>\n            );\n          })}\n        </ol>\n      </section>\n\n      <section aria-labelledby=\"run-workspace-details-heading\">\n        <Text\n          as=\"h2\"\n          id=\"run-workspace-details-heading\"\n          size=\"xs\"\n          bold\n          className=\"px-8 pb-6 text-foreground-neutral-muted\"\n        >\n          Run details\n        </Text>\n        <ul>\n          <li>\n            <RunSectionLink\n              workspaceSlug={workspaceSlug}\n              projectSlug={projectSlug}\n              runId={run.id}\n              runAttempt={runAttempt}\n              section=\"annotations\"\n              current={!currentJobId && activeSection === 'annotations'}\n              count={annotationSummary?.total}\n              countTruncated={annotationSummary?.truncated}\n              onNavigate={onNavigate}\n            />\n          </li>\n          <li>\n            <RunSectionLink\n              workspaceSlug={workspaceSlug}\n              projectSlug={projectSlug}\n              runId={run.id}\n              runAttempt={runAttempt}\n              section=\"source\"\n              current={!currentJobId && activeSection === 'source'}\n              onNavigate={onNavigate}\n            />\n          </li>\n        </ul>\n      </section>\n    </nav>\n  );\n}\n\nfunction RunSectionLink({\n  workspaceSlug,\n  projectSlug,\n  runId,\n  runAttempt,\n  section,\n  current,\n  count,\n  countTruncated = false,\n  onNavigate,\n}: {\n  workspaceSlug: string;\n  projectSlug: string;\n  runId: string;\n  runAttempt: number;\n  section: RunWorkspaceSection;\n  current: boolean;\n  count?: number | undefined;\n  /** The read hit its page budget, so the count is a lower bound and renders as `N+`. */\n  countTruncated?: boolean | undefined;\n  onNavigate?: (() => void) | undefined;\n}) {\n  return (\n    <Link\n      to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId\"\n      params={{workspaceSlug, projectSlug, workflowRunId: runId}}\n      search={\n        workflowRunSearchParams(\n          {runAttempt, ...(section === 'summary' ? {} : {tab: section})},\n          {runAttempt},\n        ) as never\n      }\n      onClick={onNavigate}\n      aria-current={current ? 'page' : undefined}\n      aria-label={\n        count\n          ? `${sectionLabel(section)}, ${countTruncated ? `${count} or more` : count}`\n          : undefined\n      }\n      className={cn(\n        'flex min-h-32 items-center gap-8 rounded-4 px-8 text-xs font-medium text-foreground-neutral-base outline-none transition-colors hover:bg-background-neutral-hover focus-visible:shadow-border-interactive-with-active @max-[767px]:min-h-44 [@media(pointer:coarse)]:min-h-44',\n        current && 'bg-background-neutral-hover',\n      )}\n    >\n      {sectionLabel(section)}\n      {count ? (\n        <span\n          aria-hidden=\"true\"\n          className=\"ml-auto font-code text-xs text-foreground-neutral-muted tabular-nums\"\n        >\n          {count}\n          {countTruncated ? '+' : ''}\n        </span>\n      ) : null}\n    </Link>\n  );\n}\n\nfunction sectionLabel(section: RunWorkspaceSection): string {\n  if (section === 'annotations') return 'Annotations';\n  if (section === 'source') return 'Source';\n  return 'Summary';\n}\n\nfunction compareJobs(left: Job, right: Job): number {\n  return left.position - right.position || left.id.localeCompare(right.id);\n}\n"],"names":["Collapsible","CollapsibleTrigger","Icon","TimeTickerProvider","Text","cn","Link","useEffect","useMemo","useRef","useState","WorkflowStatusIcon","defaultJobExecution","deriveJobDisplayStatus","workflowJobSearchParams","workflowRunSearchParams","JobExecutionTimeText","RunWorkspaceNav","workspaceSlug","projectSlug","run","activeSection","currentJobId","jobSearch","annotationSummary","jobs","sort","compareJobs","mobileOpen","setMobileOpen","currentJob","find","job","id","currentLabel","displayName","sectionLabel","intervalMs","reducedMotionIntervalMs","aside","className","open","onOpenChange","asChild","button","type","aria-label","span","as","size","name","aria-hidden","div","RunWorkspaceNavContent","onNavigate","currentRowRef","runAttempt","attempt","current","scrollIntoView","block","nav","ul","li","RunSectionLink","runId","section","aria-labelledby","bold","length","ol","map","execution","duration","displayDuration","ref","undefined","to","params","workflowRunId","jobId","search","onClick","aria-current","status","tooltip","time","count","total","countTruncated","truncated","tab","left","right","position","localeCompare"],"mappings":";AAAA,SAAQA,WAAW,EAAEC,kBAAkB,QAAO,gCAAgC;AAC9E,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,kBAAkB,QAAO,gCAAgC;AACjE,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAO,QAAQ;AAC3D,SAAQC,kBAAkB,QAAO,sDAAsD;AAEvF,SACEC,mBAAmB,EACnBC,sBAAsB,QAGjB,wBAAwB;AAC/B,SAGEC,uBAAuB,EACvBC,uBAAuB,QAClB,oBAAoB;AAC3B,SAAQC,oBAAoB,QAAO,2CAA2C;AAc9E;;;CAGC,GACD,OAAO,SAASC,gBAAgB,EAC9BC,aAAa,EACbC,WAAW,EACXC,GAAG,EACHC,aAAa,EACbC,YAAY,EACZC,YAAY,CAAC,CAAC,EACdC,iBAAiB,EACI;IACrB,MAAMC,OAAOjB,QAAQ,IAAM;eAAIY,IAAIK,IAAI;SAAC,CAACC,IAAI,CAACC,cAAc;QAACP,IAAIK,IAAI;KAAC;IACtE,MAAM,CAACG,YAAYC,cAAc,GAAGnB,SAAS;IAC7C,MAAMoB,aAAaL,KAAKM,IAAI,CAAC,CAACC,MAAQA,IAAIC,EAAE,KAAKX;IACjD,MAAMY,eAAeJ,YAAYK,eAAeC,aAAaf;IAE7D,qBACE,KAAClB;QAAmBkC,YAAY;QAAMC,yBAAyB;kBAC7D,cAAA,KAACC;YAAMC,WAAU;sBACf,cAAA,MAACxC;gBAAYyC,MAAMb;gBAAYc,cAAcb;;kCAC3C,KAAC5B;wBAAmB0C,OAAO;kCACzB,cAAA,MAACC;4BACCC,MAAK;4BACLL,WAAU;4BACVM,cAAW;;8CAEX,MAACC;oCAAKP,WAAU;;sDACd,KAACpC;4CAAK4C,IAAG;4CAAOC,MAAK;4CAAKT,WAAU;sDAAsC;;sDAG1E,KAACO;4CAAKP,WAAU;sDACbN;;;;8CAGL,KAAChC;oCACCgD,MAAK;oCACLD,MAAM;oCACNE,eAAY;oCACZX,WAAWnC,GACT,+DACAuB,cAAc;;;;;kCAKtB,KAACwB;wBACCZ,WAAWnC,GACT,8FACA,CAACuB,cAAc;kCAGjB,cAAA,KAACyB;4BACCnC,eAAeA;4BACfC,aAAaA;4BACbC,KAAKA;4BACLK,MAAMA;4BACNJ,eAAeA;4BACfC,cAAcA;4BACdC,WAAWA;4BACXC,mBAAmBA;4BACnBI,YAAYA;4BACZ0B,YAAY,IAAMzB,cAAc;;;;;;;AAO9C;AAEA,SAASwB,uBAAuB,EAC9BnC,aAAa,EACbC,WAAW,EACXC,GAAG,EACHK,IAAI,EACJJ,aAAa,EACbC,YAAY,EACZC,SAAS,EACTC,iBAAiB,EACjBI,UAAU,EACV0B,UAAU,EAMX;IACC,MAAMC,gBAAgB9C,OAA0B;IAChD,MAAM+C,aAAajC,UAAUiC,UAAU,IAAIpC,IAAIoC,UAAU,CAACC,OAAO;IAEjElD,UAAU;QACR,IAAI,CAACe,gBAAgBM,YAAY;QACjC2B,cAAcG,OAAO,EAAEC,eAAe;YAACC,OAAO;QAAS;IACzD,GAAG;QAACtC;QAAcM;KAAW;IAE7BrB,UAAU;QACR,IAAI,CAACe,gBAAgB,CAACM,YAAY;QAClC2B,cAAcG,OAAO,EAAEC,eAAe;YAACC,OAAO;QAAS;IACzD,GAAG;QAACtC;QAAcM;KAAW;IAE7B,qBACE,MAACiC;QAAIf,cAAW;QAAgBN,WAAU;;0BACxC,KAACsB;0BACC,cAAA,KAACC;8BACC,cAAA,KAACC;wBACC9C,eAAeA;wBACfC,aAAaA;wBACb8C,OAAO7C,IAAIa,EAAE;wBACbuB,YAAYA;wBACZU,SAAQ;wBACRR,SAAS,CAACpC,gBAAgBD,kBAAkB;wBAC5CiC,YAAYA;;;;0BAKlB,MAACY;gBAAQC,mBAAgB;gBAA6B3B,WAAU;;kCAC9D,MAACY;wBAAIZ,WAAU;;0CACb,KAACpC;gCACC4C,IAAG;gCACHf,IAAG;gCACHgB,MAAK;gCACLmB,IAAI;gCACJ5B,WAAU;0CACX;;0CAGD,KAACpC;gCAAK4C,IAAG;gCAAOC,MAAK;gCAAKT,WAAU;0CACjCf,KAAK4C,MAAM;;;;kCAGhB,KAACC;wBAAG9B,WAAU;kCACXf,KAAK8C,GAAG,CAAC,CAACvC;4BACT,MAAM0B,UAAU1B,IAAIC,EAAE,KAAKX;4BAC3B,MAAMkD,YAAY5D,oBAAoBoB;4BACtC,MAAMyC,WAAWD,WAAWE,mBAAmB1C,IAAI0C,eAAe;4BAElE,qBACE,KAACX;0CACC,cAAA,MAACzD;oCACCqE,KAAKjB,UAAUH,gBAAgBqB;oCAC/BC,IAAG;oCACHC,QAAQ;wCAAC5D;wCAAeC;wCAAa4D,eAAe3D,IAAIa,EAAE;wCAAE+C,OAAOhD,IAAIC,EAAE;oCAAA;oCACzEgD,QAAQnE,wBAAwB;wCAAC0C;oCAAU;oCAC3C0B,SAAS5B;oCACT6B,gBAAczB,UAAU,SAASkB;oCACjCpC,WAAWnC,GACT,kPACAqD,WAAW;;sDAGb,KAAC/C;4CACCyE,QAAQvE,uBAAuBmB;4CAC/BiB,MAAM;4CACNoC,SAAS;;sDAEX,KAACtC;4CAAKP,WAAU;sDACbR,IAAIG,WAAW;;sDAElB,KAACY;4CAAKP,WAAU;sDACbiC,yBAAW,KAACzD;gDAAqBsE,MAAMb;iDAAe;;;;+BAtBpDzC,IAAIC,EAAE;wBA2BnB;;;;0BAIJ,MAACiC;gBAAQC,mBAAgB;;kCACvB,KAAC/D;wBACC4C,IAAG;wBACHf,IAAG;wBACHgB,MAAK;wBACLmB,IAAI;wBACJ5B,WAAU;kCACX;;kCAGD,MAACsB;;0CACC,KAACC;0CACC,cAAA,KAACC;oCACC9C,eAAeA;oCACfC,aAAaA;oCACb8C,OAAO7C,IAAIa,EAAE;oCACbuB,YAAYA;oCACZU,SAAQ;oCACRR,SAAS,CAACpC,gBAAgBD,kBAAkB;oCAC5CkE,OAAO/D,mBAAmBgE;oCAC1BC,gBAAgBjE,mBAAmBkE;oCACnCpC,YAAYA;;;0CAGhB,KAACS;0CACC,cAAA,KAACC;oCACC9C,eAAeA;oCACfC,aAAaA;oCACb8C,OAAO7C,IAAIa,EAAE;oCACbuB,YAAYA;oCACZU,SAAQ;oCACRR,SAAS,CAACpC,gBAAgBD,kBAAkB;oCAC5CiC,YAAYA;;;;;;;;;AAO1B;AAEA,SAASU,eAAe,EACtB9C,aAAa,EACbC,WAAW,EACX8C,KAAK,EACLT,UAAU,EACVU,OAAO,EACPR,OAAO,EACP6B,KAAK,EACLE,iBAAiB,KAAK,EACtBnC,UAAU,EAYX;IACC,qBACE,MAAChD;QACCuE,IAAG;QACHC,QAAQ;YAAC5D;YAAeC;YAAa4D,eAAed;QAAK;QACzDgB,QACElE,wBACE;YAACyC;YAAY,GAAIU,YAAY,YAAY,CAAC,IAAI;gBAACyB,KAAKzB;YAAO,CAAC;QAAC,GAC7D;YAACV;QAAU;QAGf0B,SAAS5B;QACT6B,gBAAczB,UAAU,SAASkB;QACjC9B,cACEyC,QACI,GAAGnD,aAAa8B,SAAS,EAAE,EAAEuB,iBAAiB,GAAGF,MAAM,QAAQ,CAAC,GAAGA,OAAO,GAC1EX;QAENpC,WAAWnC,GACT,iRACAqD,WAAW;;YAGZtB,aAAa8B;YACbqB,sBACC,MAACxC;gBACCI,eAAY;gBACZX,WAAU;;oBAET+C;oBACAE,iBAAiB,MAAM;;iBAExB;;;AAGV;AAEA,SAASrD,aAAa8B,OAA4B;IAChD,IAAIA,YAAY,eAAe,OAAO;IACtC,IAAIA,YAAY,UAAU,OAAO;IACjC,OAAO;AACT;AAEA,SAASvC,YAAYiE,IAAS,EAAEC,KAAU;IACxC,OAAOD,KAAKE,QAAQ,GAAGD,MAAMC,QAAQ,IAAIF,KAAK3D,EAAE,CAAC8D,aAAa,CAACF,MAAM5D,EAAE;AACzE"}

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

@@ -1,5 +1,4 @@
 import { type ReactNode } from 'react';
-import type { RunAnnotationSummary } from '#core/workflow-run-tabs.js';
 import { type WorkflowJobSearch, type WorkflowRunsSearch, type WorkflowRunTab } from '#routes/inputs.js';
 export interface WorkflowRunViewProps {
     projectId: string;
@@ -9,7 +8,6 @@ export interface WorkflowRunViewProps {
     runAttempt?: number | undefined;
     selection?: WorkflowRunsSearch | undefined;
     tab?: WorkflowRunTab | undefined;
-    annotationSummary?: RunAnnotationSummary | undefined;
     activeJobId?: string | undefined;
     jobSearch?: WorkflowJobSearch | undefined;
     jobContent?: ReactNode | undefined;
@@ -18,5 +16,5 @@ export interface WorkflowRunViewProps {
  * The persistent run workspace. Run-level sections and dedicated job routes share the same
  * header and job index, while the all-jobs Summary always opens on the dependency graph.
  */
-export declare function WorkflowRunView({ projectId, workspaceSlug, projectSlug, workflowRunId, runAttempt, selection, tab, annotationSummary, activeJobId, jobSearch, jobContent, }: WorkflowRunViewProps): import("react").JSX.Element;
+export declare function WorkflowRunView({ projectId, workspaceSlug, projectSlug, workflowRunId, runAttempt, selection, tab, activeJobId, jobSearch, jobContent, }: WorkflowRunViewProps): import("react").JSX.Element;
 //# sourceMappingURL=workflow-run-view.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-view.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/workflow-run-view.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAC,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AAOrE,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,cAAc,EAGpB,MAAM,mBAAmB,CAAC;AAiB3B,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC3C,GAAG,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACjC,iBAAiB,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC1C,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,SAAS,EACT,GAAG,EACH,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,UAAU,GACX,EAAE,oBAAoB,+BA0BtB"}
+{"version":3,"file":"workflow-run-view.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/workflow-run-view.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAUzD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,cAAc,EAGpB,MAAM,mBAAmB,CAAC;AAiB3B,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC3C,GAAG,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC1C,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,SAAS,EACT,GAAG,EACH,WAAW,EACX,SAAS,EACT,UAAU,GACX,EAAE,oBAAoB,+BA0CtB"}

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

@@ -5,14 +5,18 @@ import { EmptyState } from '@shipfox/react-ui/empty-state';
 import { RelativeTimeProvider } from '@shipfox/react-ui/relative-time';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@shipfox/react-ui/select';
 import { toast } from '@shipfox/react-ui/toast';
+import { Text } from '@shipfox/react-ui/typography';
 import { useNavigate } from '@tanstack/react-router';
-import { useEffect } from 'react';
+import { useEffect, useMemo } from 'react';
+import { buildRunAnnotationList } from '#core/run-annotation.js';
+import { isWorkflowRunTerminal } from '#core/workflow-run.js';
 import { withoutWorkflowRunSelectionSearch } from '#core/workflow-run-url-state.js';
+import { useRunAnnotationsQuery } from '#hooks/api/run-annotations.js';
 import { useCancelWorkflowRunMutation, useRerunWorkflowRunMutation, useWorkflowRunAttemptQuery } from '#hooks/api/workflow-runs.js';
 import { workflowJobSearchParams, workflowRunSearchParams } from '#routes/inputs.js';
 import { JobGraph } from '../job-graph/index.js';
 import { WorkflowRunSummary } from '../workflow-run-summary/index.js';
-import { RunAnnotationSummaryLine, RunAnnotationsEmpty } from '../workflow-run-tabs/index.js';
+import { RunAnnotationList, RunAnnotationSummaryLine } from '../workflow-run-tabs/index.js';
 import { WorkflowSourceContent } from '../workflow-source-panel/index.js';
 import { RunWorkspaceNav } from './run-workspace-nav.js';
 import { resolveWorkflowRunSelection } from './workflow-run-selection.js';
@@ -20,12 +24,24 @@ import { WorkflowRunContentSkeleton, WorkflowRunNotFound, WorkflowRunSkeleton, W
 /**
  * The persistent run workspace. Run-level sections and dedicated job routes share the same
  * header and job index, while the all-jobs Summary always opens on the dependency graph.
- */ export function WorkflowRunView({ projectId, workspaceSlug, projectSlug, workflowRunId, runAttempt, selection, tab, annotationSummary, activeJobId, jobSearch, jobContent }) {
+ */ export function WorkflowRunView({ projectId, workspaceSlug, projectSlug, workflowRunId, runAttempt, selection, tab, activeJobId, jobSearch, jobContent }) {
     const runQuery = useWorkflowRunAttemptQuery({
         workflowRunId,
         runAttempt: selection?.runAttempt ?? runAttempt
     });
     const rerunMutation = useRerunWorkflowRunMutation(projectId);
+    // Annotations are read on their own cadence rather than hydrated into the run, so the two
+    // modules stay decoupled. The key is shared, so the job page's count chip costs no extra fetch.
+    //
+    // Polling is scoped to the surface that renders bodies. The read has no counts-only mode, so
+    // every poll transfers whole Markdown bodies; doing that every four seconds behind Summary,
+    // Source, and the job log spends megabytes to keep one rail number warm. Off that surface the
+    // counts still refresh on navigation and on window focus.
+    const annotationsQuery = useRunAnnotationsQuery({
+        workflowRunId,
+        runAttempt: runQuery.data?.runAttempt.attempt,
+        live: runWorkspaceSection(tab) === 'annotations' && !activeJobId && Boolean(runQuery.data) && !isWorkflowRunTerminal(runQuery.data?.runAttempt.status ?? 'pending')
+    });
     return /*#__PURE__*/ _jsx(RelativeTimeProvider, {
         children: /*#__PURE__*/ _jsx("div", {
             className: "flex min-h-0 min-w-0 flex-1 overflow-hidden",
@@ -33,11 +49,11 @@ import { WorkflowRunContentSkeleton, WorkflowRunNotFound, WorkflowRunSkeleton, W
                 workspaceSlug: workspaceSlug,
                 projectSlug: projectSlug,
                 query: runQuery,
+                annotations: annotationsQuery,
                 rerunMutation: rerunMutation,
                 runAttempt: runAttempt,
                 selection: selection,
                 tab: tab,
-                annotationSummary: annotationSummary,
                 activeJobId: activeJobId,
                 jobSearch: jobSearch,
                 jobContent: jobContent
@@ -45,9 +61,10 @@ import { WorkflowRunContentSkeleton, WorkflowRunNotFound, WorkflowRunSkeleton, W
         })
     });
 }
-function RunViewContent({ workspaceSlug, projectSlug, query, rerunMutation, runAttempt, selection, tab, annotationSummary, activeJobId, jobSearch, jobContent }) {
+function RunViewContent({ workspaceSlug, projectSlug, query, annotations, rerunMutation, runAttempt, selection, tab, activeJobId, jobSearch, jobContent }) {
     const navigate = useNavigate();
     const runData = query.data;
+    const annotationSummary = annotations.summary;
     const activeSection = runWorkspaceSection(tab);
     const cancelMutation = useCancelWorkflowRunMutation(runData);
     const sourceSnapshot = runData?.sourceSnapshot ?? null;
@@ -147,6 +164,29 @@ function RunViewContent({ workspaceSlug, projectSlug, query, rerunMutation, runA
             search: workflowRunSearchParams(nextSearch, nextSearch)
         });
     }
+    function clearAnnotationFilters() {
+        if (!runData || !workspaceSlug || !projectSlug) return;
+        const nextSearch = {
+            ...selection,
+            tab: 'annotations'
+        };
+        delete nextSearch.jobId;
+        delete nextSearch.jobExecutionId;
+        delete nextSearch.stepId;
+        delete nextSearch.stepAttemptId;
+        delete nextSearch.severity;
+        delete nextSearch.annotation;
+        void navigate({
+            to: '/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId',
+            params: {
+                workspaceSlug,
+                projectSlug,
+                workflowRunId: runData.id
+            },
+            search: workflowRunSearchParams(nextSearch, nextSearch),
+            replace: true
+        });
+    }
     function cancelRun() {
         cancelMutation.mutate(undefined, {
             onError: (error)=>toast.error(cancelErrorMessage(error))
@@ -193,6 +233,7 @@ function RunViewContent({ workspaceSlug, projectSlug, query, rerunMutation, runA
                         children: runData && jobContent ? jobContent : runData ? /*#__PURE__*/ _jsx(RunSectionContent, {
                             section: activeSection,
                             run: runData,
+                            annotations: annotations,
                             annotationSummary: annotationSummary,
                             workspaceSlug: workspaceSlug,
                             projectSlug: projectSlug,
@@ -200,6 +241,7 @@ function RunViewContent({ workspaceSlug, projectSlug, query, rerunMutation, runA
                             selectedJobId: selection?.jobId,
                             onSelectGraphJob: selectGraphJob,
                             onSelectAnnotationJob: selectAnnotationJob,
+                            onClearAnnotationFilters: clearAnnotationFilters,
                             sourceSnapshot: sourceSnapshot,
                             highlightedLineRange: highlightedLineRange
                         }) : /*#__PURE__*/ _jsx("div", {
@@ -212,69 +254,125 @@ function RunViewContent({ workspaceSlug, projectSlug, query, rerunMutation, runA
         ]
     });
 }
-function RunSectionContent({ section, run, annotationSummary, workspaceSlug, projectSlug, selection, selectedJobId, onSelectGraphJob, onSelectAnnotationJob, sourceSnapshot, highlightedLineRange }) {
+function RunSectionContent({ section, run, annotations, annotationSummary, workspaceSlug, projectSlug, selection, selectedJobId, onSelectGraphJob, onSelectAnnotationJob, onClearAnnotationFilters, sourceSnapshot, highlightedLineRange }) {
     if (section === 'summary') {
         return /*#__PURE__*/ _jsx("section", {
             "aria-label": "All jobs summary",
             className: "min-h-0 flex-1 overflow-auto pb-24 pt-16",
-            children: /*#__PURE__*/ _jsx("div", {
-                className: "mx-auto flex w-full max-w-[1120px] flex-col gap-16 px-24",
-                children: /*#__PURE__*/ _jsx(JobGraph, {
-                    run: run,
-                    selectedJobId: selectedJobId,
-                    onSelectedJobChange: onSelectGraphJob,
-                    className: "min-h-160 overflow-hidden"
-                })
-            })
-        });
-    }
-    if (section === 'annotations') {
-        const selectedJob = run.jobs.find((job)=>job.id === selectedJobId);
-        return /*#__PURE__*/ _jsx("section", {
-            "aria-label": "Run annotations",
-            className: "min-h-0 flex-1 overflow-auto pb-24 pt-16",
             children: /*#__PURE__*/ _jsxs("div", {
                 className: "mx-auto flex w-full max-w-[1120px] flex-col gap-16 px-24",
                 children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: "flex flex-wrap items-center justify-between gap-8",
-                        children: [
-                            /*#__PURE__*/ _jsx(RunAnnotationSummaryLine, {
-                                summary: annotationSummary,
-                                workspaceSlug: workspaceSlug,
-                                projectSlug: projectSlug,
-                                workflowRunId: run.id,
-                                search: selection
-                            }),
-                            /*#__PURE__*/ _jsx(AnnotationJobFilter, {
-                                jobs: run.jobs,
-                                selectedJobId: selectedJob?.id,
-                                onSelect: onSelectAnnotationJob
-                            })
-                        ]
+                    /*#__PURE__*/ _jsx(Text, {
+                        as: "h2",
+                        className: "sr-only",
+                        children: "All jobs summary"
                     }),
-                    /*#__PURE__*/ _jsx(RunAnnotationsEmpty, {
-                        jobName: selectedJob?.displayName
+                    /*#__PURE__*/ _jsx(JobGraph, {
+                        run: run,
+                        selectedJobId: selectedJobId,
+                        onSelectedJobChange: onSelectGraphJob,
+                        className: "min-h-160 overflow-hidden"
                     })
                 ]
             })
         });
     }
+    if (section === 'annotations') {
+        return /*#__PURE__*/ _jsx(RunAnnotationsSection, {
+            run: run,
+            annotations: annotations,
+            annotationSummary: annotationSummary,
+            workspaceSlug: workspaceSlug,
+            projectSlug: projectSlug,
+            selection: selection,
+            selectedJobId: selectedJobId,
+            onSelectAnnotationJob: onSelectAnnotationJob,
+            onClearAnnotationFilters: onClearAnnotationFilters
+        });
+    }
     return /*#__PURE__*/ _jsx("section", {
         "aria-label": "Workflow source",
         className: "min-h-0 flex-1 overflow-auto pb-24 pt-16",
-        children: /*#__PURE__*/ _jsx("div", {
-            className: "mx-auto flex min-h-full w-full max-w-[1120px] px-24",
-            children: sourceSnapshot ? /*#__PURE__*/ _jsx(WorkflowSourceContent, {
-                source: sourceSnapshot,
-                highlightedLineRange: highlightedLineRange,
-                scrollHighlightedIntoView: true
-            }) : /*#__PURE__*/ _jsx(EmptyState, {
-                className: "min-h-160 w-full",
-                icon: "fileDamageLine",
-                title: "Source snapshot unavailable",
-                description: run.isTemporary ? 'Temporary runs do not capture workflow source.' : 'This run was created before workflow source snapshots were captured.'
-            })
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "mx-auto flex min-h-full w-full max-w-[1120px] flex-col px-24",
+            children: [
+                /*#__PURE__*/ _jsx(Text, {
+                    as: "h2",
+                    className: "sr-only",
+                    children: "Workflow source"
+                }),
+                sourceSnapshot ? /*#__PURE__*/ _jsx(WorkflowSourceContent, {
+                    source: sourceSnapshot,
+                    highlightedLineRange: highlightedLineRange,
+                    scrollHighlightedIntoView: true
+                }) : /*#__PURE__*/ _jsx(EmptyState, {
+                    className: "min-h-160 w-full",
+                    icon: "fileDamageLine",
+                    title: "Source snapshot unavailable",
+                    description: run.isTemporary ? 'Temporary runs do not capture workflow source.' : 'This run was created before workflow source snapshots were captured.'
+                })
+            ]
+        })
+    });
+}
+function RunAnnotationsSection({ run, annotations, annotationSummary, workspaceSlug, projectSlug, selection, selectedJobId, onSelectAnnotationJob, onClearAnnotationFilters }) {
+    const selectedJob = run.jobs.find((job)=>job.id === selectedJobId);
+    const severity = selection?.severity;
+    const records = annotations.annotations;
+    const entries = useMemo(()=>records ? buildRunAnnotationList({
+            annotations: records,
+            jobs: run.jobs,
+            severity,
+            jobId: selectedJob?.id
+        }) : undefined, [
+        records,
+        run.jobs,
+        selectedJob?.id,
+        severity
+    ]);
+    return /*#__PURE__*/ _jsx("section", {
+        "aria-label": "Run annotations",
+        className: "min-h-0 flex-1 overflow-auto pb-24 pt-16",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "mx-auto flex w-full max-w-[1120px] flex-col gap-16 px-24",
+            children: [
+                /*#__PURE__*/ _jsx(Text, {
+                    as: "h2",
+                    className: "sr-only",
+                    children: "Annotations"
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex flex-wrap items-center justify-between gap-8",
+                    children: [
+                        /*#__PURE__*/ _jsx(RunAnnotationSummaryLine, {
+                            summary: annotationSummary,
+                            workspaceSlug: workspaceSlug,
+                            projectSlug: projectSlug,
+                            workflowRunId: run.id,
+                            search: selection
+                        }),
+                        /*#__PURE__*/ _jsx(AnnotationJobFilter, {
+                            jobs: run.jobs,
+                            selectedJobId: selectedJob?.id,
+                            onSelect: onSelectAnnotationJob
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(RunAnnotationList, {
+                    query: annotations.query,
+                    entries: entries,
+                    workspaceSlug: workspaceSlug,
+                    projectSlug: projectSlug,
+                    workflowRunId: run.id,
+                    runAttempt: run.runAttempt.attempt,
+                    // A run with no annotations at all offers no filter to clear, whatever the URL says.
+                    filtered: Boolean((severity || selectedJob) && (annotationSummary?.total ?? 0) > 0),
+                    filteredJobName: selectedJob?.displayName,
+                    filteredSeverity: severity,
+                    onClearFilters: onClearAnnotationFilters,
+                    selectedAnnotationId: selection?.annotation
+                }, `${run.id}:${run.runAttempt.attempt}:${severity ?? 'all'}:${selectedJob?.id ?? 'all'}`)
+            ]
         })
     });
 }