@burdenoff/fluidgrids-fe-sdk 2026.1029.6 → 2026.1029.7

package/dist/{chunk-MQI7NH4Z.js → chunk-SZTKLZZR.js}

@@ -1,16 +1,135 @@
-import { ExecutionStats, ExecutionFilters, ExecutionTable, ExecutionCards, ExecutionTimeline, Pagination } from './chunk-4XAPSIHY.js';
-import { useExecutionsWithStore, useExecutionStats, useExecutionActions, useAutoRefresh } from './chunk-57RS7DXZ.js';
-import { useWorkflowDefinitions } from './chunk-LTVAUZ3M.js';
+import { useRunStatusCounts, ExecutionStats, ExecutionFilters, ExecutionTable, ExecutionCards, ExecutionTimeline, Pagination, runStatusLabels } from './chunk-7CTIVBBA.js';
+import { useExecutionsWithStore, useExecutionStats, useExecutionActions, useAutoRefresh, WORKFLOW_ID_MAX_LENGTH } from './chunk-AXMEATLG.js';
+import { useWorkflowDefinitions } from './chunk-OJPJ2QXD.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { useExecutionsStore } from './chunk-CY6KX4RG.js';
+import { useDurableParityEnabled } from './chunk-K4BF7PAW.js';
+import { useExecutionsStore } from './chunk-6AMNEX2Y.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { useRef, useCallback, useMemo } from 'react';
+import { useRef, useCallback, useMemo, useState, useEffect } from 'react';
 import { useNavigate, useSearchParams } from 'react-router';
 import { Icon } from '@iconify/react';
 import { toast } from 'sonner';
 import { Button } from '@burdenoff/fe-libs/button';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { Input } from '@burdenoff/fe-libs/ui';
+import { cn } from '@burdenoff/fe-libs/utils';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
+var WORKFLOW_ID_FILTER_DEBOUNCE_MS = 350;
+var RUN_STATUSES = [
+  "PENDING",
+  "RUNNING",
+  "WAITING",
+  "COMPLETED",
+  "FAILED",
+  "CANCELLED",
+  "TERMINATED"
+];
+function isRunStatus(value) {
+  return RUN_STATUSES.includes(value);
+}
+function RunsParityBar({
+  workflowId,
+  onWorkflowIdChange,
+  total,
+  counts,
+  countsError,
+  selectedStatus,
+  onSelectStatus
+}) {
+  const tr = useTr();
+  const statusLabels = runStatusLabels(tr);
+  const [draft, setDraft] = useState(workflowId);
+  useEffect(() => {
+    setDraft(workflowId);
+  }, [workflowId]);
+  useEffect(() => {
+    if (draft === workflowId) return;
+    const timer = setTimeout(
+      () => onWorkflowIdChange(draft),
+      WORKFLOW_ID_FILTER_DEBOUNCE_MS
+    );
+    return () => clearTimeout(timer);
+  }, [draft, workflowId, onWorkflowIdChange]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "runs-parity-bar",
+      className: "mb-6 flex flex-col gap-3 lg:flex-row lg:items-center",
+      children: [
+        /* @__PURE__ */ jsxs("label", { className: "flex min-w-0 items-center gap-2 text-sm text-text-secondary lg:w-80", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: "mdi:key-outline", width: 16, className: "shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: tr("fluidgrids.executions.parity.workflowIdFilter", "Workflow ID") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: draft,
+              maxLength: WORKFLOW_ID_MAX_LENGTH,
+              placeholder: tr(
+                "fluidgrids.executions.parity.workflowIdPlaceholder",
+                "Filter by workflow ID"
+              ),
+              onChange: (event) => setDraft(event.target.value),
+              "data-testid": "runs-workflow-id-filter"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex flex-wrap items-center gap-2",
+            "data-testid": "runs-status-counts",
+            children: countsError ? /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--color-status-error-text)]", children: [
+              tr(
+                "fluidgrids.executions.parity.countsError",
+                "Could not count the runs:"
+              ),
+              " ",
+              countsError
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              total !== null && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onSelectStatus("all"),
+                  className: cn(
+                    "rounded-full border px-2.5 py-1 text-xs",
+                    selectedStatus === "all" ? "border-action-primary-bg bg-action-primary-bg text-action-primary-text" : "border-border-secondary text-text-secondary hover:text-text-primary"
+                  ),
+                  "aria-pressed": selectedStatus === "all",
+                  "data-testid": "runs-count-all",
+                  children: tr("fluidgrids.executions.parity.countAll", "All {{count}}", {
+                    count: total
+                  })
+                }
+              ),
+              counts.map(
+                ({ status, count }) => isRunStatus(status) ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onSelectStatus(status),
+                    className: cn(
+                      "rounded-full border px-2.5 py-1 text-xs",
+                      selectedStatus === status ? "border-action-primary-bg bg-action-primary-bg text-action-primary-text" : "border-border-secondary text-text-secondary hover:text-text-primary"
+                    ),
+                    "aria-pressed": selectedStatus === status,
+                    "data-testid": `runs-count-${status}`,
+                    children: tr(
+                      "fluidgrids.executions.parity.countStatus",
+                      "{{status}} {{count}}",
+                      { status: statusLabels[status], count }
+                    )
+                  },
+                  status
+                ) : null
+              )
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
 function ExecutionsListPage() {
   const tr = useTr();
   const navigate = useNavigate();
@@ -22,6 +141,8 @@ function ExecutionsListPage() {
     clearSelection,
     setStatusFilter,
     setWorkflowFilter,
+    setWorkflowIdFilter,
+    filter,
     autoRefresh,
     autoRefreshInterval
   } = useExecutionsStore();
@@ -34,7 +155,10 @@ function ExecutionsListPage() {
       setWorkflowFilter(workflowKeyParam);
     }
   }
-  const { executions, total, loading, error, refetch } = useExecutionsWithStore();
+  const parityEnabled = useDurableParityEnabled();
+  const { executions, total, loading, error, refetch, input } = useExecutionsWithStore({ durableParity: parityEnabled });
+  const statusCounts = useRunStatusCounts(input, parityEnabled);
+  const refetchCounts = statusCounts.refetch;
   const {
     stats,
     loading: statsLoading,
@@ -52,7 +176,8 @@ function ExecutionsListPage() {
     useCallback(() => {
       refetch();
       refetchStats();
-    }, [refetch, refetchStats]),
+      void refetchCounts();
+    }, [refetch, refetchStats, refetchCounts]),
     autoRefresh,
     autoRefreshInterval
   );
@@ -246,6 +371,18 @@ function ExecutionsListPage() {
       }
     ) }),
     /* @__PURE__ */ jsx("div", { className: "mb-6", "data-tour": "fluidgrids-runs-filters", children: /* @__PURE__ */ jsx(ExecutionFilters, { workflows: workflowOptions, onRefresh: refetch }) }),
+    parityEnabled && /* @__PURE__ */ jsx(
+      RunsParityBar,
+      {
+        workflowId: filter.workflowId,
+        onWorkflowIdChange: setWorkflowIdFilter,
+        total: statusCounts.total,
+        counts: statusCounts.counts,
+        countsError: statusCounts.error,
+        selectedStatus: filter.status,
+        onSelectStatus: handleFilterByStatus
+      }
+    ),
     selection.runIds.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-4 p-3 bg-action-primary-bg/10 rounded-lg flex flex-wrap items-center gap-3", children: [
       /* @__PURE__ */ jsxs("span", { className: "text-sm text-text-primary", children: [
         selection.runIds.length,

package/dist/{chunk-LB62TAF7.js → chunk-TYYSYSAL.js}

@@ -1,4 +1,4 @@
-import { NodeEndpointConfigsDocument, NodeEndpointConfigDocument, NodeManifestDocument, fetchAllNodeEndpointConfigs } from './chunk-7PP6CRXS.js';
+import { NodeEndpointConfigsDocument, NodeEndpointConfigDocument, NodeManifestDocument, fetchAllNodeEndpointConfigs } from './chunk-YTUIGIVP.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
 import { useMemo, useState, useCallback, useEffect } from 'react';

package/dist/{chunk-YSUSSIWU.js → chunk-US4LPOB3.js}

@@ -1,5 +1,5 @@
 import { LOG_STREAM_DESTINATIONS, CREATE_LOG_STREAM_DESTINATION, UPDATE_LOG_STREAM_DESTINATION, DELETE_LOG_STREAM_DESTINATION, TEST_LOG_STREAM_DESTINATION, REPLAY_WORKFLOW_RUN, RETRY_WORKFLOW_RUNS, OBSERVABILITY_DASHBOARD_SUMMARY, OBSERVABILITY_FAILED_RUNS, OBSERVABILITY_DATA_SINKS, OBSERVABILITY_DATA_SINK_DATA } from './chunk-5ERAJC2I.js';
-import { throwIfResultError, describeOperationError, useFluidGridsAnalytics, emitRunStarted, openRunQuotaUpgradePrompt, useFluidGridsFlag, FLUIDGRIDS_FLAGS } from './chunk-4TGUNOQQ.js';
+import { throwIfResultError, describeOperationError, useFluidGridsAnalytics, emitRunStarted, openRunQuotaUpgradePrompt, useFluidGridsFlag, FLUIDGRIDS_FLAGS } from './chunk-K4BF7PAW.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
 import { useCallback, useState, useMemo, useEffect } from 'react';

package/dist/{chunk-BWAUFSHC.js → chunk-VIZ7W5WJ.js}

@@ -1,11 +1,11 @@
-import { CreateWorkflowRefusalDialog, firstWorkflowProgress, GUIDED_TOUR_STATE, builderPathFor } from './chunk-MNY2UNQH.js';
-import { useExecutions } from './chunk-57RS7DXZ.js';
-import { useExportWorkflowAs, downloadWorkflowExport, importAcceptAttribute, QuotaExhaustedDialog, importFileKind, parseWorkflowImport, CODE_EXPORT_FORMATS, ImportSourceError, assertImportByteSize, MAX_IMPORT_ARCHIVE_BYTES, readProjectArchive, checkTypeScriptImport, MAX_IMPORT_SOURCE_BYTES, typeScriptModuleFile, typeScriptImportSource, workflowNameFromFile, primaryImportModule } from './chunk-7SSZUX6E.js';
-import { useCreateWorkflow, useWorkflowDefinitions, useLazyWorkflowDefinition, useImportWorkflow, useDuplicateWorkflow, useDeleteWorkflow } from './chunk-LTVAUZ3M.js';
+import { CreateWorkflowRefusalDialog, firstWorkflowProgress, GUIDED_TOUR_STATE, builderPathFor } from './chunk-FFOZ5VUJ.js';
+import { useExecutions } from './chunk-AXMEATLG.js';
+import { useExportWorkflowAs, downloadWorkflowExport, importAcceptAttribute, QuotaExhaustedDialog, importFileKind, parseWorkflowImport, CODE_EXPORT_FORMATS, ImportSourceError, assertImportByteSize, MAX_IMPORT_ARCHIVE_BYTES, readProjectArchive, checkTypeScriptImport, MAX_IMPORT_SOURCE_BYTES, typeScriptModuleFile, typeScriptImportSource, workflowNameFromFile, primaryImportModule } from './chunk-DEGCZCHP.js';
 import { workflowsListControls } from './chunk-D3UWK7GY.js';
+import { useCreateWorkflow, useWorkflowDefinitions, useLazyWorkflowDefinition, useImportWorkflow, useDuplicateWorkflow, useDeleteWorkflow } from './chunk-OJPJ2QXD.js';
 import { useFluidGridsPageControls } from './chunk-PJAWNFJV.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { createThenOpen, useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, useFluidGridsFlag, FLUIDGRIDS_FLAGS, SdkPermissionButton, BILLING_PLANS_PATH, describeOperationError, useFlowStore, SdkPermissionGate, isQuotaExhaustedFailure } from './chunk-4TGUNOQQ.js';
+import { createThenOpen, useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, useFluidGridsFlag, FLUIDGRIDS_FLAGS, SdkPermissionButton, BILLING_PLANS_PATH, describeOperationError, useFlowStore, SdkPermissionGate, isQuotaExhaustedFailure } from './chunk-K4BF7PAW.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { useState, useRef, useCallback, useMemo } from 'react';
 import { useNavigate } from 'react-router';