@shipfox/client-workflows 12.0.2 → 14.0.0

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

@@ -1,33 +1,32 @@
 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;
-    search?: string;
-    statusFilter?: WorkflowRunListStatusFilter;
-    onFiltersChange?: (filters: {
-        search?: string;
-        status?: WorkflowRunListStatusFilter;
-    }) => void;
-}
+import type { WorkflowRunFilterPatch, WorkflowRunsSearch } from '#routes/inputs.js';
 export type WorkflowRunListQuery = QueryLoadErrorQuery & {
     isPending: boolean;
 };
-export interface WorkflowRunListViewProps {
+interface WorkflowRunListCommonProps {
+    workspaceSlug?: string | undefined;
+    projectSlug?: string | undefined;
+    className?: string | undefined;
+    /**
+     * The parsed URL search. Pair with `onFiltersChange` to keep it in the URL; omit the
+     * handler and the view holds filter state itself, which is what stories and isolated tests
+     * mount against.
+     */
+    search?: WorkflowRunsSearch;
+    onFiltersChange?: (patch: WorkflowRunFilterPatch) => void;
+    onClearFilters?: () => void;
+    hasNextPage?: boolean;
+    isFetchingNextPage?: boolean;
+    isFetchNextPageError?: boolean;
+    onLoadMore?: () => void;
+}
+export interface WorkflowRunListProps extends WorkflowRunListCommonProps {
+    projectId: string;
+}
+export interface WorkflowRunListViewProps extends WorkflowRunListCommonProps {
     runs: WorkflowRunListItem[];
     query: WorkflowRunListQuery;
-    workspaceId: string;
-    projectId: string;
-    selectedWorkflowRunId?: string | undefined;
-    className?: string | undefined;
-    search?: string;
-    statusFilter?: WorkflowRunListStatusFilter;
-    onFiltersChange?: (filters: {
-        search?: string;
-        status?: WorkflowRunListStatusFilter;
-    }) => void;
 }
+export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +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;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,2BAA2B,CAAA;KAAC,KAAK,IAAI,CAAC;CAC9F;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;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,2BAA2B,CAAA;KAAC,KAAK,IAAI,CAAC;CAC9F"}
+{"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;AAC/D,OAAO,KAAK,EAAC,sBAAsB,EAAE,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAElF,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IAAC,SAAS,EAAE,OAAO,CAAA;CAAC,CAAC;AAE9E,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC1D,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,oBAAqB,SAAQ,0BAA0B;IACtE,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,wBAAyB,SAAQ,0BAA0B;IAC1E,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,KAAK,EAAE,oBAAoB,CAAC;CAC7B"}

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

@@ -1 +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  search?: string;\n  statusFilter?: WorkflowRunListStatusFilter;\n  onFiltersChange?: (filters: {search?: string; status?: WorkflowRunListStatusFilter}) => void;\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  search?: string;\n  statusFilter?: WorkflowRunListStatusFilter;\n  onFiltersChange?: (filters: {search?: string; status?: WorkflowRunListStatusFilter}) => void;\n}\n"],"names":[],"mappings":"AAiBA,WAUC"}
+{"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';\nimport type {WorkflowRunFilterPatch, WorkflowRunsSearch} from '#routes/inputs.js';\n\nexport type WorkflowRunListQuery = QueryLoadErrorQuery & {isPending: boolean};\n\ninterface WorkflowRunListCommonProps {\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n  className?: string | undefined;\n  /**\n   * The parsed URL search. Pair with `onFiltersChange` to keep it in the URL; omit the\n   * handler and the view holds filter state itself, which is what stories and isolated tests\n   * mount against.\n   */\n  search?: WorkflowRunsSearch;\n  onFiltersChange?: (patch: WorkflowRunFilterPatch) => void;\n  onClearFilters?: () => void;\n  hasNextPage?: boolean;\n  isFetchingNextPage?: boolean;\n  isFetchNextPageError?: boolean;\n  onLoadMore?: () => void;\n}\n\nexport interface WorkflowRunListProps extends WorkflowRunListCommonProps {\n  projectId: string;\n}\n\nexport interface WorkflowRunListViewProps extends WorkflowRunListCommonProps {\n  runs: WorkflowRunListItem[];\n  query: WorkflowRunListQuery;\n}\n"],"names":[],"mappings":"AA4BA,WAGC"}

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

@@ -0,0 +1,22 @@
+export interface WorkflowRunFilterOption {
+    value: string;
+    label: string;
+}
+export interface WorkflowRunFilterMenuProps {
+    label: string;
+    options: readonly WorkflowRunFilterOption[];
+    selected: readonly string[];
+    onChange: (next: string[]) => void;
+    /** Shown in place of the option list when nothing is loaded to filter by. */
+    emptyMessage: string;
+    className?: string | undefined;
+}
+/**
+ * One multi-select filter.
+ *
+ * The trigger states its own value rather than only a count, because a toolbar of five
+ * buttons that all read "Branch" forces the user to open each one to find out what is on.
+ * Checked items keep the menu open: choosing two branches should not cost two round trips.
+ */
+export declare function WorkflowRunFilterMenu({ label, options, selected, onChange, emptyMessage, className, }: WorkflowRunFilterMenuProps): import("react").JSX.Element;
+//# sourceMappingURL=workflow-run-filter-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-filter-menu.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-filter-menu.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,uBAAuB,EAAE,CAAC;IAC5C,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,6EAA6E;IAC7E,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,SAAS,GACV,EAAE,0BAA0B,+BA8C5B"}

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

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuTrigger } from '@shipfox/react-ui/dropdown-menu';
+import { Text } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
+/**
+ * One multi-select filter.
+ *
+ * The trigger states its own value rather than only a count, because a toolbar of five
+ * buttons that all read "Branch" forces the user to open each one to find out what is on.
+ * Checked items keep the menu open: choosing two branches should not cost two round trips.
+ */ export function WorkflowRunFilterMenu({ label, options, selected, onChange, emptyMessage, className }) {
+    const active = selected.length > 0;
+    const triggerText = triggerLabel(label, options, selected);
+    function toggle(value) {
+        onChange(selected.includes(value) ? selected.filter((entry)=>entry !== value) : [
+            ...selected,
+            value
+        ]);
+    }
+    return /*#__PURE__*/ _jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Button, {
+                    type: "button",
+                    variant: "secondary",
+                    size: "sm",
+                    iconRight: "arrowDownSLine",
+                    // Mirrors the visible label so the selected value is not sighted-only; an aria-label
+                    // replaces the button's contents as its accessible name rather than adding to them.
+                    "aria-label": `${triggerText} filter`,
+                    className: cn('max-w-[200px]', !active && 'text-foreground-neutral-subtle', className),
+                    children: /*#__PURE__*/ _jsx("span", {
+                        className: "min-w-0 truncate",
+                        children: triggerText
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(DropdownMenuContent, {
+                align: "start",
+                className: "max-h-[320px] w-[240px] overflow-y-auto",
+                children: options.length === 0 ? /*#__PURE__*/ _jsx(Text, {
+                    as: "p",
+                    size: "xs",
+                    className: "px-8 py-6 text-foreground-neutral-muted",
+                    children: emptyMessage
+                }) : options.map((option)=>/*#__PURE__*/ _jsx(DropdownMenuCheckboxItem, {
+                        checked: selected.includes(option.value),
+                        closeOnSelect: false,
+                        onSelect: ()=>toggle(option.value),
+                        children: option.label
+                    }, option.value))
+            })
+        ]
+    });
+}
+function triggerLabel(label, options, selected) {
+    if (selected.length === 0) return label;
+    if (selected.length === 1) {
+        const [value] = selected;
+        const option = options.find((entry)=>entry.value === value);
+        return `${label}: ${option?.label ?? value}`;
+    }
+    return `${label} · ${selected.length}`;
+}
+
+//# sourceMappingURL=workflow-run-filter-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-filter-menu.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\n\nexport interface WorkflowRunFilterOption {\n  value: string;\n  label: string;\n}\n\nexport interface WorkflowRunFilterMenuProps {\n  label: string;\n  options: readonly WorkflowRunFilterOption[];\n  selected: readonly string[];\n  onChange: (next: string[]) => void;\n  /** Shown in place of the option list when nothing is loaded to filter by. */\n  emptyMessage: string;\n  className?: string | undefined;\n}\n\n/**\n * One multi-select filter.\n *\n * The trigger states its own value rather than only a count, because a toolbar of five\n * buttons that all read \"Branch\" forces the user to open each one to find out what is on.\n * Checked items keep the menu open: choosing two branches should not cost two round trips.\n */\nexport function WorkflowRunFilterMenu({\n  label,\n  options,\n  selected,\n  onChange,\n  emptyMessage,\n  className,\n}: WorkflowRunFilterMenuProps) {\n  const active = selected.length > 0;\n  const triggerText = triggerLabel(label, options, selected);\n\n  function toggle(value: string) {\n    onChange(\n      selected.includes(value) ? selected.filter((entry) => entry !== value) : [...selected, value],\n    );\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          iconRight=\"arrowDownSLine\"\n          // Mirrors the visible label so the selected value is not sighted-only; an aria-label\n          // replaces the button's contents as its accessible name rather than adding to them.\n          aria-label={`${triggerText} filter`}\n          className={cn('max-w-[200px]', !active && 'text-foreground-neutral-subtle', className)}\n        >\n          <span className=\"min-w-0 truncate\">{triggerText}</span>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" className=\"max-h-[320px] w-[240px] overflow-y-auto\">\n        {options.length === 0 ? (\n          <Text as=\"p\" size=\"xs\" className=\"px-8 py-6 text-foreground-neutral-muted\">\n            {emptyMessage}\n          </Text>\n        ) : (\n          options.map((option) => (\n            <DropdownMenuCheckboxItem\n              key={option.value}\n              checked={selected.includes(option.value)}\n              closeOnSelect={false}\n              onSelect={() => toggle(option.value)}\n            >\n              {option.label}\n            </DropdownMenuCheckboxItem>\n          ))\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction triggerLabel(\n  label: string,\n  options: readonly WorkflowRunFilterOption[],\n  selected: readonly string[],\n): string {\n  if (selected.length === 0) return label;\n  if (selected.length === 1) {\n    const [value] = selected;\n    const option = options.find((entry) => entry.value === value);\n    return `${label}: ${option?.label ?? value}`;\n  }\n  return `${label} · ${selected.length}`;\n}\n"],"names":["Button","DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuTrigger","Text","cn","WorkflowRunFilterMenu","label","options","selected","onChange","emptyMessage","className","active","length","triggerText","triggerLabel","toggle","value","includes","filter","entry","asChild","type","variant","size","iconRight","aria-label","span","align","as","map","option","checked","closeOnSelect","onSelect","find"],"mappings":";AAAA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SACEC,YAAY,EACZC,wBAAwB,EACxBC,mBAAmB,EACnBC,mBAAmB,QACd,kCAAkC;AACzC,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,EAAE,QAAO,0BAA0B;AAiB3C;;;;;;CAMC,GACD,OAAO,SAASC,sBAAsB,EACpCC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,YAAY,EACZC,SAAS,EACkB;IAC3B,MAAMC,SAASJ,SAASK,MAAM,GAAG;IACjC,MAAMC,cAAcC,aAAaT,OAAOC,SAASC;IAEjD,SAASQ,OAAOC,KAAa;QAC3BR,SACED,SAASU,QAAQ,CAACD,SAAST,SAASW,MAAM,CAAC,CAACC,QAAUA,UAAUH,SAAS;eAAIT;YAAUS;SAAM;IAEjG;IAEA,qBACE,MAAClB;;0BACC,KAACG;gBAAoBmB,OAAO;0BAC1B,cAAA,KAACvB;oBACCwB,MAAK;oBACLC,SAAQ;oBACRC,MAAK;oBACLC,WAAU;oBACV,qFAAqF;oBACrF,oFAAoF;oBACpFC,cAAY,GAAGZ,YAAY,OAAO,CAAC;oBACnCH,WAAWP,GAAG,iBAAiB,CAACQ,UAAU,kCAAkCD;8BAE5E,cAAA,KAACgB;wBAAKhB,WAAU;kCAAoBG;;;;0BAGxC,KAACb;gBAAoB2B,OAAM;gBAAQjB,WAAU;0BAC1CJ,QAAQM,MAAM,KAAK,kBAClB,KAACV;oBAAK0B,IAAG;oBAAIL,MAAK;oBAAKb,WAAU;8BAC9BD;qBAGHH,QAAQuB,GAAG,CAAC,CAACC,uBACX,KAAC/B;wBAECgC,SAASxB,SAASU,QAAQ,CAACa,OAAOd,KAAK;wBACvCgB,eAAe;wBACfC,UAAU,IAAMlB,OAAOe,OAAOd,KAAK;kCAElCc,OAAOzB,KAAK;uBALRyB,OAAOd,KAAK;;;;AAY/B;AAEA,SAASF,aACPT,KAAa,EACbC,OAA2C,EAC3CC,QAA2B;IAE3B,IAAIA,SAASK,MAAM,KAAK,GAAG,OAAOP;IAClC,IAAIE,SAASK,MAAM,KAAK,GAAG;QACzB,MAAM,CAACI,MAAM,GAAGT;QAChB,MAAMuB,SAASxB,QAAQ4B,IAAI,CAAC,CAACf,QAAUA,MAAMH,KAAK,KAAKA;QACvD,OAAO,GAAGX,MAAM,EAAE,EAAEyB,QAAQzB,SAASW,OAAO;IAC9C;IACA,OAAO,GAAGX,MAAM,GAAG,EAAEE,SAASK,MAAM,EAAE;AACxC"}

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

@@ -0,0 +1,18 @@
+import { type WorkflowRunFilterPatch, type WorkflowRunsSearch } from '#routes/inputs.js';
+import type { WorkflowRunFacets } from './run-display.js';
+export interface WorkflowRunFiltersProps {
+    search: WorkflowRunsSearch;
+    facets: WorkflowRunFacets;
+    onChange: (patch: WorkflowRunFilterPatch) => void;
+    onClear: () => void;
+    hasActiveFilters: boolean;
+}
+/**
+ * The run list filter row.
+ *
+ * Inline from `md` up, and behind a sheet below it, where a five-control toolbar would eat
+ * the viewport the list is supposed to fill. Both layouts render the same controls, so the
+ * narrow surface is the full filter set rather than a reduced one.
+ */
+export declare function WorkflowRunFilters({ search, facets, onChange, onClear, hasActiveFilters, }: WorkflowRunFiltersProps): import("react").JSX.Element;
+//# sourceMappingURL=workflow-run-filters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-filters.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-filters.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,sBAAsB,EAE3B,KAAK,kBAAkB,EACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAQxD,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,gBAAgB,GACjB,EAAE,uBAAuB,+BA8DzB"}

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

@@ -0,0 +1,236 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { DateRangePicker } from '@shipfox/react-ui/date-range-picker';
+import { Icon } from '@shipfox/react-ui/icon';
+import { Input } from '@shipfox/react-ui/input';
+import { Label } from '@shipfox/react-ui/label';
+import { Sheet, SheetBody, SheetContent, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '@shipfox/react-ui/sheet';
+import { useState } from 'react';
+import { getWorkflowStatusVisual } from '#components/workflow-status/status-visuals.js';
+import { WORKFLOW_RUN_LIST_STATUSES } from '#routes/inputs.js';
+import { WorkflowRunFilterMenu } from './workflow-run-filter-menu.js';
+const STATUS_OPTIONS = WORKFLOW_RUN_LIST_STATUSES.map((status)=>({
+        value: status,
+        label: getWorkflowStatusVisual(status).label
+    }));
+/**
+ * The run list filter row.
+ *
+ * Inline from `md` up, and behind a sheet below it, where a five-control toolbar would eat
+ * the viewport the list is supposed to fill. Both layouts render the same controls, so the
+ * narrow surface is the full filter set rather than a reduced one.
+ */ export function WorkflowRunFilters({ search, facets, onChange, onClear, hasActiveFilters }) {
+    const [sheetOpen, setSheetOpen] = useState(false);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-wrap items-center gap-8",
+        children: [
+            /*#__PURE__*/ _jsx(Input, {
+                value: search.search ?? '',
+                onChange: (event)=>onChange({
+                        search: event.target.value
+                    }),
+                placeholder: "Search runs by name, number, branch, or commit",
+                "aria-label": "Search runs",
+                size: "small",
+                className: "min-w-[240px] flex-1",
+                iconLeft: /*#__PURE__*/ _jsx(Icon, {
+                    name: "searchLine",
+                    className: "size-14 text-foreground-neutral-muted"
+                })
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "hidden flex-wrap items-center gap-8 md:flex",
+                children: [
+                    /*#__PURE__*/ _jsx(WorkflowRunFilterControls, {
+                        search: search,
+                        facets: facets,
+                        onChange: onChange
+                    }),
+                    hasActiveFilters ? /*#__PURE__*/ _jsx(ClearFiltersButton, {
+                        onClear: onClear
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Sheet, {
+                open: sheetOpen,
+                onOpenChange: setSheetOpen,
+                children: [
+                    /*#__PURE__*/ _jsx(SheetTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            variant: "secondary",
+                            size: "sm",
+                            iconLeft: "filterLine",
+                            className: "md:hidden",
+                            children: "Filters"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(SheetContent, {
+                        side: "bottom",
+                        "aria-describedby": undefined,
+                        children: [
+                            /*#__PURE__*/ _jsx(SheetHeader, {
+                                children: /*#__PURE__*/ _jsx(SheetTitle, {
+                                    children: "Filter runs"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(SheetBody, {
+                                className: "flex flex-col gap-12",
+                                children: /*#__PURE__*/ _jsx(WorkflowRunFilterControls, {
+                                    search: search,
+                                    facets: facets,
+                                    onChange: onChange,
+                                    stacked: true
+                                })
+                            }),
+                            /*#__PURE__*/ _jsxs(SheetFooter, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        type: "button",
+                                        variant: "secondary",
+                                        size: "sm",
+                                        disabled: !hasActiveFilters,
+                                        onClick: onClear,
+                                        children: "Clear filters"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        type: "button",
+                                        variant: "primary",
+                                        size: "sm",
+                                        onClick: ()=>setSheetOpen(false),
+                                        children: "Show runs"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function WorkflowRunFilterControls({ search, facets, onChange, stacked = false }) {
+    const controlClassName = stacked ? 'w-full max-w-none' : undefined;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(WorkflowRunFilterMenu, {
+                label: "Status",
+                options: STATUS_OPTIONS,
+                selected: search.status ?? [],
+                onChange: (next)=>onChange({
+                        status: next
+                    }),
+                emptyMessage: "No statuses available.",
+                className: controlClassName
+            }),
+            /*#__PURE__*/ _jsx(WorkflowRunFilterMenu, {
+                label: "Branch",
+                options: toOptions(facets.branch),
+                selected: search.branch ?? [],
+                onChange: (branch)=>onChange({
+                        branch
+                    }),
+                emptyMessage: "No branches in the loaded runs.",
+                className: controlClassName
+            }),
+            /*#__PURE__*/ _jsx(WorkflowRunFilterMenu, {
+                label: "Actor",
+                options: toOptions(facets.actor),
+                selected: search.actor ?? [],
+                onChange: (actor)=>onChange({
+                        actor
+                    }),
+                emptyMessage: "No actors in the loaded runs.",
+                className: controlClassName
+            }),
+            /*#__PURE__*/ _jsx(WorkflowRunFilterMenu, {
+                label: "Event",
+                options: toOptions(facets.event),
+                selected: search.event ?? [],
+                onChange: (event)=>onChange({
+                        event
+                    }),
+                emptyMessage: "No events in the loaded runs.",
+                className: controlClassName
+            }),
+            stacked ? /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col gap-6",
+                children: [
+                    /*#__PURE__*/ _jsx(Label, {
+                        children: "Created between"
+                    }),
+                    /*#__PURE__*/ _jsx(RunDateRangeFilter, {
+                        search: search,
+                        onChange: onChange
+                    })
+                ]
+            }) : /*#__PURE__*/ _jsx(RunDateRangeFilter, {
+                search: search,
+                onChange: onChange
+            })
+        ]
+    });
+}
+function RunDateRangeFilter({ search, onChange }) {
+    return /*#__PURE__*/ _jsx(DateRangePicker, {
+        size: "small",
+        "aria-label": "Filter runs by creation date",
+        // The shared picker renders a value only when both bounds are set, so a one-sided filter
+        // would otherwise read as unset. Naming the active bound keeps it visible without
+        // inventing the bound the user did not choose.
+        placeholder: partialDateLabel(search) ?? 'Any date',
+        dateRange: {
+            ...search.after ? {
+                start: fromCalendarDate(search.after)
+            } : {},
+            ...search.before ? {
+                end: fromCalendarDate(search.before)
+            } : {}
+        },
+        onDateRangeSelect: (range)=>onChange({
+                after: range?.start ? toCalendarDate(range.start) : undefined,
+                before: range?.end ? toCalendarDate(range.end) : undefined
+            }),
+        onClear: ()=>onChange({
+                after: undefined,
+                before: undefined
+            })
+    });
+}
+function ClearFiltersButton({ onClear }) {
+    return /*#__PURE__*/ _jsx(Button, {
+        type: "button",
+        variant: "transparentMuted",
+        size: "sm",
+        iconLeft: "closeLine",
+        onClick: onClear,
+        children: "Clear filters"
+    });
+}
+/** Describes a bound the picker cannot display on its own, or nothing when it can. */ function partialDateLabel(search) {
+    if (search.after && search.before) return undefined;
+    if (search.after) return `From ${search.after}`;
+    if (search.before) return `Until ${search.before}`;
+    return undefined;
+}
+function toOptions(values) {
+    return values.map((value)=>({
+            value,
+            label: value
+        }));
+}
+// The bounds are local calendar dates, matching how each row's date reads, so the picker and
+// the URL agree with what the list shows rather than with UTC.
+function toCalendarDate(date) {
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${date.getFullYear()}-${month}-${day}`;
+}
+function fromCalendarDate(value) {
+    const [year, month, day] = value.split('-').map(Number);
+    const date = new Date(year, month - 1, day);
+    return Number.isNaN(date.getTime()) ? undefined : date;
+}
+
+//# sourceMappingURL=workflow-run-filters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-filters.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {DateRangePicker} from '@shipfox/react-ui/date-range-picker';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Input} from '@shipfox/react-ui/input';\nimport {Label} from '@shipfox/react-ui/label';\nimport {\n  Sheet,\n  SheetBody,\n  SheetContent,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from '@shipfox/react-ui/sheet';\nimport {useState} from 'react';\nimport {getWorkflowStatusVisual} from '#components/workflow-status/status-visuals.js';\nimport {\n  WORKFLOW_RUN_LIST_STATUSES,\n  type WorkflowRunFilterPatch,\n  type WorkflowRunListStatus,\n  type WorkflowRunsSearch,\n} from '#routes/inputs.js';\nimport type {WorkflowRunFacets} from './run-display.js';\nimport {WorkflowRunFilterMenu, type WorkflowRunFilterOption} from './workflow-run-filter-menu.js';\n\nconst STATUS_OPTIONS: WorkflowRunFilterOption[] = WORKFLOW_RUN_LIST_STATUSES.map((status) => ({\n  value: status,\n  label: getWorkflowStatusVisual(status).label,\n}));\n\nexport interface WorkflowRunFiltersProps {\n  search: WorkflowRunsSearch;\n  facets: WorkflowRunFacets;\n  onChange: (patch: WorkflowRunFilterPatch) => void;\n  onClear: () => void;\n  hasActiveFilters: boolean;\n}\n\n/**\n * The run list filter row.\n *\n * Inline from `md` up, and behind a sheet below it, where a five-control toolbar would eat\n * the viewport the list is supposed to fill. Both layouts render the same controls, so the\n * narrow surface is the full filter set rather than a reduced one.\n */\nexport function WorkflowRunFilters({\n  search,\n  facets,\n  onChange,\n  onClear,\n  hasActiveFilters,\n}: WorkflowRunFiltersProps) {\n  const [sheetOpen, setSheetOpen] = useState(false);\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-8\">\n      <Input\n        value={search.search ?? ''}\n        onChange={(event) => onChange({search: event.target.value})}\n        placeholder=\"Search runs by name, number, branch, or commit\"\n        aria-label=\"Search runs\"\n        size=\"small\"\n        className=\"min-w-[240px] flex-1\"\n        iconLeft={<Icon name=\"searchLine\" className=\"size-14 text-foreground-neutral-muted\" />}\n      />\n\n      <div className=\"hidden flex-wrap items-center gap-8 md:flex\">\n        <WorkflowRunFilterControls search={search} facets={facets} onChange={onChange} />\n        {hasActiveFilters ? <ClearFiltersButton onClear={onClear} /> : null}\n      </div>\n\n      <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>\n        <SheetTrigger asChild>\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"sm\"\n            iconLeft=\"filterLine\"\n            className=\"md:hidden\"\n          >\n            Filters\n          </Button>\n        </SheetTrigger>\n        <SheetContent side=\"bottom\" aria-describedby={undefined}>\n          <SheetHeader>\n            <SheetTitle>Filter runs</SheetTitle>\n          </SheetHeader>\n          <SheetBody className=\"flex flex-col gap-12\">\n            <WorkflowRunFilterControls\n              search={search}\n              facets={facets}\n              onChange={onChange}\n              stacked\n            />\n          </SheetBody>\n          <SheetFooter>\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"sm\"\n              disabled={!hasActiveFilters}\n              onClick={onClear}\n            >\n              Clear filters\n            </Button>\n            <Button type=\"button\" variant=\"primary\" size=\"sm\" onClick={() => setSheetOpen(false)}>\n              Show runs\n            </Button>\n          </SheetFooter>\n        </SheetContent>\n      </Sheet>\n    </div>\n  );\n}\n\nfunction WorkflowRunFilterControls({\n  search,\n  facets,\n  onChange,\n  stacked = false,\n}: {\n  search: WorkflowRunsSearch;\n  facets: WorkflowRunFacets;\n  onChange: (patch: WorkflowRunFilterPatch) => void;\n  stacked?: boolean;\n}) {\n  const controlClassName = stacked ? 'w-full max-w-none' : undefined;\n\n  return (\n    <>\n      <WorkflowRunFilterMenu\n        label=\"Status\"\n        options={STATUS_OPTIONS}\n        selected={search.status ?? []}\n        onChange={(next) => onChange({status: next as WorkflowRunListStatus[]})}\n        emptyMessage=\"No statuses available.\"\n        className={controlClassName}\n      />\n      <WorkflowRunFilterMenu\n        label=\"Branch\"\n        options={toOptions(facets.branch)}\n        selected={search.branch ?? []}\n        onChange={(branch) => onChange({branch})}\n        emptyMessage=\"No branches in the loaded runs.\"\n        className={controlClassName}\n      />\n      <WorkflowRunFilterMenu\n        label=\"Actor\"\n        options={toOptions(facets.actor)}\n        selected={search.actor ?? []}\n        onChange={(actor) => onChange({actor})}\n        emptyMessage=\"No actors in the loaded runs.\"\n        className={controlClassName}\n      />\n      <WorkflowRunFilterMenu\n        label=\"Event\"\n        options={toOptions(facets.event)}\n        selected={search.event ?? []}\n        onChange={(event) => onChange({event})}\n        emptyMessage=\"No events in the loaded runs.\"\n        className={controlClassName}\n      />\n      {stacked ? (\n        <div className=\"flex flex-col gap-6\">\n          <Label>Created between</Label>\n          <RunDateRangeFilter search={search} onChange={onChange} />\n        </div>\n      ) : (\n        <RunDateRangeFilter search={search} onChange={onChange} />\n      )}\n    </>\n  );\n}\n\nfunction RunDateRangeFilter({\n  search,\n  onChange,\n}: {\n  search: WorkflowRunsSearch;\n  onChange: (patch: WorkflowRunFilterPatch) => void;\n}) {\n  return (\n    <DateRangePicker\n      size=\"small\"\n      aria-label=\"Filter runs by creation date\"\n      // The shared picker renders a value only when both bounds are set, so a one-sided filter\n      // would otherwise read as unset. Naming the active bound keeps it visible without\n      // inventing the bound the user did not choose.\n      placeholder={partialDateLabel(search) ?? 'Any date'}\n      dateRange={{\n        ...(search.after ? {start: fromCalendarDate(search.after)} : {}),\n        ...(search.before ? {end: fromCalendarDate(search.before)} : {}),\n      }}\n      onDateRangeSelect={(range) =>\n        onChange({\n          after: range?.start ? toCalendarDate(range.start) : undefined,\n          before: range?.end ? toCalendarDate(range.end) : undefined,\n        })\n      }\n      onClear={() => onChange({after: undefined, before: undefined})}\n    />\n  );\n}\n\nfunction ClearFiltersButton({onClear}: {onClear: () => void}) {\n  return (\n    <Button\n      type=\"button\"\n      variant=\"transparentMuted\"\n      size=\"sm\"\n      iconLeft=\"closeLine\"\n      onClick={onClear}\n    >\n      Clear filters\n    </Button>\n  );\n}\n\n/** Describes a bound the picker cannot display on its own, or nothing when it can. */\nfunction partialDateLabel(search: WorkflowRunsSearch): string | undefined {\n  if (search.after && search.before) return undefined;\n  if (search.after) return `From ${search.after}`;\n  if (search.before) return `Until ${search.before}`;\n  return undefined;\n}\n\nfunction toOptions(values: readonly string[]): WorkflowRunFilterOption[] {\n  return values.map((value) => ({value, label: value}));\n}\n\n// The bounds are local calendar dates, matching how each row's date reads, so the picker and\n// the URL agree with what the list shows rather than with UTC.\nfunction toCalendarDate(date: Date): string {\n  const month = String(date.getMonth() + 1).padStart(2, '0');\n  const day = String(date.getDate()).padStart(2, '0');\n  return `${date.getFullYear()}-${month}-${day}`;\n}\n\nfunction fromCalendarDate(value: string): Date | undefined {\n  const [year, month, day] = value.split('-').map(Number) as [number, number, number];\n  const date = new Date(year, month - 1, day);\n  return Number.isNaN(date.getTime()) ? undefined : date;\n}\n"],"names":["Button","DateRangePicker","Icon","Input","Label","Sheet","SheetBody","SheetContent","SheetFooter","SheetHeader","SheetTitle","SheetTrigger","useState","getWorkflowStatusVisual","WORKFLOW_RUN_LIST_STATUSES","WorkflowRunFilterMenu","STATUS_OPTIONS","map","status","value","label","WorkflowRunFilters","search","facets","onChange","onClear","hasActiveFilters","sheetOpen","setSheetOpen","div","className","event","target","placeholder","aria-label","size","iconLeft","name","WorkflowRunFilterControls","ClearFiltersButton","open","onOpenChange","asChild","type","variant","side","aria-describedby","undefined","stacked","disabled","onClick","controlClassName","options","selected","next","emptyMessage","toOptions","branch","actor","RunDateRangeFilter","partialDateLabel","dateRange","after","start","fromCalendarDate","before","end","onDateRangeSelect","range","toCalendarDate","values","date","month","String","getMonth","padStart","day","getDate","getFullYear","year","split","Number","Date","isNaN","getTime"],"mappings":"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"}

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

@@ -4,11 +4,15 @@ interface WorkflowRunListContentProps {
     query: WorkflowRunListQuery;
     totalRuns: number;
     runs: WorkflowRunListItem[];
-    workspaceId: string;
-    projectId: string;
-    selectedWorkflowRunId?: string | undefined;
+    workspaceSlug?: string | undefined;
+    projectSlug?: string | undefined;
+    hasActiveFilters: boolean;
     onClearFilters: () => void;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isFetchNextPageError: boolean;
+    onLoadMore?: () => void;
 }
-export declare function WorkflowRunListContent({ query, totalRuns, runs, workspaceId, projectId, selectedWorkflowRunId, onClearFilters, }: WorkflowRunListContentProps): import("react").JSX.Element;
+export declare function WorkflowRunListContent({ query, totalRuns, runs, workspaceSlug, projectSlug, hasActiveFilters, onClearFilters, hasNextPage, isFetchingNextPage, isFetchNextPageError, onLoadMore, }: 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

@@ -1 +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"}
+{"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;AAUrD,UAAU,2BAA2B;IACnC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,SAAS,EACT,IAAI,EACJ,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,GACX,EAAE,2BAA2B,+BA+C7B"}

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

@@ -1,13 +1,21 @@
-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 { QueryLoadError } from '@shipfox/client-ui';
-import { WorkflowRunListEmpty, WorkflowRunListNoMatches, WorkflowRunListSkeleton, WorkflowRunListStaleError } from './workflow-run-list-states.js';
+import { WorkflowRunListEmpty, WorkflowRunListLoadMore, 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 }) {
+export function WorkflowRunListContent({ query, totalRuns, runs, workspaceSlug, projectSlug, hasActiveFilters, onClearFilters, hasNextPage, isFetchingNextPage, isFetchNextPageError, onLoadMore }) {
     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.
+    // self-gates to nothing here once data exists. A failed fetch never renders as an empty
+    // list: "nothing here" and "we could not find out" are different answers.
     const refreshFailed = isError && query.data !== undefined;
+    // Keyed off "we have an answer" rather than "no error", so a stale refresh still reports
+    // whether the filters match anything instead of leaving the list blank under the banner.
+    const hasLoaded = !isPending && query.data !== undefined;
+    // An empty result is only an empty *list* when no filter is on. With filters active it is a
+    // no-matches state even at zero loaded runs, so the way out is clearing them.
+    const showEmptyState = hasLoaded && totalRuns === 0 && !hasActiveFilters;
+    const showNoMatches = hasLoaded && runs.length === 0 && !showEmptyState;
     return /*#__PURE__*/ _jsxs("div", {
         className: "min-h-0 flex-1 overflow-y-auto",
         children: [
@@ -20,15 +28,35 @@ export function WorkflowRunListContent({ query, totalRuns, runs, workspaceId, pr
             !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
+            showEmptyState ? /*#__PURE__*/ _jsx(WorkflowRunListEmpty, {
+                workspaceSlug: workspaceSlug,
+                projectSlug: projectSlug
             }) : null,
-            !isPending && runs.length > 0 ? /*#__PURE__*/ _jsx(WorkflowRunRowList, {
-                runs: runs,
-                workspaceId: workspaceId,
-                projectId: projectId,
-                selectedWorkflowRunId: selectedWorkflowRunId
+            showNoMatches ? /*#__PURE__*/ _jsx(WorkflowRunListNoMatches, {
+                onClear: onClearFilters,
+                hasNextPage: hasNextPage,
+                isFetchingNextPage: isFetchingNextPage,
+                isFetchNextPageError: isFetchNextPageError,
+                ...onLoadMore ? {
+                    onLoadMore
+                } : {}
+            }) : null,
+            !isPending && runs.length > 0 ? /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(WorkflowRunRowList, {
+                        runs: runs,
+                        workspaceSlug: workspaceSlug,
+                        projectSlug: projectSlug
+                    }),
+                    /*#__PURE__*/ _jsx(WorkflowRunListLoadMore, {
+                        hasNextPage: hasNextPage,
+                        isFetchingNextPage: isFetchingNextPage,
+                        isFetchNextPageError: isFetchNextPageError,
+                        ...onLoadMore ? {
+                            onLoadMore
+                        } : {}
+                    })
+                ]
             }) : null
         ]
     });

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

@@ -1 +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"}
+{"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  WorkflowRunListLoadMore,\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  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n  hasActiveFilters: boolean;\n  onClearFilters: () => void;\n  hasNextPage: boolean;\n  isFetchingNextPage: boolean;\n  isFetchNextPageError: boolean;\n  onLoadMore?: () => void;\n}\n\nexport function WorkflowRunListContent({\n  query,\n  totalRuns,\n  runs,\n  workspaceSlug,\n  projectSlug,\n  hasActiveFilters,\n  onClearFilters,\n  hasNextPage,\n  isFetchingNextPage,\n  isFetchNextPageError,\n  onLoadMore,\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. A failed fetch never renders as an empty\n  // list: \"nothing here\" and \"we could not find out\" are different answers.\n  const refreshFailed = isError && query.data !== undefined;\n  // Keyed off \"we have an answer\" rather than \"no error\", so a stale refresh still reports\n  // whether the filters match anything instead of leaving the list blank under the banner.\n  const hasLoaded = !isPending && query.data !== undefined;\n  // An empty result is only an empty *list* when no filter is on. With filters active it is a\n  // no-matches state even at zero loaded runs, so the way out is clearing them.\n  const showEmptyState = hasLoaded && totalRuns === 0 && !hasActiveFilters;\n  const showNoMatches = hasLoaded && runs.length === 0 && !showEmptyState;\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      {showEmptyState ? (\n        <WorkflowRunListEmpty workspaceSlug={workspaceSlug} projectSlug={projectSlug} />\n      ) : null}\n      {showNoMatches ? (\n        <WorkflowRunListNoMatches\n          onClear={onClearFilters}\n          hasNextPage={hasNextPage}\n          isFetchingNextPage={isFetchingNextPage}\n          isFetchNextPageError={isFetchNextPageError}\n          {...(onLoadMore ? {onLoadMore} : {})}\n        />\n      ) : null}\n      {!isPending && runs.length > 0 ? (\n        <>\n          <WorkflowRunRowList runs={runs} workspaceSlug={workspaceSlug} projectSlug={projectSlug} />\n          <WorkflowRunListLoadMore\n            hasNextPage={hasNextPage}\n            isFetchingNextPage={isFetchingNextPage}\n            isFetchNextPageError={isFetchNextPageError}\n            {...(onLoadMore ? {onLoadMore} : {})}\n          />\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["QueryLoadError","WorkflowRunListEmpty","WorkflowRunListLoadMore","WorkflowRunListNoMatches","WorkflowRunListSkeleton","WorkflowRunListStaleError","WorkflowRunRowList","WorkflowRunListContent","query","totalRuns","runs","workspaceSlug","projectSlug","hasActiveFilters","onClearFilters","hasNextPage","isFetchingNextPage","isFetchNextPageError","onLoadMore","isPending","isError","refreshFailed","data","undefined","hasLoaded","showEmptyState","showNoMatches","length","div","className","subject","icon","onClear"],"mappings":";AAAA,SAAQA,cAAc,QAAO,qBAAqB;AAGlD,SACEC,oBAAoB,EACpBC,uBAAuB,EACvBC,wBAAwB,EACxBC,uBAAuB,EACvBC,yBAAyB,QACpB,gCAAgC;AACvC,SAAQC,kBAAkB,QAAO,wBAAwB;AAgBzD,OAAO,SAASC,uBAAuB,EACrCC,KAAK,EACLC,SAAS,EACTC,IAAI,EACJC,aAAa,EACbC,WAAW,EACXC,gBAAgB,EAChBC,cAAc,EACdC,WAAW,EACXC,kBAAkB,EAClBC,oBAAoB,EACpBC,UAAU,EACkB;IAC5B,MAAM,EAACC,SAAS,EAAEC,OAAO,EAAC,GAAGZ;IAC7B,oFAAoF;IACpF,oFAAoF;IACpF,wFAAwF;IACxF,0EAA0E;IAC1E,MAAMa,gBAAgBD,WAAWZ,MAAMc,IAAI,KAAKC;IAChD,yFAAyF;IACzF,yFAAyF;IACzF,MAAMC,YAAY,CAACL,aAAaX,MAAMc,IAAI,KAAKC;IAC/C,4FAA4F;IAC5F,8EAA8E;IAC9E,MAAME,iBAAiBD,aAAaf,cAAc,KAAK,CAACI;IACxD,MAAMa,gBAAgBF,aAAad,KAAKiB,MAAM,KAAK,KAAK,CAACF;IAEzD,qBACE,MAACG;QAAIC,WAAU;;YACZV,0BAAY,KAACf,+BAA6B;YAC1C,CAACe,0BACA,KAACnB;gBAAeQ,OAAOA;gBAAOsB,SAAQ;gBAAgBC,MAAK;iBACzD;YACH,CAACZ,aAAaE,8BAAgB,KAAChB;gBAA0BG,OAAOA;iBAAY;YAC5EiB,+BACC,KAACxB;gBAAqBU,eAAeA;gBAAeC,aAAaA;iBAC/D;YACHc,8BACC,KAACvB;gBACC6B,SAASlB;gBACTC,aAAaA;gBACbC,oBAAoBA;gBACpBC,sBAAsBA;gBACrB,GAAIC,aAAa;oBAACA;gBAAU,IAAI,CAAC,CAAC;iBAEnC;YACH,CAACC,aAAaT,KAAKiB,MAAM,GAAG,kBAC3B;;kCACE,KAACrB;wBAAmBI,MAAMA;wBAAMC,eAAeA;wBAAeC,aAAaA;;kCAC3E,KAACV;wBACCa,aAAaA;wBACbC,oBAAoBA;wBACpBC,sBAAsBA;wBACrB,GAAIC,aAAa;4BAACA;wBAAU,IAAI,CAAC,CAAC;;;iBAGrC;;;AAGV"}