@shipfox/client-workflows 22.0.0 → 22.0.2

package/.turbo/turbo-build.log

@@ -1,2 +1,2 @@
 $ shipfox-swc
-Successfully compiled: 86 files with swc (531.81ms)
+Successfully compiled: 86 files with swc (222.63ms)

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @shipfox/client-workflows
 
+## 22.0.2
+
+### Patch Changes
+
+- 383b9dd: Remove nested panel borders from workflow run list content and states.
+- Updated dependencies [87d9bd8]
+  - @shipfox/react-ui@2.1.1
+  - @shipfox/client-logs@22.0.2
+  - @shipfox/client-projects@22.0.2
+  - @shipfox/client-shell@22.0.2
+  - @shipfox/client-triggers@22.0.2
+  - @shipfox/client-ui@22.0.2
+
+## 22.0.1
+
+### Patch Changes
+
+- 50adc12: Displays live job duration timers in whole seconds.
+- e99205b: Removes the redundant page heading and description from the workflows page.
+- Updated dependencies [e92517f]
+  - @shipfox/client-shell@22.0.1
+  - @shipfox/client-triggers@22.0.1
+  - @shipfox/client-projects@22.0.1
+
 ## 22.0.0
 
 ### Patch Changes

package/dist/components/job-detail/job-execution-time-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"job-execution-time-text.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/job-execution-time-text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAE5D,wBAAgB,oBAAoB,CAAC,EAAC,IAAI,EAAC,EAAE;IAAC,IAAI,EAAE,gBAAgB,CAAA;CAAC,UAIpE;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAMrE"}
+{"version":3,"file":"job-execution-time-text.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/job-execution-time-text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAG5D,wBAAgB,oBAAoB,CAAC,EAAC,IAAI,EAAC,EAAE;IAAC,IAAI,EAAE,gBAAgB,CAAA;CAAC,UAIpE;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAErE"}

package/dist/components/job-detail/job-execution-time-text.js

@@ -1,24 +1,11 @@
 import { useTimeTick } from '@shipfox/react-ui/time-ticker';
-import { formatDuration } from '@shipfox/react-ui/utils';
+import { formatJobExecutionTimeLabel } from '../job-graph/job-duration-format.js';
 export function JobExecutionTimeText({ time }) {
     useTimeTick();
     return formatJobExecutionTime(time);
 }
 export function formatJobExecutionTime(time) {
-    if (time.state === 'live') {
-        return formatDuration(Date.now() - Date.parse(time.fromIso));
-    }
-    return formatElapsedDuration(time.elapsed);
-}
-function formatElapsedDuration(duration) {
-    const days = duration.days ?? 0;
-    const hours = duration.hours ?? 0;
-    const minutes = duration.minutes ?? 0;
-    const seconds = duration.seconds ?? 0;
-    if (days > 0) return hours > 0 ? `${days}d ${hours}h` : `${days}d`;
-    if (hours > 0) return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`;
-    if (minutes > 0) return seconds > 0 ? `${minutes}m ${seconds}s` : `${minutes}m`;
-    return `${seconds}s`;
+    return formatJobExecutionTimeLabel(time);
 }
 
 //# sourceMappingURL=job-execution-time-text.js.map

package/dist/components/job-detail/job-execution-time-text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/job-detail/job-execution-time-text.tsx"],"sourcesContent":["import {useTimeTick} from '@shipfox/react-ui/time-ticker';\nimport {formatDuration} from '@shipfox/react-ui/utils';\nimport type {JobExecutionTime} from '#core/workflow-run.js';\n\nexport function JobExecutionTimeText({time}: {time: JobExecutionTime}) {\n  useTimeTick();\n\n  return formatJobExecutionTime(time);\n}\n\nexport function formatJobExecutionTime(time: JobExecutionTime): string {\n  if (time.state === 'live') {\n    return formatDuration(Date.now() - Date.parse(time.fromIso));\n  }\n\n  return formatElapsedDuration(time.elapsed);\n}\n\nfunction formatElapsedDuration(duration: {\n  days?: number | undefined;\n  hours?: number | undefined;\n  minutes?: number | undefined;\n  seconds?: number | undefined;\n}): string {\n  const days = duration.days ?? 0;\n  const hours = duration.hours ?? 0;\n  const minutes = duration.minutes ?? 0;\n  const seconds = duration.seconds ?? 0;\n\n  if (days > 0) return hours > 0 ? `${days}d ${hours}h` : `${days}d`;\n  if (hours > 0) return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`;\n  if (minutes > 0) return seconds > 0 ? `${minutes}m ${seconds}s` : `${minutes}m`;\n  return `${seconds}s`;\n}\n"],"names":["useTimeTick","formatDuration","JobExecutionTimeText","time","formatJobExecutionTime","state","Date","now","parse","fromIso","formatElapsedDuration","elapsed","duration","days","hours","minutes","seconds"],"mappings":"AAAA,SAAQA,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,cAAc,QAAO,0BAA0B;AAGvD,OAAO,SAASC,qBAAqB,EAACC,IAAI,EAA2B;IACnEH;IAEA,OAAOI,uBAAuBD;AAChC;AAEA,OAAO,SAASC,uBAAuBD,IAAsB;IAC3D,IAAIA,KAAKE,KAAK,KAAK,QAAQ;QACzB,OAAOJ,eAAeK,KAAKC,GAAG,KAAKD,KAAKE,KAAK,CAACL,KAAKM,OAAO;IAC5D;IAEA,OAAOC,sBAAsBP,KAAKQ,OAAO;AAC3C;AAEA,SAASD,sBAAsBE,QAK9B;IACC,MAAMC,OAAOD,SAASC,IAAI,IAAI;IAC9B,MAAMC,QAAQF,SAASE,KAAK,IAAI;IAChC,MAAMC,UAAUH,SAASG,OAAO,IAAI;IACpC,MAAMC,UAAUJ,SAASI,OAAO,IAAI;IAEpC,IAAIH,OAAO,GAAG,OAAOC,QAAQ,IAAI,GAAGD,KAAK,EAAE,EAAEC,MAAM,CAAC,CAAC,GAAG,GAAGD,KAAK,CAAC,CAAC;IAClE,IAAIC,QAAQ,GAAG,OAAOC,UAAU,IAAI,GAAGD,MAAM,EAAE,EAAEC,QAAQ,CAAC,CAAC,GAAG,GAAGD,MAAM,CAAC,CAAC;IACzE,IAAIC,UAAU,GAAG,OAAOC,UAAU,IAAI,GAAGD,QAAQ,EAAE,EAAEC,QAAQ,CAAC,CAAC,GAAG,GAAGD,QAAQ,CAAC,CAAC;IAC/E,OAAO,GAAGC,QAAQ,CAAC,CAAC;AACtB"}
+{"version":3,"sources":["../../../src/components/job-detail/job-execution-time-text.tsx"],"sourcesContent":["import {useTimeTick} from '@shipfox/react-ui/time-ticker';\nimport type {JobExecutionTime} from '#core/workflow-run.js';\nimport {formatJobExecutionTimeLabel} from '../job-graph/job-duration-format.js';\n\nexport function JobExecutionTimeText({time}: {time: JobExecutionTime}) {\n  useTimeTick();\n\n  return formatJobExecutionTime(time);\n}\n\nexport function formatJobExecutionTime(time: JobExecutionTime): string {\n  return formatJobExecutionTimeLabel(time);\n}\n"],"names":["useTimeTick","formatJobExecutionTimeLabel","JobExecutionTimeText","time","formatJobExecutionTime"],"mappings":"AAAA,SAAQA,WAAW,QAAO,gCAAgC;AAE1D,SAAQC,2BAA2B,QAAO,sCAAsC;AAEhF,OAAO,SAASC,qBAAqB,EAACC,IAAI,EAA2B;IACnEH;IAEA,OAAOI,uBAAuBD;AAChC;AAEA,OAAO,SAASC,uBAAuBD,IAAsB;IAC3D,OAAOF,4BAA4BE;AACrC"}

package/dist/components/job-graph/job-duration-format.js

@@ -2,7 +2,7 @@ import { humanDuration } from '@shipfox/react-ui/utils';
 export function formatJobExecutionTimeLabel(time) {
     switch(time.state){
         case 'live':
-            return humanDuration(time.fromIso);
+            return humanDuration(time.fromIso) || '0s';
         case 'fixed':
             return formatFixedDurationLabel(time.elapsed);
         default:

package/dist/components/job-graph/job-duration-format.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/job-graph/job-duration-format.ts"],"sourcesContent":["import {humanDuration} from '@shipfox/react-ui/utils';\nimport type {\n  JobDisplayDuration,\n  JobExecutionDisplayStatus,\n  JobExecutionTime,\n} from '#core/workflow-run.js';\n\nexport function formatJobExecutionTimeLabel(time: JobExecutionTime): string {\n  switch (time.state) {\n    case 'live':\n      return humanDuration(time.fromIso);\n    case 'fixed':\n      return formatFixedDurationLabel(time.elapsed);\n    default: {\n      const exhaustive: never = time;\n      return exhaustive;\n    }\n  }\n}\n\nexport function formatJobDurationAccessibleLabel(\n  duration: JobDisplayDuration | null,\n  displayStatus?: JobExecutionDisplayStatus,\n): string | undefined {\n  if (duration === null) return undefined;\n\n  const label = formatJobExecutionTimeLabel(duration);\n  switch (duration.kind) {\n    case 'queue':\n      return duration.state === 'live' ? `queueing ${label}` : `queued ${label}`;\n    case 'run':\n      if (duration.state !== 'live') return `ran ${label}`;\n      if (displayStatus === 'running') return `running ${label}`;\n      return displayStatus === 'pending'\n        ? `runner assigned ${label}`\n        : `execution elapsed ${label}`;\n    default: {\n      const exhaustive: never = duration;\n      return exhaustive;\n    }\n  }\n}\n\nfunction formatFixedDurationLabel({\n  years = 0,\n  months = 0,\n  weeks = 0,\n  days = 0,\n  hours = 0,\n  minutes = 0,\n  seconds = 0,\n}: Extract<JobExecutionTime, {state: 'fixed'}>['elapsed']): string {\n  const totalDays = years * 365 + months * 30 + weeks * 7 + days;\n  const totalHours = totalDays * 24 + hours;\n\n  if (totalHours > 0) return `${totalHours}h ${pad2(minutes)}m`;\n  if (minutes > 0) return `${minutes}m ${pad2(seconds)}s`;\n  return `${seconds}s`;\n}\n\nfunction pad2(value: number): string {\n  return value.toString().padStart(2, '0');\n}\n"],"names":["humanDuration","formatJobExecutionTimeLabel","time","state","fromIso","formatFixedDurationLabel","elapsed","exhaustive","formatJobDurationAccessibleLabel","duration","displayStatus","undefined","label","kind","years","months","weeks","days","hours","minutes","seconds","totalDays","totalHours","pad2","value","toString","padStart"],"mappings":"AAAA,SAAQA,aAAa,QAAO,0BAA0B;AAOtD,OAAO,SAASC,4BAA4BC,IAAsB;IAChE,OAAQA,KAAKC,KAAK;QAChB,KAAK;YACH,OAAOH,cAAcE,KAAKE,OAAO;QACnC,KAAK;YACH,OAAOC,yBAAyBH,KAAKI,OAAO;QAC9C;YAAS;gBACP,MAAMC,aAAoBL;gBAC1B,OAAOK;YACT;IACF;AACF;AAEA,OAAO,SAASC,iCACdC,QAAmC,EACnCC,aAAyC;IAEzC,IAAID,aAAa,MAAM,OAAOE;IAE9B,MAAMC,QAAQX,4BAA4BQ;IAC1C,OAAQA,SAASI,IAAI;QACnB,KAAK;YACH,OAAOJ,SAASN,KAAK,KAAK,SAAS,CAAC,SAAS,EAAES,OAAO,GAAG,CAAC,OAAO,EAAEA,OAAO;QAC5E,KAAK;YACH,IAAIH,SAASN,KAAK,KAAK,QAAQ,OAAO,CAAC,IAAI,EAAES,OAAO;YACpD,IAAIF,kBAAkB,WAAW,OAAO,CAAC,QAAQ,EAAEE,OAAO;YAC1D,OAAOF,kBAAkB,YACrB,CAAC,gBAAgB,EAAEE,OAAO,GAC1B,CAAC,kBAAkB,EAAEA,OAAO;QAClC;YAAS;gBACP,MAAML,aAAoBE;gBAC1B,OAAOF;YACT;IACF;AACF;AAEA,SAASF,yBAAyB,EAChCS,QAAQ,CAAC,EACTC,SAAS,CAAC,EACVC,QAAQ,CAAC,EACTC,OAAO,CAAC,EACRC,QAAQ,CAAC,EACTC,UAAU,CAAC,EACXC,UAAU,CAAC,EAC4C;IACvD,MAAMC,YAAYP,QAAQ,MAAMC,SAAS,KAAKC,QAAQ,IAAIC;IAC1D,MAAMK,aAAaD,YAAY,KAAKH;IAEpC,IAAII,aAAa,GAAG,OAAO,GAAGA,WAAW,EAAE,EAAEC,KAAKJ,SAAS,CAAC,CAAC;IAC7D,IAAIA,UAAU,GAAG,OAAO,GAAGA,QAAQ,EAAE,EAAEI,KAAKH,SAAS,CAAC,CAAC;IACvD,OAAO,GAAGA,QAAQ,CAAC,CAAC;AACtB;AAEA,SAASG,KAAKC,KAAa;IACzB,OAAOA,MAAMC,QAAQ,GAAGC,QAAQ,CAAC,GAAG;AACtC"}
+{"version":3,"sources":["../../../src/components/job-graph/job-duration-format.ts"],"sourcesContent":["import {humanDuration} from '@shipfox/react-ui/utils';\nimport type {\n  JobDisplayDuration,\n  JobExecutionDisplayStatus,\n  JobExecutionTime,\n} from '#core/workflow-run.js';\n\nexport function formatJobExecutionTimeLabel(time: JobExecutionTime): string {\n  switch (time.state) {\n    case 'live':\n      return humanDuration(time.fromIso) || '0s';\n    case 'fixed':\n      return formatFixedDurationLabel(time.elapsed);\n    default: {\n      const exhaustive: never = time;\n      return exhaustive;\n    }\n  }\n}\n\nexport function formatJobDurationAccessibleLabel(\n  duration: JobDisplayDuration | null,\n  displayStatus?: JobExecutionDisplayStatus,\n): string | undefined {\n  if (duration === null) return undefined;\n\n  const label = formatJobExecutionTimeLabel(duration);\n  switch (duration.kind) {\n    case 'queue':\n      return duration.state === 'live' ? `queueing ${label}` : `queued ${label}`;\n    case 'run':\n      if (duration.state !== 'live') return `ran ${label}`;\n      if (displayStatus === 'running') return `running ${label}`;\n      return displayStatus === 'pending'\n        ? `runner assigned ${label}`\n        : `execution elapsed ${label}`;\n    default: {\n      const exhaustive: never = duration;\n      return exhaustive;\n    }\n  }\n}\n\nfunction formatFixedDurationLabel({\n  years = 0,\n  months = 0,\n  weeks = 0,\n  days = 0,\n  hours = 0,\n  minutes = 0,\n  seconds = 0,\n}: Extract<JobExecutionTime, {state: 'fixed'}>['elapsed']): string {\n  const totalDays = years * 365 + months * 30 + weeks * 7 + days;\n  const totalHours = totalDays * 24 + hours;\n\n  if (totalHours > 0) return `${totalHours}h ${pad2(minutes)}m`;\n  if (minutes > 0) return `${minutes}m ${pad2(seconds)}s`;\n  return `${seconds}s`;\n}\n\nfunction pad2(value: number): string {\n  return value.toString().padStart(2, '0');\n}\n"],"names":["humanDuration","formatJobExecutionTimeLabel","time","state","fromIso","formatFixedDurationLabel","elapsed","exhaustive","formatJobDurationAccessibleLabel","duration","displayStatus","undefined","label","kind","years","months","weeks","days","hours","minutes","seconds","totalDays","totalHours","pad2","value","toString","padStart"],"mappings":"AAAA,SAAQA,aAAa,QAAO,0BAA0B;AAOtD,OAAO,SAASC,4BAA4BC,IAAsB;IAChE,OAAQA,KAAKC,KAAK;QAChB,KAAK;YACH,OAAOH,cAAcE,KAAKE,OAAO,KAAK;QACxC,KAAK;YACH,OAAOC,yBAAyBH,KAAKI,OAAO;QAC9C;YAAS;gBACP,MAAMC,aAAoBL;gBAC1B,OAAOK;YACT;IACF;AACF;AAEA,OAAO,SAASC,iCACdC,QAAmC,EACnCC,aAAyC;IAEzC,IAAID,aAAa,MAAM,OAAOE;IAE9B,MAAMC,QAAQX,4BAA4BQ;IAC1C,OAAQA,SAASI,IAAI;QACnB,KAAK;YACH,OAAOJ,SAASN,KAAK,KAAK,SAAS,CAAC,SAAS,EAAES,OAAO,GAAG,CAAC,OAAO,EAAEA,OAAO;QAC5E,KAAK;YACH,IAAIH,SAASN,KAAK,KAAK,QAAQ,OAAO,CAAC,IAAI,EAAES,OAAO;YACpD,IAAIF,kBAAkB,WAAW,OAAO,CAAC,QAAQ,EAAEE,OAAO;YAC1D,OAAOF,kBAAkB,YACrB,CAAC,gBAAgB,EAAEE,OAAO,GAC1B,CAAC,kBAAkB,EAAEA,OAAO;QAClC;YAAS;gBACP,MAAML,aAAoBE;gBAC1B,OAAOF;YACT;IACF;AACF;AAEA,SAASF,yBAAyB,EAChCS,QAAQ,CAAC,EACTC,SAAS,CAAC,EACVC,QAAQ,CAAC,EACTC,OAAO,CAAC,EACRC,QAAQ,CAAC,EACTC,UAAU,CAAC,EACXC,UAAU,CAAC,EAC4C;IACvD,MAAMC,YAAYP,QAAQ,MAAMC,SAAS,KAAKC,QAAQ,IAAIC;IAC1D,MAAMK,aAAaD,YAAY,KAAKH;IAEpC,IAAII,aAAa,GAAG,OAAO,GAAGA,WAAW,EAAE,EAAEC,KAAKJ,SAAS,CAAC,CAAC;IAC7D,IAAIA,UAAU,GAAG,OAAO,GAAGA,QAAQ,EAAE,EAAEI,KAAKH,SAAS,CAAC,CAAC;IACvD,OAAO,GAAGA,QAAQ,CAAC,CAAC;AACtB;AAEA,SAASG,KAAKC,KAAa;IACzB,OAAOA,MAAMC,QAAQ,GAAGC,QAAQ,CAAC,GAAG;AACtC"}

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":"AAEA,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,+BAmD7B"}
+{"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,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { QueryLoadError } from '@shipfox/client-ui';
-import { Panel } from '@shipfox/react-ui/panel';
 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, workspaceSlug, projectSlug, hasActiveFilters, onClearFilters, hasNextPage, isFetchingNextPage, isFetchNextPageError, onLoadMore }) {
@@ -17,26 +16,21 @@ export function WorkflowRunListContent({ query, totalRuns, runs, workspaceSlug,
     // 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",
+    return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             isPending ? /*#__PURE__*/ _jsx(WorkflowRunListSkeleton, {}) : null,
-            !isPending ? /*#__PURE__*/ _jsx(Panel, {
-                children: /*#__PURE__*/ _jsx(QueryLoadError, {
-                    query: query,
-                    subject: "workflow runs",
-                    icon: "pulseLine",
-                    variant: "panel"
-                })
+            !isPending ? /*#__PURE__*/ _jsx(QueryLoadError, {
+                query: query,
+                subject: "workflow runs",
+                icon: "pulseLine",
+                variant: "panel"
             }) : null,
             !isPending && refreshFailed ? /*#__PURE__*/ _jsx(WorkflowRunListStaleError, {
                 query: query
             }) : null,
-            showEmptyState ? /*#__PURE__*/ _jsx(Panel, {
-                children: /*#__PURE__*/ _jsx(WorkflowRunListEmpty, {
-                    workspaceSlug: workspaceSlug,
-                    projectSlug: projectSlug
-                })
+            showEmptyState ? /*#__PURE__*/ _jsx(WorkflowRunListEmpty, {
+                workspaceSlug: workspaceSlug,
+                projectSlug: projectSlug
             }) : null,
             showNoMatches ? /*#__PURE__*/ _jsx(WorkflowRunListNoMatches, {
                 onClear: onClearFilters,

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 {Panel} from '@shipfox/react-ui/panel';\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        <Panel>\n          <QueryLoadError query={query} subject=\"workflow runs\" icon=\"pulseLine\" variant=\"panel\" />\n        </Panel>\n      ) : null}\n      {!isPending && refreshFailed ? <WorkflowRunListStaleError query={query} /> : null}\n      {showEmptyState ? (\n        <Panel>\n          <WorkflowRunListEmpty workspaceSlug={workspaceSlug} projectSlug={projectSlug} />\n        </Panel>\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","Panel","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","variant","onClear"],"mappings":";AAAA,SAAQA,cAAc,QAAO,qBAAqB;AAClD,SAAQC,KAAK,QAAO,0BAA0B;AAG9C,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;0BACC,cAAA,KAACD;oBAAeS,OAAOA;oBAAOsB,SAAQ;oBAAgBC,MAAK;oBAAYC,SAAQ;;iBAE/E;YACH,CAACb,aAAaE,8BAAgB,KAAChB;gBAA0BG,OAAOA;iBAAY;YAC5EiB,+BACC,KAACzB;0BACC,cAAA,KAACC;oBAAqBU,eAAeA;oBAAeC,aAAaA;;iBAEjE;YACHc,8BACC,KAACvB;gBACC8B,SAASnB;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"}
+{"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    <>\n      {isPending ? <WorkflowRunListSkeleton /> : null}\n      {!isPending ? (\n        <QueryLoadError query={query} subject=\"workflow runs\" icon=\"pulseLine\" variant=\"panel\" />\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    </>\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","subject","icon","variant","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;;YACGN,0BAAY,KAACf,+BAA6B;YAC1C,CAACe,0BACA,KAACnB;gBAAeQ,OAAOA;gBAAOoB,SAAQ;gBAAgBC,MAAK;gBAAYC,SAAQ;iBAC7E;YACH,CAACX,aAAaE,8BAAgB,KAAChB;gBAA0BG,OAAOA;iBAAY;YAC5EiB,+BACC,KAACxB;gBAAqBU,eAAeA;gBAAeC,aAAaA;iBAC/D;YACHc,8BACC,KAACvB;gBACC4B,SAASjB;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"}

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-list-states.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-list-states.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAW5D;;;;GAIG;AACH,wBAAgB,uBAAuB,gCAkBtC;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,EAAC,KAAK,EAAC,EAAE;IAAC,KAAK,EAAE,mBAAmB,CAAA;CAAC,+BAqB9E;AAED,wBAAgB,oBAAoB,CAAC,EACnC,aAAa,EACb,WAAW,GACZ,EAAE;IACD,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,+BAqBA;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,GACX,EAAE;IACD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,+BAwCA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,GACX,EAAE;IACD,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,sCAqBA"}
+{"version":3,"file":"workflow-run-list-states.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-list/workflow-run-list-states.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAU5D;;;;GAIG;AACH,wBAAgB,uBAAuB,gCAkBtC;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,EAAC,KAAK,EAAC,EAAE;IAAC,KAAK,EAAE,mBAAmB,CAAA;CAAC,+BAqB9E;AAED,wBAAgB,oBAAoB,CAAC,EACnC,aAAa,EACb,WAAW,GACZ,EAAE;IACD,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,+BAqBA;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,GACX,EAAE;IACD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,+BAsCA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,GACX,EAAE;IACD,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,sCAqBA"}

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

@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '@shipfox/react-ui/button';
 import { Callout } from '@shipfox/react-ui/callout';
 import { EmptyState } from '@shipfox/react-ui/empty-state';
-import { Panel } from '@shipfox/react-ui/panel';
 import { Skeleton } from '@shipfox/react-ui/skeleton';
 import { Text } from '@shipfox/react-ui/typography';
 import { Link } from '@tanstack/react-router';
@@ -12,7 +11,7 @@ const SKELETON_ROW_COUNT = 8;
  * the first page lands. Only the initial load renders these: a refetch keeps the rows it has,
  * per the design system's rule against animating frequently-updating data.
  */ export function WorkflowRunListSkeleton() {
-    return /*#__PURE__*/ _jsx(Panel, {
+    return /*#__PURE__*/ _jsx("div", {
         role: "status",
         "aria-label": "Loading runs",
         className: "@container divide-y",
@@ -103,43 +102,41 @@ export function WorkflowRunListEmpty({ workspaceSlug, projectSlug }) {
  * different ones. It is also the only reset within reach below `md`, where the toolbar's
  * lives inside the filter sheet.
  */ export function WorkflowRunListNoMatches({ onClear, hasNextPage, isFetchingNextPage, isFetchNextPageError, onLoadMore }) {
-    return /*#__PURE__*/ _jsx(Panel, {
-        children: /*#__PURE__*/ _jsxs("div", {
-            className: "flex flex-col gap-inline",
-            children: [
-                isFetchNextPageError ? /*#__PURE__*/ _jsx(Callout, {
-                    role: "alert",
-                    type: "error",
-                    children: "Could not load more workflow runs. Try again to continue searching older runs."
-                }) : null,
-                /*#__PURE__*/ _jsx(EmptyState, {
-                    icon: "filterOffLine",
-                    title: hasNextPage ? 'No matches in loaded history' : 'No matching runs',
-                    description: hasNextPage ? 'No loaded run matches these filters. Load more to search further back.' : 'No run matches these filters.',
-                    action: /*#__PURE__*/ _jsxs("div", {
-                        className: "flex flex-wrap justify-center gap-inline",
-                        children: [
-                            hasNextPage && onLoadMore ? /*#__PURE__*/ _jsx(Button, {
-                                type: "button",
-                                size: "sm",
-                                variant: "primary",
-                                isLoading: isFetchingNextPage,
-                                onClick: onLoadMore,
-                                children: "Load more runs"
-                            }) : null,
-                            /*#__PURE__*/ _jsx(Button, {
-                                type: "button",
-                                size: "sm",
-                                variant: "secondary",
-                                onClick: onClear,
-                                children: "Show all runs"
-                            })
-                        ]
-                    }),
-                    variant: "panel"
-                })
-            ]
-        })
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col gap-inline",
+        children: [
+            isFetchNextPageError ? /*#__PURE__*/ _jsx(Callout, {
+                role: "alert",
+                type: "error",
+                children: "Could not load more workflow runs. Try again to continue searching older runs."
+            }) : null,
+            /*#__PURE__*/ _jsx(EmptyState, {
+                icon: "filterOffLine",
+                title: hasNextPage ? 'No matches in loaded history' : 'No matching runs',
+                description: hasNextPage ? 'No loaded run matches these filters. Load more to search further back.' : 'No run matches these filters.',
+                action: /*#__PURE__*/ _jsxs("div", {
+                    className: "flex flex-wrap justify-center gap-inline",
+                    children: [
+                        hasNextPage && onLoadMore ? /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            size: "sm",
+                            variant: "primary",
+                            isLoading: isFetchingNextPage,
+                            onClick: onLoadMore,
+                            children: "Load more runs"
+                        }) : null,
+                        /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            size: "sm",
+                            variant: "secondary",
+                            onClick: onClear,
+                            children: "Show all runs"
+                        })
+                    ]
+                }),
+                variant: "panel"
+            })
+        ]
     });
 }
 export function WorkflowRunListLoadMore({ hasNextPage, isFetchingNextPage, isFetchNextPageError, onLoadMore }) {

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 {Panel} from '@shipfox/react-ui/panel';\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    <Panel role=\"status\" aria-label=\"Loading runs\" className=\"@container divide-y\">\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 min-h-44 items-center gap-inline px-row py-row @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-[1200px]:block\" />\n          <Skeleton className=\"h-12 w-48\" />\n          <Skeleton className=\"h-12 w-48\" />\n        </div>\n      ))}\n    </Panel>\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-[8px]\">\n      <Callout role=\"alert\" type=\"error\">\n        <div className=\"flex items-center justify-between gap-inline\">\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      variant=\"panel\"\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    <Panel>\n      <div className=\"flex flex-col gap-inline\">\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-inline\">\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          variant=\"panel\"\n        />\n      </div>\n    </Panel>\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-inline border-t border-border-neutral-base py-row\">\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","Panel","Skeleton","Text","Link","SKELETON_ROW_COUNT","WorkflowRunListSkeleton","role","aria-label","className","Array","from","length","map","_","index","div","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,KAAK,QAAO,0BAA0B;AAC9C,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,KAACL;QAAMM,MAAK;QAASC,cAAW;QAAeC,WAAU;kBACtDC,MAAMC,IAAI,CAAC;YAACC,QAAQP;QAAkB,GAAGQ,GAAG,CAAC,CAACC,GAAGC,sBAChD,MAACC;gBAGCP,WAAU;;kCAEV,KAACP;wBAASO,WAAU;;kCACpB,KAACP;wBAASO,WAAU;;kCACpB,KAACP;wBAASO,WAAU;;kCACpB,KAACP;wBAASO,WAAU;;kCACpB,KAACP;wBAASO,WAAU;;;eAPfM;;AAYf;AAEA;;;;CAIC,GACD,OAAO,SAASE,0BAA0B,EAACC,KAAK,EAA+B;IAC7E,qBACE,KAACF;QAAIP,WAAU;kBACb,cAAA,KAACV;YAAQQ,MAAK;YAAQY,MAAK;sBACzB,cAAA,MAACH;gBAAIP,WAAU;;kCACb,KAACN;wBAAKiB,MAAK;kCAAK;;kCAChB,KAACtB;wBACCqB,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,KAAC5B;QACC6B,MAAK;QACLC,OAAM;QACNC,aAAY;QACZC,QACEL,iBAAiBC,4BACf,KAAC9B;YAAOmC,OAAO;YAACd,MAAK;YAASC,MAAK;YAAKC,SAAQ;sBAC9C,cAAA,KAACjB;gBACC8B,IAAG;gBACHC,QAAQ;oBAACR;oBAAeC;gBAAW;0BACpC;;aAID;QAENP,SAAQ;;AAGd;AAEA;;;;;;;;CAQC,GACD,OAAO,SAASe,yBAAyB,EACvCC,OAAO,EACPC,WAAW,EACXC,kBAAkB,EAClBC,oBAAoB,EACpBC,UAAU,EAOX;IACC,qBACE,KAACxC;kBACC,cAAA,MAACe;YAAIP,WAAU;;gBACZ+B,qCACC,KAACzC;oBAAQQ,MAAK;oBAAQY,MAAK;8BAAQ;qBAGjC;8BACJ,KAACnB;oBACC6B,MAAK;oBACLC,OAAOQ,cAAc,iCAAiC;oBACtDP,aACEO,cACI,2EACA;oBAENN,sBACE,MAAChB;wBAAIP,WAAU;;4BACZ6B,eAAeG,2BACd,KAAC3C;gCACCqB,MAAK;gCACLC,MAAK;gCACLC,SAAQ;gCACRC,WAAWiB;gCACXf,SAASiB;0CACV;iCAGC;0CACJ,KAAC3C;gCAAOqB,MAAK;gCAASC,MAAK;gCAAKC,SAAQ;gCAAYG,SAASa;0CAAS;;;;oBAK1EhB,SAAQ;;;;;AAKlB;AAEA,OAAO,SAASqB,wBAAwB,EACtCJ,WAAW,EACXC,kBAAkB,EAClBC,oBAAoB,EACpBC,UAAU,EAMX;IACC,IAAI,CAACH,eAAe,CAACG,YAAY,OAAO;IAExC,qBACE,MAACzB;QAAIP,WAAU;;YACZ+B,qCACC,KAACzC;gBAAQQ,MAAK;gBAAQY,MAAK;0BAAQ;iBAGjC;0BACJ,KAACrB;gBACCqB,MAAK;gBACLC,MAAK;gBACLC,SAAQ;gBACRC,WAAWiB;gBACXf,SAASiB;0BACV;;;;AAKP"}
+{"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 role=\"status\" aria-label=\"Loading runs\" className=\"@container divide-y\">\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 min-h-44 items-center gap-inline px-row py-row @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-[1200px]: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-[8px]\">\n      <Callout role=\"alert\" type=\"error\">\n        <div className=\"flex items-center justify-between gap-inline\">\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      variant=\"panel\"\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-inline\">\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-inline\">\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        variant=\"panel\"\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-inline border-t border-border-neutral-base py-row\">\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","role","aria-label","className","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;QAAIC,MAAK;QAASC,cAAW;QAAeC,WAAU;kBACpDC,MAAMC,IAAI,CAAC;YAACC,QAAQR;QAAkB,GAAGS,GAAG,CAAC,CAACC,GAAGC,sBAChD,MAACT;gBAGCG,WAAU;;kCAEV,KAACR;wBAASQ,WAAU;;kCACpB,KAACR;wBAASQ,WAAU;;kCACpB,KAACR;wBAASQ,WAAU;;kCACpB,KAACR;wBAASQ,WAAU;;kCACpB,KAACR;wBAASQ,WAAU;;;eAPfM;;AAYf;AAEA;;;;CAIC,GACD,OAAO,SAASC,0BAA0B,EAACC,KAAK,EAA+B;IAC7E,qBACE,KAACX;QAAIG,WAAU;kBACb,cAAA,KAACV;YAAQQ,MAAK;YAAQW,MAAK;sBACzB,cAAA,MAACZ;gBAAIG,WAAU;;kCACb,KAACP;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;QAENP,SAAQ;;AAGd;AAEA;;;;;;;;CAQC,GACD,OAAO,SAASe,yBAAyB,EACvCC,OAAO,EACPC,WAAW,EACXC,kBAAkB,EAClBC,oBAAoB,EACpBC,UAAU,EAOX;IACC,qBACE,MAAClC;QAAIG,WAAU;;YACZ8B,qCACC,KAACxC;gBAAQQ,MAAK;gBAAQW,MAAK;0BAAQ;iBAGjC;0BACJ,KAAClB;gBACC4B,MAAK;gBACLC,OAAOQ,cAAc,iCAAiC;gBACtDP,aACEO,cACI,2EACA;gBAENN,sBACE,MAACzB;oBAAIG,WAAU;;wBACZ4B,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;;;;gBAK1EhB,SAAQ;;;;AAIhB;AAEA,OAAO,SAASqB,wBAAwB,EACtCJ,WAAW,EACXC,kBAAkB,EAClBC,oBAAoB,EACpBC,UAAU,EAMX;IACC,IAAI,CAACH,eAAe,CAACG,YAAY,OAAO;IAExC,qBACE,MAAClC;QAAIG,WAAU;;YACZ8B,qCACC,KAACxC;gBAAQQ,MAAK;gBAAQW,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.js

@@ -60,7 +60,7 @@ export function WorkflowRunListView({ runs, query, workspaceSlug, projectSlug, c
                             })
                         }),
                         /*#__PURE__*/ _jsx(PanelBody, {
-                            className: "min-h-0 flex-1",
+                            className: "min-h-0 flex-1 overflow-y-auto",
                             children: /*#__PURE__*/ _jsx(WorkflowRunListContent, {
                                 query: query,
                                 totalRuns: runs.length,

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 {Panel, PanelBody, PanelHeader} from '@shipfox/react-ui/panel';\nimport {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', 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        <Panel className=\"min-h-0 flex-1\">\n          <PanelHeader className=\"flex-wrap\">\n            <WorkflowRunFilters\n              search={currentSearch}\n              facets={facets}\n              onChange={handleFiltersChange}\n              onClear={handleClearFilters}\n              hasActiveFilters={hasActiveFilters}\n            />\n          </PanelHeader>\n          <PanelBody className=\"min-h-0 flex-1\">\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          </PanelBody>\n        </Panel>\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":["Panel","PanelBody","PanelHeader","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,KAAK,EAAEC,SAAS,EAAEC,WAAW,QAAO,0BAA0B;AACtE,SAAQC,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,wCAAwCiB;;8BAItD,KAAClB;oBAAO4C,IAAIlB;oBAAWmB,SAAQ;oBAAK3B,WAAU;8BAAU;;8BAIxD,MAACtB;oBAAMsB,WAAU;;sCACf,KAACpB;4BAAYoB,WAAU;sCACrB,cAAA,KAACR;gCACCS,QAAQU;gCACRI,QAAQA;gCACRa,UAAUX;gCACVY,SAAST;gCACTJ,kBAAkBA;;;sCAGtB,KAACrC;4BAAUqB,WAAU;sCACnB,cAAA,KAACP;gCACCI,OAAOA;gCACPiC,WAAWlC,KAAKmC,MAAM;gCACtBnC,MAAMgB;gCACNd,eAAeA;gCACfC,aAAaA;gCACbiB,kBAAkBA;gCAClBb,gBAAgBiB;gCAChBhB,aAAaA;gCACbC,oBAAoBA;gCACpBC,sBAAsBA;gCACrB,GAAIC,aAAa;oCAACA;gCAAU,IAAI,CAAC,CAAC;;;;;;;;AAOjD;AAEA,MAAMc,oBAA4C;IAChDpB,QAAQ+B;IACRC,QAAQD;IACRE,QAAQF;IACRG,OAAOH;IACPI,OAAOJ;IACPK,OAAOL;IACPM,QAAQN;AACV"}
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-list-view.tsx"],"sourcesContent":["import {Panel, PanelBody, PanelHeader} from '@shipfox/react-ui/panel';\nimport {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', 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        <Panel className=\"min-h-0 flex-1\">\n          <PanelHeader className=\"flex-wrap\">\n            <WorkflowRunFilters\n              search={currentSearch}\n              facets={facets}\n              onChange={handleFiltersChange}\n              onClear={handleClearFilters}\n              hasActiveFilters={hasActiveFilters}\n            />\n          </PanelHeader>\n          <PanelBody className=\"min-h-0 flex-1 overflow-y-auto\">\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          </PanelBody>\n        </Panel>\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":["Panel","PanelBody","PanelHeader","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,KAAK,EAAEC,SAAS,EAAEC,WAAW,QAAO,0BAA0B;AACtE,SAAQC,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,wCAAwCiB;;8BAItD,KAAClB;oBAAO4C,IAAIlB;oBAAWmB,SAAQ;oBAAK3B,WAAU;8BAAU;;8BAIxD,MAACtB;oBAAMsB,WAAU;;sCACf,KAACpB;4BAAYoB,WAAU;sCACrB,cAAA,KAACR;gCACCS,QAAQU;gCACRI,QAAQA;gCACRa,UAAUX;gCACVY,SAAST;gCACTJ,kBAAkBA;;;sCAGtB,KAACrC;4BAAUqB,WAAU;sCACnB,cAAA,KAACP;gCACCI,OAAOA;gCACPiC,WAAWlC,KAAKmC,MAAM;gCACtBnC,MAAMgB;gCACNd,eAAeA;gCACfC,aAAaA;gCACbiB,kBAAkBA;gCAClBb,gBAAgBiB;gCAChBhB,aAAaA;gCACbC,oBAAoBA;gCACpBC,sBAAsBA;gCACrB,GAAIC,aAAa;oCAACA;gCAAU,IAAI,CAAC,CAAC;;;;;;;;AAOjD;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-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":"AAkBA,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,+BAeA;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,+BAgGA"}
+{"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,+BAgGA"}

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

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { TriggerSourceIcon } from '@shipfox/client-triggers';
 import { Icon } from '@shipfox/react-ui/icon';
-import { Panel } from '@shipfox/react-ui/panel';
 import { RelativeTime } from '@shipfox/react-ui/relative-time';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
 import { Code, Text } from '@shipfox/react-ui/typography';
@@ -18,18 +17,15 @@ export function WorkflowRunRowList({ runs, workspaceSlug, projectSlug }) {
     return(// A container, not the viewport, drives the row's breakpoints. What a row can afford is its
     // own width; keying off the viewport would keep the job strip hidden on a wide screen or
     // crush it on a narrow one.
-    /*#__PURE__*/ _jsx(Panel, {
-        className: "@container",
-        children: /*#__PURE__*/ _jsx("ul", {
-            className: "divide-y divide-border-neutral-base",
-            children: runs.map((run)=>/*#__PURE__*/ _jsx("li", {
-                    children: /*#__PURE__*/ _jsx(WorkflowRunRow, {
-                        run: run,
-                        workspaceSlug: workspaceSlug,
-                        projectSlug: projectSlug
-                    })
-                }, run.id))
-        })
+    /*#__PURE__*/ _jsx("ul", {
+        className: "@container divide-y divide-border-neutral-base",
+        children: runs.map((run)=>/*#__PURE__*/ _jsx("li", {
+                children: /*#__PURE__*/ _jsx(WorkflowRunRow, {
+                    run: run,
+                    workspaceSlug: workspaceSlug,
+                    projectSlug: projectSlug
+                })
+            }, run.id))
     }));
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-row.tsx"],"sourcesContent":["import {TriggerSourceIcon} from '@shipfox/client-triggers';\nimport {Icon, type IconName} from '@shipfox/react-ui/icon';\nimport {Panel} from '@shipfox/react-ui/panel';\nimport {RelativeTime} from '@shipfox/react-ui/relative-time';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {\n  useWorkflowRunDurationAccessibleLabel,\n  WorkflowRunDurationLabel,\n} from '#components/workflow-run-duration-label.js';\nimport {\n  formatWorkflowRunNumberLabel,\n  WorkflowRunNumberLabel,\n} from '#components/workflow-run-number-label.js';\nimport {getWorkflowStatusVisual} from '#components/workflow-status/status-visuals.js';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport {\n  type WorkflowRunListItem,\n  workflowRunActor,\n  workflowRunBranchLabel,\n  workflowRunCommitLabel,\n} from '#core/workflow-run.js';\nimport {withoutWorkflowRunSelectionSearch} from '#core/workflow-run-url-state.js';\nimport {JOB_STATUS_STRIP_WIDTH, JobStatusStrip, jobStatusSummary} from './job-status-strip.js';\n\nexport function WorkflowRunRowList({\n  runs,\n  workspaceSlug,\n  projectSlug,\n}: {\n  runs: WorkflowRunListItem[];\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n}) {\n  return (\n    // A container, not the viewport, drives the row's breakpoints. What a row can afford is its\n    // own width; keying off the viewport would keep the job strip hidden on a wide screen or\n    // crush it on a narrow one.\n    <Panel className=\"@container\">\n      <ul className=\"divide-y divide-border-neutral-base\">\n        {runs.map((run) => (\n          <li key={run.id}>\n            <WorkflowRunRow run={run} workspaceSlug={workspaceSlug} projectSlug={projectSlug} />\n          </li>\n        ))}\n      </ul>\n    </Panel>\n  );\n}\n\n/**\n * One run at full width.\n *\n * A single 44px line once the list is at least 976px wide, reflowing to two lines below that:\n * the identity and the numerics keep their places on line one, and the provenance metadata\n * drops beneath. The numeric columns are fixed-width so duration and time form real columns\n * down the list rather than tracking each row's name length.\n *\n * The 976px threshold keeps identity and provenance on one line; below it, provenance drops\n * beneath the identity. The 1200px threshold keeps the full job preview and numeric columns\n * readable together; below it, the strip is hidden so the numeric columns remain aligned.\n */\nexport function WorkflowRunRow({\n  run,\n  workspaceSlug,\n  projectSlug,\n}: {\n  run: WorkflowRunListItem;\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n}) {\n  const duration = run.runAttempt.displayDuration;\n  const hasStarted = run.jobs.hasStartedJobExecution;\n  const durationLabel = useWorkflowRunDurationAccessibleLabel(duration, hasStarted);\n  const status = run.runAttempt.status;\n  const statusLabel = getWorkflowStatusVisual(status).label;\n  const runNumberLabel = formatWorkflowRunNumberLabel(run);\n  const branch = workflowRunBranchLabel(run);\n  const commit = workflowRunCommitLabel(run);\n  const actor = workflowRunActor(run);\n\n  const body = (\n    <>\n      <WorkflowStatusIcon status={status} size={14} className=\"shrink-0\" />\n\n      <div className=\"flex min-w-0 flex-1 flex-col gap-tight @min-[976px]:flex-row @min-[976px]:items-center @min-[976px]:gap-cluster\">\n        <span className=\"flex min-w-0 items-center gap-inline @min-[976px]:flex-1\">\n          <Code variant=\"label\" bold className=\"truncate text-foreground-neutral-base\">\n            {run.name}\n          </Code>\n          {run.number !== null ? <WorkflowRunNumberLabel run={run} /> : null}\n        </span>\n\n        <span className=\"flex min-w-0 flex-wrap items-center gap-inline text-foreground-neutral-subtle @min-[976px]:flex-nowrap @min-[976px]:shrink-0\">\n          {run.triggerDisplayLabel ? <TriggerLabel run={run} /> : null}\n          {branch ? <BranchLabel branch={branch} isPullRequest={branch.startsWith('#')} /> : null}\n          {commit ? <CommitLabel commit={commit} /> : null}\n          {actor ? <ActorLabel actor={actor} /> : null}\n        </span>\n      </div>\n\n      <span className=\"flex shrink-0 items-center gap-cluster\">\n        {/* Reserve the API preview's full width so the overflow count cannot paint over the\n            duration, and keep it even when a run has no jobs planned yet so the numerics stay in\n            line down the list instead of stepping in and out. The max-content width expands if\n            the payload ever exceeds the current API preview bound. */}\n        <span\n          className=\"hidden w-max shrink-0 @min-[1200px]:flex\"\n          style={{minWidth: JOB_STATUS_STRIP_WIDTH}}\n        >\n          <JobStatusStrip jobs={run.jobs} />\n        </span>\n        <span className=\"flex w-64 justify-end\">\n          <WorkflowRunDurationLabel duration={duration} hasStarted={hasStarted} />\n        </span>\n        <Code\n          variant=\"label\"\n          className=\"w-64 shrink-0 text-right tabular-nums text-foreground-neutral-muted\"\n        >\n          <RelativeTime value={run.createdAt} />\n        </Code>\n      </span>\n    </>\n  );\n\n  // Rows run edge to edge inside the list's scroll container, which would clip the standard\n  // outset focus ring, so this one is inset per the design system's focus-ring rule.\n  const rowClassName =\n    'flex w-full min-w-0 items-center gap-inline px-row py-row text-left transition-colors hover:bg-background-neutral-hover focus-visible:shadow-focus-inset focus-visible:outline-none @min-[976px]:h-44 @min-[976px]:py-0';\n\n  // Optimistic manual runs (temp-<uuid>) have no detail page until the canonical row\n  // replaces them on the next poll, so they render non-interactively instead of as a link\n  // that would navigate to a workflow run id the detail route rejects.\n  if (run.isTemporary || !workspaceSlug || !projectSlug) {\n    return <div className={rowClassName}>{body}</div>;\n  }\n\n  return (\n    <Link\n      to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId\"\n      params={{workspaceSlug, projectSlug, workflowRunId: run.id}}\n      search={\n        ((previous: Record<string, unknown>) =>\n          withoutWorkflowRunSelectionSearch(previous)) as never\n      }\n      // An aria-label is the link's whole accessible name, so anything inside the row that\n      // carries its own label (the status glyph, the job strip) goes unspoken unless it is\n      // curated in here. The job breakdown is the reason this list is worth its width, so it\n      // belongs in what a tabbing user hears, not only in browse mode.\n      aria-label={[\n        run.name,\n        runNumberLabel,\n        statusLabel,\n        durationLabel,\n        run.triggerLabel,\n        branch ? `branch ${branch}` : undefined,\n        actor ? `by ${actor}` : undefined,\n        run.jobs.total > 0 ? jobStatusSummary(run.jobs) : undefined,\n      ]\n        .filter((part): part is string => Boolean(part))\n        .join(', ')}\n      className={rowClassName}\n    >\n      {body}\n    </Link>\n  );\n}\n\nfunction TriggerLabel({run}: {run: WorkflowRunListItem}) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span className=\"flex min-w-0 max-w-[140px] items-center gap-tight outline-none\">\n          <TriggerSourceIcon\n            provider={run.triggerProvider}\n            source={run.triggerSource}\n            aria-hidden=\"true\"\n            className=\"size-12 shrink-0 text-foreground-neutral-muted\"\n          />\n          <Text as=\"span\" size=\"xs\" className=\"min-w-0 truncate\">\n            {run.triggerDisplayLabel}\n          </Text>\n        </span>\n      </TooltipTrigger>\n      <TooltipContent>\n        <Text as=\"span\" size=\"xs\" className=\"block max-w-[360px] break-words\">\n          {run.triggerLabel}\n        </Text>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\nfunction BranchLabel({branch, isPullRequest}: {branch: string; isPullRequest: boolean}) {\n  return (\n    <MetadataChip\n      icon={isPullRequest ? 'gitPullRequestLine' : 'gitBranchLine'}\n      title={isPullRequest ? `Pull request ${branch}` : `Branch ${branch}`}\n      className=\"max-w-[180px]\"\n    >\n      {branch}\n    </MetadataChip>\n  );\n}\n\nfunction CommitLabel({commit}: {commit: string}) {\n  return (\n    <MetadataChip icon=\"gitCommitLine\" title={`Commit ${commit}`}>\n      {commit}\n    </MetadataChip>\n  );\n}\n\nfunction ActorLabel({actor}: {actor: string}) {\n  return (\n    <MetadataChip\n      icon=\"userLine\"\n      title={`Triggered by ${actor}`}\n      // Dropped once the row is two lines, where the provenance line has to stay readable on\n      // a phone.\n      className=\"hidden max-w-[120px] @min-[976px]:flex\"\n    >\n      {actor}\n    </MetadataChip>\n  );\n}\n\n/**\n * A ref, SHA, or handle: monospace because it is content a user copies or pattern-matches,\n * with the icon carrying the kind so the value itself never needs a written label.\n */\nfunction MetadataChip({\n  icon,\n  title,\n  className,\n  children,\n}: {\n  icon: IconName;\n  title: string;\n  className?: string | undefined;\n  children: string;\n}) {\n  return (\n    <span className={cn('flex min-w-0 shrink-0 items-center gap-tight', className)} title={title}>\n      <Icon name={icon} className=\"size-12 shrink-0 text-foreground-neutral-muted\" aria-hidden />\n      <Code as=\"span\" variant=\"label\" className=\"min-w-0 truncate\">\n        {children}\n      </Code>\n    </span>\n  );\n}\n"],"names":["TriggerSourceIcon","Icon","Panel","RelativeTime","Tooltip","TooltipContent","TooltipTrigger","Code","Text","cn","Link","useWorkflowRunDurationAccessibleLabel","WorkflowRunDurationLabel","formatWorkflowRunNumberLabel","WorkflowRunNumberLabel","getWorkflowStatusVisual","WorkflowStatusIcon","workflowRunActor","workflowRunBranchLabel","workflowRunCommitLabel","withoutWorkflowRunSelectionSearch","JOB_STATUS_STRIP_WIDTH","JobStatusStrip","jobStatusSummary","WorkflowRunRowList","runs","workspaceSlug","projectSlug","className","ul","map","run","li","WorkflowRunRow","id","duration","runAttempt","displayDuration","hasStarted","jobs","hasStartedJobExecution","durationLabel","status","statusLabel","label","runNumberLabel","branch","commit","actor","body","size","div","span","variant","bold","name","number","triggerDisplayLabel","TriggerLabel","BranchLabel","isPullRequest","startsWith","CommitLabel","ActorLabel","style","minWidth","value","createdAt","rowClassName","isTemporary","to","params","workflowRunId","search","previous","aria-label","triggerLabel","undefined","total","filter","part","Boolean","join","asChild","provider","triggerProvider","source","triggerSource","aria-hidden","as","MetadataChip","icon","title","children"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/workflow-run-list/workflow-run-row.tsx"],"sourcesContent":["import {TriggerSourceIcon} from '@shipfox/client-triggers';\nimport {Icon, type IconName} from '@shipfox/react-ui/icon';\nimport {RelativeTime} from '@shipfox/react-ui/relative-time';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link} from '@tanstack/react-router';\nimport {\n  useWorkflowRunDurationAccessibleLabel,\n  WorkflowRunDurationLabel,\n} from '#components/workflow-run-duration-label.js';\nimport {\n  formatWorkflowRunNumberLabel,\n  WorkflowRunNumberLabel,\n} from '#components/workflow-run-number-label.js';\nimport {getWorkflowStatusVisual} from '#components/workflow-status/status-visuals.js';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport {\n  type WorkflowRunListItem,\n  workflowRunActor,\n  workflowRunBranchLabel,\n  workflowRunCommitLabel,\n} from '#core/workflow-run.js';\nimport {withoutWorkflowRunSelectionSearch} from '#core/workflow-run-url-state.js';\nimport {JOB_STATUS_STRIP_WIDTH, JobStatusStrip, jobStatusSummary} from './job-status-strip.js';\n\nexport function WorkflowRunRowList({\n  runs,\n  workspaceSlug,\n  projectSlug,\n}: {\n  runs: WorkflowRunListItem[];\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n}) {\n  return (\n    // A container, not the viewport, drives the row's breakpoints. What a row can afford is its\n    // own width; keying off the viewport would keep the job strip hidden on a wide screen or\n    // crush it on a narrow one.\n    <ul className=\"@container divide-y divide-border-neutral-base\">\n      {runs.map((run) => (\n        <li key={run.id}>\n          <WorkflowRunRow run={run} workspaceSlug={workspaceSlug} projectSlug={projectSlug} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * One run at full width.\n *\n * A single 44px line once the list is at least 976px wide, reflowing to two lines below that:\n * the identity and the numerics keep their places on line one, and the provenance metadata\n * drops beneath. The numeric columns are fixed-width so duration and time form real columns\n * down the list rather than tracking each row's name length.\n *\n * The 976px threshold keeps identity and provenance on one line; below it, provenance drops\n * beneath the identity. The 1200px threshold keeps the full job preview and numeric columns\n * readable together; below it, the strip is hidden so the numeric columns remain aligned.\n */\nexport function WorkflowRunRow({\n  run,\n  workspaceSlug,\n  projectSlug,\n}: {\n  run: WorkflowRunListItem;\n  workspaceSlug?: string | undefined;\n  projectSlug?: string | undefined;\n}) {\n  const duration = run.runAttempt.displayDuration;\n  const hasStarted = run.jobs.hasStartedJobExecution;\n  const durationLabel = useWorkflowRunDurationAccessibleLabel(duration, hasStarted);\n  const status = run.runAttempt.status;\n  const statusLabel = getWorkflowStatusVisual(status).label;\n  const runNumberLabel = formatWorkflowRunNumberLabel(run);\n  const branch = workflowRunBranchLabel(run);\n  const commit = workflowRunCommitLabel(run);\n  const actor = workflowRunActor(run);\n\n  const body = (\n    <>\n      <WorkflowStatusIcon status={status} size={14} className=\"shrink-0\" />\n\n      <div className=\"flex min-w-0 flex-1 flex-col gap-tight @min-[976px]:flex-row @min-[976px]:items-center @min-[976px]:gap-cluster\">\n        <span className=\"flex min-w-0 items-center gap-inline @min-[976px]:flex-1\">\n          <Code variant=\"label\" bold className=\"truncate text-foreground-neutral-base\">\n            {run.name}\n          </Code>\n          {run.number !== null ? <WorkflowRunNumberLabel run={run} /> : null}\n        </span>\n\n        <span className=\"flex min-w-0 flex-wrap items-center gap-inline text-foreground-neutral-subtle @min-[976px]:flex-nowrap @min-[976px]:shrink-0\">\n          {run.triggerDisplayLabel ? <TriggerLabel run={run} /> : null}\n          {branch ? <BranchLabel branch={branch} isPullRequest={branch.startsWith('#')} /> : null}\n          {commit ? <CommitLabel commit={commit} /> : null}\n          {actor ? <ActorLabel actor={actor} /> : null}\n        </span>\n      </div>\n\n      <span className=\"flex shrink-0 items-center gap-cluster\">\n        {/* Reserve the API preview's full width so the overflow count cannot paint over the\n            duration, and keep it even when a run has no jobs planned yet so the numerics stay in\n            line down the list instead of stepping in and out. The max-content width expands if\n            the payload ever exceeds the current API preview bound. */}\n        <span\n          className=\"hidden w-max shrink-0 @min-[1200px]:flex\"\n          style={{minWidth: JOB_STATUS_STRIP_WIDTH}}\n        >\n          <JobStatusStrip jobs={run.jobs} />\n        </span>\n        <span className=\"flex w-64 justify-end\">\n          <WorkflowRunDurationLabel duration={duration} hasStarted={hasStarted} />\n        </span>\n        <Code\n          variant=\"label\"\n          className=\"w-64 shrink-0 text-right tabular-nums text-foreground-neutral-muted\"\n        >\n          <RelativeTime value={run.createdAt} />\n        </Code>\n      </span>\n    </>\n  );\n\n  // Rows run edge to edge inside the list's scroll container, which would clip the standard\n  // outset focus ring, so this one is inset per the design system's focus-ring rule.\n  const rowClassName =\n    'flex w-full min-w-0 items-center gap-inline px-row py-row text-left transition-colors hover:bg-background-neutral-hover focus-visible:shadow-focus-inset focus-visible:outline-none @min-[976px]:h-44 @min-[976px]:py-0';\n\n  // Optimistic manual runs (temp-<uuid>) have no detail page until the canonical row\n  // replaces them on the next poll, so they render non-interactively instead of as a link\n  // that would navigate to a workflow run id the detail route rejects.\n  if (run.isTemporary || !workspaceSlug || !projectSlug) {\n    return <div className={rowClassName}>{body}</div>;\n  }\n\n  return (\n    <Link\n      to=\"/w/$workspaceSlug/p/$projectSlug/runs/$workflowRunId\"\n      params={{workspaceSlug, projectSlug, workflowRunId: run.id}}\n      search={\n        ((previous: Record<string, unknown>) =>\n          withoutWorkflowRunSelectionSearch(previous)) as never\n      }\n      // An aria-label is the link's whole accessible name, so anything inside the row that\n      // carries its own label (the status glyph, the job strip) goes unspoken unless it is\n      // curated in here. The job breakdown is the reason this list is worth its width, so it\n      // belongs in what a tabbing user hears, not only in browse mode.\n      aria-label={[\n        run.name,\n        runNumberLabel,\n        statusLabel,\n        durationLabel,\n        run.triggerLabel,\n        branch ? `branch ${branch}` : undefined,\n        actor ? `by ${actor}` : undefined,\n        run.jobs.total > 0 ? jobStatusSummary(run.jobs) : undefined,\n      ]\n        .filter((part): part is string => Boolean(part))\n        .join(', ')}\n      className={rowClassName}\n    >\n      {body}\n    </Link>\n  );\n}\n\nfunction TriggerLabel({run}: {run: WorkflowRunListItem}) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span className=\"flex min-w-0 max-w-[140px] items-center gap-tight outline-none\">\n          <TriggerSourceIcon\n            provider={run.triggerProvider}\n            source={run.triggerSource}\n            aria-hidden=\"true\"\n            className=\"size-12 shrink-0 text-foreground-neutral-muted\"\n          />\n          <Text as=\"span\" size=\"xs\" className=\"min-w-0 truncate\">\n            {run.triggerDisplayLabel}\n          </Text>\n        </span>\n      </TooltipTrigger>\n      <TooltipContent>\n        <Text as=\"span\" size=\"xs\" className=\"block max-w-[360px] break-words\">\n          {run.triggerLabel}\n        </Text>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\nfunction BranchLabel({branch, isPullRequest}: {branch: string; isPullRequest: boolean}) {\n  return (\n    <MetadataChip\n      icon={isPullRequest ? 'gitPullRequestLine' : 'gitBranchLine'}\n      title={isPullRequest ? `Pull request ${branch}` : `Branch ${branch}`}\n      className=\"max-w-[180px]\"\n    >\n      {branch}\n    </MetadataChip>\n  );\n}\n\nfunction CommitLabel({commit}: {commit: string}) {\n  return (\n    <MetadataChip icon=\"gitCommitLine\" title={`Commit ${commit}`}>\n      {commit}\n    </MetadataChip>\n  );\n}\n\nfunction ActorLabel({actor}: {actor: string}) {\n  return (\n    <MetadataChip\n      icon=\"userLine\"\n      title={`Triggered by ${actor}`}\n      // Dropped once the row is two lines, where the provenance line has to stay readable on\n      // a phone.\n      className=\"hidden max-w-[120px] @min-[976px]:flex\"\n    >\n      {actor}\n    </MetadataChip>\n  );\n}\n\n/**\n * A ref, SHA, or handle: monospace because it is content a user copies or pattern-matches,\n * with the icon carrying the kind so the value itself never needs a written label.\n */\nfunction MetadataChip({\n  icon,\n  title,\n  className,\n  children,\n}: {\n  icon: IconName;\n  title: string;\n  className?: string | undefined;\n  children: string;\n}) {\n  return (\n    <span className={cn('flex min-w-0 shrink-0 items-center gap-tight', className)} title={title}>\n      <Icon name={icon} className=\"size-12 shrink-0 text-foreground-neutral-muted\" aria-hidden />\n      <Code as=\"span\" variant=\"label\" className=\"min-w-0 truncate\">\n        {children}\n      </Code>\n    </span>\n  );\n}\n"],"names":["TriggerSourceIcon","Icon","RelativeTime","Tooltip","TooltipContent","TooltipTrigger","Code","Text","cn","Link","useWorkflowRunDurationAccessibleLabel","WorkflowRunDurationLabel","formatWorkflowRunNumberLabel","WorkflowRunNumberLabel","getWorkflowStatusVisual","WorkflowStatusIcon","workflowRunActor","workflowRunBranchLabel","workflowRunCommitLabel","withoutWorkflowRunSelectionSearch","JOB_STATUS_STRIP_WIDTH","JobStatusStrip","jobStatusSummary","WorkflowRunRowList","runs","workspaceSlug","projectSlug","ul","className","map","run","li","WorkflowRunRow","id","duration","runAttempt","displayDuration","hasStarted","jobs","hasStartedJobExecution","durationLabel","status","statusLabel","label","runNumberLabel","branch","commit","actor","body","size","div","span","variant","bold","name","number","triggerDisplayLabel","TriggerLabel","BranchLabel","isPullRequest","startsWith","CommitLabel","ActorLabel","style","minWidth","value","createdAt","rowClassName","isTemporary","to","params","workflowRunId","search","previous","aria-label","triggerLabel","undefined","total","filter","part","Boolean","join","asChild","provider","triggerProvider","source","triggerSource","aria-hidden","as","MetadataChip","icon","title","children"],"mappings":"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"}

package/dist/pages/project-workflows-page.js

@@ -52,6 +52,11 @@ function ProjectWorkflowsPageInner({ projectId }) {
     return /*#__PURE__*/ _jsxs("div", {
         className: "flex w-full flex-col gap-section",
         children: [
+            /*#__PURE__*/ _jsx(Header, {
+                variant: "h1",
+                className: "sr-only",
+                children: "Workflows"
+            }),
             projectQuery.isPending ? /*#__PURE__*/ _jsxs("div", {
                 className: "flex flex-col gap-cluster",
                 children: [
@@ -73,20 +78,6 @@ function ProjectWorkflowsPageInner({ projectId }) {
             }) : null,
             projectQuery.data ? /*#__PURE__*/ _jsxs(_Fragment, {
                 children: [
-                    /*#__PURE__*/ _jsxs("header", {
-                        className: "flex flex-col gap-tight",
-                        children: [
-                            /*#__PURE__*/ _jsx(Header, {
-                                variant: "h2",
-                                children: "Workflows"
-                            }),
-                            /*#__PURE__*/ _jsx(Text, {
-                                size: "sm",
-                                className: "text-foreground-neutral-muted",
-                                children: "Synced workflow definitions for this project source."
-                            })
-                        ]
-                    }),
                     /*#__PURE__*/ _jsx(SourceStrip, {
                         connectionId: projectQuery.data.source.connectionId,
                         externalRepositoryId: projectQuery.data.source.externalRepositoryId,
@@ -148,6 +139,8 @@ function WorkflowDefinitionsList({ definitions, isPending, isError, sync, runErr
     }
     if (isError && definitions.length === 0) {
         return /*#__PURE__*/ _jsx(Panel, {
+            role: "region",
+            "aria-label": "Workflow definitions",
             children: /*#__PURE__*/ _jsx(LoadErrorState, {
                 title: "Couldn't load workflows",
                 description: "Definitions could not be loaded. Source metadata remains visible.",
@@ -159,6 +152,8 @@ function WorkflowDefinitionsList({ definitions, isPending, isError, sync, runErr
     }
     if (definitions.length === 0) {
         return /*#__PURE__*/ _jsx(Panel, {
+            role: "region",
+            "aria-label": "Workflow definitions",
             children: /*#__PURE__*/ _jsx(WorkflowEmptyState, {
                 sync: sync
             })
@@ -167,6 +162,8 @@ function WorkflowDefinitionsList({ definitions, isPending, isError, sync, runErr
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsxs(Panel, {
+                role: "region",
+                "aria-label": "Workflow definitions",
                 children: [
                     /*#__PURE__*/ _jsx("div", {
                         className: "hidden md:block",