@shipfox/client-workflows 12.0.2 → 13.0.0

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

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

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

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

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

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

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

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

package/dist/pages/workflow-run-first-time-use.d.ts

@@ -1,6 +0,0 @@
-/**
- * Shown when a project has no workflow runs yet, in place of the empty rail and the
- * perpetual detail skeleton the loading-driven layout would otherwise leave behind.
- */
-export declare function WorkflowRunFirstTimeUse(): import("react").JSX.Element;
-//# sourceMappingURL=workflow-run-first-time-use.d.ts.map

package/dist/pages/workflow-run-first-time-use.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"workflow-run-first-time-use.d.ts","sourceRoot":"","sources":["../../src/pages/workflow-run-first-time-use.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,uBAAuB,gCAUtC"}

package/dist/pages/workflow-run-first-time-use.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { EmptyState } from '@shipfox/react-ui/empty-state';
-/**
- * Shown when a project has no workflow runs yet, in place of the empty rail and the
- * perpetual detail skeleton the loading-driven layout would otherwise leave behind.
- */ export function WorkflowRunFirstTimeUse() {
-    return /*#__PURE__*/ _jsx("div", {
-        className: "flex min-h-0 flex-1 items-center justify-center p-16",
-        children: /*#__PURE__*/ _jsx(EmptyState, {
-            icon: "pulseLine",
-            title: "No workflow runs yet",
-            description: "Runs will appear here once this project's workflows start running."
-        })
-    });
-}
-
-//# sourceMappingURL=workflow-run-first-time-use.js.map

package/dist/pages/workflow-run-first-time-use.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/pages/workflow-run-first-time-use.tsx"],"sourcesContent":["import {EmptyState} from '@shipfox/react-ui/empty-state';\n\n/**\n * Shown when a project has no workflow runs yet, in place of the empty rail and the\n * perpetual detail skeleton the loading-driven layout would otherwise leave behind.\n */\nexport function WorkflowRunFirstTimeUse() {\n  return (\n    <div className=\"flex min-h-0 flex-1 items-center justify-center p-16\">\n      <EmptyState\n        icon=\"pulseLine\"\n        title=\"No workflow runs yet\"\n        description=\"Runs will appear here once this project's workflows start running.\"\n      />\n    </div>\n  );\n}\n"],"names":["EmptyState","WorkflowRunFirstTimeUse","div","className","icon","title","description"],"mappings":";AAAA,SAAQA,UAAU,QAAO,gCAAgC;AAEzD;;;CAGC,GACD,OAAO,SAASC;IACd,qBACE,KAACC;QAAIC,WAAU;kBACb,cAAA,KAACH;YACCI,MAAK;YACLC,OAAM;YACNC,aAAY;;;AAIpB"}

package/dist/pages/workflow-run-page.d.ts

@@ -1,10 +0,0 @@
-import { type WorkflowRunsSearch } from '#routes/inputs.js';
-interface WorkflowRunPageProps {
-    workspaceId: string;
-    projectId: string;
-    workflowRunId?: string | undefined;
-    search?: WorkflowRunsSearch;
-}
-export declare function WorkflowRunPage({ workspaceId, projectId, workflowRunId, search, }: WorkflowRunPageProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=workflow-run-page.d.ts.map

package/dist/pages/workflow-run-page.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"workflow-run-page.d.ts","sourceRoot":"","sources":["../../src/pages/workflow-run-page.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,KAAK,kBAAkB,EAA0B,MAAM,mBAAmB,CAAC;AAGnF,UAAU,oBAAoB;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAoCD,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,EACT,aAAa,EACb,MAAW,GACZ,EAAE,oBAAoB,+BAsCtB"}

package/dist/pages/workflow-run-page.js

@@ -1,90 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useNavigate } from '@tanstack/react-router';
-import { useCallback, useEffect } from 'react';
-import { WorkflowRunList } from '#components/workflow-run-list/workflow-run-list.js';
-import { WorkflowRunView } from '#components/workflow-run-view/index.js';
-import { useWorkflowRunsInfiniteQuery } from '#hooks/api/workflow-runs.js';
-import { workflowRunSearchParams } from '#routes/inputs.js';
-import { WorkflowRunFirstTimeUse } from './workflow-run-first-time-use.js';
-/**
- * Resolve which surface the runs path should show from a single read of the runs list:
- * - when opened without a workflow run id, point the URL at the most recent run so the detail pane is
- *   never empty (navigation happens in an effect since it mutates history);
- * - report `hasNoRuns` once the list has loaded with zero runs, so a brand-new project lands
- *   on the first-time-use surface instead of an empty rail and a perpetual detail skeleton.
- */ function useWorkflowRunPageTarget(workspaceId, projectId, workflowRunId, search) {
-    const navigate = useNavigate();
-    const { data, isPending } = useWorkflowRunsInfiniteQuery(projectId, {});
-    const firstWorkflowRunId = data?.pages[0]?.runs[0]?.id;
-    // Gate on data presence, not `!isError`: a transient refetch error after a prior success
-    // keeps `data`, so the redirect (and the no-runs surface) still resolve from it instead of
-    // stalling on the rail while active-run polling hits a blip.
-    const isLoaded = !isPending && data !== undefined;
-    useEffect(()=>{
-        if (workflowRunId || !isLoaded || !firstWorkflowRunId) return;
-        navigate({
-            to: '/workspaces/$wid/projects/$pid/runs/$workflowRunId',
-            params: {
-                wid: workspaceId,
-                pid: projectId,
-                workflowRunId: firstWorkflowRunId
-            },
-            search: workflowRunSearchParams(search, {}),
-            replace: true
-        });
-    }, [
-        navigate,
-        workspaceId,
-        projectId,
-        workflowRunId,
-        isLoaded,
-        firstWorkflowRunId,
-        search
-    ]);
-    return {
-        hasNoRuns: isLoaded && firstWorkflowRunId === undefined
-    };
-}
-export function WorkflowRunPage({ workspaceId, projectId, workflowRunId, search = {} }) {
-    const { hasNoRuns } = useWorkflowRunPageTarget(workspaceId, projectId, workflowRunId, search);
-    const navigate = useNavigate();
-    const selection = search;
-    const onSelectionChange = useCallback((nextSelection)=>{
-        navigate({
-            search: workflowRunSearchParams(search, nextSelection)
-        });
-    }, [
-        navigate,
-        search
-    ]);
-    if (!workflowRunId && hasNoRuns) {
-        return /*#__PURE__*/ _jsx(WorkflowRunFirstTimeUse, {});
-    }
-    return /*#__PURE__*/ _jsxs("div", {
-        className: "flex min-h-0 flex-1 overflow-hidden",
-        children: [
-            /*#__PURE__*/ _jsx(WorkflowRunList, {
-                workspaceId: workspaceId,
-                projectId: projectId,
-                selectedWorkflowRunId: workflowRunId,
-                search: search.search ?? '',
-                statusFilter: search.status ?? 'all',
-                onFiltersChange: (filters)=>navigate({
-                        search: workflowRunSearchParams({
-                            ...search,
-                            ...filters
-                        })
-                    })
-            }),
-            /*#__PURE__*/ _jsx(WorkflowRunView, {
-                workspaceId: workspaceId,
-                projectId: projectId,
-                workflowRunId: workflowRunId,
-                selection: selection,
-                onSelectionChange: onSelectionChange
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=workflow-run-page.js.map

package/dist/pages/workflow-run-page.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/pages/workflow-run-page.tsx"],"sourcesContent":["import {useNavigate} from '@tanstack/react-router';\nimport {useCallback, useEffect} from 'react';\nimport {WorkflowRunList} from '#components/workflow-run-list/workflow-run-list.js';\nimport {WorkflowRunView} from '#components/workflow-run-view/index.js';\nimport type {WorkflowRunSelectionInput} from '#core/workflow-run-url-state.js';\nimport {useWorkflowRunsInfiniteQuery} from '#hooks/api/workflow-runs.js';\nimport {type WorkflowRunsSearch, workflowRunSearchParams} from '#routes/inputs.js';\nimport {WorkflowRunFirstTimeUse} from './workflow-run-first-time-use.js';\n\ninterface WorkflowRunPageProps {\n  workspaceId: string;\n  projectId: string;\n  workflowRunId?: string | undefined;\n  search?: WorkflowRunsSearch;\n}\n\n/**\n * Resolve which surface the runs path should show from a single read of the runs list:\n * - when opened without a workflow run id, point the URL at the most recent run so the detail pane is\n *   never empty (navigation happens in an effect since it mutates history);\n * - report `hasNoRuns` once the list has loaded with zero runs, so a brand-new project lands\n *   on the first-time-use surface instead of an empty rail and a perpetual detail skeleton.\n */\nfunction useWorkflowRunPageTarget(\n  workspaceId: string,\n  projectId: string,\n  workflowRunId: string | undefined,\n  search: WorkflowRunsSearch,\n) {\n  const navigate = useNavigate();\n  const {data, isPending} = useWorkflowRunsInfiniteQuery(projectId, {});\n  const firstWorkflowRunId = data?.pages[0]?.runs[0]?.id;\n  // Gate on data presence, not `!isError`: a transient refetch error after a prior success\n  // keeps `data`, so the redirect (and the no-runs surface) still resolve from it instead of\n  // stalling on the rail while active-run polling hits a blip.\n  const isLoaded = !isPending && data !== undefined;\n\n  useEffect(() => {\n    if (workflowRunId || !isLoaded || !firstWorkflowRunId) return;\n    navigate({\n      to: '/workspaces/$wid/projects/$pid/runs/$workflowRunId',\n      params: {wid: workspaceId, pid: projectId, workflowRunId: firstWorkflowRunId},\n      search: workflowRunSearchParams(search, {}),\n      replace: true,\n    });\n  }, [navigate, workspaceId, projectId, workflowRunId, isLoaded, firstWorkflowRunId, search]);\n\n  return {hasNoRuns: isLoaded && firstWorkflowRunId === undefined};\n}\n\nexport function WorkflowRunPage({\n  workspaceId,\n  projectId,\n  workflowRunId,\n  search = {},\n}: WorkflowRunPageProps) {\n  const {hasNoRuns} = useWorkflowRunPageTarget(workspaceId, projectId, workflowRunId, search);\n  const navigate = useNavigate();\n  const selection: WorkflowRunSelectionInput = search;\n  const onSelectionChange = useCallback(\n    (nextSelection: WorkflowRunSelectionInput) => {\n      navigate({\n        search: workflowRunSearchParams(search, nextSelection) as never,\n      });\n    },\n    [navigate, search],\n  );\n\n  if (!workflowRunId && hasNoRuns) {\n    return <WorkflowRunFirstTimeUse />;\n  }\n\n  return (\n    <div className=\"flex min-h-0 flex-1 overflow-hidden\">\n      <WorkflowRunList\n        workspaceId={workspaceId}\n        projectId={projectId}\n        selectedWorkflowRunId={workflowRunId}\n        search={search.search ?? ''}\n        statusFilter={search.status ?? 'all'}\n        onFiltersChange={(filters) =>\n          navigate({search: workflowRunSearchParams({...search, ...filters}) as never})\n        }\n      />\n      <WorkflowRunView\n        workspaceId={workspaceId}\n        projectId={projectId}\n        workflowRunId={workflowRunId}\n        selection={selection}\n        onSelectionChange={onSelectionChange}\n      />\n    </div>\n  );\n}\n"],"names":["useNavigate","useCallback","useEffect","WorkflowRunList","WorkflowRunView","useWorkflowRunsInfiniteQuery","workflowRunSearchParams","WorkflowRunFirstTimeUse","useWorkflowRunPageTarget","workspaceId","projectId","workflowRunId","search","navigate","data","isPending","firstWorkflowRunId","pages","runs","id","isLoaded","undefined","to","params","wid","pid","replace","hasNoRuns","WorkflowRunPage","selection","onSelectionChange","nextSelection","div","className","selectedWorkflowRunId","statusFilter","status","onFiltersChange","filters"],"mappings":";AAAA,SAAQA,WAAW,QAAO,yBAAyB;AACnD,SAAQC,WAAW,EAAEC,SAAS,QAAO,QAAQ;AAC7C,SAAQC,eAAe,QAAO,qDAAqD;AACnF,SAAQC,eAAe,QAAO,yCAAyC;AAEvE,SAAQC,4BAA4B,QAAO,8BAA8B;AACzE,SAAiCC,uBAAuB,QAAO,oBAAoB;AACnF,SAAQC,uBAAuB,QAAO,mCAAmC;AASzE;;;;;;CAMC,GACD,SAASC,yBACPC,WAAmB,EACnBC,SAAiB,EACjBC,aAAiC,EACjCC,MAA0B;IAE1B,MAAMC,WAAWb;IACjB,MAAM,EAACc,IAAI,EAAEC,SAAS,EAAC,GAAGV,6BAA6BK,WAAW,CAAC;IACnE,MAAMM,qBAAqBF,MAAMG,KAAK,CAAC,EAAE,EAAEC,IAAI,CAAC,EAAE,EAAEC;IACpD,yFAAyF;IACzF,2FAA2F;IAC3F,6DAA6D;IAC7D,MAAMC,WAAW,CAACL,aAAaD,SAASO;IAExCnB,UAAU;QACR,IAAIS,iBAAiB,CAACS,YAAY,CAACJ,oBAAoB;QACvDH,SAAS;YACPS,IAAI;YACJC,QAAQ;gBAACC,KAAKf;gBAAagB,KAAKf;gBAAWC,eAAeK;YAAkB;YAC5EJ,QAAQN,wBAAwBM,QAAQ,CAAC;YACzCc,SAAS;QACX;IACF,GAAG;QAACb;QAAUJ;QAAaC;QAAWC;QAAeS;QAAUJ;QAAoBJ;KAAO;IAE1F,OAAO;QAACe,WAAWP,YAAYJ,uBAAuBK;IAAS;AACjE;AAEA,OAAO,SAASO,gBAAgB,EAC9BnB,WAAW,EACXC,SAAS,EACTC,aAAa,EACbC,SAAS,CAAC,CAAC,EACU;IACrB,MAAM,EAACe,SAAS,EAAC,GAAGnB,yBAAyBC,aAAaC,WAAWC,eAAeC;IACpF,MAAMC,WAAWb;IACjB,MAAM6B,YAAuCjB;IAC7C,MAAMkB,oBAAoB7B,YACxB,CAAC8B;QACClB,SAAS;YACPD,QAAQN,wBAAwBM,QAAQmB;QAC1C;IACF,GACA;QAAClB;QAAUD;KAAO;IAGpB,IAAI,CAACD,iBAAiBgB,WAAW;QAC/B,qBAAO,KAACpB;IACV;IAEA,qBACE,MAACyB;QAAIC,WAAU;;0BACb,KAAC9B;gBACCM,aAAaA;gBACbC,WAAWA;gBACXwB,uBAAuBvB;gBACvBC,QAAQA,OAAOA,MAAM,IAAI;gBACzBuB,cAAcvB,OAAOwB,MAAM,IAAI;gBAC/BC,iBAAiB,CAACC,UAChBzB,SAAS;wBAACD,QAAQN,wBAAwB;4BAAC,GAAGM,MAAM;4BAAE,GAAG0B,OAAO;wBAAA;oBAAW;;0BAG/E,KAAClC;gBACCK,aAAaA;gBACbC,WAAWA;gBACXC,eAAeA;gBACfkB,WAAWA;gBACXC,mBAAmBA;;;;AAI3B"}

package/src/components/workflow-run-list/workflow-run-list-header.tsx

@@ -1,53 +0,0 @@
-import {Button} from '@shipfox/react-ui/button';
-import {Icon} from '@shipfox/react-ui/icon';
-import {Input} from '@shipfox/react-ui/input';
-import type {WorkflowRunListStatusFilter} from './types.js';
-
-const STATUS_FILTERS: Array<{value: WorkflowRunListStatusFilter; label: string}> = [
-  {value: 'all', label: 'All'},
-  {value: 'failed', label: 'Failed'},
-  {value: 'running', label: 'Running'},
-];
-
-interface WorkflowRunListHeaderProps {
-  query: string;
-  onQueryChange: (value: string) => void;
-  statusFilter: WorkflowRunListStatusFilter;
-  onStatusFilterChange: (value: WorkflowRunListStatusFilter) => void;
-}
-
-export function WorkflowRunListHeader({
-  query,
-  onQueryChange,
-  statusFilter,
-  onStatusFilterChange,
-}: WorkflowRunListHeaderProps) {
-  return (
-    <div className="flex flex-col gap-8 border-b border-border-neutral-base px-12 py-12">
-      <Input
-        value={query}
-        onChange={(event) => onQueryChange(event.target.value)}
-        placeholder="Run id or trigger..."
-        aria-label="Search runs"
-        size="small"
-        iconLeft={<Icon name="searchLine" className="size-14 text-foreground-neutral-muted" />}
-      />
-
-      <fieldset className="flex items-center gap-8">
-        <legend className="sr-only">Run status filter</legend>
-        {STATUS_FILTERS.map((filter) => (
-          <Button
-            key={filter.value}
-            type="button"
-            size="2xs"
-            variant={statusFilter === filter.value ? 'primary' : 'transparent'}
-            aria-pressed={statusFilter === filter.value}
-            onClick={() => onStatusFilterChange(filter.value)}
-          >
-            {filter.label}
-          </Button>
-        ))}
-      </fieldset>
-    </div>
-  );
-}

package/src/pages/workflow-run-first-time-use.tsx

@@ -1,17 +0,0 @@
-import {EmptyState} from '@shipfox/react-ui/empty-state';
-
-/**
- * Shown when a project has no workflow runs yet, in place of the empty rail and the
- * perpetual detail skeleton the loading-driven layout would otherwise leave behind.
- */
-export function WorkflowRunFirstTimeUse() {
-  return (
-    <div className="flex min-h-0 flex-1 items-center justify-center p-16">
-      <EmptyState
-        icon="pulseLine"
-        title="No workflow runs yet"
-        description="Runs will appear here once this project's workflows start running."
-      />
-    </div>
-  );
-}

package/src/pages/workflow-run-page.tsx

@@ -1,94 +0,0 @@
-import {useNavigate} from '@tanstack/react-router';
-import {useCallback, useEffect} from 'react';
-import {WorkflowRunList} from '#components/workflow-run-list/workflow-run-list.js';
-import {WorkflowRunView} from '#components/workflow-run-view/index.js';
-import type {WorkflowRunSelectionInput} from '#core/workflow-run-url-state.js';
-import {useWorkflowRunsInfiniteQuery} from '#hooks/api/workflow-runs.js';
-import {type WorkflowRunsSearch, workflowRunSearchParams} from '#routes/inputs.js';
-import {WorkflowRunFirstTimeUse} from './workflow-run-first-time-use.js';
-
-interface WorkflowRunPageProps {
-  workspaceId: string;
-  projectId: string;
-  workflowRunId?: string | undefined;
-  search?: WorkflowRunsSearch;
-}
-
-/**
- * Resolve which surface the runs path should show from a single read of the runs list:
- * - when opened without a workflow run id, point the URL at the most recent run so the detail pane is
- *   never empty (navigation happens in an effect since it mutates history);
- * - report `hasNoRuns` once the list has loaded with zero runs, so a brand-new project lands
- *   on the first-time-use surface instead of an empty rail and a perpetual detail skeleton.
- */
-function useWorkflowRunPageTarget(
-  workspaceId: string,
-  projectId: string,
-  workflowRunId: string | undefined,
-  search: WorkflowRunsSearch,
-) {
-  const navigate = useNavigate();
-  const {data, isPending} = useWorkflowRunsInfiniteQuery(projectId, {});
-  const firstWorkflowRunId = data?.pages[0]?.runs[0]?.id;
-  // Gate on data presence, not `!isError`: a transient refetch error after a prior success
-  // keeps `data`, so the redirect (and the no-runs surface) still resolve from it instead of
-  // stalling on the rail while active-run polling hits a blip.
-  const isLoaded = !isPending && data !== undefined;
-
-  useEffect(() => {
-    if (workflowRunId || !isLoaded || !firstWorkflowRunId) return;
-    navigate({
-      to: '/workspaces/$wid/projects/$pid/runs/$workflowRunId',
-      params: {wid: workspaceId, pid: projectId, workflowRunId: firstWorkflowRunId},
-      search: workflowRunSearchParams(search, {}),
-      replace: true,
-    });
-  }, [navigate, workspaceId, projectId, workflowRunId, isLoaded, firstWorkflowRunId, search]);
-
-  return {hasNoRuns: isLoaded && firstWorkflowRunId === undefined};
-}
-
-export function WorkflowRunPage({
-  workspaceId,
-  projectId,
-  workflowRunId,
-  search = {},
-}: WorkflowRunPageProps) {
-  const {hasNoRuns} = useWorkflowRunPageTarget(workspaceId, projectId, workflowRunId, search);
-  const navigate = useNavigate();
-  const selection: WorkflowRunSelectionInput = search;
-  const onSelectionChange = useCallback(
-    (nextSelection: WorkflowRunSelectionInput) => {
-      navigate({
-        search: workflowRunSearchParams(search, nextSelection) as never,
-      });
-    },
-    [navigate, search],
-  );
-
-  if (!workflowRunId && hasNoRuns) {
-    return <WorkflowRunFirstTimeUse />;
-  }
-
-  return (
-    <div className="flex min-h-0 flex-1 overflow-hidden">
-      <WorkflowRunList
-        workspaceId={workspaceId}
-        projectId={projectId}
-        selectedWorkflowRunId={workflowRunId}
-        search={search.search ?? ''}
-        statusFilter={search.status ?? 'all'}
-        onFiltersChange={(filters) =>
-          navigate({search: workflowRunSearchParams({...search, ...filters}) as never})
-        }
-      />
-      <WorkflowRunView
-        workspaceId={workspaceId}
-        projectId={projectId}
-        workflowRunId={workflowRunId}
-        selection={selection}
-        onSelectionChange={onSelectionChange}
-      />
-    </div>
-  );
-}