@burdenoff/fluidgrids-fe-sdk 2026.916.2 → 2026.918.1

package/dist/{ExecutionsListPage-5NPZIHKP.js → ExecutionsListPage-OVBWXB2F.js}

@@ -1,4 +1,4 @@
-export { ExecutionsListPage } from './chunk-DARRT6AJ.js';
+export { ExecutionsListPage } from './chunk-2OJQPUBC.js';
 import './chunk-N4URMBJP.js';
 import './chunk-ELB3LXRJ.js';
 import './chunk-LMO5ASOE.js';
@@ -6,5 +6,5 @@ import './chunk-WWU2O2SR.js';
 import './chunk-WO3AHQVD.js';
 import './chunk-5BDQNSP3.js';
 import './chunk-7YWBH2A5.js';
-//# sourceMappingURL=ExecutionsListPage-5NPZIHKP.js.map
-//# sourceMappingURL=ExecutionsListPage-5NPZIHKP.js.map
+//# sourceMappingURL=ExecutionsListPage-OVBWXB2F.js.map
+//# sourceMappingURL=ExecutionsListPage-OVBWXB2F.js.map

package/dist/{ExecutionsListPage-5NPZIHKP.js.map → ExecutionsListPage-OVBWXB2F.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ExecutionsListPage-5NPZIHKP.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ExecutionsListPage-OVBWXB2F.js"}

package/dist/{WorkflowsList-XQW7YPZX.js → WorkflowsList-ZBMSG2WP.js}

@@ -1,4 +1,4 @@
-export { WorkflowsList } from './chunk-BF4YC7XN.js';
+export { WorkflowsList } from './chunk-YAADZDGX.js';
 import './chunk-KT72XMAB.js';
 import './chunk-UIY2HBWA.js';
 import './chunk-3ZYUGTIT.js';
@@ -8,5 +8,5 @@ import './chunk-WWU2O2SR.js';
 import './chunk-WO3AHQVD.js';
 import './chunk-5BDQNSP3.js';
 import './chunk-7YWBH2A5.js';
-//# sourceMappingURL=WorkflowsList-XQW7YPZX.js.map
-//# sourceMappingURL=WorkflowsList-XQW7YPZX.js.map
+//# sourceMappingURL=WorkflowsList-ZBMSG2WP.js.map
+//# sourceMappingURL=WorkflowsList-ZBMSG2WP.js.map

package/dist/{WorkflowsList-XQW7YPZX.js.map → WorkflowsList-ZBMSG2WP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowsList-XQW7YPZX.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowsList-ZBMSG2WP.js"}

package/dist/{chunk-DARRT6AJ.js → chunk-2OJQPUBC.js}

@@ -143,63 +143,70 @@ function ExecutionsListPage() {
     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", 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__ */ jsxs("div", { className: "flex 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"
+    /* @__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__ */ jsxs("div", { className: "flex 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 })
+                }
               ),
-              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"
+              /* @__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 })
+                }
               ),
-              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", children: /* @__PURE__ */ jsx(
+              /* @__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,
@@ -207,7 +214,7 @@ function ExecutionsListPage() {
         onFilterByStatus: handleFilterByStatus
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsx(ExecutionFilters, { workflows: workflowOptions, onRefresh: refetch }) }),
+    /* @__PURE__ */ jsx("div", { className: "mb-6", "data-tour": "fluidgrids-runs-filters", children: /* @__PURE__ */ jsx(ExecutionFilters, { workflows: workflowOptions, onRefresh: refetch }) }),
     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,
@@ -333,5 +340,5 @@ function ExecutionsListPage() {
 }
 
 export { ExecutionsListPage };
-//# sourceMappingURL=chunk-DARRT6AJ.js.map
-//# sourceMappingURL=chunk-DARRT6AJ.js.map
+//# sourceMappingURL=chunk-2OJQPUBC.js.map
+//# sourceMappingURL=chunk-2OJQPUBC.js.map

package/dist/chunk-2OJQPUBC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modules/executions/pages/ExecutionsListPage.tsx"],"names":[],"mappings":"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","file":"chunk-2OJQPUBC.js","sourcesContent":["import { useCallback, useMemo, useRef } from \"react\";\nimport { useNavigate, useSearchParams } from \"react-router\";\nimport { Icon } from \"@iconify/react\";\nimport { toast } from \"sonner\";\nimport { Button } from \"@burdenoff/fe-libs/button\";\nimport {\n  ExecutionFilters,\n  ExecutionStats,\n  ExecutionTable,\n  ExecutionCards,\n  ExecutionTimeline,\n  Pagination,\n} from \"../components\";\nimport { useExecutionsStore } from \"../store/executionsStore\";\nimport {\n  useExecutionsWithStore,\n  useExecutionStats,\n  useExecutionActions,\n  useAutoRefresh,\n} from \"../hooks/useExecutions\";\nimport { useWorkflowDefinitions } from \"../../../hooks/useWorkflows\";\nimport type { WorkflowRun, RunStatus, ExecutionAction } from \"../types\";\nimport { useTr } from \"../../../hooks/useTr\";\n\nexport function ExecutionsListPage() {\n  const tr = useTr();\n  const navigate = useNavigate();\n\n  // Store state\n  const {\n    viewMode,\n    setViewMode,\n    setSelectedExecution,\n    selection,\n    clearSelection,\n    setStatusFilter,\n    setWorkflowFilter,\n    autoRefresh,\n    autoRefreshInterval,\n  } = useExecutionsStore();\n\n  // Seed the workflow filter from the URL (?workflowKey=...) synchronously —\n  // BEFORE useExecutionsWithStore() below reads it — so the first runs query\n  // already carries the filter and no stale unfiltered request is fired. Lets\n  // \"View Runs\" in the builder open this list scoped to one workflow; arriving\n  // without the param (e.g. the sidebar \"Runs\" link) clears any stale filter.\n  // Sync only when the URL param actually changes (tracked via a ref) so manual\n  // dropdown changes — which update the store but not the URL — aren't reverted.\n  const [searchParams] = useSearchParams();\n  const workflowKeyParam = searchParams.get(\"workflowKey\") ?? \"\";\n  const lastWorkflowKeyParam = useRef<string | null>(null);\n  if (lastWorkflowKeyParam.current !== workflowKeyParam) {\n    lastWorkflowKeyParam.current = workflowKeyParam;\n    if (useExecutionsStore.getState().filter.workflowKey !== workflowKeyParam) {\n      setWorkflowFilter(workflowKeyParam);\n    }\n  }\n\n  // Data fetching\n  const { executions, total, loading, error, refetch } =\n    useExecutionsWithStore();\n  const {\n    stats,\n    loading: statsLoading,\n    refetch: refetchStats,\n  } = useExecutionStats();\n  const { workflows } = useWorkflowDefinitions({ limit: 100 });\n  const { cancelExecution, pauseExecution, resumeExecution, retryExecution } =\n    useExecutionActions();\n\n  // Auto-refresh\n  useAutoRefresh(\n    useCallback(() => {\n      refetch();\n      refetchStats();\n    }, [refetch, refetchStats]),\n    autoRefresh,\n    autoRefreshInterval,\n  );\n\n  // Transform stats for component\n  const executionStats = useMemo(() => {\n    if (!stats) return null;\n    return {\n      total: stats.runsCountTotal,\n      running: stats.runsRunningCount,\n      completed: stats.runsCompletedCount,\n      failed: stats.runsFailedCount,\n      cancelled: stats.runsCancelledCount ?? 0,\n      pending: stats.runsPendingCount,\n      waiting: stats.runsWaitingCount ?? 0,\n      successRate: stats.workflowSuccessRate,\n      avgDuration: stats.avgWorkflowExecutionTimeSeconds,\n    };\n  }, [stats]);\n\n  // Transform workflows for filter\n  const workflowOptions = useMemo(\n    () =>\n      workflows.map((w) => ({\n        workflowKey: w.workflowKey,\n        name: w.name,\n      })),\n    [workflows],\n  );\n\n  // workflowKey → name fallback for run rows whose workflow relation is\n  // missing (e.g. before the backend include rolled out).\n  const workflowNames = useMemo(() => {\n    const map: Record<string, string> = {};\n    for (const w of workflows) map[w.workflowKey] = w.name;\n    return map;\n  }, [workflows]);\n\n  // Handlers\n  const handleRowClick = (execution: WorkflowRun) => {\n    setSelectedExecution(execution);\n    navigate(`../runs/${execution.id}`);\n  };\n\n  // Retry starts a NEW run of the same pinned version, from the same trigger\n  // node and with the same trigger payload (BOFF-7269). It used to navigate to\n  // the run's detail page, which only offers per-node retry, so nothing ran.\n  const handleRetry = async (execution: WorkflowRun) => {\n    const result = await retryExecution(execution);\n    if (!result.ok) {\n      toast.error(\n        tr(\n          \"fluidgrids.executions.executionsList.retryFailed\",\n          \"Could not start a new run\",\n        ),\n        { description: result.message },\n      );\n      return;\n    }\n    toast.success(\n      tr(\n        \"fluidgrids.executions.executionsList.retryStarted\",\n        \"New run started\",\n      ),\n    );\n    navigate(`../runs/${result.run.runId}`);\n  };\n\n  const handleAction = async (\n    action: ExecutionAction,\n    execution: WorkflowRun,\n  ) => {\n    switch (action) {\n      case \"cancel\":\n        await cancelExecution(execution.id);\n        break;\n      case \"pause\":\n        await pauseExecution(execution.id);\n        break;\n      case \"resume\":\n        await resumeExecution(execution.id);\n        break;\n      case \"retry\":\n        await handleRetry(execution);\n        break;\n      case \"view\":\n        navigate(`../runs/${execution.id}`);\n        break;\n    }\n    refetch();\n  };\n\n  const handleFilterByStatus = (status: RunStatus | \"all\") => {\n    setStatusFilter(status);\n  };\n\n  const handleBulkAction = async (action: \"cancel\" | \"pause\" | \"resume\") => {\n    if (selection.runIds.length === 0) return;\n\n    const promises = selection.runIds.map((id) => {\n      switch (action) {\n        case \"cancel\":\n          return cancelExecution(id);\n        case \"pause\":\n          return pauseExecution(id);\n        case \"resume\":\n          return resumeExecution(id);\n      }\n    });\n\n    const results = await Promise.allSettled(promises);\n    const failures = results.filter((r) => r.status === \"rejected\");\n    if (failures.length > 0) {\n      console.error(\n        `Bulk action partially failed: ${failures.length}/${results.length} failed`,\n      );\n    }\n    clearSelection();\n    refetch();\n  };\n\n  return (\n    <div className=\"p-4 sm:p-6 bg-background-primary min-h-screen\">\n      {/* Header */}\n      <div\n        className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6\"\n        data-tour=\"fluidgrids-runs-header\"\n      >\n        <div>\n          <h1 className=\"text-2xl sm:text-3xl font-bold text-text-primary\">\n            {tr(\"fluidgrids.executions.executionsList.title\", \"Executions\")}\n          </h1>\n          <p className=\"text-text-secondary mt-1\">\n            {tr(\n              \"fluidgrids.executions.executionsList.subtitle\",\n              \"Monitor and manage your workflow runs\",\n            )}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          {/* View Mode Toggle */}\n          <div className=\"flex items-center bg-background-secondary rounded-lg border border-border-secondary p-1\">\n            <button\n              onClick={() => setViewMode(\"table\")}\n              className={`p-2 rounded ${\n                viewMode === \"table\"\n                  ? \"bg-background-tertiary text-text-primary\"\n                  : \"text-text-secondary hover:text-text-primary\"\n              }`}\n              title={tr(\n                \"fluidgrids.executions.executionsList.tableViewTooltip\",\n                \"Table View\",\n              )}\n            >\n              <Icon icon=\"mdi:table\" width={18} />\n            </button>\n            <button\n              onClick={() => setViewMode(\"cards\")}\n              className={`p-2 rounded ${\n                viewMode === \"cards\"\n                  ? \"bg-background-tertiary text-text-primary\"\n                  : \"text-text-secondary hover:text-text-primary\"\n              }`}\n              title={tr(\n                \"fluidgrids.executions.executionsList.cardViewTooltip\",\n                \"Card View\",\n              )}\n            >\n              <Icon icon=\"mdi:view-grid\" width={18} />\n            </button>\n            <button\n              onClick={() => setViewMode(\"timeline\")}\n              className={`p-2 rounded ${\n                viewMode === \"timeline\"\n                  ? \"bg-background-tertiary text-text-primary\"\n                  : \"text-text-secondary hover:text-text-primary\"\n              }`}\n              title={tr(\n                \"fluidgrids.executions.executionsList.timelineViewTooltip\",\n                \"Timeline View\",\n              )}\n            >\n              <Icon icon=\"mdi:timeline\" width={18} />\n            </button>\n          </div>\n\n          <Button variant=\"outline\" onClick={() => navigate(\"../list\")}>\n            <Icon icon=\"mdi:arrow-left\" className=\"mr-2\" width={16} />\n            {tr(\n              \"fluidgrids.executions.executionsList.backToWorkflows\",\n              \"Back to Workflows\",\n            )}\n          </Button>\n        </div>\n      </div>\n\n      {/* Stats Cards */}\n      <div className=\"mb-6\" data-tour=\"fluidgrids-runs-stats\">\n        <ExecutionStats\n          stats={executionStats}\n          loading={statsLoading}\n          onFilterByStatus={handleFilterByStatus}\n        />\n      </div>\n\n      {/* Filters */}\n      <div className=\"mb-6\" data-tour=\"fluidgrids-runs-filters\">\n        <ExecutionFilters workflows={workflowOptions} onRefresh={refetch} />\n      </div>\n\n      {/* Bulk Actions */}\n      {selection.runIds.length > 0 && (\n        <div className=\"mb-4 p-3 bg-action-primary-bg/10 rounded-lg flex flex-wrap items-center gap-3\">\n          <span className=\"text-sm text-text-primary\">\n            {selection.runIds.length}{\" \"}\n            {selection.runIds.length > 1\n              ? tr(\n                  \"fluidgrids.executions.executionsList.selectionCountPlural\",\n                  \"executions selected\",\n                )\n              : tr(\n                  \"fluidgrids.executions.executionsList.selectionCountSingular\",\n                  \"execution selected\",\n                )}\n          </span>\n          <div className=\"flex gap-2\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => handleBulkAction(\"cancel\")}\n            >\n              <Icon icon=\"mdi:stop\" className=\"mr-1\" width={14} />\n              {tr(\n                \"fluidgrids.executions.executionsList.bulkCancelButton\",\n                \"Cancel\",\n              )}\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => handleBulkAction(\"pause\")}\n            >\n              <Icon icon=\"mdi:pause\" className=\"mr-1\" width={14} />\n              {tr(\n                \"fluidgrids.executions.executionsList.bulkPauseButton\",\n                \"Pause\",\n              )}\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => handleBulkAction(\"resume\")}\n            >\n              <Icon icon=\"mdi:play\" className=\"mr-1\" width={14} />\n              {tr(\n                \"fluidgrids.executions.executionsList.bulkResumeButton\",\n                \"Resume\",\n              )}\n            </Button>\n          </div>\n          <button\n            onClick={clearSelection}\n            className=\"ml-auto text-sm text-text-secondary hover:text-text-primary\"\n          >\n            {tr(\n              \"fluidgrids.executions.executionsList.clearSelection\",\n              \"Clear selection\",\n            )}\n          </button>\n        </div>\n      )}\n\n      {/* Error State */}\n      {error && (\n        <div className=\"mb-6 p-4 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded-lg\">\n          <div className=\"flex items-center gap-2 text-[var(--color-status-error-text)]\">\n            <Icon icon=\"mdi:alert-circle\" width={20} />\n            <span className=\"font-medium\">\n              {tr(\n                \"fluidgrids.executions.executionsList.loadErrorTitle\",\n                \"Error loading executions\",\n              )}\n            </span>\n          </div>\n          <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">\n            {error.message}\n          </p>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={refetch}\n            className=\"mt-3 border-[var(--color-status-error-border)] text-[var(--color-status-error-text)] hover:bg-[var(--color-status-error-bg-subtle)]\"\n          >\n            {tr(\"fluidgrids.executions.executionsList.retryButton\", \"Retry\")}\n          </Button>\n        </div>\n      )}\n\n      {/* Executions View — switches between table, cards, and timeline */}\n      {viewMode === \"table\" && (\n        <ExecutionTable\n          workflowNames={workflowNames}\n          executions={executions}\n          loading={loading}\n          onRowClick={handleRowClick}\n          onAction={handleAction}\n        />\n      )}\n      {viewMode === \"cards\" && (\n        <ExecutionCards\n          workflowNames={workflowNames}\n          executions={executions}\n          loading={loading}\n          onCardClick={handleRowClick}\n          onAction={handleAction}\n        />\n      )}\n      {viewMode === \"timeline\" && (\n        <ExecutionTimeline\n          executions={executions}\n          loading={loading}\n          onItemClick={handleRowClick}\n          onAction={handleAction}\n        />\n      )}\n\n      {/* Pagination */}\n      <Pagination totalItems={total} />\n    </div>\n  );\n}\n"]}

package/dist/{chunk-CLPFGB5Y.js → chunk-FH5QBQXV.js}

@@ -189,54 +189,68 @@ function HistoryPage() {
   };
   const countByStatus = (status) => allRows.filter((r) => r.status === status).length;
   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", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-text-primary", children: tr("fluidgrids.history.historyPage.title", "Version History") }),
-        /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: tr(
-          "fluidgrids.history.historyPage.subtitle",
-          "Track changes and versions across all workflows"
-        ) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => refetch(), children: [
-          /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-2", width: 16 }),
-          tr("fluidgrids.history.historyPage.refreshButton", "Refresh")
-        ] }),
-        /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => navigate("../list"), children: [
-          /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-left", className: "mr-2", width: 16 }),
-          tr(
-            "fluidgrids.history.historyPage.backToWorkflowsButton",
-            "Back to Workflows"
-          )
-        ] })
-      ] })
-    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6",
+        "data-tour": "fluidgrids-history-header",
+        children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-text-primary", children: tr("fluidgrids.history.historyPage.title", "Version History") }),
+            /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: tr(
+              "fluidgrids.history.historyPage.subtitle",
+              "Track changes and versions across all workflows"
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => refetch(), children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-2", width: 16 }),
+              tr("fluidgrids.history.historyPage.refreshButton", "Refresh")
+            ] }),
+            /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => navigate("../list"), children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-left", className: "mr-2", width: 16 }),
+              tr(
+                "fluidgrids.history.historyPage.backToWorkflowsButton",
+                "Back to Workflows"
+              )
+            ] })
+          ] })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-3 mb-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "relative flex-1 max-w-sm", children: [
-        /* @__PURE__ */ jsx(
-          Icon,
-          {
-            icon: "mdi:magnify",
-            width: 18,
-            className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            placeholder: tr(
-              "fluidgrids.history.historyPage.searchPlaceholder",
-              "Search by name, version, key, or author..."
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "relative flex-1 max-w-sm",
+          "data-tour": "fluidgrids-history-search",
+          children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: "mdi:magnify",
+                width: 18,
+                className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
+              }
             ),
-            value: search,
-            onChange: (e) => {
-              setSearch(e.target.value);
-              setPage(0);
-            },
-            className: "pl-10 bg-background-secondary border-border-secondary"
-          }
-        )
-      ] }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                placeholder: tr(
+                  "fluidgrids.history.historyPage.searchPlaceholder",
+                  "Search by name, version, key, or author..."
+                ),
+                value: search,
+                onChange: (e) => {
+                  setSearch(e.target.value);
+                  setPage(0);
+                },
+                className: "pl-10 bg-background-secondary border-border-secondary"
+              }
+            )
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxs(
         Select,
         {
@@ -246,15 +260,22 @@ function HistoryPage() {
             setPage(0);
           },
           children: [
-            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[220px] bg-background-secondary border-border-secondary", children: /* @__PURE__ */ jsx(
-              SelectValue,
+            /* @__PURE__ */ jsx(
+              SelectTrigger,
               {
-                placeholder: tr(
-                  "fluidgrids.history.historyPage.workflowFilterPlaceholder",
-                  "All Workflows"
+                className: "w-[220px] bg-background-secondary border-border-secondary",
+                "data-tour": "fluidgrids-history-workflow-filter",
+                children: /* @__PURE__ */ jsx(
+                  SelectValue,
+                  {
+                    placeholder: tr(
+                      "fluidgrids.history.historyPage.workflowFilterPlaceholder",
+                      "All Workflows"
+                    )
+                  }
                 )
               }
-            ) }),
+            ),
             /* @__PURE__ */ jsxs(SelectContent, { children: [
               /* @__PURE__ */ jsx(SelectItem, { value: "all", children: tr(
                 "fluidgrids.history.historyPage.workflowFilterAllOption",
@@ -449,5 +470,5 @@ function HistoryPage() {
 }
 
 export { HistoryPage };
-//# sourceMappingURL=chunk-CLPFGB5Y.js.map
-//# sourceMappingURL=chunk-CLPFGB5Y.js.map
+//# sourceMappingURL=chunk-FH5QBQXV.js.map
+//# sourceMappingURL=chunk-FH5QBQXV.js.map

package/dist/chunk-FH5QBQXV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modules/history/pages/HistoryPage.tsx"],"names":[],"mappings":"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","file":"chunk-FH5QBQXV.js","sourcesContent":["/**\n * HistoryPage — cross-workflow version history.\n *\n * Fetches every version row in one paginated `workflowDefinitions` query\n * (latestOnly defaults to false, so the list API already returns one row per\n * version) and resolves \"Changed By\" ids to human names via the shared\n * actor-profile lookup.\n */\nimport { useState, useMemo, useCallback } from \"react\";\nimport { useNavigate } from \"react-router\";\nimport { Icon } from \"@iconify/react\";\nimport { Button } from \"@burdenoff/fe-libs/button\";\nimport {\n  Skeleton,\n  Input,\n  Badge,\n  Select,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n  TooltipProvider,\n} from \"@burdenoff/fe-libs/ui\";\nimport {\n  useActorProfiles,\n  buildActorFallback,\n  type ActorInput,\n} from \"@burdenoff/fe-libs/shared\";\nimport { useWorkflowDefinitions } from \"../../../hooks/useWorkflows\";\nimport { useTr } from \"../../../hooks/useTr\";\nimport { getFluidGridsConfig } from \"../../../config\";\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst PAGE_SIZE = 20;\n\n/** Upper bound on version rows fetched for the screen (newest first). */\nconst FETCH_LIMIT = 500;\n\nfunction useStatusStyles() {\n  const tr = useTr();\n  return useMemo<\n    Record<\n      string,\n      {\n        label: string;\n        variant: \"default\" | \"secondary\" | \"outline\" | \"destructive\";\n      }\n    >\n  >(\n    () => ({\n      ACTIVE: {\n        label: tr(\"fluidgrids.history.historyPage.statusActive\", \"Active\"),\n        variant: \"default\",\n      },\n      DRAFT: {\n        label: tr(\"fluidgrids.history.historyPage.statusDraft\", \"Draft\"),\n        variant: \"secondary\",\n      },\n      ARCHIVED: {\n        label: tr(\"fluidgrids.history.historyPage.statusArchived\", \"Archived\"),\n        variant: \"outline\",\n      },\n      DEPRECATED: {\n        label: tr(\n          \"fluidgrids.history.historyPage.statusDeprecated\",\n          \"Deprecated\",\n        ),\n        variant: \"destructive\",\n      },\n    }),\n    [tr],\n  );\n}\n\n// ============================================================================\n// Sub-Components\n// ============================================================================\n\nfunction HistoryTableSkeleton() {\n  return (\n    <div className=\"space-y-3\">\n      {Array.from({ length: 6 }).map((_, i) => (\n        <Skeleton\n          key={i}\n          className=\"h-14 w-full rounded-lg bg-card-foreground/10\"\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction EmptyState() {\n  const tr = useTr();\n  return (\n    <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n      <div className=\"rounded-full bg-background-secondary p-4 mb-4\">\n        <Icon icon=\"mdi:history\" width={40} className=\"text-text-secondary\" />\n      </div>\n      <h3 className=\"text-lg font-semibold text-text-primary mb-2\">\n        {tr(\"fluidgrids.history.historyPage.emptyTitle\", \"No version history\")}\n      </h3>\n      <p className=\"text-sm text-text-secondary max-w-md\">\n        {tr(\n          \"fluidgrids.history.historyPage.emptyHint\",\n          \"Version history will appear here once you create and update workflows.\",\n        )}\n      </p>\n    </div>\n  );\n}\n\nfunction ErrorState({\n  message,\n  onRetry,\n}: {\n  message: string;\n  onRetry: () => void;\n}) {\n  const tr = useTr();\n  return (\n    <div className=\"p-4 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded-lg\">\n      <div className=\"flex items-center gap-2 text-[var(--color-status-error-text)]\">\n        <Icon icon=\"mdi:alert-circle\" width={20} />\n        <span className=\"font-medium\">\n          {tr(\n            \"fluidgrids.history.historyPage.errorHeading\",\n            \"Error loading history\",\n          )}\n        </span>\n      </div>\n      <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">\n        {message}\n      </p>\n      <Button\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={onRetry}\n        className=\"mt-3 border-[var(--color-status-error-border)] text-[var(--color-status-error-text)] hover:bg-[var(--color-status-error-bg-subtle)]\"\n      >\n        {tr(\"fluidgrids.history.historyPage.errorRetry\", \"Retry\")}\n      </Button>\n    </div>\n  );\n}\n\nfunction StatCard({\n  label,\n  value,\n  valueClassName,\n}: {\n  label: string;\n  value: number;\n  valueClassName?: string;\n}) {\n  return (\n    <div className=\"p-3 rounded-lg bg-background-secondary border border-border-secondary\">\n      <p className=\"text-xs text-text-secondary\">{label}</p>\n      <p\n        className={`text-xl font-bold ${valueClassName ?? \"text-text-primary\"}`}\n      >\n        {value}\n      </p>\n    </div>\n  );\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport function HistoryPage() {\n  const tr = useTr();\n  const navigate = useNavigate();\n  const STATUS_STYLES = useStatusStyles();\n  const [search, setSearch] = useState(\"\");\n  const [workflowFilter, setWorkflowFilter] = useState<string>(\"all\");\n  const [page, setPage] = useState(0);\n\n  // One query returns every version row (latestOnly is false by default),\n  // newest first — no per-workflow fan-out needed.\n  const {\n    workflows: versionRows,\n    total,\n    hasMore,\n    loading,\n    error,\n    refetch,\n  } = useWorkflowDefinitions({ limit: FETCH_LIMIT });\n\n  const allRows = useMemo(\n    () =>\n      [...versionRows].sort(\n        (a, b) =>\n          new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime(),\n      ),\n    [versionRows],\n  );\n\n  // Distinct workflows (latest row per key) for the stat + filter dropdown.\n  const distinctWorkflows = useMemo(() => {\n    const byKey = new Map<string, { workflowKey: string; name: string }>();\n    for (const row of allRows) {\n      if (!byKey.has(row.workflowKey)) {\n        byKey.set(row.workflowKey, {\n          workflowKey: row.workflowKey,\n          name: row.name,\n        });\n      }\n    }\n    return [...byKey.values()];\n  }, [allRows]);\n\n  // Resolve createdById → display names (workspace-scoped, cached, batched).\n  const config = getFluidGridsConfig();\n  const actorInputs = useMemo<ActorInput[]>(() => {\n    const ids = new Set<string>();\n    for (const row of allRows) {\n      if (row.createdById) ids.add(row.createdById);\n    }\n    return [...ids].map((actorId) => ({ actorId, actorType: \"user\" }));\n  }, [allRows]);\n  const actorProfiles = useActorProfiles(actorInputs, {\n    workspaceId: config.workspaceId || undefined,\n    orgId: config.organizationId,\n    authToken: config.authToken,\n  });\n\n  const changedByLabel = useCallback(\n    (createdById?: string | null): string => {\n      if (!createdById) return \"—\";\n      return (\n        actorProfiles[createdById]?.displayName ??\n        buildActorFallback({ actorId: createdById, actorType: \"user\" })\n          .displayName\n      );\n    },\n    [actorProfiles],\n  );\n\n  // Filter rows\n  const filteredRows = useMemo(() => {\n    let rows = allRows;\n\n    if (workflowFilter !== \"all\") {\n      rows = rows.filter((r) => r.workflowKey === workflowFilter);\n    }\n\n    if (search.trim()) {\n      const q = search.toLowerCase();\n      rows = rows.filter(\n        (r) =>\n          r.name.toLowerCase().includes(q) ||\n          r.version.toLowerCase().includes(q) ||\n          r.workflowKey.toLowerCase().includes(q) ||\n          changedByLabel(r.createdById).toLowerCase().includes(q),\n      );\n    }\n\n    return rows;\n  }, [allRows, workflowFilter, search, changedByLabel]);\n\n  // Pagination\n  const totalPages = Math.max(1, Math.ceil(filteredRows.length / PAGE_SIZE));\n  const paginatedRows = filteredRows.slice(\n    page * PAGE_SIZE,\n    (page + 1) * PAGE_SIZE,\n  );\n\n  const handleNavigateToVersion = (workflowKey: string, version: string) => {\n    navigate(`../workflow/${workflowKey}/${version}`);\n  };\n\n  const formatDate = (dateStr: string) => {\n    try {\n      return new Intl.DateTimeFormat(\"en-US\", {\n        month: \"short\",\n        day: \"numeric\",\n        year: \"numeric\",\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n      }).format(new Date(dateStr));\n    } catch {\n      return dateStr;\n    }\n  };\n\n  const countByStatus = (status: string) =>\n    allRows.filter((r) => r.status === status).length;\n\n  return (\n    <div className=\"p-4 sm:p-6 bg-background-primary min-h-screen\">\n      {/* Header */}\n      <div\n        className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6\"\n        data-tour=\"fluidgrids-history-header\"\n      >\n        <div>\n          <h1 className=\"text-2xl sm:text-3xl font-bold text-text-primary\">\n            {tr(\"fluidgrids.history.historyPage.title\", \"Version History\")}\n          </h1>\n          <p className=\"text-text-secondary mt-1\">\n            {tr(\n              \"fluidgrids.history.historyPage.subtitle\",\n              \"Track changes and versions across all workflows\",\n            )}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"outline\" onClick={() => refetch()}>\n            <Icon icon=\"mdi:refresh\" className=\"mr-2\" width={16} />\n            {tr(\"fluidgrids.history.historyPage.refreshButton\", \"Refresh\")}\n          </Button>\n          <Button variant=\"outline\" onClick={() => navigate(\"../list\")}>\n            <Icon icon=\"mdi:arrow-left\" className=\"mr-2\" width={16} />\n            {tr(\n              \"fluidgrids.history.historyPage.backToWorkflowsButton\",\n              \"Back to Workflows\",\n            )}\n          </Button>\n        </div>\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex flex-col sm:flex-row gap-3 mb-6\">\n        <div\n          className=\"relative flex-1 max-w-sm\"\n          data-tour=\"fluidgrids-history-search\"\n        >\n          <Icon\n            icon=\"mdi:magnify\"\n            width={18}\n            className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n          />\n          <Input\n            placeholder={tr(\n              \"fluidgrids.history.historyPage.searchPlaceholder\",\n              \"Search by name, version, key, or author...\",\n            )}\n            value={search}\n            onChange={(e) => {\n              setSearch(e.target.value);\n              setPage(0);\n            }}\n            className=\"pl-10 bg-background-secondary border-border-secondary\"\n          />\n        </div>\n        <Select\n          value={workflowFilter}\n          onValueChange={(val) => {\n            setWorkflowFilter(val);\n            setPage(0);\n          }}\n        >\n          <SelectTrigger\n            className=\"w-[220px] bg-background-secondary border-border-secondary\"\n            data-tour=\"fluidgrids-history-workflow-filter\"\n          >\n            <SelectValue\n              placeholder={tr(\n                \"fluidgrids.history.historyPage.workflowFilterPlaceholder\",\n                \"All Workflows\",\n              )}\n            />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"all\">\n              {tr(\n                \"fluidgrids.history.historyPage.workflowFilterAllOption\",\n                \"All Workflows\",\n              )}\n            </SelectItem>\n            {distinctWorkflows.map((w) => (\n              <SelectItem key={w.workflowKey} value={w.workflowKey}>\n                {w.name}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      {/* Stats */}\n      <div className=\"grid grid-cols-2 sm:grid-cols-5 gap-3 mb-6\">\n        <StatCard\n          label={tr(\n            \"fluidgrids.history.historyPage.statTotalVersions\",\n            \"Total Versions\",\n          )}\n          value={total || allRows.length}\n        />\n        <StatCard\n          label={tr(\n            \"fluidgrids.history.historyPage.statWorkflows\",\n            \"Workflows\",\n          )}\n          value={distinctWorkflows.length}\n        />\n        <StatCard\n          label={tr(\"fluidgrids.history.historyPage.statActive\", \"Active\")}\n          value={countByStatus(\"ACTIVE\")}\n          valueClassName=\"text-[var(--color-status-success-text)]\"\n        />\n        <StatCard\n          label={tr(\"fluidgrids.history.historyPage.statDraft\", \"Draft\")}\n          value={countByStatus(\"DRAFT\")}\n          valueClassName=\"text-[var(--color-status-warning-text)]\"\n        />\n        <StatCard\n          label={tr(\"fluidgrids.history.historyPage.statArchived\", \"Archived\")}\n          value={countByStatus(\"ARCHIVED\")}\n        />\n      </div>\n\n      {hasMore && (\n        <p className=\"text-xs text-text-secondary mb-4\">\n          {tr(\n            \"fluidgrids.history.historyPage.partialResultsHint\",\n            \"Showing the {{shown}} most recent versions of {{total}}.\",\n            { shown: allRows.length, total: total ?? allRows.length },\n          )}\n        </p>\n      )}\n\n      {/* Error State */}\n      {error && (\n        <div className=\"mb-6\">\n          <ErrorState message={error.message} onRetry={refetch} />\n        </div>\n      )}\n\n      {/* Table */}\n      {loading ? (\n        <HistoryTableSkeleton />\n      ) : filteredRows.length === 0 ? (\n        <EmptyState />\n      ) : (\n        <div className=\"overflow-x-auto rounded-lg border border-border-secondary\">\n          <table className=\"w-full text-sm\">\n            <thead>\n              <tr className=\"border-b border-border-secondary bg-background-secondary\">\n                <th className=\"text-left px-4 py-3 font-medium text-text-secondary\">\n                  {tr(\n                    \"fluidgrids.history.historyPage.columnWorkflowName\",\n                    \"Workflow Name\",\n                  )}\n                </th>\n                <th className=\"text-left px-4 py-3 font-medium text-text-secondary\">\n                  {tr(\n                    \"fluidgrids.history.historyPage.columnVersion\",\n                    \"Version\",\n                  )}\n                </th>\n                <th className=\"text-left px-4 py-3 font-medium text-text-secondary\">\n                  {tr(\"fluidgrids.history.historyPage.columnStatus\", \"Status\")}\n                </th>\n                <th className=\"text-left px-4 py-3 font-medium text-text-secondary\">\n                  {tr(\n                    \"fluidgrids.history.historyPage.columnChangedBy\",\n                    \"Changed By\",\n                  )}\n                </th>\n                <th className=\"text-left px-4 py-3 font-medium text-text-secondary\">\n                  {tr(\n                    \"fluidgrids.history.historyPage.columnChangedAt\",\n                    \"Changed At\",\n                  )}\n                </th>\n                <th className=\"text-right px-4 py-3 font-medium text-text-secondary\">\n                  {tr(\n                    \"fluidgrids.history.historyPage.columnActions\",\n                    \"Actions\",\n                  )}\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {paginatedRows.map((row) => {\n                const statusStyle =\n                  STATUS_STYLES[row.status] ?? STATUS_STYLES.DRAFT;\n                return (\n                  <tr\n                    key={row.id}\n                    className=\"border-b border-border-secondary last:border-0 hover:bg-background-secondary/50 cursor-pointer transition-colors\"\n                    onClick={() =>\n                      handleNavigateToVersion(row.workflowKey, row.version)\n                    }\n                  >\n                    <td className=\"px-4 py-3\">\n                      <div className=\"flex items-center gap-2\">\n                        <Icon\n                          icon=\"mdi:workflow\"\n                          width={18}\n                          className=\"text-text-secondary\"\n                        />\n                        <div>\n                          <p className=\"font-medium text-text-primary\">\n                            {row.name}\n                          </p>\n                          <p className=\"text-xs text-text-secondary\">\n                            {row.workflowKey}\n                          </p>\n                        </div>\n                      </div>\n                    </td>\n                    <td className=\"px-4 py-3\">\n                      <code className=\"text-xs bg-background-secondary px-2 py-0.5 rounded text-text-primary\">\n                        {row.version}\n                      </code>\n                    </td>\n                    <td className=\"px-4 py-3\">\n                      <Badge variant={statusStyle.variant}>\n                        {statusStyle.label}\n                      </Badge>\n                    </td>\n                    <td className=\"px-4 py-3 text-text-secondary\">\n                      <div\n                        className=\"flex items-center gap-1.5\"\n                        title={row.createdById ?? undefined}\n                      >\n                        <Icon icon=\"mdi:account\" width={16} />\n                        <span className=\"truncate max-w-[160px]\">\n                          {changedByLabel(row.createdById)}\n                        </span>\n                      </div>\n                    </td>\n                    <td className=\"px-4 py-3 text-text-secondary\">\n                      {formatDate(row.updatedAt)}\n                    </td>\n                    <td className=\"px-4 py-3 text-right\">\n                      <TooltipProvider>\n                        <Tooltip>\n                          <TooltipTrigger asChild>\n                            <button\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                handleNavigateToVersion(\n                                  row.workflowKey,\n                                  row.version,\n                                );\n                              }}\n                              className=\"p-1.5 rounded hover:bg-background-secondary text-text-secondary hover:text-text-primary transition-colors\"\n                            >\n                              <Icon icon=\"mdi:open-in-new\" width={16} />\n                            </button>\n                          </TooltipTrigger>\n                          <TooltipContent>\n                            {tr(\n                              \"fluidgrids.history.historyPage.openInBuilderTooltip\",\n                              \"Open in builder\",\n                            )}\n                          </TooltipContent>\n                        </Tooltip>\n                      </TooltipProvider>\n                    </td>\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      )}\n\n      {/* Pagination */}\n      {filteredRows.length > PAGE_SIZE && (\n        <div className=\"flex items-center justify-between mt-4 px-1\">\n          <p className=\"text-sm text-text-secondary\">\n            Showing {page * PAGE_SIZE + 1}–\n            {Math.min((page + 1) * PAGE_SIZE, filteredRows.length)} of{\" \"}\n            {filteredRows.length}\n          </p>\n          <div className=\"flex gap-2\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              disabled={page === 0}\n              onClick={() => setPage((p) => p - 1)}\n            >\n              <Icon icon=\"mdi:chevron-left\" width={16} />\n              {tr(\n                \"fluidgrids.history.historyPage.previousPageButton\",\n                \"Previous\",\n              )}\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              disabled={page >= totalPages - 1}\n              onClick={() => setPage((p) => p + 1)}\n            >\n              {tr(\"fluidgrids.history.historyPage.nextPageButton\", \"Next\")}\n              <Icon icon=\"mdi:chevron-right\" width={16} />\n            </Button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}