@burdenoff/fluidgrids-fe-sdk 2026.1108.1 → 2026.1108.2

package/dist/chunk-ODWKSYMZ.js

@@ -1,529 +0,0 @@
-import { useRunStatusCounts, ExecutionStats, ExecutionFilters, ExecutionTable, ExecutionCards, ExecutionTimeline, Pagination, runStatusLabels } from './chunk-WX5BNZVX.js';
-import { useExecutionsWithStore, useExecutionStats, useExecutionActions, useAutoRefresh, WORKFLOW_ID_MAX_LENGTH } from './chunk-2CM26W2I.js';
-import { useWorkflowDefinitions } from './chunk-PF7XQA2S.js';
-import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { useDurableParityEnabled } from './chunk-5OVWMFPL.js';
-import { useTr } from './chunk-UULVIT25.js';
-import { useExecutionsStore } from './chunk-UEG2WC3G.js';
-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 { 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();
-  const {
-    viewMode,
-    setViewMode,
-    setSelectedExecution,
-    selection,
-    clearSelection,
-    setStatusFilter,
-    setWorkflowFilter,
-    setWorkflowIdFilter,
-    filter,
-    autoRefresh,
-    autoRefreshInterval
-  } = useExecutionsStore();
-  const [searchParams] = useSearchParams();
-  const workflowKeyParam = searchParams.get("workflowKey") ?? "";
-  const lastWorkflowKeyParam = useRef(null);
-  if (lastWorkflowKeyParam.current !== workflowKeyParam) {
-    lastWorkflowKeyParam.current = workflowKeyParam;
-    if (useExecutionsStore.getState().filter.workflowKey !== workflowKeyParam) {
-      setWorkflowFilter(workflowKeyParam);
-    }
-  }
-  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,
-    refetch: refetchStats
-  } = useExecutionStats();
-  const { workflows } = useWorkflowDefinitions({ limit: 100 });
-  const {
-    cancelExecution,
-    pauseExecution,
-    resumeExecution,
-    retryExecution,
-    retryExecutions
-  } = useExecutionActions();
-  useAutoRefresh(
-    useCallback(() => {
-      refetch();
-      refetchStats();
-      void refetchCounts();
-    }, [refetch, refetchStats, refetchCounts]),
-    autoRefresh,
-    autoRefreshInterval
-  );
-  const executionStats = useMemo(() => {
-    if (!stats) return null;
-    return {
-      total: stats.runsCountTotal,
-      running: stats.runsRunningCount,
-      completed: stats.runsCompletedCount,
-      failed: stats.runsFailedCount,
-      cancelled: stats.runsCancelledCount ?? 0,
-      pending: stats.runsPendingCount,
-      waiting: stats.runsWaitingCount ?? 0,
-      successRate: stats.workflowSuccessRate,
-      avgDuration: stats.avgWorkflowExecutionTimeSeconds
-    };
-  }, [stats]);
-  const workflowOptions = useMemo(
-    () => workflows.map((w) => ({
-      workflowKey: w.workflowKey,
-      name: w.name
-    })),
-    [workflows]
-  );
-  const workflowNames = useMemo(() => {
-    const map = {};
-    for (const w of workflows) map[w.workflowKey] = w.name;
-    return map;
-  }, [workflows]);
-  const handleRowClick = (execution) => {
-    setSelectedExecution(execution);
-    navigate(`../runs/${execution.id}`);
-  };
-  const handleRetry = async (execution) => {
-    const result = await retryExecution(execution);
-    if (!result.ok) {
-      toast.error(
-        tr(
-          "fluidgrids.executions.executionsList.retryFailed",
-          "Could not start a new run"
-        ),
-        { description: result.message }
-      );
-      return;
-    }
-    toast.success(
-      tr(
-        "fluidgrids.executions.executionsList.retryStarted",
-        "New run started"
-      )
-    );
-    navigate(`../runs/${result.run.runId}`);
-  };
-  const handleAction = async (action, execution) => {
-    switch (action) {
-      case "cancel":
-        await cancelExecution(execution.id);
-        break;
-      case "pause":
-        await pauseExecution(execution.id);
-        break;
-      case "resume":
-        await resumeExecution(execution.id);
-        break;
-      case "retry":
-        await handleRetry(execution);
-        break;
-      case "view":
-        navigate(`../runs/${execution.id}`);
-        break;
-    }
-    refetch();
-  };
-  const handleFilterByStatus = (status) => {
-    setStatusFilter(status);
-  };
-  const handleBulkRetry = async () => {
-    if (selection.runIds.length === 0) return;
-    const retried = await retryExecutions(selection.runIds.slice(0, 10));
-    if (retried.length === 0) {
-      toast.error(
-        tr(
-          "fluidgrids.executions.executionsList.bulkRetryFailed",
-          "Could not retry the selected runs"
-        )
-      );
-      return;
-    }
-    toast.success(
-      tr(
-        "fluidgrids.executions.executionsList.bulkRetryStarted",
-        `${retried.length} new run${retried.length === 1 ? "" : "s"} started`
-      )
-    );
-    clearSelection();
-    refetch();
-  };
-  const handleBulkAction = async (action) => {
-    if (selection.runIds.length === 0) return;
-    const promises = selection.runIds.map((id) => {
-      switch (action) {
-        case "cancel":
-          return cancelExecution(id);
-        case "pause":
-          return pauseExecution(id);
-        case "resume":
-          return resumeExecution(id);
-      }
-    });
-    const results = await Promise.allSettled(promises);
-    const failures = results.filter((r) => r.status === "rejected");
-    if (failures.length > 0) {
-      console.error(
-        `Bulk action partially failed: ${failures.length}/${results.length} failed`
-      );
-    }
-    clearSelection();
-    refetch();
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-6 bg-background-primary min-h-screen", children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6",
-        "data-tour": "fluidgrids-runs-header",
-        children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-text-primary", children: tr("fluidgrids.executions.executionsList.title", "Executions") }),
-            /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: tr(
-              "fluidgrids.executions.executionsList.subtitle",
-              "Monitor and manage your workflow runs"
-            ) }),
-            /* @__PURE__ */ jsx(FluidGridsDocsLink, { topic: "runs", className: "mt-1" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center bg-background-secondary rounded-lg border border-border-secondary p-1", children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: () => setViewMode("table"),
-                  className: `p-2 rounded ${viewMode === "table" ? "bg-background-tertiary text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
-                  title: tr(
-                    "fluidgrids.executions.executionsList.tableViewTooltip",
-                    "Table View"
-                  ),
-                  children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:table", width: 18 })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: () => setViewMode("cards"),
-                  className: `p-2 rounded ${viewMode === "cards" ? "bg-background-tertiary text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
-                  title: tr(
-                    "fluidgrids.executions.executionsList.cardViewTooltip",
-                    "Card View"
-                  ),
-                  children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:view-grid", width: 18 })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: () => setViewMode("timeline"),
-                  className: `p-2 rounded ${viewMode === "timeline" ? "bg-background-tertiary text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
-                  title: tr(
-                    "fluidgrids.executions.executionsList.timelineViewTooltip",
-                    "Timeline View"
-                  ),
-                  children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:timeline", width: 18 })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => navigate("../list"), children: [
-              /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-left", className: "mr-2", width: 16 }),
-              tr(
-                "fluidgrids.executions.executionsList.backToWorkflows",
-                "Back to Workflows"
-              )
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "mb-6", "data-tour": "fluidgrids-runs-stats", children: /* @__PURE__ */ jsx(
-      ExecutionStats,
-      {
-        stats: executionStats,
-        loading: statsLoading,
-        onFilterByStatus: handleFilterByStatus
-      }
-    ) }),
-    /* @__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,
-        " ",
-        selection.runIds.length > 1 ? tr(
-          "fluidgrids.executions.executionsList.selectionCountPlural",
-          "executions selected"
-        ) : tr(
-          "fluidgrids.executions.executionsList.selectionCountSingular",
-          "execution selected"
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            "data-agent": "confirm",
-            variant: "outline",
-            size: "sm",
-            onClick: () => void handleBulkRetry(),
-            children: [
-              /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-1", width: 14 }),
-              tr(
-                "fluidgrids.executions.executionsList.bulkRetryButton",
-                "Retry selected"
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            "data-agent": "confirm",
-            variant: "outline",
-            size: "sm",
-            onClick: () => handleBulkAction("cancel"),
-            children: [
-              /* @__PURE__ */ jsx(Icon, { icon: "mdi:stop", className: "mr-1", width: 14 }),
-              tr(
-                "fluidgrids.executions.executionsList.bulkCancelButton",
-                "Cancel"
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            "data-agent": "confirm",
-            variant: "outline",
-            size: "sm",
-            onClick: () => handleBulkAction("pause"),
-            children: [
-              /* @__PURE__ */ jsx(Icon, { icon: "mdi:pause", className: "mr-1", width: 14 }),
-              tr(
-                "fluidgrids.executions.executionsList.bulkPauseButton",
-                "Pause"
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            "data-agent": "confirm",
-            variant: "outline",
-            size: "sm",
-            onClick: () => handleBulkAction("resume"),
-            children: [
-              /* @__PURE__ */ jsx(Icon, { icon: "mdi:play", className: "mr-1", width: 14 }),
-              tr(
-                "fluidgrids.executions.executionsList.bulkResumeButton",
-                "Resume"
-              )
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: clearSelection,
-          className: "ml-auto text-sm text-text-secondary hover:text-text-primary",
-          children: tr(
-            "fluidgrids.executions.executionsList.clearSelection",
-            "Clear selection"
-          )
-        }
-      )
-    ] }),
-    error && /* @__PURE__ */ jsxs("div", { className: "mb-6 p-4 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded-lg", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[var(--color-status-error-text)]", children: [
-        /* @__PURE__ */ jsx(Icon, { icon: "mdi:alert-circle", width: 20 }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium", children: tr(
-          "fluidgrids.executions.executionsList.loadErrorTitle",
-          "Error loading executions"
-        ) })
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[var(--color-status-error-text)]", children: error.message }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "outline",
-          size: "sm",
-          onClick: refetch,
-          className: "mt-3 border-[var(--color-status-error-border)] text-[var(--color-status-error-text)] hover:bg-[var(--color-status-error-bg-subtle)]",
-          children: tr("fluidgrids.executions.executionsList.retryButton", "Retry")
-        }
-      )
-    ] }),
-    viewMode === "table" && /* @__PURE__ */ jsx(
-      ExecutionTable,
-      {
-        workflowNames,
-        executions,
-        loading,
-        onRowClick: handleRowClick,
-        onAction: handleAction
-      }
-    ),
-    viewMode === "cards" && /* @__PURE__ */ jsx(
-      ExecutionCards,
-      {
-        workflowNames,
-        executions,
-        loading,
-        onCardClick: handleRowClick,
-        onAction: handleAction
-      }
-    ),
-    viewMode === "timeline" && /* @__PURE__ */ jsx(
-      ExecutionTimeline,
-      {
-        executions,
-        loading,
-        onItemClick: handleRowClick,
-        onAction: handleAction
-      }
-    ),
-    /* @__PURE__ */ jsx(Pagination, { totalItems: total })
-  ] });
-}
-
-export { ExecutionsListPage };