@shipfox/client-workflows 15.0.0 → 16.0.0

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

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

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

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

package/dist/components/workflow-run-tabs/run-annotation-item.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AnnotationCard } from '@shipfox/client-ui';
+import { Button } from '@shipfox/react-ui/button';
+import { Icon } from '@shipfox/react-ui/icon';
+import { Text } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
+import { Link } from '@tanstack/react-router';
+import { useEffect, useRef } from 'react';
+import { workflowJobSearchParams } from '#routes/inputs.js';
+/**
+ * One annotation, and the only place in the product that renders an annotation body.
+ *
+ * The title is the annotation's `context`, which is what the emitting step named the block.
+ * Everything below it exists so a reader can get from a diagnostic back to its cause.
+ */ export function RunAnnotationItem({ entry, workspaceSlug, projectSlug, workflowRunId, runAttempt, selected = false }) {
+    const { annotation, origin } = entry;
+    const canLink = Boolean(origin && workspaceSlug && projectSlug);
+    const itemRef = useRef(null);
+    const focusedRef = useRef(false);
+    useEffect(()=>{
+        if (!selected) {
+            focusedRef.current = false;
+            return;
+        }
+        if (focusedRef.current) return;
+        // A deep link that only scrolls leaves a keyboard or screen-reader user at the document
+        // start while the page moves under them.
+        focusedRef.current = true;
+        itemRef.current?.focus({
+            preventScroll: true
+        });
+        itemRef.current?.scrollIntoView({
+            block: 'nearest'
+        });
+    }, [
+        selected
+    ]);
+    return /*#__PURE__*/ _jsx("li", {
+        ref: itemRef,
+        tabIndex: -1,
+        "aria-current": selected ? 'true' : undefined,
+        className: cn('rounded-8 outline-none focus-visible:shadow-border-interactive-with-active', selected && 'shadow-border-interactive-with-active'),
+        children: /*#__PURE__*/ _jsx(AnnotationCard, {
+            id: annotationElementId(annotation.id),
+            style: annotation.style,
+            title: annotation.context,
+            titleAs: "h3",
+            provenance: /*#__PURE__*/ _jsx(RunAnnotationProvenance, {
+                entry: entry
+            }),
+            body: annotation.body,
+            action: canLink && origin ? /*#__PURE__*/ _jsx(Button, {
+                asChild: true,
+                size: "xs",
+                variant: "transparent",
+                className: "[@media(pointer:coarse)]:min-h-44",
+                children: /*#__PURE__*/ _jsxs(Link, {
+                    to: "/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId/jobs/$jobId",
+                    params: {
+                        workspaceSlug: workspaceSlug ?? '',
+                        projectSlug: projectSlug ?? '',
+                        workflowRunId,
+                        jobId: origin.jobId
+                    },
+                    search: workflowJobSearchParams({
+                        jobExecutionId: origin.jobExecutionId,
+                        stepId: origin.stepId,
+                        stepAttemptId: origin.stepAttemptId,
+                        runAttempt
+                    }),
+                    children: [
+                        "Open step",
+                        /*#__PURE__*/ _jsx(Icon, {
+                            name: "arrowRightLine",
+                            size: 12,
+                            "aria-hidden": "true"
+                        })
+                    ]
+                })
+            }) : null
+        })
+    });
+}
+/** `job · execution #2 · run tests · attempt 1`, dropping any part the run no longer resolves. */ function RunAnnotationProvenance({ entry }) {
+    const parts = [
+        entry.jobName,
+        entry.executionLabel,
+        entry.stepLabel,
+        entry.attemptLabel
+    ].filter((part)=>Boolean(part));
+    return /*#__PURE__*/ _jsx(Text, {
+        as: "p",
+        size: "xs",
+        className: "min-w-0 break-words font-code text-foreground-neutral-subtle",
+        children: parts.join(' · ')
+    });
+}
+/** Stable element id so `?annotation=<id>` can scroll to and highlight one annotation. */ export function annotationElementId(annotationId) {
+    return `run-annotation-${annotationId}`;
+}
+
+//# sourceMappingURL=run-annotation-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-tabs/run-annotation-item.tsx"],"sourcesContent":["import {AnnotationCard} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {useEffect, useRef} from 'react';\nimport type {RunAnnotationEntry} from '#core/run-annotation.js';\nimport {workflowJobSearchParams} from '#routes/inputs.js';\n\nexport interface RunAnnotationItemProps {\n  entry: RunAnnotationEntry;\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n  workflowRunId: string;\n  runAttempt?: number | undefined;\n  /** Deep-link target from `?annotation=`, which takes focus rather than only being scrolled to. */\n  selected?: boolean | undefined;\n}\n\n/**\n * One annotation, and the only place in the product that renders an annotation body.\n *\n * The title is the annotation's `context`, which is what the emitting step named the block.\n * Everything below it exists so a reader can get from a diagnostic back to its cause.\n */\nexport function RunAnnotationItem({\n  entry,\n  workspaceSlug,\n  projectSlug,\n  workflowRunId,\n  runAttempt,\n  selected = false,\n}: RunAnnotationItemProps) {\n  const {annotation, origin} = entry;\n  const canLink = Boolean(origin && workspaceSlug && projectSlug);\n  const itemRef = useRef<HTMLLIElement>(null);\n  const focusedRef = useRef(false);\n\n  useEffect(() => {\n    if (!selected) {\n      focusedRef.current = false;\n      return;\n    }\n    if (focusedRef.current) return;\n\n    // A deep link that only scrolls leaves a keyboard or screen-reader user at the document\n    // start while the page moves under them.\n    focusedRef.current = true;\n    itemRef.current?.focus({preventScroll: true});\n    itemRef.current?.scrollIntoView({block: 'nearest'});\n  }, [selected]);\n\n  return (\n    <li\n      ref={itemRef}\n      tabIndex={-1}\n      aria-current={selected ? 'true' : undefined}\n      className={cn(\n        'rounded-8 outline-none focus-visible:shadow-border-interactive-with-active',\n        selected && 'shadow-border-interactive-with-active',\n      )}\n    >\n      <AnnotationCard\n        id={annotationElementId(annotation.id)}\n        style={annotation.style}\n        title={annotation.context}\n        titleAs=\"h3\"\n        provenance={<RunAnnotationProvenance entry={entry} />}\n        body={annotation.body}\n        action={\n          canLink && origin ? (\n            <Button\n              asChild\n              size=\"xs\"\n              variant=\"transparent\"\n              className=\"[@media(pointer:coarse)]:min-h-44\"\n            >\n              <Link\n                to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId/jobs/$jobId\"\n                params={{\n                  workspaceSlug: workspaceSlug ?? '',\n                  projectSlug: projectSlug ?? '',\n                  workflowRunId,\n                  jobId: origin.jobId,\n                }}\n                search={\n                  workflowJobSearchParams({\n                    jobExecutionId: origin.jobExecutionId,\n                    stepId: origin.stepId,\n                    stepAttemptId: origin.stepAttemptId,\n                    runAttempt,\n                  }) as never\n                }\n              >\n                Open step\n                <Icon name=\"arrowRightLine\" size={12} aria-hidden=\"true\" />\n              </Link>\n            </Button>\n          ) : null\n        }\n      />\n    </li>\n  );\n}\n\n/** `job · execution #2 · run tests · attempt 1`, dropping any part the run no longer resolves. */\nfunction RunAnnotationProvenance({entry}: {entry: RunAnnotationEntry}) {\n  const parts = [entry.jobName, entry.executionLabel, entry.stepLabel, entry.attemptLabel].filter(\n    (part): part is string => Boolean(part),\n  );\n\n  return (\n    <Text as=\"p\" size=\"xs\" className=\"min-w-0 break-words font-code text-foreground-neutral-subtle\">\n      {parts.join(' · ')}\n    </Text>\n  );\n}\n\n/** Stable element id so `?annotation=<id>` can scroll to and highlight one annotation. */\nexport function annotationElementId(annotationId: string): string {\n  return `run-annotation-${annotationId}`;\n}\n"],"names":["AnnotationCard","Button","Icon","Text","cn","Link","useEffect","useRef","workflowJobSearchParams","RunAnnotationItem","entry","workspaceSlug","projectSlug","workflowRunId","runAttempt","selected","annotation","origin","canLink","Boolean","itemRef","focusedRef","current","focus","preventScroll","scrollIntoView","block","li","ref","tabIndex","aria-current","undefined","className","id","annotationElementId","style","title","context","titleAs","provenance","RunAnnotationProvenance","body","action","asChild","size","variant","to","params","jobId","search","jobExecutionId","stepId","stepAttemptId","name","aria-hidden","parts","jobName","executionLabel","stepLabel","attemptLabel","filter","part","as","join","annotationId"],"mappings":";AAAA,SAAQA,cAAc,QAAO,qBAAqB;AAClD,SAAQC,MAAM,QAAO,2BAA2B;AAChD,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,SAAS,EAAEC,MAAM,QAAO,QAAQ;AAExC,SAAQC,uBAAuB,QAAO,oBAAoB;AAY1D;;;;;CAKC,GACD,OAAO,SAASC,kBAAkB,EAChCC,KAAK,EACLC,aAAa,EACbC,WAAW,EACXC,aAAa,EACbC,UAAU,EACVC,WAAW,KAAK,EACO;IACvB,MAAM,EAACC,UAAU,EAAEC,MAAM,EAAC,GAAGP;IAC7B,MAAMQ,UAAUC,QAAQF,UAAUN,iBAAiBC;IACnD,MAAMQ,UAAUb,OAAsB;IACtC,MAAMc,aAAad,OAAO;IAE1BD,UAAU;QACR,IAAI,CAACS,UAAU;YACbM,WAAWC,OAAO,GAAG;YACrB;QACF;QACA,IAAID,WAAWC,OAAO,EAAE;QAExB,wFAAwF;QACxF,yCAAyC;QACzCD,WAAWC,OAAO,GAAG;QACrBF,QAAQE,OAAO,EAAEC,MAAM;YAACC,eAAe;QAAI;QAC3CJ,QAAQE,OAAO,EAAEG,eAAe;YAACC,OAAO;QAAS;IACnD,GAAG;QAACX;KAAS;IAEb,qBACE,KAACY;QACCC,KAAKR;QACLS,UAAU,CAAC;QACXC,gBAAcf,WAAW,SAASgB;QAClCC,WAAW5B,GACT,8EACAW,YAAY;kBAGd,cAAA,KAACf;YACCiC,IAAIC,oBAAoBlB,WAAWiB,EAAE;YACrCE,OAAOnB,WAAWmB,KAAK;YACvBC,OAAOpB,WAAWqB,OAAO;YACzBC,SAAQ;YACRC,0BAAY,KAACC;gBAAwB9B,OAAOA;;YAC5C+B,MAAMzB,WAAWyB,IAAI;YACrBC,QACExB,WAAWD,uBACT,KAAChB;gBACC0C,OAAO;gBACPC,MAAK;gBACLC,SAAQ;gBACRb,WAAU;0BAEV,cAAA,MAAC3B;oBACCyC,IAAG;oBACHC,QAAQ;wBACNpC,eAAeA,iBAAiB;wBAChCC,aAAaA,eAAe;wBAC5BC;wBACAmC,OAAO/B,OAAO+B,KAAK;oBACrB;oBACAC,QACEzC,wBAAwB;wBACtB0C,gBAAgBjC,OAAOiC,cAAc;wBACrCC,QAAQlC,OAAOkC,MAAM;wBACrBC,eAAenC,OAAOmC,aAAa;wBACnCtC;oBACF;;wBAEH;sCAEC,KAACZ;4BAAKmD,MAAK;4BAAiBT,MAAM;4BAAIU,eAAY;;;;iBAGpD;;;AAKd;AAEA,gGAAgG,GAChG,SAASd,wBAAwB,EAAC9B,KAAK,EAA8B;IACnE,MAAM6C,QAAQ;QAAC7C,MAAM8C,OAAO;QAAE9C,MAAM+C,cAAc;QAAE/C,MAAMgD,SAAS;QAAEhD,MAAMiD,YAAY;KAAC,CAACC,MAAM,CAC7F,CAACC,OAAyB1C,QAAQ0C;IAGpC,qBACE,KAAC1D;QAAK2D,IAAG;QAAIlB,MAAK;QAAKZ,WAAU;kBAC9BuB,MAAMQ,IAAI,CAAC;;AAGlB;AAEA,wFAAwF,GACxF,OAAO,SAAS7B,oBAAoB8B,YAAoB;IACtD,OAAO,CAAC,eAAe,EAAEA,cAAc;AACzC"}

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

@@ -0,0 +1,32 @@
+import { type QueryLoadErrorQuery } from '@shipfox/client-ui';
+import type { RunAnnotationEntry } from '#core/run-annotation.js';
+export interface RunAnnotationListQuery extends QueryLoadErrorQuery {
+    isPending: boolean;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    fetchNextPage: () => unknown;
+}
+export interface RunAnnotationListProps {
+    query: RunAnnotationListQuery;
+    entries: RunAnnotationEntry[] | undefined;
+    workflowRunId: string;
+    workspaceSlug?: string | undefined;
+    projectSlug?: string | undefined;
+    runAttempt?: number | undefined;
+    /** Name of the job the list is filtered to, used only for empty-state copy. */
+    filteredJobName?: string | undefined;
+    /** Active severity filter, named in the empty state so the reader knows what to clear. */
+    filteredSeverity?: string | undefined;
+    filtered: boolean;
+    onClearFilters?: (() => void) | undefined;
+    /** Annotation id from `?annotation=`, which the matching card scrolls to and focuses. */
+    selectedAnnotationId?: string | undefined;
+}
+/**
+ * The annotations list.
+ *
+ * Loading, empty, error, and stale are four distinct renderings on purpose: coalescing a failed
+ * fetch into an empty result tells a reader their run is clean when the truth is unknown.
+ */
+export declare function RunAnnotationList({ query, entries, workflowRunId, workspaceSlug, projectSlug, runAttempt, filteredJobName, filteredSeverity, filtered, onClearFilters, selectedAnnotationId, }: RunAnnotationListProps): import("react").JSX.Element;
+//# sourceMappingURL=run-annotation-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"run-annotation-list.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-tabs/run-annotation-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAO5E,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAIhE,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,MAAM,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,OAAO,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IAC1C,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1C,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3C;AAWD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,oBAAoB,GACrB,EAAE,sBAAsB,+BA8ExB"}

package/dist/components/workflow-run-tabs/run-annotation-list.js

@@ -0,0 +1,202 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QueryLoadError } from '@shipfox/client-ui';
+import { Button } from '@shipfox/react-ui/button';
+import { Callout } from '@shipfox/react-ui/callout';
+import { EmptyState } from '@shipfox/react-ui/empty-state';
+import { Skeleton } from '@shipfox/react-ui/skeleton';
+import { Text } from '@shipfox/react-ui/typography';
+import { useState } from 'react';
+import { RunAnnotationItem } from './run-annotation-item.js';
+import { RunAnnotationsEmpty } from './run-annotations-empty.js';
+/**
+ * How many annotations render at once.
+ *
+ * A page holds up to 500 rows and each one mounts a Markdown pipeline, so the fetch budget is
+ * not a render budget. The window grows on demand and the server page only loads once the
+ * reader has actually seen everything already fetched.
+ */ const RENDER_WINDOW = 25;
+/**
+ * The annotations list.
+ *
+ * Loading, empty, error, and stale are four distinct renderings on purpose: coalescing a failed
+ * fetch into an empty result tells a reader their run is clean when the truth is unknown.
+ */ export function RunAnnotationList({ query, entries, workflowRunId, workspaceSlug, projectSlug, runAttempt, filteredJobName, filteredSeverity, filtered, onClearFilters, selectedAnnotationId }) {
+    const [visibleCount, setVisibleCount] = useState(RENDER_WINDOW);
+    // A deep-linked annotation past the window would otherwise be unreachable: it is in the data,
+    // absent from the DOM, and nothing on screen says so.
+    const selectedIndex = selectedAnnotationId ? entries?.findIndex((entry)=>entry.annotation.id === selectedAnnotationId) ?? -1 : -1;
+    const renderCount = Math.max(visibleCount, selectedIndex + 1);
+    if (query.isPending) return /*#__PURE__*/ _jsx(RunAnnotationListSkeleton, {});
+    if (query.isError && entries === undefined) {
+        return /*#__PURE__*/ _jsx(QueryLoadError, {
+            query: query,
+            subject: "annotations",
+            icon: "fileDamageLine"
+        });
+    }
+    if (entries === undefined) return /*#__PURE__*/ _jsx(RunAnnotationListSkeleton, {});
+    const visible = entries.slice(0, renderCount);
+    const hiddenCount = entries.length - visible.length;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex min-w-0 flex-col gap-12",
+        children: [
+            query.isError ? /*#__PURE__*/ _jsx(RunAnnotationStaleError, {
+                query: query
+            }) : null,
+            entries.length === 0 ? filtered ? /*#__PURE__*/ _jsx(RunAnnotationsFilteredEmpty, {
+                jobName: filteredJobName,
+                severity: filteredSeverity,
+                incomplete: query.hasNextPage,
+                onClearFilters: onClearFilters
+            }) : /*#__PURE__*/ _jsx(RunAnnotationsEmpty, {}) : /*#__PURE__*/ _jsx("ol", {
+                className: "flex min-w-0 flex-col gap-12",
+                children: visible.map((entry)=>/*#__PURE__*/ _jsx(RunAnnotationItem, {
+                        entry: entry,
+                        workspaceSlug: workspaceSlug,
+                        projectSlug: projectSlug,
+                        workflowRunId: workflowRunId,
+                        runAttempt: runAttempt,
+                        selected: entry.annotation.id === selectedAnnotationId
+                    }, entry.annotation.id))
+            }),
+            hiddenCount > 0 ? /*#__PURE__*/ _jsxs(Button, {
+                type: "button",
+                size: "sm",
+                variant: "secondary",
+                className: "self-start [@media(pointer:coarse)]:min-h-44",
+                onClick: ()=>setVisibleCount((current)=>current + RENDER_WINDOW),
+                children: [
+                    "Show ",
+                    Math.min(hiddenCount, RENDER_WINDOW),
+                    " more of ",
+                    entries.length
+                ]
+            }) : query.hasNextPage ? /*#__PURE__*/ _jsx(Button, {
+                type: "button",
+                size: "sm",
+                variant: "secondary",
+                className: "self-start [@media(pointer:coarse)]:min-h-44",
+                isLoading: query.isFetchingNextPage,
+                onClick: ()=>{
+                    void query.fetchNextPage();
+                },
+                children: "Load more annotations"
+            }) : null
+        ]
+    });
+}
+/**
+ * Names the filters that are actually active.
+ *
+ * Blaming severity for a job-only filter sends the reader to change the wrong control, which
+ * is worse than saying nothing.
+ */ function filteredEmptyDescription({ jobName, severity, incomplete }) {
+    if (incomplete) {
+        if (jobName && severity) {
+            return `None of the loaded annotations are from ${jobName} at ${severity} severity. Load more annotations to continue searching.`;
+        }
+        if (jobName) {
+            return `None of the loaded annotations are from ${jobName}. Load more annotations to continue searching.`;
+        }
+        if (severity) {
+            return `None of the loaded annotations are at ${severity} severity. Load more annotations to continue searching.`;
+        }
+        return 'None of the loaded annotations match the current filters. Load more annotations to continue searching.';
+    }
+    if (jobName && severity) {
+        return `This run has annotations, but none from ${jobName} at ${severity} severity.`;
+    }
+    if (jobName) return `This run has annotations, but none from ${jobName}.`;
+    if (severity) return `This run has annotations, but none at ${severity} severity.`;
+    return 'This run has annotations, but none match the current filters.';
+}
+function RunAnnotationsFilteredEmpty({ jobName, severity, incomplete, onClearFilters }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col items-center gap-12",
+        children: [
+            /*#__PURE__*/ _jsx(EmptyState, {
+                icon: "fileDamageLine",
+                title: incomplete ? 'No matches in loaded annotations' : 'No matching annotations',
+                description: filteredEmptyDescription({
+                    jobName,
+                    severity,
+                    incomplete
+                })
+            }),
+            onClearFilters ? /*#__PURE__*/ _jsx(Button, {
+                type: "button",
+                size: "sm",
+                variant: "secondary",
+                className: "[@media(pointer:coarse)]:min-h-44",
+                onClick: onClearFilters,
+                children: "Clear filters"
+            }) : null
+        ]
+    });
+}
+/**
+ * A failed poll keeps the annotations already on screen and marks them stale rather than
+ * clearing. Polite rather than assertive: the poll runs every 4s and a flapping API would
+ * otherwise interrupt a screen reader on every cycle.
+ */ function RunAnnotationStaleError({ query }) {
+    return /*#__PURE__*/ _jsx(Callout, {
+        role: "status",
+        "aria-live": "polite",
+        type: "error",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "flex w-full items-center justify-between gap-8",
+            children: [
+                /*#__PURE__*/ _jsx(Text, {
+                    size: "xs",
+                    children: "Could not refresh annotations."
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    type: "button",
+                    size: "2xs",
+                    variant: "secondary",
+                    className: "[@media(pointer:coarse)]:min-h-44",
+                    isLoading: query.isFetching,
+                    onClick: ()=>{
+                        void query.refetch();
+                    },
+                    children: "Retry"
+                })
+            ]
+        })
+    });
+}
+const ANNOTATION_SKELETON_ROWS = [
+    'first',
+    'second',
+    'third'
+];
+function RunAnnotationListSkeleton() {
+    return /*#__PURE__*/ _jsx("section", {
+        "aria-label": "Loading annotations",
+        className: "flex flex-col gap-12",
+        children: ANNOTATION_SKELETON_ROWS.map((row)=>/*#__PURE__*/ _jsxs("div", {
+                className: "flex gap-12 rounded-8 border border-border-neutral-base bg-background-components-base px-12 py-8",
+                children: [
+                    /*#__PURE__*/ _jsx(Skeleton, {
+                        className: "h-40 w-4 rounded-full"
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex min-w-0 flex-1 flex-col gap-6",
+                        children: [
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-20 w-160 rounded-4"
+                            }),
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-16 w-240 rounded-4"
+                            }),
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-40 w-full rounded-4"
+                            })
+                        ]
+                    })
+                ]
+            }, row))
+    });
+}
+
+//# sourceMappingURL=run-annotation-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-tabs/run-annotation-list.tsx"],"sourcesContent":["import {QueryLoadError, type QueryLoadErrorQuery} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {useState} from 'react';\nimport type {RunAnnotationEntry} from '#core/run-annotation.js';\nimport {RunAnnotationItem} from './run-annotation-item.js';\nimport {RunAnnotationsEmpty} from './run-annotations-empty.js';\n\nexport interface RunAnnotationListQuery extends QueryLoadErrorQuery {\n  isPending: boolean;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  fetchNextPage: () => unknown;\n}\n\nexport interface RunAnnotationListProps {\n  query: RunAnnotationListQuery;\n  entries: RunAnnotationEntry[] | undefined;\n  workflowRunId: string;\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n  runAttempt?: number | undefined;\n  /** Name of the job the list is filtered to, used only for empty-state copy. */\n  filteredJobName?: string | undefined;\n  /** Active severity filter, named in the empty state so the reader knows what to clear. */\n  filteredSeverity?: string | undefined;\n  filtered: boolean;\n  onClearFilters?: (() => void) | undefined;\n  /** Annotation id from `?annotation=`, which the matching card scrolls to and focuses. */\n  selectedAnnotationId?: string | undefined;\n}\n\n/**\n * How many annotations render at once.\n *\n * A page holds up to 500 rows and each one mounts a Markdown pipeline, so the fetch budget is\n * not a render budget. The window grows on demand and the server page only loads once the\n * reader has actually seen everything already fetched.\n */\nconst RENDER_WINDOW = 25;\n\n/**\n * The annotations list.\n *\n * Loading, empty, error, and stale are four distinct renderings on purpose: coalescing a failed\n * fetch into an empty result tells a reader their run is clean when the truth is unknown.\n */\nexport function RunAnnotationList({\n  query,\n  entries,\n  workflowRunId,\n  workspaceSlug,\n  projectSlug,\n  runAttempt,\n  filteredJobName,\n  filteredSeverity,\n  filtered,\n  onClearFilters,\n  selectedAnnotationId,\n}: RunAnnotationListProps) {\n  const [visibleCount, setVisibleCount] = useState(RENDER_WINDOW);\n\n  // A deep-linked annotation past the window would otherwise be unreachable: it is in the data,\n  // absent from the DOM, and nothing on screen says so.\n  const selectedIndex = selectedAnnotationId\n    ? (entries?.findIndex((entry) => entry.annotation.id === selectedAnnotationId) ?? -1)\n    : -1;\n  const renderCount = Math.max(visibleCount, selectedIndex + 1);\n\n  if (query.isPending) return <RunAnnotationListSkeleton />;\n\n  if (query.isError && entries === undefined) {\n    return <QueryLoadError query={query} subject=\"annotations\" icon=\"fileDamageLine\" />;\n  }\n\n  if (entries === undefined) return <RunAnnotationListSkeleton />;\n\n  const visible = entries.slice(0, renderCount);\n  const hiddenCount = entries.length - visible.length;\n\n  return (\n    <div className=\"flex min-w-0 flex-col gap-12\">\n      {query.isError ? <RunAnnotationStaleError query={query} /> : null}\n\n      {entries.length === 0 ? (\n        filtered ? (\n          <RunAnnotationsFilteredEmpty\n            jobName={filteredJobName}\n            severity={filteredSeverity}\n            incomplete={query.hasNextPage}\n            onClearFilters={onClearFilters}\n          />\n        ) : (\n          <RunAnnotationsEmpty />\n        )\n      ) : (\n        <ol className=\"flex min-w-0 flex-col gap-12\">\n          {visible.map((entry) => (\n            <RunAnnotationItem\n              key={entry.annotation.id}\n              entry={entry}\n              workspaceSlug={workspaceSlug}\n              projectSlug={projectSlug}\n              workflowRunId={workflowRunId}\n              runAttempt={runAttempt}\n              selected={entry.annotation.id === selectedAnnotationId}\n            />\n          ))}\n        </ol>\n      )}\n\n      {hiddenCount > 0 ? (\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant=\"secondary\"\n          className=\"self-start [@media(pointer:coarse)]:min-h-44\"\n          onClick={() => setVisibleCount((current) => current + RENDER_WINDOW)}\n        >\n          Show {Math.min(hiddenCount, RENDER_WINDOW)} more of {entries.length}\n        </Button>\n      ) : query.hasNextPage ? (\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant=\"secondary\"\n          className=\"self-start [@media(pointer:coarse)]:min-h-44\"\n          isLoading={query.isFetchingNextPage}\n          onClick={() => {\n            void query.fetchNextPage();\n          }}\n        >\n          Load more annotations\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Names the filters that are actually active.\n *\n * Blaming severity for a job-only filter sends the reader to change the wrong control, which\n * is worse than saying nothing.\n */\nfunction filteredEmptyDescription({\n  jobName,\n  severity,\n  incomplete,\n}: {\n  jobName: string | undefined;\n  severity: string | undefined;\n  incomplete: boolean;\n}): string {\n  if (incomplete) {\n    if (jobName && severity) {\n      return `None of the loaded annotations are from ${jobName} at ${severity} severity. Load more annotations to continue searching.`;\n    }\n    if (jobName) {\n      return `None of the loaded annotations are from ${jobName}. Load more annotations to continue searching.`;\n    }\n    if (severity) {\n      return `None of the loaded annotations are at ${severity} severity. Load more annotations to continue searching.`;\n    }\n    return 'None of the loaded annotations match the current filters. Load more annotations to continue searching.';\n  }\n  if (jobName && severity) {\n    return `This run has annotations, but none from ${jobName} at ${severity} severity.`;\n  }\n  if (jobName) return `This run has annotations, but none from ${jobName}.`;\n  if (severity) return `This run has annotations, but none at ${severity} severity.`;\n  return 'This run has annotations, but none match the current filters.';\n}\n\nfunction RunAnnotationsFilteredEmpty({\n  jobName,\n  severity,\n  incomplete,\n  onClearFilters,\n}: {\n  jobName: string | undefined;\n  severity: string | undefined;\n  incomplete: boolean;\n  onClearFilters: (() => void) | undefined;\n}) {\n  return (\n    <div className=\"flex flex-col items-center gap-12\">\n      <EmptyState\n        icon=\"fileDamageLine\"\n        title={incomplete ? 'No matches in loaded annotations' : 'No matching annotations'}\n        description={filteredEmptyDescription({jobName, severity, incomplete})}\n      />\n      {onClearFilters ? (\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant=\"secondary\"\n          className=\"[@media(pointer:coarse)]:min-h-44\"\n          onClick={onClearFilters}\n        >\n          Clear filters\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * A failed poll keeps the annotations already on screen and marks them stale rather than\n * clearing. Polite rather than assertive: the poll runs every 4s and a flapping API would\n * otherwise interrupt a screen reader on every cycle.\n */\nfunction RunAnnotationStaleError({query}: {query: QueryLoadErrorQuery}) {\n  return (\n    <Callout role=\"status\" aria-live=\"polite\" type=\"error\">\n      <div className=\"flex w-full items-center justify-between gap-8\">\n        <Text size=\"xs\">Could not refresh annotations.</Text>\n        <Button\n          type=\"button\"\n          size=\"2xs\"\n          variant=\"secondary\"\n          className=\"[@media(pointer:coarse)]:min-h-44\"\n          isLoading={query.isFetching}\n          onClick={() => {\n            void query.refetch();\n          }}\n        >\n          Retry\n        </Button>\n      </div>\n    </Callout>\n  );\n}\n\nconst ANNOTATION_SKELETON_ROWS = ['first', 'second', 'third'];\n\nfunction RunAnnotationListSkeleton() {\n  return (\n    <section aria-label=\"Loading annotations\" className=\"flex flex-col gap-12\">\n      {ANNOTATION_SKELETON_ROWS.map((row) => (\n        <div\n          key={row}\n          className=\"flex gap-12 rounded-8 border border-border-neutral-base bg-background-components-base px-12 py-8\"\n        >\n          <Skeleton className=\"h-40 w-4 rounded-full\" />\n          <div className=\"flex min-w-0 flex-1 flex-col gap-6\">\n            <Skeleton className=\"h-20 w-160 rounded-4\" />\n            <Skeleton className=\"h-16 w-240 rounded-4\" />\n            <Skeleton className=\"h-40 w-full rounded-4\" />\n          </div>\n        </div>\n      ))}\n    </section>\n  );\n}\n"],"names":["QueryLoadError","Button","Callout","EmptyState","Skeleton","Text","useState","RunAnnotationItem","RunAnnotationsEmpty","RENDER_WINDOW","RunAnnotationList","query","entries","workflowRunId","workspaceSlug","projectSlug","runAttempt","filteredJobName","filteredSeverity","filtered","onClearFilters","selectedAnnotationId","visibleCount","setVisibleCount","selectedIndex","findIndex","entry","annotation","id","renderCount","Math","max","isPending","RunAnnotationListSkeleton","isError","undefined","subject","icon","visible","slice","hiddenCount","length","div","className","RunAnnotationStaleError","RunAnnotationsFilteredEmpty","jobName","severity","incomplete","hasNextPage","ol","map","selected","type","size","variant","onClick","current","min","isLoading","isFetchingNextPage","fetchNextPage","filteredEmptyDescription","title","description","role","aria-live","isFetching","refetch","ANNOTATION_SKELETON_ROWS","section","aria-label","row"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import type { RunAnnotationSummary } from '#core/workflow-run-tabs.js';
+import type { RunAnnotationSummary } from '#core/run-annotation.js';
 import { type WorkflowRunsSearch } from '#routes/inputs.js';
 export interface RunAnnotationSummaryLineProps {
     summary?: RunAnnotationSummary | undefined;

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

@@ -1 +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"}
+{"version":3,"file":"run-annotation-summary-line.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-tabs/run-annotation-summary-line.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,mBAAmB,CAAC;AAiB3B,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,sCAsD/B"}

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

@@ -1,23 +1,58 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from '@shipfox/react-ui/icon';
 import { Text } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
 import { Link } from '@tanstack/react-router';
-import { WORKFLOW_RUN_ANNOTATION_SEVERITIES, workflowRunSearchParams } from '#routes/inputs.js';
+import { workflowRunSearchParams } from '#routes/inputs.js';
 import { MetadataSeparator } from '../workflow-run-summary/workflow-run-summary.js';
+import { SEVERITY_ICON, SEVERITY_ICON_TONE } from './severity-visuals.js';
+/**
+ * The severities this line names.
+ *
+ * The line exists so a failing run cannot look clean while the explanation sits behind an
+ * inactive section, which makes its subject "what needs attention", not "what happened".
+ * `info` and `success` are already inside the total, and repeating them gives "nothing is
+ * wrong" the same weight and the same accent as "something failed".
+ */ const ATTENTION_SEVERITIES = [
+    'error',
+    'warning'
+];
 export function RunAnnotationSummaryLine({ summary, workspaceSlug, projectSlug, workflowRunId, search = {} }) {
-    if (!summary) return null;
-    const visibleSeverities = WORKFLOW_RUN_ANNOTATION_SEVERITIES.filter((severity)=>summary[severity] > 0);
+    // A run with no annotations says so in its empty state; a "0 annotations" line beside it is
+    // the same fact twice.
+    if (!summary || summary.total === 0) return null;
+    const visibleSeverities = ATTENTION_SEVERITIES.filter((severity)=>summary[severity] > 0);
+    const totalLabel = countLabel(summary.total, 'annotation', summary.truncated);
     return /*#__PURE__*/ _jsxs("div", {
         className: "flex flex-wrap items-center gap-x-8 gap-y-4 text-foreground-neutral-subtle",
         children: [
-            /*#__PURE__*/ _jsxs(Text, {
+            search.severity && workspaceSlug && projectSlug && workflowRunId ? // The severity filter has no control of its own, so while one is active the total is
+            // the way back out. Unfiltered it stays plain text: a link to where you already are
+            // is noise.
+            /*#__PURE__*/ _jsx(Link, {
+                to: "/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId",
+                params: {
+                    workspaceSlug,
+                    projectSlug,
+                    workflowRunId
+                },
+                search: workflowRunSearchParams({
+                    ...withoutSeverity(search),
+                    tab: 'annotations'
+                }, search),
+                "aria-label": `Show all ${totalLabel}`,
+                className: "shrink-0 rounded-4 outline-none focus-visible:shadow-border-interactive-with-active",
+                children: /*#__PURE__*/ _jsx(Text, {
+                    as: "span",
+                    size: "xs",
+                    className: "text-foreground-neutral-subtle underline",
+                    children: totalLabel
+                })
+            }) : /*#__PURE__*/ _jsx(Text, {
                 as: "span",
                 size: "xs",
                 className: "shrink-0 text-foreground-neutral-subtle",
-                children: [
-                    summary.total,
-                    " ",
-                    pluralize('annotation', summary.total)
-                ]
+                children: totalLabel
             }),
             visibleSeverities.map((severity)=>/*#__PURE__*/ _jsxs("span", {
                     className: "inline-flex shrink-0 items-center gap-8",
@@ -25,6 +60,7 @@ export function RunAnnotationSummaryLine({ summary, workspaceSlug, projectSlug,
                         /*#__PURE__*/ _jsx(MetadataSeparator, {}),
                         /*#__PURE__*/ _jsx(SeverityLink, {
                             count: summary[severity],
+                            truncated: summary.truncated,
                             severity: severity,
                             workspaceSlug: workspaceSlug,
                             projectSlug: projectSlug,
@@ -36,18 +72,31 @@ export function RunAnnotationSummaryLine({ summary, workspaceSlug, projectSlug,
         ]
     });
 }
-function SeverityLink({ count, severity, workspaceSlug, projectSlug, workflowRunId, search }) {
-    const label = `${count} ${pluralize(severity, count)}`;
+function SeverityLink({ count, truncated, severity, workspaceSlug, projectSlug, workflowRunId, search }) {
+    const label = countLabel(count, severity, truncated);
+    const content = /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Icon, {
+                name: SEVERITY_ICON[severity],
+                size: 12,
+                "aria-hidden": "true",
+                className: cn('shrink-0', SEVERITY_ICON_TONE[severity])
+            }),
+            /*#__PURE__*/ _jsx(Text, {
+                as: "span",
+                size: "xs",
+                className: "text-foreground-neutral-subtle",
+                children: label
+            })
+        ]
+    });
     if (!workspaceSlug || !projectSlug || !workflowRunId) {
         return /*#__PURE__*/ _jsx("span", {
-            className: "text-foreground-highlight-interactive",
-            children: label
+            className: "inline-flex items-center gap-4",
+            children: content
         });
     }
-    const searchWithoutAnnotation = {
-        ...search
-    };
-    delete searchWithoutAnnotation.annotation;
+    const searchWithoutAnnotation = withoutAnnotation(search);
     return /*#__PURE__*/ _jsx(Link, {
         to: "/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId",
         params: {
@@ -60,12 +109,28 @@ function SeverityLink({ count, severity, workspaceSlug, projectSlug, workflowRun
             tab: 'annotations',
             severity
         }, search),
-        className: "text-foreground-highlight-interactive outline-none hover:underline focus-visible:shadow-border-interactive-with-active",
-        children: label
+        className: "inline-flex items-center gap-4 rounded-4 outline-none hover:underline focus-visible:shadow-border-interactive-with-active",
+        children: content
     });
 }
-function pluralize(word, count) {
-    return count === 1 ? word : `${word}s`;
+/** A selected annotation is stale the moment the list it was chosen from is refiltered. */ function withoutAnnotation(search) {
+    const next = {
+        ...search
+    };
+    delete next.annotation;
+    return next;
+}
+function withoutSeverity(search) {
+    const next = withoutAnnotation(search);
+    delete next.severity;
+    return next;
+}
+/**
+ * A truncated read renders `500+ annotations`: the counts are a lower bound once the page budget
+ * is hit, and presenting them as exact would understate a run the reader is trying to trust.
+ */ function countLabel(count, word, truncated) {
+    const plural = count === 1 && !truncated ? word : `${word}s`;
+    return `${count}${truncated ? '+' : ''} ${plural}`;
 }
 
 //# sourceMappingURL=run-annotation-summary-line.js.map

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

@@ -1 +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"}
+{"version":3,"sources":["../../../src/components/workflow-run-tabs/run-annotation-summary-line.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport type {RunAnnotationSummary} from '#core/run-annotation.js';\nimport {\n  type WorkflowRunAnnotationSeverity,\n  type WorkflowRunsSearch,\n  workflowRunSearchParams,\n} from '#routes/inputs.js';\nimport {MetadataSeparator} from '../workflow-run-summary/workflow-run-summary.js';\nimport {SEVERITY_ICON, SEVERITY_ICON_TONE} from './severity-visuals.js';\n\n/**\n * The severities this line names.\n *\n * The line exists so a failing run cannot look clean while the explanation sits behind an\n * inactive section, which makes its subject \"what needs attention\", not \"what happened\".\n * `info` and `success` are already inside the total, and repeating them gives \"nothing is\n * wrong\" the same weight and the same accent as \"something failed\".\n */\nconst ATTENTION_SEVERITIES = [\n  'error',\n  'warning',\n] as const satisfies readonly WorkflowRunAnnotationSeverity[];\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  // A run with no annotations says so in its empty state; a \"0 annotations\" line beside it is\n  // the same fact twice.\n  if (!summary || summary.total === 0) return null;\n\n  const visibleSeverities = ATTENTION_SEVERITIES.filter((severity) => summary[severity] > 0);\n\n  const totalLabel = countLabel(summary.total, 'annotation', summary.truncated);\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-x-8 gap-y-4 text-foreground-neutral-subtle\">\n      {search.severity && workspaceSlug && projectSlug && workflowRunId ? (\n        // The severity filter has no control of its own, so while one is active the total is\n        // the way back out. Unfiltered it stays plain text: a link to where you already are\n        // is noise.\n        <Link\n          to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId\"\n          params={{workspaceSlug, projectSlug, workflowRunId}}\n          search={\n            workflowRunSearchParams(\n              {...withoutSeverity(search), tab: 'annotations'},\n              search,\n            ) as never\n          }\n          aria-label={`Show all ${totalLabel}`}\n          className=\"shrink-0 rounded-4 outline-none focus-visible:shadow-border-interactive-with-active\"\n        >\n          {/* Underlined rather than accented: the escape hatch has to read as a link without\n              becoming the loudest thing on a line whose job is to be scannable. */}\n          <Text as=\"span\" size=\"xs\" className=\"text-foreground-neutral-subtle underline\">\n            {totalLabel}\n          </Text>\n        </Link>\n      ) : (\n        <Text as=\"span\" size=\"xs\" className=\"shrink-0 text-foreground-neutral-subtle\">\n          {totalLabel}\n        </Text>\n      )}\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            truncated={summary.truncated}\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  truncated,\n  severity,\n  workspaceSlug,\n  projectSlug,\n  workflowRunId,\n  search,\n}: {\n  count: number;\n  truncated: boolean;\n  severity: WorkflowRunAnnotationSeverity;\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n  workflowRunId?: string | undefined;\n  search: WorkflowRunsSearch;\n}) {\n  const label = countLabel(count, severity, truncated);\n  const content = (\n    <>\n      <Icon\n        name={SEVERITY_ICON[severity]}\n        size={12}\n        aria-hidden=\"true\"\n        className={cn('shrink-0', SEVERITY_ICON_TONE[severity])}\n      />\n      <Text as=\"span\" size=\"xs\" className=\"text-foreground-neutral-subtle\">\n        {label}\n      </Text>\n    </>\n  );\n\n  if (!workspaceSlug || !projectSlug || !workflowRunId) {\n    return <span className=\"inline-flex items-center gap-4\">{content}</span>;\n  }\n\n  const searchWithoutAnnotation = withoutAnnotation(search);\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=\"inline-flex items-center gap-4 rounded-4 outline-none hover:underline focus-visible:shadow-border-interactive-with-active\"\n    >\n      {content}\n    </Link>\n  );\n}\n\n/** A selected annotation is stale the moment the list it was chosen from is refiltered. */\nfunction withoutAnnotation(search: WorkflowRunsSearch): WorkflowRunsSearch {\n  const next = {...search};\n  delete next.annotation;\n  return next;\n}\n\nfunction withoutSeverity(search: WorkflowRunsSearch): WorkflowRunsSearch {\n  const next = withoutAnnotation(search);\n  delete next.severity;\n  return next;\n}\n\n/**\n * A truncated read renders `500+ annotations`: the counts are a lower bound once the page budget\n * is hit, and presenting them as exact would understate a run the reader is trying to trust.\n */\nfunction countLabel(count: number, word: string, truncated: boolean): string {\n  const plural = count === 1 && !truncated ? word : `${word}s`;\n  return `${count}${truncated ? '+' : ''} ${plural}`;\n}\n"],"names":["Icon","Text","cn","Link","workflowRunSearchParams","MetadataSeparator","SEVERITY_ICON","SEVERITY_ICON_TONE","ATTENTION_SEVERITIES","RunAnnotationSummaryLine","summary","workspaceSlug","projectSlug","workflowRunId","search","total","visibleSeverities","filter","severity","totalLabel","countLabel","truncated","div","className","to","params","withoutSeverity","tab","aria-label","as","size","map","span","SeverityLink","count","label","content","name","aria-hidden","searchWithoutAnnotation","withoutAnnotation","next","annotation","word","plural"],"mappings":"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"}