@shipfox/client-workflows 12.0.2 → 13.0.0

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

@@ -1 +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"}
+{"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';\nimport {Link} from '@tanstack/react-router';\n\nconst SKELETON_ROW_COUNT = 8;\n\n/**\n * Placeholder rows at the real row height, so the list does not resize under the cursor when\n * the first page lands. Only the initial load renders these: a refetch keeps the rows it has,\n * per the design system's rule against animating frequently-updating data.\n */\nexport function WorkflowRunListSkeleton() {\n  return (\n    <div\n      className=\"@container divide-y divide-border-neutral-base border-t border-border-neutral-base\"\n      role=\"status\"\n      aria-label=\"Loading runs\"\n    >\n      {Array.from({length: SKELETON_ROW_COUNT}).map((_, index) => (\n        <div\n          // biome-ignore lint/suspicious/noArrayIndexKey: skeleton row, stable position\n          key={index}\n          className=\"flex items-center gap-10 px-12 py-8 @min-[976px]:h-44 @min-[976px]:py-0\"\n        >\n          <Skeleton className=\"size-14 shrink-0 rounded-full\" />\n          <Skeleton className=\"h-12 w-[220px] max-w-[40%]\" />\n          <Skeleton className=\"ml-auto hidden h-12 w-96 @min-[1040px]:block\" />\n          <Skeleton className=\"h-12 w-48\" />\n          <Skeleton className=\"h-12 w-48\" />\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=\"pb-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  workspaceSlug,\n  projectSlug,\n}: {\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n}) {\n  return (\n    <EmptyState\n      icon=\"pulseLine\"\n      title=\"No runs yet\"\n      description=\"Runs from this project's workflows appear here the moment one is launched.\"\n      action={\n        workspaceSlug && projectSlug ? (\n          <Button asChild type=\"button\" size=\"sm\" variant=\"primary\">\n            <Link\n              to=\"/w/$workspaceSlug/p/$projectSlug/workflows\"\n              params={{workspaceSlug, projectSlug}}\n            >\n              View workflows\n            </Link>\n          </Button>\n        ) : null\n      }\n    />\n  );\n}\n\n/**\n * The filtered-empty state, deliberately distinct from the unfiltered one: someone who\n * filtered their way to nothing needs a way back out, not an onboarding call to action.\n *\n * Its reset is worded as its outcome rather than repeating the toolbar's \"Clear filters\"\n * verbatim, so the two controls on screen read as one action offered twice rather than two\n * different ones. It is also the only reset within reach below `md`, where the toolbar's\n * lives inside the filter sheet.\n */\nexport function WorkflowRunListNoMatches({\n  onClear,\n  hasNextPage,\n  isFetchingNextPage,\n  isFetchNextPageError,\n  onLoadMore,\n}: {\n  onClear: () => void;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  isFetchNextPageError: boolean;\n  onLoadMore?: () => void;\n}) {\n  return (\n    <div className=\"flex flex-col gap-8\">\n      {isFetchNextPageError ? (\n        <Callout role=\"alert\" type=\"error\">\n          Could not load more workflow runs. Try again to continue searching older runs.\n        </Callout>\n      ) : null}\n      <EmptyState\n        icon=\"filterOffLine\"\n        title={hasNextPage ? 'No matches in loaded history' : 'No matching runs'}\n        description={\n          hasNextPage\n            ? 'No loaded run matches these filters. Load more to search further back.'\n            : 'No run matches these filters.'\n        }\n        action={\n          <div className=\"flex flex-wrap justify-center gap-8\">\n            {hasNextPage && onLoadMore ? (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                variant=\"primary\"\n                isLoading={isFetchingNextPage}\n                onClick={onLoadMore}\n              >\n                Load more runs\n              </Button>\n            ) : null}\n            <Button type=\"button\" size=\"sm\" variant=\"secondary\" onClick={onClear}>\n              Show all runs\n            </Button>\n          </div>\n        }\n      />\n    </div>\n  );\n}\n\nexport function WorkflowRunListLoadMore({\n  hasNextPage,\n  isFetchingNextPage,\n  isFetchNextPageError,\n  onLoadMore,\n}: {\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  isFetchNextPageError: boolean;\n  onLoadMore?: () => void;\n}) {\n  if (!hasNextPage || !onLoadMore) return null;\n\n  return (\n    <div className=\"flex flex-col items-center gap-8 border-t border-border-neutral-base py-12\">\n      {isFetchNextPageError ? (\n        <Callout role=\"alert\" type=\"error\">\n          Could not load more workflow runs. Try again.\n        </Callout>\n      ) : null}\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"secondary\"\n        isLoading={isFetchingNextPage}\n        onClick={onLoadMore}\n      >\n        Load more runs\n      </Button>\n    </div>\n  );\n}\n"],"names":["Button","Callout","EmptyState","Skeleton","Text","Link","SKELETON_ROW_COUNT","WorkflowRunListSkeleton","div","className","role","aria-label","Array","from","length","map","_","index","WorkflowRunListStaleError","query","type","size","variant","isLoading","isFetching","onClick","refetch","WorkflowRunListEmpty","workspaceSlug","projectSlug","icon","title","description","action","asChild","to","params","WorkflowRunListNoMatches","onClear","hasNextPage","isFetchingNextPage","isFetchNextPageError","onLoadMore","WorkflowRunListLoadMore"],"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;AAClD,SAAQC,IAAI,QAAO,yBAAyB;AAE5C,MAAMC,qBAAqB;AAE3B;;;;CAIC,GACD,OAAO,SAASC;IACd,qBACE,KAACC;QACCC,WAAU;QACVC,MAAK;QACLC,cAAW;kBAEVC,MAAMC,IAAI,CAAC;YAACC,QAAQR;QAAkB,GAAGS,GAAG,CAAC,CAACC,GAAGC,sBAChD,MAACT;gBAGCC,WAAU;;kCAEV,KAACN;wBAASM,WAAU;;kCACpB,KAACN;wBAASM,WAAU;;kCACpB,KAACN;wBAASM,WAAU;;kCACpB,KAACN;wBAASM,WAAU;;kCACpB,KAACN;wBAASM,WAAU;;;eAPfQ;;AAYf;AAEA;;;;CAIC,GACD,OAAO,SAASC,0BAA0B,EAACC,KAAK,EAA+B;IAC7E,qBACE,KAACX;QAAIC,WAAU;kBACb,cAAA,KAACR;YAAQS,MAAK;YAAQU,MAAK;sBACzB,cAAA,MAACZ;gBAAIC,WAAU;;kCACb,KAACL;wBAAKiB,MAAK;kCAAK;;kCAChB,KAACrB;wBACCoB,MAAK;wBACLC,MAAK;wBACLC,SAAQ;wBACRC,WAAWJ,MAAMK,UAAU;wBAC3BC,SAAS;4BACP,KAAKN,MAAMO,OAAO;wBACpB;kCACD;;;;;;AAOX;AAEA,OAAO,SAASC,qBAAqB,EACnCC,aAAa,EACbC,WAAW,EAIZ;IACC,qBACE,KAAC3B;QACC4B,MAAK;QACLC,OAAM;QACNC,aAAY;QACZC,QACEL,iBAAiBC,4BACf,KAAC7B;YAAOkC,OAAO;YAACd,MAAK;YAASC,MAAK;YAAKC,SAAQ;sBAC9C,cAAA,KAACjB;gBACC8B,IAAG;gBACHC,QAAQ;oBAACR;oBAAeC;gBAAW;0BACpC;;aAID;;AAIZ;AAEA;;;;;;;;CAQC,GACD,OAAO,SAASQ,yBAAyB,EACvCC,OAAO,EACPC,WAAW,EACXC,kBAAkB,EAClBC,oBAAoB,EACpBC,UAAU,EAOX;IACC,qBACE,MAAClC;QAAIC,WAAU;;YACZgC,qCACC,KAACxC;gBAAQS,MAAK;gBAAQU,MAAK;0BAAQ;iBAGjC;0BACJ,KAAClB;gBACC4B,MAAK;gBACLC,OAAOQ,cAAc,iCAAiC;gBACtDP,aACEO,cACI,2EACA;gBAENN,sBACE,MAACzB;oBAAIC,WAAU;;wBACZ8B,eAAeG,2BACd,KAAC1C;4BACCoB,MAAK;4BACLC,MAAK;4BACLC,SAAQ;4BACRC,WAAWiB;4BACXf,SAASiB;sCACV;6BAGC;sCACJ,KAAC1C;4BAAOoB,MAAK;4BAASC,MAAK;4BAAKC,SAAQ;4BAAYG,SAASa;sCAAS;;;;;;;AAQlF;AAEA,OAAO,SAASK,wBAAwB,EACtCJ,WAAW,EACXC,kBAAkB,EAClBC,oBAAoB,EACpBC,UAAU,EAMX;IACC,IAAI,CAACH,eAAe,CAACG,YAAY,OAAO;IAExC,qBACE,MAAClC;QAAIC,WAAU;;YACZgC,qCACC,KAACxC;gBAAQS,MAAK;gBAAQU,MAAK;0BAAQ;iBAGjC;0BACJ,KAACpB;gBACCoB,MAAK;gBACLC,MAAK;gBACLC,SAAQ;gBACRC,WAAWiB;gBACXf,SAASiB;0BACV;;;;AAKP"}

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

@@ -1,3 +1,3 @@
 import type { WorkflowRunListViewProps } from './types.js';
-export declare function WorkflowRunListView({ runs, query, workspaceId, projectId, selectedWorkflowRunId, className, search, statusFilter, onFiltersChange, }: WorkflowRunListViewProps): import("react").JSX.Element;
+export declare function WorkflowRunListView({ runs, query, workspaceSlug, projectSlug, className, search, onFiltersChange, onClearFilters, hasNextPage, isFetchingNextPage, isFetchNextPageError, onLoadMore, }: 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

@@ -1 +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,EAAC,wBAAwB,EAAC,MAAM,YAAY,CAAC;AAIzD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,qBAAqB,EACrB,SAAS,EACT,MAAW,EACX,YAAoB,EACpB,eAAe,GAChB,EAAE,wBAAwB,+BAsD1B"}
+{"version":3,"file":"workflow-run-list-view.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-list-view.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,YAAY,CAAC;AAMzD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,aAAa,EACb,WAAW,EACX,SAAS,EACT,MAAqB,EACrB,eAAe,EACf,cAAc,EACd,WAAmB,EACnB,kBAA0B,EAC1B,oBAA4B,EAC5B,UAAU,GACX,EAAE,wBAAwB,+BA6D1B"}

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

@@ -1,67 +1,84 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TimeTickerProvider } from '@shipfox/react-ui/time-ticker';
+import { Header } from '@shipfox/react-ui/typography';
 import { cn } from '@shipfox/react-ui/utils';
-import { useState } from 'react';
-import { runMatchesSearch, runMatchesStatusFilter } from './run-display.js';
+import { useId, useMemo, useState } from 'react';
+import { applyWorkflowRunFilterPatch, clearWorkflowRunFilters, hasWorkflowRunFilters } from '#routes/inputs.js';
+import { runMatchesFilters, workflowRunFacets } from './run-display.js';
+import { WorkflowRunFilters } from './workflow-run-filters.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, search = '', statusFilter = 'all', onFiltersChange }) {
+const EMPTY_SEARCH = {};
+export function WorkflowRunListView({ runs, query, workspaceSlug, projectSlug, className, search = EMPTY_SEARCH, onFiltersChange, onClearFilters, hasNextPage = false, isFetchingNextPage = false, isFetchNextPageError = false, onLoadMore }) {
+    const headingId = useId();
     const [localSearch, setLocalSearch] = useState(search);
-    const [localStatusFilter, setLocalStatusFilter] = useState(statusFilter);
     const currentSearch = onFiltersChange ? search : localSearch;
-    const currentStatusFilter = onFiltersChange ? statusFilter : localStatusFilter;
-    const filteredRuns = runs.filter((run)=>{
-        if (!runMatchesStatusFilter(run.status, currentStatusFilter)) return false;
-        return runMatchesSearch(run, currentSearch);
-    });
+    const filteredRuns = useMemo(()=>runs.filter((run)=>runMatchesFilters(run, currentSearch)), [
+        runs,
+        currentSearch
+    ]);
+    const facets = useMemo(()=>workflowRunFacets(runs, currentSearch), [
+        runs,
+        currentSearch
+    ]);
+    const hasActiveFilters = hasWorkflowRunFilters(currentSearch);
+    function handleFiltersChange(patch) {
+        if (onFiltersChange) onFiltersChange(patch);
+        else setLocalSearch((previous)=>applyWorkflowRunFilterPatch(previous, patch));
+    }
     function handleClearFilters() {
-        if (onFiltersChange) onFiltersChange({});
-        else {
-            setLocalSearch('');
-            setLocalStatusFilter('all');
-        }
+        // Uncontrolled, the view owns the filters, so it clears them itself and still reports the
+        // change; a caller that passes only `onClearFilters` would otherwise see nothing happen.
+        if (!onFiltersChange) setLocalSearch(clearWorkflowRunFilters);
+        else if (!onClearFilters) onFiltersChange(CLEAR_ALL_FILTERS);
+        onClearFilters?.();
     }
     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__*/ _jsxs("section", {
+            "aria-labelledby": headingId,
+            className: cn('flex min-h-0 min-w-0 flex-1 flex-col gap-12', className),
             children: [
-                /*#__PURE__*/ _jsx(WorkflowRunListHeader, {
-                    query: currentSearch,
-                    onQueryChange: (next)=>{
-                        if (onFiltersChange) onFiltersChange({
-                            ...next ? {
-                                search: next
-                            } : {},
-                            status: currentStatusFilter
-                        });
-                        else setLocalSearch(next);
-                    },
-                    statusFilter: currentStatusFilter,
-                    onStatusFilterChange: (next)=>{
-                        if (onFiltersChange) onFiltersChange({
-                            ...currentSearch ? {
-                                search: currentSearch
-                            } : {},
-                            status: next
-                        });
-                        else setLocalStatusFilter(next);
-                    }
+                /*#__PURE__*/ _jsx(Header, {
+                    id: headingId,
+                    variant: "h1",
+                    className: "sr-only",
+                    children: "Workflow runs"
+                }),
+                /*#__PURE__*/ _jsx(WorkflowRunFilters, {
+                    search: currentSearch,
+                    facets: facets,
+                    onChange: handleFiltersChange,
+                    onClear: handleClearFilters,
+                    hasActiveFilters: hasActiveFilters
                 }),
                 /*#__PURE__*/ _jsx(WorkflowRunListContent, {
                     query: query,
                     totalRuns: runs.length,
                     runs: filteredRuns,
-                    workspaceId: workspaceId,
-                    projectId: projectId,
-                    selectedWorkflowRunId: selectedWorkflowRunId,
-                    onClearFilters: handleClearFilters
+                    workspaceSlug: workspaceSlug,
+                    projectSlug: projectSlug,
+                    hasActiveFilters: hasActiveFilters,
+                    onClearFilters: handleClearFilters,
+                    hasNextPage: hasNextPage,
+                    isFetchingNextPage: isFetchingNextPage,
+                    isFetchNextPageError: isFetchNextPageError,
+                    ...onLoadMore ? {
+                        onLoadMore
+                    } : {}
                 })
             ]
         })
     });
 }
+const CLEAR_ALL_FILTERS = {
+    search: undefined,
+    status: undefined,
+    branch: undefined,
+    actor: undefined,
+    event: undefined,
+    after: undefined,
+    before: undefined
+};
 
 //# sourceMappingURL=workflow-run-list-view.js.map

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

@@ -1 +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 {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  search = '',\n  statusFilter = 'all',\n  onFiltersChange,\n}: WorkflowRunListViewProps) {\n  const [localSearch, setLocalSearch] = useState(search);\n  const [localStatusFilter, setLocalStatusFilter] = useState(statusFilter);\n  const currentSearch = onFiltersChange ? search : localSearch;\n  const currentStatusFilter = onFiltersChange ? statusFilter : localStatusFilter;\n\n  const filteredRuns = runs.filter((run) => {\n    if (!runMatchesStatusFilter(run.status, currentStatusFilter)) return false;\n    return runMatchesSearch(run, currentSearch);\n  });\n\n  function handleClearFilters() {\n    if (onFiltersChange) onFiltersChange({});\n    else {\n      setLocalSearch('');\n      setLocalStatusFilter('all');\n    }\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={currentSearch}\n          onQueryChange={(next) => {\n            if (onFiltersChange)\n              onFiltersChange({...(next ? {search: next} : {}), status: currentStatusFilter});\n            else setLocalSearch(next);\n          }}\n          statusFilter={currentStatusFilter}\n          onStatusFilterChange={(next) => {\n            if (onFiltersChange)\n              onFiltersChange({...(currentSearch ? {search: currentSearch} : {}), status: next});\n            else setLocalStatusFilter(next);\n          }}\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","statusFilter","onFiltersChange","localSearch","setLocalSearch","localStatusFilter","setLocalStatusFilter","currentSearch","currentStatusFilter","filteredRuns","filter","run","status","handleClearFilters","intervalMs","reducedMotionIntervalMs","aside","aria-label","onQueryChange","next","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,EACTC,SAAS,EAAE,EACXC,eAAe,KAAK,EACpBC,eAAe,EACU;IACzB,MAAM,CAACC,aAAaC,eAAe,GAAGhB,SAASY;IAC/C,MAAM,CAACK,mBAAmBC,qBAAqB,GAAGlB,SAASa;IAC3D,MAAMM,gBAAgBL,kBAAkBF,SAASG;IACjD,MAAMK,sBAAsBN,kBAAkBD,eAAeI;IAE7D,MAAMI,eAAef,KAAKgB,MAAM,CAAC,CAACC;QAChC,IAAI,CAACrB,uBAAuBqB,IAAIC,MAAM,EAAEJ,sBAAsB,OAAO;QACrE,OAAOnB,iBAAiBsB,KAAKJ;IAC/B;IAEA,SAASM;QACP,IAAIX,iBAAiBA,gBAAgB,CAAC;aACjC;YACHE,eAAe;YACfE,qBAAqB;QACvB;IACF;IAEA,qBACE,KAACpB;QAAmB4B,YAAY;QAAMC,yBAAyB;kBAC7D,cAAA,MAACC;YACCjB,WAAWZ,GACT,8FACAY;YAEFkB,cAAW;;8BAEX,KAACzB;oBACCG,OAAOY;oBACPW,eAAe,CAACC;wBACd,IAAIjB,iBACFA,gBAAgB;4BAAC,GAAIiB,OAAO;gCAACnB,QAAQmB;4BAAI,IAAI,CAAC,CAAC;4BAAGP,QAAQJ;wBAAmB;6BAC1EJ,eAAee;oBACtB;oBACAlB,cAAcO;oBACdY,sBAAsB,CAACD;wBACrB,IAAIjB,iBACFA,gBAAgB;4BAAC,GAAIK,gBAAgB;gCAACP,QAAQO;4BAAa,IAAI,CAAC,CAAC;4BAAGK,QAAQO;wBAAI;6BAC7Eb,qBAAqBa;oBAC5B;;8BAEF,KAAC5B;oBACCI,OAAOA;oBACP0B,WAAW3B,KAAK4B,MAAM;oBACtB5B,MAAMe;oBACNb,aAAaA;oBACbC,WAAWA;oBACXC,uBAAuBA;oBACvByB,gBAAgBV;;;;;AAK1B"}
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-list-view.tsx"],"sourcesContent":["import {TimeTickerProvider} from '@shipfox/react-ui/time-ticker';\nimport {Header} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useId, useMemo, useState} from 'react';\nimport {\n  applyWorkflowRunFilterPatch,\n  clearWorkflowRunFilters,\n  hasWorkflowRunFilters,\n  type WorkflowRunFilterPatch,\n  type WorkflowRunsSearch,\n} from '#routes/inputs.js';\nimport {runMatchesFilters, workflowRunFacets} from './run-display.js';\nimport type {WorkflowRunListViewProps} from './types.js';\nimport {WorkflowRunFilters} from './workflow-run-filters.js';\nimport {WorkflowRunListContent} from './workflow-run-list-content.js';\n\nconst EMPTY_SEARCH: WorkflowRunsSearch = {};\n\nexport function WorkflowRunListView({\n  runs,\n  query,\n  workspaceSlug,\n  projectSlug,\n  className,\n  search = EMPTY_SEARCH,\n  onFiltersChange,\n  onClearFilters,\n  hasNextPage = false,\n  isFetchingNextPage = false,\n  isFetchNextPageError = false,\n  onLoadMore,\n}: WorkflowRunListViewProps) {\n  const headingId = useId();\n  const [localSearch, setLocalSearch] = useState<WorkflowRunsSearch>(search);\n  const currentSearch = onFiltersChange ? search : localSearch;\n\n  const filteredRuns = useMemo(\n    () => runs.filter((run) => runMatchesFilters(run, currentSearch)),\n    [runs, currentSearch],\n  );\n  const facets = useMemo(() => workflowRunFacets(runs, currentSearch), [runs, currentSearch]);\n  const hasActiveFilters = hasWorkflowRunFilters(currentSearch);\n\n  function handleFiltersChange(patch: WorkflowRunFilterPatch) {\n    if (onFiltersChange) onFiltersChange(patch);\n    else setLocalSearch((previous) => applyWorkflowRunFilterPatch(previous, patch));\n  }\n\n  function handleClearFilters() {\n    // Uncontrolled, the view owns the filters, so it clears them itself and still reports the\n    // change; a caller that passes only `onClearFilters` would otherwise see nothing happen.\n    if (!onFiltersChange) setLocalSearch(clearWorkflowRunFilters);\n    else if (!onClearFilters) onFiltersChange(CLEAR_ALL_FILTERS);\n    onClearFilters?.();\n  }\n\n  return (\n    <TimeTickerProvider intervalMs={1000} reducedMotionIntervalMs={10_000}>\n      <section\n        aria-labelledby={headingId}\n        className={cn('flex min-h-0 min-w-0 flex-1 flex-col gap-12', className)}\n      >\n        {/* The tab strip above already reads \"Runs\", so the page heading is for structure and\n            assistive tech rather than a second visible title competing with it. */}\n        <Header id={headingId} variant=\"h1\" className=\"sr-only\">\n          Workflow runs\n        </Header>\n\n        <WorkflowRunFilters\n          search={currentSearch}\n          facets={facets}\n          onChange={handleFiltersChange}\n          onClear={handleClearFilters}\n          hasActiveFilters={hasActiveFilters}\n        />\n\n        <WorkflowRunListContent\n          query={query}\n          totalRuns={runs.length}\n          runs={filteredRuns}\n          workspaceSlug={workspaceSlug}\n          projectSlug={projectSlug}\n          hasActiveFilters={hasActiveFilters}\n          onClearFilters={handleClearFilters}\n          hasNextPage={hasNextPage}\n          isFetchingNextPage={isFetchingNextPage}\n          isFetchNextPageError={isFetchNextPageError}\n          {...(onLoadMore ? {onLoadMore} : {})}\n        />\n      </section>\n    </TimeTickerProvider>\n  );\n}\n\nconst CLEAR_ALL_FILTERS: WorkflowRunFilterPatch = {\n  search: undefined,\n  status: undefined,\n  branch: undefined,\n  actor: undefined,\n  event: undefined,\n  after: undefined,\n  before: undefined,\n};\n"],"names":["TimeTickerProvider","Header","cn","useId","useMemo","useState","applyWorkflowRunFilterPatch","clearWorkflowRunFilters","hasWorkflowRunFilters","runMatchesFilters","workflowRunFacets","WorkflowRunFilters","WorkflowRunListContent","EMPTY_SEARCH","WorkflowRunListView","runs","query","workspaceSlug","projectSlug","className","search","onFiltersChange","onClearFilters","hasNextPage","isFetchingNextPage","isFetchNextPageError","onLoadMore","headingId","localSearch","setLocalSearch","currentSearch","filteredRuns","filter","run","facets","hasActiveFilters","handleFiltersChange","patch","previous","handleClearFilters","CLEAR_ALL_FILTERS","intervalMs","reducedMotionIntervalMs","section","aria-labelledby","id","variant","onChange","onClear","totalRuns","length","undefined","status","branch","actor","event","after","before"],"mappings":";AAAA,SAAQA,kBAAkB,QAAO,gCAAgC;AACjE,SAAQC,MAAM,QAAO,+BAA+B;AACpD,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,QAAO,QAAQ;AAC/C,SACEC,2BAA2B,EAC3BC,uBAAuB,EACvBC,qBAAqB,QAGhB,oBAAoB;AAC3B,SAAQC,iBAAiB,EAAEC,iBAAiB,QAAO,mBAAmB;AAEtE,SAAQC,kBAAkB,QAAO,4BAA4B;AAC7D,SAAQC,sBAAsB,QAAO,iCAAiC;AAEtE,MAAMC,eAAmC,CAAC;AAE1C,OAAO,SAASC,oBAAoB,EAClCC,IAAI,EACJC,KAAK,EACLC,aAAa,EACbC,WAAW,EACXC,SAAS,EACTC,SAASP,YAAY,EACrBQ,eAAe,EACfC,cAAc,EACdC,cAAc,KAAK,EACnBC,qBAAqB,KAAK,EAC1BC,uBAAuB,KAAK,EAC5BC,UAAU,EACe;IACzB,MAAMC,YAAYxB;IAClB,MAAM,CAACyB,aAAaC,eAAe,GAAGxB,SAA6Be;IACnE,MAAMU,gBAAgBT,kBAAkBD,SAASQ;IAEjD,MAAMG,eAAe3B,QACnB,IAAMW,KAAKiB,MAAM,CAAC,CAACC,MAAQxB,kBAAkBwB,KAAKH,iBAClD;QAACf;QAAMe;KAAc;IAEvB,MAAMI,SAAS9B,QAAQ,IAAMM,kBAAkBK,MAAMe,gBAAgB;QAACf;QAAMe;KAAc;IAC1F,MAAMK,mBAAmB3B,sBAAsBsB;IAE/C,SAASM,oBAAoBC,KAA6B;QACxD,IAAIhB,iBAAiBA,gBAAgBgB;aAChCR,eAAe,CAACS,WAAahC,4BAA4BgC,UAAUD;IAC1E;IAEA,SAASE;QACP,0FAA0F;QAC1F,yFAAyF;QACzF,IAAI,CAAClB,iBAAiBQ,eAAetB;aAChC,IAAI,CAACe,gBAAgBD,gBAAgBmB;QAC1ClB;IACF;IAEA,qBACE,KAACtB;QAAmByC,YAAY;QAAMC,yBAAyB;kBAC7D,cAAA,MAACC;YACCC,mBAAiBjB;YACjBR,WAAWjB,GAAG,+CAA+CiB;;8BAI7D,KAAClB;oBAAO4C,IAAIlB;oBAAWmB,SAAQ;oBAAK3B,WAAU;8BAAU;;8BAIxD,KAACR;oBACCS,QAAQU;oBACRI,QAAQA;oBACRa,UAAUX;oBACVY,SAAST;oBACTJ,kBAAkBA;;8BAGpB,KAACvB;oBACCI,OAAOA;oBACPiC,WAAWlC,KAAKmC,MAAM;oBACtBnC,MAAMgB;oBACNd,eAAeA;oBACfC,aAAaA;oBACbiB,kBAAkBA;oBAClBb,gBAAgBiB;oBAChBhB,aAAaA;oBACbC,oBAAoBA;oBACpBC,sBAAsBA;oBACrB,GAAIC,aAAa;wBAACA;oBAAU,IAAI,CAAC,CAAC;;;;;AAK7C;AAEA,MAAMc,oBAA4C;IAChDpB,QAAQ+B;IACRC,QAAQD;IACRE,QAAQF;IACRG,OAAOH;IACPI,OAAOJ;IACPK,OAAOL;IACPM,QAAQN;AACV"}

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

@@ -1,3 +1,3 @@
 import type { WorkflowRunListProps } from './types.js';
-export declare function WorkflowRunList({ workspaceId, projectId, selectedWorkflowRunId, className, search, statusFilter, onFiltersChange, }: WorkflowRunListProps): import("react").JSX.Element;
+export declare function WorkflowRunList({ projectId, workspaceSlug, projectSlug, className, search, onFiltersChange, onClearFilters, hasNextPage, isFetchingNextPage, isFetchNextPageError, onLoadMore, }: WorkflowRunListProps): import("react").JSX.Element;
 //# sourceMappingURL=workflow-run-list.d.ts.map

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

@@ -1 +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,EACT,MAAW,EACX,YAAoB,EACpB,eAAe,GAChB,EAAE,oBAAoB,+BAoBtB"}
+{"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,SAAS,EACT,aAAa,EACb,WAAW,EACX,SAAS,EACT,MAAM,EACN,eAAe,EACf,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,GACX,EAAE,oBAAoB,+BA0BtB"}

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

@@ -1,24 +1,36 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import { useCallback, 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, search = '', statusFilter = 'all', onFiltersChange }) {
+export function WorkflowRunList({ projectId, workspaceSlug, projectSlug, className, search, onFiltersChange, onClearFilters, hasNextPage, isFetchingNextPage, isFetchNextPageError, onLoadMore }) {
     const query = useWorkflowRunsInfiniteQuery(projectId, {});
+    const handleLoadMore = useCallback(()=>{
+        void query.fetchNextPage();
+    }, [
+        query.fetchNextPage
+    ]);
     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,
+        workspaceSlug: workspaceSlug,
+        projectSlug: projectSlug,
         className: className,
-        search: search,
-        statusFilter: statusFilter,
+        ...search ? {
+            search
+        } : {},
         ...onFiltersChange ? {
             onFiltersChange
-        } : {}
+        } : {},
+        ...onClearFilters ? {
+            onClearFilters
+        } : {},
+        hasNextPage: hasNextPage ?? query.hasNextPage,
+        isFetchingNextPage: isFetchingNextPage ?? query.isFetchingNextPage,
+        isFetchNextPageError: isFetchNextPageError ?? query.isFetchNextPageError,
+        onLoadMore: onLoadMore ?? handleLoadMore
     });
 }
 

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

@@ -1 +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  search = '',\n  statusFilter = 'all',\n  onFiltersChange,\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      search={search}\n      statusFilter={statusFilter}\n      {...(onFiltersChange ? {onFiltersChange} : {})}\n    />\n  );\n}\n"],"names":["useMemo","useWorkflowRunsInfiniteQuery","WorkflowRunListView","WorkflowRunList","workspaceId","projectId","selectedWorkflowRunId","className","search","statusFilter","onFiltersChange","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,EACTC,SAAS,EAAE,EACXC,eAAe,KAAK,EACpBC,eAAe,EACM;IACrB,MAAMC,QAAQV,6BAA6BI,WAAW,CAAC;IACvD,MAAMO,OAAOZ,QACX,IAAMW,MAAME,IAAI,EAAEC,MAAMC,QAAQ,CAACC,OAASA,KAAKJ,IAAI,KAAK,EAAE,EAC1D;QAACD,MAAME,IAAI;KAAC;IAGd,qBACE,KAACX;QACCU,MAAMA;QACND,OAAOA;QACPP,aAAaA;QACbC,WAAWA;QACXC,uBAAuBA;QACvBC,WAAWA;QACXC,QAAQA;QACRC,cAAcA;QACb,GAAIC,kBAAkB;YAACA;QAAe,IAAI,CAAC,CAAC;;AAGnD"}
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-list.tsx"],"sourcesContent":["import {useCallback, 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  projectId,\n  workspaceSlug,\n  projectSlug,\n  className,\n  search,\n  onFiltersChange,\n  onClearFilters,\n  hasNextPage,\n  isFetchingNextPage,\n  isFetchNextPageError,\n  onLoadMore,\n}: WorkflowRunListProps) {\n  const query = useWorkflowRunsInfiniteQuery(projectId, {});\n  const handleLoadMore = useCallback(() => {\n    void query.fetchNextPage();\n  }, [query.fetchNextPage]);\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      workspaceSlug={workspaceSlug}\n      projectSlug={projectSlug}\n      className={className}\n      {...(search ? {search} : {})}\n      {...(onFiltersChange ? {onFiltersChange} : {})}\n      {...(onClearFilters ? {onClearFilters} : {})}\n      hasNextPage={hasNextPage ?? query.hasNextPage}\n      isFetchingNextPage={isFetchingNextPage ?? query.isFetchingNextPage}\n      isFetchNextPageError={isFetchNextPageError ?? query.isFetchNextPageError}\n      onLoadMore={onLoadMore ?? handleLoadMore}\n    />\n  );\n}\n"],"names":["useCallback","useMemo","useWorkflowRunsInfiniteQuery","WorkflowRunListView","WorkflowRunList","projectId","workspaceSlug","projectSlug","className","search","onFiltersChange","onClearFilters","hasNextPage","isFetchingNextPage","isFetchNextPageError","onLoadMore","query","handleLoadMore","fetchNextPage","runs","data","pages","flatMap","page"],"mappings":";AAAA,SAAQA,WAAW,EAAEC,OAAO,QAAO,QAAQ;AAE3C,SAAQC,4BAA4B,QAAO,8BAA8B;AAEzE,SAAQC,mBAAmB,QAAO,8BAA8B;AAEhE,OAAO,SAASC,gBAAgB,EAC9BC,SAAS,EACTC,aAAa,EACbC,WAAW,EACXC,SAAS,EACTC,MAAM,EACNC,eAAe,EACfC,cAAc,EACdC,WAAW,EACXC,kBAAkB,EAClBC,oBAAoB,EACpBC,UAAU,EACW;IACrB,MAAMC,QAAQd,6BAA6BG,WAAW,CAAC;IACvD,MAAMY,iBAAiBjB,YAAY;QACjC,KAAKgB,MAAME,aAAa;IAC1B,GAAG;QAACF,MAAME,aAAa;KAAC;IACxB,MAAMC,OAAOlB,QACX,IAAMe,MAAMI,IAAI,EAAEC,MAAMC,QAAQ,CAACC,OAASA,KAAKJ,IAAI,KAAK,EAAE,EAC1D;QAACH,MAAMI,IAAI;KAAC;IAGd,qBACE,KAACjB;QACCgB,MAAMA;QACNH,OAAOA;QACPV,eAAeA;QACfC,aAAaA;QACbC,WAAWA;QACV,GAAIC,SAAS;YAACA;QAAM,IAAI,CAAC,CAAC;QAC1B,GAAIC,kBAAkB;YAACA;QAAe,IAAI,CAAC,CAAC;QAC5C,GAAIC,iBAAiB;YAACA;QAAc,IAAI,CAAC,CAAC;QAC3CC,aAAaA,eAAeI,MAAMJ,WAAW;QAC7CC,oBAAoBA,sBAAsBG,MAAMH,kBAAkB;QAClEC,sBAAsBA,wBAAwBE,MAAMF,oBAAoB;QACxEC,YAAYA,cAAcE;;AAGhC"}

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

@@ -1,14 +1,24 @@
-import type { WorkflowRunListItem } from '#core/workflow-run.js';
-export declare function WorkflowRunRowList({ runs, workspaceId, projectId, selectedWorkflowRunId, }: {
+import { type WorkflowRunListItem } from '#core/workflow-run.js';
+export declare function WorkflowRunRowList({ runs, workspaceSlug, projectSlug, }: {
     runs: WorkflowRunListItem[];
-    workspaceId: string;
-    projectId: string;
-    selectedWorkflowRunId?: string | undefined;
+    workspaceSlug?: string | undefined;
+    projectSlug?: string | undefined;
 }): import("react").JSX.Element;
-export declare function WorkflowRunRow({ run, workspaceId, projectId, selected, }: {
+/**
+ * One run at full width.
+ *
+ * A single 44px line once the list is at least 976px wide, reflowing to two lines below that:
+ * the identity and the numerics keep their places on line one, and the provenance metadata
+ * drops beneath. The numeric columns are fixed-width so duration and time form real columns
+ * down the list rather than tracking each row's name length.
+ *
+ * The thresholds are the container widths the spec's viewport breakpoints produce, given a
+ * column capped at 1120px with 24px of page padding on each side: a 1280px viewport leaves
+ * the row 1072px, and a 1024px viewport leaves it 976px.
+ */
+export declare function WorkflowRunRow({ run, workspaceSlug, projectSlug, }: {
     run: WorkflowRunListItem;
-    workspaceId: string;
-    projectId: string;
-    selected: boolean;
+    workspaceSlug?: string | undefined;
+    projectSlug?: string | undefined;
 }): import("react").JSX.Element;
 //# sourceMappingURL=workflow-run-row.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"workflow-run-row.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-row.tsx"],"names":[],"mappings":"AAiBA,OAAO,EACL,KAAK,mBAAmB,EAIzB,MAAM,uBAAuB,CAAC;AAI/B,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,+BAaA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,aAAa,EACb,WAAW,GACZ,EAAE;IACD,GAAG,EAAE,mBAAmB,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,+BAyFA"}