@shipfox/client-workflows 0.2.0

package/dist/components/workflow-run-list/types.d.ts

@@ -0,0 +1,21 @@
+import type { QueryLoadErrorQuery } from '@shipfox/client-ui';
+import type { WorkflowRunListItem } from '#core/workflow-run.js';
+export type WorkflowRunListStatusFilter = 'all' | 'failed' | 'running';
+export interface WorkflowRunListProps {
+    workspaceId: string;
+    projectId: string;
+    selectedWorkflowRunId?: string | undefined;
+    className?: string | undefined;
+}
+export type WorkflowRunListQuery = QueryLoadErrorQuery & {
+    isPending: boolean;
+};
+export interface WorkflowRunListViewProps {
+    runs: WorkflowRunListItem[];
+    query: WorkflowRunListQuery;
+    workspaceId: string;
+    projectId: string;
+    selectedWorkflowRunId?: string | undefined;
+    className?: string | undefined;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAC5D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE/D,MAAM,MAAM,2BAA2B,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvE,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,qBAAqB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IAAC,SAAS,EAAE,OAAO,CAAA;CAAC,CAAC;AAE9E,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,KAAK,EAAE,oBAAoB,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,qBAAqB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC"}

package/dist/components/workflow-run-list/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/components/workflow-run-list/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-list/types.ts"],"sourcesContent":["import type {QueryLoadErrorQuery} from '@shipfox/client-ui';\nimport type {WorkflowRunListItem} from '#core/workflow-run.js';\n\nexport type WorkflowRunListStatusFilter = 'all' | 'failed' | 'running';\n\nexport interface WorkflowRunListProps {\n  workspaceId: string;\n  projectId: string;\n  selectedWorkflowRunId?: string | undefined;\n  className?: string | undefined;\n}\n\nexport type WorkflowRunListQuery = QueryLoadErrorQuery & {isPending: boolean};\n\nexport interface WorkflowRunListViewProps {\n  runs: WorkflowRunListItem[];\n  query: WorkflowRunListQuery;\n  workspaceId: string;\n  projectId: string;\n  selectedWorkflowRunId?: string | undefined;\n  className?: string | undefined;\n}\n"],"names":[],"mappings":"AAcA,WAOC"}

package/dist/components/workflow-run-list/workflow-run-list-content.d.ts

@@ -0,0 +1,14 @@
+import type { WorkflowRunListItem } from '#core/workflow-run.js';
+import type { WorkflowRunListQuery } from './types.js';
+interface WorkflowRunListContentProps {
+    query: WorkflowRunListQuery;
+    totalRuns: number;
+    runs: WorkflowRunListItem[];
+    workspaceId: string;
+    projectId: string;
+    selectedWorkflowRunId?: string | undefined;
+    onClearFilters: () => void;
+}
+export declare function WorkflowRunListContent({ query, totalRuns, runs, workspaceId, projectId, selectedWorkflowRunId, onClearFilters, }: WorkflowRunListContentProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=workflow-run-list-content.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-list-content.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-list-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,YAAY,CAAC;AASrD,UAAU,2BAA2B;IACnC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,qBAAqB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,SAAS,EACT,IAAI,EACJ,WAAW,EACX,SAAS,EACT,qBAAqB,EACrB,cAAc,GACf,EAAE,2BAA2B,+BA4B7B"}

package/dist/components/workflow-run-list/workflow-run-list-content.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QueryLoadError } from '@shipfox/client-ui';
+import { WorkflowRunListEmpty, WorkflowRunListNoMatches, WorkflowRunListSkeleton, WorkflowRunListStaleError } from './workflow-run-list-states.js';
+import { WorkflowRunRowList } from './workflow-run-row.js';
+export function WorkflowRunListContent({ query, totalRuns, runs, workspaceId, projectId, selectedWorkflowRunId, onClearFilters }) {
+    const { isPending, isError } = query;
+    // A refetch that fails after a prior success keeps the rows on screen behind a slim
+    // banner. QueryLoadError owns the inverse case (errored before anything loaded) and
+    // self-gates to nothing here once data exists.
+    const refreshFailed = isError && query.data !== undefined;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "min-h-0 flex-1 overflow-y-auto",
+        children: [
+            isPending ? /*#__PURE__*/ _jsx(WorkflowRunListSkeleton, {}) : null,
+            !isPending ? /*#__PURE__*/ _jsx(QueryLoadError, {
+                query: query,
+                subject: "workflow runs",
+                icon: "pulseLine"
+            }) : null,
+            !isPending && refreshFailed ? /*#__PURE__*/ _jsx(WorkflowRunListStaleError, {
+                query: query
+            }) : null,
+            !isPending && !isError && totalRuns === 0 ? /*#__PURE__*/ _jsx(WorkflowRunListEmpty, {}) : null,
+            !isPending && totalRuns > 0 && runs.length === 0 ? /*#__PURE__*/ _jsx(WorkflowRunListNoMatches, {
+                onClear: onClearFilters
+            }) : null,
+            !isPending && runs.length > 0 ? /*#__PURE__*/ _jsx(WorkflowRunRowList, {
+                runs: runs,
+                workspaceId: workspaceId,
+                projectId: projectId,
+                selectedWorkflowRunId: selectedWorkflowRunId
+            }) : null
+        ]
+    });
+}
+
+//# sourceMappingURL=workflow-run-list-content.js.map

package/dist/components/workflow-run-list/workflow-run-list-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-list-content.tsx"],"sourcesContent":["import {QueryLoadError} from '@shipfox/client-ui';\nimport type {WorkflowRunListItem} from '#core/workflow-run.js';\nimport type {WorkflowRunListQuery} from './types.js';\nimport {\n  WorkflowRunListEmpty,\n  WorkflowRunListNoMatches,\n  WorkflowRunListSkeleton,\n  WorkflowRunListStaleError,\n} from './workflow-run-list-states.js';\nimport {WorkflowRunRowList} from './workflow-run-row.js';\n\ninterface WorkflowRunListContentProps {\n  query: WorkflowRunListQuery;\n  totalRuns: number;\n  runs: WorkflowRunListItem[];\n  workspaceId: string;\n  projectId: string;\n  selectedWorkflowRunId?: string | undefined;\n  onClearFilters: () => void;\n}\n\nexport function WorkflowRunListContent({\n  query,\n  totalRuns,\n  runs,\n  workspaceId,\n  projectId,\n  selectedWorkflowRunId,\n  onClearFilters,\n}: WorkflowRunListContentProps) {\n  const {isPending, isError} = query;\n  // A refetch that fails after a prior success keeps the rows on screen behind a slim\n  // banner. QueryLoadError owns the inverse case (errored before anything loaded) and\n  // self-gates to nothing here once data exists.\n  const refreshFailed = isError && query.data !== undefined;\n\n  return (\n    <div className=\"min-h-0 flex-1 overflow-y-auto\">\n      {isPending ? <WorkflowRunListSkeleton /> : null}\n      {!isPending ? (\n        <QueryLoadError query={query} subject=\"workflow runs\" icon=\"pulseLine\" />\n      ) : null}\n      {!isPending && refreshFailed ? <WorkflowRunListStaleError query={query} /> : null}\n      {!isPending && !isError && totalRuns === 0 ? <WorkflowRunListEmpty /> : null}\n      {!isPending && totalRuns > 0 && runs.length === 0 ? (\n        <WorkflowRunListNoMatches onClear={onClearFilters} />\n      ) : null}\n      {!isPending && runs.length > 0 ? (\n        <WorkflowRunRowList\n          runs={runs}\n          workspaceId={workspaceId}\n          projectId={projectId}\n          selectedWorkflowRunId={selectedWorkflowRunId}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"names":["QueryLoadError","WorkflowRunListEmpty","WorkflowRunListNoMatches","WorkflowRunListSkeleton","WorkflowRunListStaleError","WorkflowRunRowList","WorkflowRunListContent","query","totalRuns","runs","workspaceId","projectId","selectedWorkflowRunId","onClearFilters","isPending","isError","refreshFailed","data","undefined","div","className","subject","icon","length","onClear"],"mappings":";AAAA,SAAQA,cAAc,QAAO,qBAAqB;AAGlD,SACEC,oBAAoB,EACpBC,wBAAwB,EACxBC,uBAAuB,EACvBC,yBAAyB,QACpB,gCAAgC;AACvC,SAAQC,kBAAkB,QAAO,wBAAwB;AAYzD,OAAO,SAASC,uBAAuB,EACrCC,KAAK,EACLC,SAAS,EACTC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,qBAAqB,EACrBC,cAAc,EACc;IAC5B,MAAM,EAACC,SAAS,EAAEC,OAAO,EAAC,GAAGR;IAC7B,oFAAoF;IACpF,oFAAoF;IACpF,+CAA+C;IAC/C,MAAMS,gBAAgBD,WAAWR,MAAMU,IAAI,KAAKC;IAEhD,qBACE,MAACC;QAAIC,WAAU;;YACZN,0BAAY,KAACX,+BAA6B;YAC1C,CAACW,0BACA,KAACd;gBAAeO,OAAOA;gBAAOc,SAAQ;gBAAgBC,MAAK;iBACzD;YACH,CAACR,aAAaE,8BAAgB,KAACZ;gBAA0BG,OAAOA;iBAAY;YAC5E,CAACO,aAAa,CAACC,WAAWP,cAAc,kBAAI,KAACP,4BAA0B;YACvE,CAACa,aAAaN,YAAY,KAAKC,KAAKc,MAAM,KAAK,kBAC9C,KAACrB;gBAAyBsB,SAASX;iBACjC;YACH,CAACC,aAAaL,KAAKc,MAAM,GAAG,kBAC3B,KAAClB;gBACCI,MAAMA;gBACNC,aAAaA;gBACbC,WAAWA;gBACXC,uBAAuBA;iBAEvB;;;AAGV"}

package/dist/components/workflow-run-list/workflow-run-list-header.d.ts

@@ -0,0 +1,10 @@
+import type { WorkflowRunListStatusFilter } from './types.js';
+interface WorkflowRunListHeaderProps {
+    query: string;
+    onQueryChange: (value: string) => void;
+    statusFilter: WorkflowRunListStatusFilter;
+    onStatusFilterChange: (value: WorkflowRunListStatusFilter) => void;
+}
+export declare function WorkflowRunListHeader({ query, onQueryChange, statusFilter, onStatusFilterChange, }: WorkflowRunListHeaderProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=workflow-run-list-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-list-header.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-list-header.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,2BAA2B,EAAC,MAAM,YAAY,CAAC;AAQ5D,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,2BAA2B,CAAC;IAC1C,oBAAoB,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;CACpE;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,aAAa,EACb,YAAY,EACZ,oBAAoB,GACrB,EAAE,0BAA0B,+BA6B5B"}

package/dist/components/workflow-run-list/workflow-run-list-header.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { Icon } from '@shipfox/react-ui/icon';
+import { Input } from '@shipfox/react-ui/input';
+const STATUS_FILTERS = [
+    {
+        value: 'all',
+        label: 'All'
+    },
+    {
+        value: 'failed',
+        label: 'Failed'
+    },
+    {
+        value: 'running',
+        label: 'Running'
+    }
+];
+export function WorkflowRunListHeader({ query, onQueryChange, statusFilter, onStatusFilterChange }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col gap-8 border-b border-border-neutral-base px-12 py-12",
+        children: [
+            /*#__PURE__*/ _jsx(Input, {
+                value: query,
+                onChange: (event)=>onQueryChange(event.target.value),
+                placeholder: "Run id or trigger...",
+                "aria-label": "Search runs",
+                size: "small",
+                iconLeft: /*#__PURE__*/ _jsx(Icon, {
+                    name: "searchLine",
+                    className: "size-14 text-foreground-neutral-muted"
+                })
+            }),
+            /*#__PURE__*/ _jsxs("fieldset", {
+                className: "flex items-center gap-8",
+                children: [
+                    /*#__PURE__*/ _jsx("legend", {
+                        className: "sr-only",
+                        children: "Run status filter"
+                    }),
+                    STATUS_FILTERS.map((filter)=>/*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            size: "2xs",
+                            variant: statusFilter === filter.value ? 'primary' : 'transparent',
+                            "aria-pressed": statusFilter === filter.value,
+                            onClick: ()=>onStatusFilterChange(filter.value),
+                            children: filter.label
+                        }, filter.value))
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=workflow-run-list-header.js.map

package/dist/components/workflow-run-list/workflow-run-list-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-list-header.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Input} from '@shipfox/react-ui/input';\nimport type {WorkflowRunListStatusFilter} from './types.js';\n\nconst STATUS_FILTERS: Array<{value: WorkflowRunListStatusFilter; label: string}> = [\n  {value: 'all', label: 'All'},\n  {value: 'failed', label: 'Failed'},\n  {value: 'running', label: 'Running'},\n];\n\ninterface WorkflowRunListHeaderProps {\n  query: string;\n  onQueryChange: (value: string) => void;\n  statusFilter: WorkflowRunListStatusFilter;\n  onStatusFilterChange: (value: WorkflowRunListStatusFilter) => void;\n}\n\nexport function WorkflowRunListHeader({\n  query,\n  onQueryChange,\n  statusFilter,\n  onStatusFilterChange,\n}: WorkflowRunListHeaderProps) {\n  return (\n    <div className=\"flex flex-col gap-8 border-b border-border-neutral-base px-12 py-12\">\n      <Input\n        value={query}\n        onChange={(event) => onQueryChange(event.target.value)}\n        placeholder=\"Run id or trigger...\"\n        aria-label=\"Search runs\"\n        size=\"small\"\n        iconLeft={<Icon name=\"searchLine\" className=\"size-14 text-foreground-neutral-muted\" />}\n      />\n\n      <fieldset className=\"flex items-center gap-8\">\n        <legend className=\"sr-only\">Run status filter</legend>\n        {STATUS_FILTERS.map((filter) => (\n          <Button\n            key={filter.value}\n            type=\"button\"\n            size=\"2xs\"\n            variant={statusFilter === filter.value ? 'primary' : 'transparent'}\n            aria-pressed={statusFilter === filter.value}\n            onClick={() => onStatusFilterChange(filter.value)}\n          >\n            {filter.label}\n          </Button>\n        ))}\n      </fieldset>\n    </div>\n  );\n}\n"],"names":["Button","Icon","Input","STATUS_FILTERS","value","label","WorkflowRunListHeader","query","onQueryChange","statusFilter","onStatusFilterChange","div","className","onChange","event","target","placeholder","aria-label","size","iconLeft","name","fieldset","legend","map","filter","type","variant","aria-pressed","onClick"],"mappings":";AAAA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,KAAK,QAAO,0BAA0B;AAG9C,MAAMC,iBAA6E;IACjF;QAACC,OAAO;QAAOC,OAAO;IAAK;IAC3B;QAACD,OAAO;QAAUC,OAAO;IAAQ;IACjC;QAACD,OAAO;QAAWC,OAAO;IAAS;CACpC;AASD,OAAO,SAASC,sBAAsB,EACpCC,KAAK,EACLC,aAAa,EACbC,YAAY,EACZC,oBAAoB,EACO;IAC3B,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACV;gBACCE,OAAOG;gBACPM,UAAU,CAACC,QAAUN,cAAcM,MAAMC,MAAM,CAACX,KAAK;gBACrDY,aAAY;gBACZC,cAAW;gBACXC,MAAK;gBACLC,wBAAU,KAAClB;oBAAKmB,MAAK;oBAAaR,WAAU;;;0BAG9C,MAACS;gBAAST,WAAU;;kCAClB,KAACU;wBAAOV,WAAU;kCAAU;;oBAC3BT,eAAeoB,GAAG,CAAC,CAACC,uBACnB,KAACxB;4BAECyB,MAAK;4BACLP,MAAK;4BACLQ,SAASjB,iBAAiBe,OAAOpB,KAAK,GAAG,YAAY;4BACrDuB,gBAAclB,iBAAiBe,OAAOpB,KAAK;4BAC3CwB,SAAS,IAAMlB,qBAAqBc,OAAOpB,KAAK;sCAE/CoB,OAAOnB,KAAK;2BAPRmB,OAAOpB,KAAK;;;;;AAa7B"}

package/dist/components/workflow-run-list/workflow-run-list-states.d.ts

@@ -0,0 +1,15 @@
+import type { QueryLoadErrorQuery } from '@shipfox/client-ui';
+export declare function WorkflowRunListSkeleton(): import("react").JSX.Element;
+/**
+ * Slim non-blocking banner shown when a background refetch fails after a prior success,
+ * so the already-loaded rows stay on screen with the retry inline rather than being
+ * replaced by a full-placeholder error.
+ */
+export declare function WorkflowRunListStaleError({ query }: {
+    query: QueryLoadErrorQuery;
+}): import("react").JSX.Element;
+export declare function WorkflowRunListEmpty(): import("react").JSX.Element;
+export declare function WorkflowRunListNoMatches({ onClear }: {
+    onClear: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=workflow-run-list-states.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-list-states.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-list-states.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAO5D,wBAAgB,uBAAuB,gCAqBtC;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,EAAC,KAAK,EAAC,EAAE;IAAC,KAAK,EAAE,mBAAmB,CAAA;CAAC,+BAqB9E;AAED,wBAAgB,oBAAoB,gCAUnC;AAED,wBAAgB,wBAAwB,CAAC,EAAC,OAAO,EAAC,EAAE;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAC,+BAexE"}

package/dist/components/workflow-run-list/workflow-run-list-states.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
+export function WorkflowRunListSkeleton() {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "flex flex-col gap-4 p-8",
+        role: "status",
+        "aria-label": "Loading runs",
+        children: Array.from({
+            length: 6
+        }).map((_, index)=>/*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col gap-3 rounded-8 border border-transparent px-10 py-7",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex h-20 items-center gap-7",
+                        children: [
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "size-6 shrink-0 rounded-full"
+                            }),
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-12 w-1/3"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex h-20 items-center gap-6 pl-13",
+                        children: [
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-12 flex-1"
+                            }),
+                            /*#__PURE__*/ _jsx(Skeleton, {
+                                className: "h-12 w-40"
+                            })
+                        ]
+                    })
+                ]
+            }, index))
+    });
+}
+/**
+ * Slim non-blocking banner shown when a background refetch fails after a prior success,
+ * so the already-loaded rows stay on screen with the retry inline rather than being
+ * replaced by a full-placeholder error.
+ */ export function WorkflowRunListStaleError({ query }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "border-b border-border-neutral-base p-8",
+        children: /*#__PURE__*/ _jsx(Callout, {
+            role: "alert",
+            type: "error",
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "flex items-center justify-between gap-8",
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        size: "xs",
+                        children: "Could not refresh workflow runs."
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        type: "button",
+                        size: "2xs",
+                        variant: "secondary",
+                        isLoading: query.isFetching,
+                        onClick: ()=>{
+                            void query.refetch();
+                        },
+                        children: "Retry"
+                    })
+                ]
+            })
+        })
+    });
+}
+export function WorkflowRunListEmpty() {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "p-16",
+        children: /*#__PURE__*/ _jsx(EmptyState, {
+            icon: "pulseLine",
+            title: "No runs yet",
+            description: "Runs from this project's workflows will appear here as soon as one is launched."
+        })
+    });
+}
+export function WorkflowRunListNoMatches({ onClear }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "p-16",
+        children: /*#__PURE__*/ _jsx(EmptyState, {
+            icon: "filterOffLine",
+            title: "No matching runs",
+            description: "No runs match your current search or status filter.",
+            action: /*#__PURE__*/ _jsx(Button, {
+                type: "button",
+                size: "sm",
+                variant: "secondary",
+                onClick: onClear,
+                children: "Clear filters"
+            })
+        })
+    });
+}
+
+//# sourceMappingURL=workflow-run-list-states.js.map

package/dist/components/workflow-run-list/workflow-run-list-states.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-list-states.tsx"],"sourcesContent":["import 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';\n\nexport function WorkflowRunListSkeleton() {\n  return (\n    <div className=\"flex flex-col gap-4 p-8\" role=\"status\" aria-label=\"Loading runs\">\n      {Array.from({length: 6}).map((_, index) => (\n        <div\n          // biome-ignore lint/suspicious/noArrayIndexKey: skeleton row, stable position\n          key={index}\n          className=\"flex flex-col gap-3 rounded-8 border border-transparent px-10 py-7\"\n        >\n          <div className=\"flex h-20 items-center gap-7\">\n            <Skeleton className=\"size-6 shrink-0 rounded-full\" />\n            <Skeleton className=\"h-12 w-1/3\" />\n          </div>\n          <div className=\"flex h-20 items-center gap-6 pl-13\">\n            <Skeleton className=\"h-12 flex-1\" />\n            <Skeleton className=\"h-12 w-40\" />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/**\n * Slim non-blocking banner shown when a background refetch fails after a prior success,\n * so the already-loaded rows stay on screen with the retry inline rather than being\n * replaced by a full-placeholder error.\n */\nexport function WorkflowRunListStaleError({query}: {query: QueryLoadErrorQuery}) {\n  return (\n    <div className=\"border-b border-border-neutral-base p-8\">\n      <Callout role=\"alert\" type=\"error\">\n        <div className=\"flex items-center justify-between gap-8\">\n          <Text size=\"xs\">Could not refresh workflow runs.</Text>\n          <Button\n            type=\"button\"\n            size=\"2xs\"\n            variant=\"secondary\"\n            isLoading={query.isFetching}\n            onClick={() => {\n              void query.refetch();\n            }}\n          >\n            Retry\n          </Button>\n        </div>\n      </Callout>\n    </div>\n  );\n}\n\nexport function WorkflowRunListEmpty() {\n  return (\n    <div className=\"p-16\">\n      <EmptyState\n        icon=\"pulseLine\"\n        title=\"No runs yet\"\n        description=\"Runs from this project's workflows will appear here as soon as one is launched.\"\n      />\n    </div>\n  );\n}\n\nexport function WorkflowRunListNoMatches({onClear}: {onClear: () => void}) {\n  return (\n    <div className=\"p-16\">\n      <EmptyState\n        icon=\"filterOffLine\"\n        title=\"No matching runs\"\n        description=\"No runs match your current search or status filter.\"\n        action={\n          <Button type=\"button\" size=\"sm\" variant=\"secondary\" onClick={onClear}>\n            Clear filters\n          </Button>\n        }\n      />\n    </div>\n  );\n}\n"],"names":["Button","Callout","EmptyState","Skeleton","Text","WorkflowRunListSkeleton","div","className","role","aria-label","Array","from","length","map","_","index","WorkflowRunListStaleError","query","type","size","variant","isLoading","isFetching","onClick","refetch","WorkflowRunListEmpty","icon","title","description","WorkflowRunListNoMatches","onClear","action"],"mappings":";AACA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,UAAU,QAAO,gCAAgC;AACzD,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,IAAI,QAAO,+BAA+B;AAElD,OAAO,SAASC;IACd,qBACE,KAACC;QAAIC,WAAU;QAA0BC,MAAK;QAASC,cAAW;kBAC/DC,MAAMC,IAAI,CAAC;YAACC,QAAQ;QAAC,GAAGC,GAAG,CAAC,CAACC,GAAGC,sBAC/B,MAACT;gBAGCC,WAAU;;kCAEV,MAACD;wBAAIC,WAAU;;0CACb,KAACJ;gCAASI,WAAU;;0CACpB,KAACJ;gCAASI,WAAU;;;;kCAEtB,MAACD;wBAAIC,WAAU;;0CACb,KAACJ;gCAASI,WAAU;;0CACpB,KAACJ;gCAASI,WAAU;;;;;eATjBQ;;AAef;AAEA;;;;CAIC,GACD,OAAO,SAASC,0BAA0B,EAACC,KAAK,EAA+B;IAC7E,qBACE,KAACX;QAAIC,WAAU;kBACb,cAAA,KAACN;YAAQO,MAAK;YAAQU,MAAK;sBACzB,cAAA,MAACZ;gBAAIC,WAAU;;kCACb,KAACH;wBAAKe,MAAK;kCAAK;;kCAChB,KAACnB;wBACCkB,MAAK;wBACLC,MAAK;wBACLC,SAAQ;wBACRC,WAAWJ,MAAMK,UAAU;wBAC3BC,SAAS;4BACP,KAAKN,MAAMO,OAAO;wBACpB;kCACD;;;;;;AAOX;AAEA,OAAO,SAASC;IACd,qBACE,KAACnB;QAAIC,WAAU;kBACb,cAAA,KAACL;YACCwB,MAAK;YACLC,OAAM;YACNC,aAAY;;;AAIpB;AAEA,OAAO,SAASC,yBAAyB,EAACC,OAAO,EAAwB;IACvE,qBACE,KAACxB;QAAIC,WAAU;kBACb,cAAA,KAACL;YACCwB,MAAK;YACLC,OAAM;YACNC,aAAY;YACZG,sBACE,KAAC/B;gBAAOkB,MAAK;gBAASC,MAAK;gBAAKC,SAAQ;gBAAYG,SAASO;0BAAS;;;;AAOhF"}

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

@@ -0,0 +1,3 @@
+import type { WorkflowRunListViewProps } from './types.js';
+export declare function WorkflowRunListView({ runs, query, workspaceId, projectId, selectedWorkflowRunId, className, }: WorkflowRunListViewProps): import("react").JSX.Element;
+//# sourceMappingURL=workflow-run-list-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-list-view.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-list-view.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAA8B,wBAAwB,EAAC,MAAM,YAAY,CAAC;AAItF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,qBAAqB,EACrB,SAAS,GACV,EAAE,wBAAwB,+BAyC1B"}

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TimeTickerProvider } from '@shipfox/react-ui/time-ticker';
+import { cn } from '@shipfox/react-ui/utils';
+import { useState } from 'react';
+import { runMatchesSearch, runMatchesStatusFilter } from './run-display.js';
+import { WorkflowRunListContent } from './workflow-run-list-content.js';
+import { WorkflowRunListHeader } from './workflow-run-list-header.js';
+export function WorkflowRunListView({ runs, query, workspaceId, projectId, selectedWorkflowRunId, className }) {
+    const [search, setSearch] = useState('');
+    const [statusFilter, setStatusFilter] = useState('all');
+    const filteredRuns = runs.filter((run)=>{
+        if (!runMatchesStatusFilter(run.status, statusFilter)) return false;
+        return runMatchesSearch(run, search);
+    });
+    function handleClearFilters() {
+        setSearch('');
+        setStatusFilter('all');
+    }
+    return /*#__PURE__*/ _jsx(TimeTickerProvider, {
+        intervalMs: 1000,
+        reducedMotionIntervalMs: 10_000,
+        children: /*#__PURE__*/ _jsxs("aside", {
+            className: cn('flex w-304 shrink-0 flex-col border-r border-border-neutral-base bg-background-subtle-base', className),
+            "aria-label": "Workflow runs",
+            children: [
+                /*#__PURE__*/ _jsx(WorkflowRunListHeader, {
+                    query: search,
+                    onQueryChange: setSearch,
+                    statusFilter: statusFilter,
+                    onStatusFilterChange: setStatusFilter
+                }),
+                /*#__PURE__*/ _jsx(WorkflowRunListContent, {
+                    query: query,
+                    totalRuns: runs.length,
+                    runs: filteredRuns,
+                    workspaceId: workspaceId,
+                    projectId: projectId,
+                    selectedWorkflowRunId: selectedWorkflowRunId,
+                    onClearFilters: handleClearFilters
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=workflow-run-list-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-list-view.tsx"],"sourcesContent":["import {TimeTickerProvider} from '@shipfox/react-ui/time-ticker';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useState} from 'react';\nimport {runMatchesSearch, runMatchesStatusFilter} from './run-display.js';\nimport type {WorkflowRunListStatusFilter, WorkflowRunListViewProps} from './types.js';\nimport {WorkflowRunListContent} from './workflow-run-list-content.js';\nimport {WorkflowRunListHeader} from './workflow-run-list-header.js';\n\nexport function WorkflowRunListView({\n  runs,\n  query,\n  workspaceId,\n  projectId,\n  selectedWorkflowRunId,\n  className,\n}: WorkflowRunListViewProps) {\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<WorkflowRunListStatusFilter>('all');\n\n  const filteredRuns = runs.filter((run) => {\n    if (!runMatchesStatusFilter(run.status, statusFilter)) return false;\n    return runMatchesSearch(run, search);\n  });\n\n  function handleClearFilters() {\n    setSearch('');\n    setStatusFilter('all');\n  }\n\n  return (\n    <TimeTickerProvider intervalMs={1000} reducedMotionIntervalMs={10_000}>\n      <aside\n        className={cn(\n          'flex w-304 shrink-0 flex-col border-r border-border-neutral-base bg-background-subtle-base',\n          className,\n        )}\n        aria-label=\"Workflow runs\"\n      >\n        <WorkflowRunListHeader\n          query={search}\n          onQueryChange={setSearch}\n          statusFilter={statusFilter}\n          onStatusFilterChange={setStatusFilter}\n        />\n        <WorkflowRunListContent\n          query={query}\n          totalRuns={runs.length}\n          runs={filteredRuns}\n          workspaceId={workspaceId}\n          projectId={projectId}\n          selectedWorkflowRunId={selectedWorkflowRunId}\n          onClearFilters={handleClearFilters}\n        />\n      </aside>\n    </TimeTickerProvider>\n  );\n}\n"],"names":["TimeTickerProvider","cn","useState","runMatchesSearch","runMatchesStatusFilter","WorkflowRunListContent","WorkflowRunListHeader","WorkflowRunListView","runs","query","workspaceId","projectId","selectedWorkflowRunId","className","search","setSearch","statusFilter","setStatusFilter","filteredRuns","filter","run","status","handleClearFilters","intervalMs","reducedMotionIntervalMs","aside","aria-label","onQueryChange","onStatusFilterChange","totalRuns","length","onClearFilters"],"mappings":";AAAA,SAAQA,kBAAkB,QAAO,gCAAgC;AACjE,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SAAQC,gBAAgB,EAAEC,sBAAsB,QAAO,mBAAmB;AAE1E,SAAQC,sBAAsB,QAAO,iCAAiC;AACtE,SAAQC,qBAAqB,QAAO,gCAAgC;AAEpE,OAAO,SAASC,oBAAoB,EAClCC,IAAI,EACJC,KAAK,EACLC,WAAW,EACXC,SAAS,EACTC,qBAAqB,EACrBC,SAAS,EACgB;IACzB,MAAM,CAACC,QAAQC,UAAU,GAAGb,SAAS;IACrC,MAAM,CAACc,cAAcC,gBAAgB,GAAGf,SAAsC;IAE9E,MAAMgB,eAAeV,KAAKW,MAAM,CAAC,CAACC;QAChC,IAAI,CAAChB,uBAAuBgB,IAAIC,MAAM,EAAEL,eAAe,OAAO;QAC9D,OAAOb,iBAAiBiB,KAAKN;IAC/B;IAEA,SAASQ;QACPP,UAAU;QACVE,gBAAgB;IAClB;IAEA,qBACE,KAACjB;QAAmBuB,YAAY;QAAMC,yBAAyB;kBAC7D,cAAA,MAACC;YACCZ,WAAWZ,GACT,8FACAY;YAEFa,cAAW;;8BAEX,KAACpB;oBACCG,OAAOK;oBACPa,eAAeZ;oBACfC,cAAcA;oBACdY,sBAAsBX;;8BAExB,KAACZ;oBACCI,OAAOA;oBACPoB,WAAWrB,KAAKsB,MAAM;oBACtBtB,MAAMU;oBACNR,aAAaA;oBACbC,WAAWA;oBACXC,uBAAuBA;oBACvBmB,gBAAgBT;;;;;AAK1B"}

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

@@ -0,0 +1,3 @@
+import type { WorkflowRunListProps } from './types.js';
+export declare function WorkflowRunList({ workspaceId, projectId, selectedWorkflowRunId, className, }: WorkflowRunListProps): import("react").JSX.Element;
+//# sourceMappingURL=workflow-run-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-list.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-list.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,YAAY,CAAC;AAGrD,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,EACT,qBAAqB,EACrB,SAAS,GACV,EAAE,oBAAoB,+BAiBtB"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useWorkflowRunsInfiniteQuery } from '#hooks/api/workflow-runs.js';
+import { WorkflowRunListView } from './workflow-run-list-view.js';
+export function WorkflowRunList({ workspaceId, projectId, selectedWorkflowRunId, className }) {
+    const query = useWorkflowRunsInfiniteQuery(projectId, {});
+    const runs = useMemo(()=>query.data?.pages.flatMap((page)=>page.runs) ?? [], [
+        query.data
+    ]);
+    return /*#__PURE__*/ _jsx(WorkflowRunListView, {
+        runs: runs,
+        query: query,
+        workspaceId: workspaceId,
+        projectId: projectId,
+        selectedWorkflowRunId: selectedWorkflowRunId,
+        className: className
+    });
+}
+
+//# sourceMappingURL=workflow-run-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-list.tsx"],"sourcesContent":["import {useMemo} from 'react';\nimport type {WorkflowRunListItem} from '#core/workflow-run.js';\nimport {useWorkflowRunsInfiniteQuery} from '#hooks/api/workflow-runs.js';\nimport type {WorkflowRunListProps} from './types.js';\nimport {WorkflowRunListView} from './workflow-run-list-view.js';\n\nexport function WorkflowRunList({\n  workspaceId,\n  projectId,\n  selectedWorkflowRunId,\n  className,\n}: WorkflowRunListProps) {\n  const query = useWorkflowRunsInfiniteQuery(projectId, {});\n  const runs = useMemo<WorkflowRunListItem[]>(\n    () => query.data?.pages.flatMap((page) => page.runs) ?? [],\n    [query.data],\n  );\n\n  return (\n    <WorkflowRunListView\n      runs={runs}\n      query={query}\n      workspaceId={workspaceId}\n      projectId={projectId}\n      selectedWorkflowRunId={selectedWorkflowRunId}\n      className={className}\n    />\n  );\n}\n"],"names":["useMemo","useWorkflowRunsInfiniteQuery","WorkflowRunListView","WorkflowRunList","workspaceId","projectId","selectedWorkflowRunId","className","query","runs","data","pages","flatMap","page"],"mappings":";AAAA,SAAQA,OAAO,QAAO,QAAQ;AAE9B,SAAQC,4BAA4B,QAAO,8BAA8B;AAEzE,SAAQC,mBAAmB,QAAO,8BAA8B;AAEhE,OAAO,SAASC,gBAAgB,EAC9BC,WAAW,EACXC,SAAS,EACTC,qBAAqB,EACrBC,SAAS,EACY;IACrB,MAAMC,QAAQP,6BAA6BI,WAAW,CAAC;IACvD,MAAMI,OAAOT,QACX,IAAMQ,MAAME,IAAI,EAAEC,MAAMC,QAAQ,CAACC,OAASA,KAAKJ,IAAI,KAAK,EAAE,EAC1D;QAACD,MAAME,IAAI;KAAC;IAGd,qBACE,KAACR;QACCO,MAAMA;QACND,OAAOA;QACPJ,aAAaA;QACbC,WAAWA;QACXC,uBAAuBA;QACvBC,WAAWA;;AAGjB"}

package/dist/components/workflow-run-list/workflow-run-row.d.ts

@@ -0,0 +1,14 @@
+import type { WorkflowRunListItem } from '#core/workflow-run.js';
+export declare function WorkflowRunRowList({ runs, workspaceId, projectId, selectedWorkflowRunId, }: {
+    runs: WorkflowRunListItem[];
+    workspaceId: string;
+    projectId: string;
+    selectedWorkflowRunId?: string | undefined;
+}): import("react").JSX.Element;
+export declare function WorkflowRunRow({ run, workspaceId, projectId, selected, }: {
+    run: WorkflowRunListItem;
+    workspaceId: string;
+    projectId: string;
+    selected: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=workflow-run-row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-row.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-row.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAG/D,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,WAAW,EACX,SAAS,EACT,qBAAqB,GACtB,EAAE;IACD,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,qBAAqB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5C,+BAiBA;AAED,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,WAAW,EACX,SAAS,EACT,QAAQ,GACT,EAAE;IACD,GAAG,EAAE,mBAAmB,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB,+BA2EA"}

package/dist/components/workflow-run-list/workflow-run-row.js

@@ -0,0 +1,172 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { TriggerSourceIcon } from '@shipfox/client-triggers';
+import { RelativeTime } from '@shipfox/react-ui/relative-time';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
+import { Code, Text } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
+import { Link } from '@tanstack/react-router';
+import { useWorkflowRunDurationAccessibleLabel, WorkflowRunDurationLabel } from '#components/workflow-run-duration-label.js';
+import { getWorkflowStatusVisual } from '#components/workflow-status/status-visuals.js';
+import { WorkflowStatusIcon } from '#components/workflow-status/workflow-status-icon.js';
+import { withoutWorkflowRunSelectionSearch } from '#core/workflow-run-url-state.js';
+export function WorkflowRunRowList({ runs, workspaceId, projectId, selectedWorkflowRunId }) {
+    return /*#__PURE__*/ _jsx("nav", {
+        "aria-label": "Run history",
+        children: /*#__PURE__*/ _jsx("ul", {
+            className: "flex flex-col gap-4 p-8",
+            children: runs.map((run)=>/*#__PURE__*/ _jsx("li", {
+                    children: /*#__PURE__*/ _jsx(WorkflowRunRow, {
+                        run: run,
+                        workspaceId: workspaceId,
+                        projectId: projectId,
+                        selected: run.id === selectedWorkflowRunId
+                    })
+                }, run.id))
+        })
+    });
+}
+export function WorkflowRunRow({ run, workspaceId, projectId, selected }) {
+    const durationLabel = useWorkflowRunDurationAccessibleLabel(run.runAttempt.displayDuration);
+    const statusLabel = getWorkflowStatusVisual(run.status).label;
+    const body = /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            selected ? /*#__PURE__*/ _jsx("span", {
+                "aria-hidden": "true",
+                className: "absolute inset-y-8 left-0 w-3 rounded-full bg-border-highlights-interactive"
+            }) : null,
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex min-w-0 items-center gap-8",
+                children: [
+                    /*#__PURE__*/ _jsx(WorkflowStatusIcon, {
+                        status: run.status,
+                        size: 14
+                    }),
+                    /*#__PURE__*/ _jsx(Code, {
+                        variant: "label",
+                        bold: true,
+                        className: "truncate text-foreground-neutral-base",
+                        children: run.name
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex min-w-0 items-center gap-8",
+                children: [
+                    run.triggerDisplayLabel ? /*#__PURE__*/ _jsx(TriggerLabel, {
+                        run: run
+                    }) : /*#__PURE__*/ _jsxs("span", {
+                        className: "flex min-w-0 flex-1 items-center gap-8 truncate text-foreground-neutral-muted",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                "aria-hidden": "true",
+                                className: "size-14 shrink-0"
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "sr-only",
+                                children: "Run updated "
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("span", {
+                        className: "ml-auto flex shrink-0 items-center gap-6",
+                        children: [
+                            /*#__PURE__*/ _jsx(WorkflowRunDurationLabel, {
+                                duration: run.runAttempt.displayDuration,
+                                className: "text-foreground-neutral-disabled"
+                            }),
+                            durationLabel ? /*#__PURE__*/ _jsx(RunMetadataSeparator, {}) : null,
+                            /*#__PURE__*/ _jsx(Code, {
+                                variant: "label",
+                                className: "shrink-0 text-foreground-neutral-disabled",
+                                children: /*#__PURE__*/ _jsx(RelativeTime, {
+                                    value: run.updatedAt
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+    // Optimistic manual runs (temp-<uuid>) have no detail page until the canonical row
+    // replaces them on the next poll, so they render non-interactively instead of as a link
+    // that would navigate to a workflow run id the detail route rejects.
+    if (run.isTemporary) {
+        return /*#__PURE__*/ _jsx("div", {
+            className: "relative flex w-full flex-col gap-4 rounded-8 border border-transparent px-10 py-8 text-left",
+            children: body
+        });
+    }
+    const runLink = /*#__PURE__*/ _jsx(Link, {
+        to: "/workspaces/$wid/projects/$pid/runs/$workflowRunId",
+        params: {
+            wid: workspaceId,
+            pid: projectId,
+            workflowRunId: run.id
+        },
+        search: (previous)=>withoutWorkflowRunSelectionSearch(previous),
+        "aria-current": selected ? 'page' : undefined,
+        "aria-label": [
+            run.name,
+            statusLabel,
+            durationLabel,
+            run.triggerLabel
+        ].filter((part)=>Boolean(part)).join(', '),
+        className: cn('group relative flex w-full flex-col gap-4 rounded-8 border border-transparent px-10 py-8 text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-border-interactive-with-active focus-visible:outline-none', selected && 'bg-background-components-hover'),
+        children: body
+    });
+    return runLink;
+}
+function TriggerLabel({ run }) {
+    return /*#__PURE__*/ _jsx("span", {
+        className: "flex min-w-0 flex-1 items-center",
+        children: /*#__PURE__*/ _jsxs(Tooltip, {
+            children: [
+                /*#__PURE__*/ _jsx(TooltipTrigger, {
+                    asChild: true,
+                    children: /*#__PURE__*/ _jsxs("span", {
+                        className: "flex w-fit max-w-full min-w-0 items-center gap-8 rounded-6 outline-none",
+                        children: [
+                            /*#__PURE__*/ _jsx(TriggerSourceIcon, {
+                                provider: run.triggerProvider,
+                                source: run.triggerSource,
+                                "aria-hidden": true,
+                                className: "size-14 shrink-0 text-foreground-neutral-muted"
+                            }),
+                            /*#__PURE__*/ _jsx(Text, {
+                                as: "span",
+                                size: "xs",
+                                className: "min-w-0 truncate text-foreground-neutral-subtle",
+                                children: run.triggerDisplayLabel
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ _jsx(TriggerTooltip, {
+                    label: run.triggerLabel
+                })
+            ]
+        })
+    });
+}
+function TriggerTooltip({ label }) {
+    return /*#__PURE__*/ _jsx(TooltipContent, {
+        children: /*#__PURE__*/ _jsx(Text, {
+            as: "span",
+            size: "xs",
+            className: "block max-w-[360px] break-words",
+            children: label
+        })
+    });
+}
+function RunMetadataSeparator() {
+    return /*#__PURE__*/ _jsx(Code, {
+        as: "span",
+        variant: "label",
+        "aria-hidden": "true",
+        className: "shrink-0 text-foreground-neutral-disabled",
+        children: "·"
+    });
+}
+
+//# sourceMappingURL=workflow-run-row.js.map