@burdenoff/fluidgrids-fe-sdk 2026.923.1 → 2026.923.2

package/dist/{chunk-EGQB462S.js → chunk-FKOUPL6Z.js}

@@ -1,4 +1,4 @@
-import { useDataSinks, useDataSinkData, useInsightsData, useRunReplayActions } from './chunk-24A4C63H.js';
+import { useDataSinks, useDataSinkData, useInsightsData, useRunReplayActions } from './chunk-5A7GP6O7.js';
 import { useTr } from './chunk-7YWBH2A5.js';
 import { useState, useMemo, useEffect } from 'react';
 import { Icon } from '@iconify/react';
@@ -85,13 +85,26 @@ function DataPreview({ value }) {
       (item) => Boolean(item) && typeof item === "object" && !Array.isArray(item)
     );
     if (rows.length > 0) {
-      const keys = [...new Set(rows.flatMap((row) => Object.keys(row)))].slice(0, 12);
+      const keys = [...new Set(rows.flatMap((row) => Object.keys(row)))].slice(
+        0,
+        12
+      );
       return /* @__PURE__ */ jsxs("div", { className: "overflow-x-auto rounded-lg border border-border-secondary", children: [
         /* @__PURE__ */ jsxs("table", { className: "min-w-full text-left text-sm", children: [
-          /* @__PURE__ */ jsx("thead", { className: "bg-background-tertiary text-xs uppercase text-text-secondary", children: /* @__PURE__ */ jsx("tr", { children: keys.map((key) => /* @__PURE__ */ jsx("th", { className: "whitespace-nowrap px-3 py-2 font-medium", children: key }, key)) }) }),
+          /* @__PURE__ */ jsx("thead", { className: "bg-background-tertiary text-xs uppercase text-text-secondary", children: /* @__PURE__ */ jsx("tr", { children: keys.map((key) => /* @__PURE__ */ jsx(
+            "th",
+            {
+              className: "whitespace-nowrap px-3 py-2 font-medium",
+              children: key
+            },
+            key
+          )) }) }),
           /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-border-secondary", children: rows.slice(0, 50).map((row, index) => /* @__PURE__ */ jsx("tr", { className: "text-text-primary", children: keys.map((key) => /* @__PURE__ */ jsx("td", { className: "max-w-xs truncate px-3 py-2", children: valueLabel(row[key]) }, key)) }, index)) })
         ] }),
-        rows.length > 50 && /* @__PURE__ */ jsx("p", { className: "border-t border-border-secondary px-3 py-2 text-xs text-text-secondary", children: tr("fluidgrids.dataSinks.previewLimit", "Showing the first 50 rows") })
+        rows.length > 50 && /* @__PURE__ */ jsx("p", { className: "border-t border-border-secondary px-3 py-2 text-xs text-text-secondary", children: tr(
+          "fluidgrids.dataSinks.previewLimit",
+          "Showing the first 50 rows"
+        ) })
       ] });
     }
   }
@@ -146,7 +159,8 @@ function DataSinkDashboardPage() {
     refetch: refetchData
   } = useDataSinkData(selectedSink);
   useEffect(() => {
-    if (selectedSink && selectedSink.id !== selectedId) setSelectedId(selectedSink.id);
+    if (selectedSink && selectedSink.id !== selectedId)
+      setSelectedId(selectedSink.id);
   }, [selectedId, selectedSink]);
   const payload = sinkData?.extracted ?? sinkData?.raw;
   const totalBytes = sinks.reduce((total, sink) => total + sink.sizeBytes, 0);
@@ -155,12 +169,23 @@ function DataSinkDashboardPage() {
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-text-secondary", children: tr("fluidgrids.dataSinks.kicker", "BigConsole data") }),
         /* @__PURE__ */ jsx("h1", { className: "mt-1 text-2xl font-semibold text-text-primary sm:text-3xl", children: tr("fluidgrids.dataSinks.title", "DataSink dashboard") }),
-        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-text-secondary", children: tr("fluidgrids.dataSinks.subtitle", "Inspect workflow-produced data and its freshness without leaving FluidGrids.") })
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-text-secondary", children: tr(
+          "fluidgrids.dataSinks.subtitle",
+          "Inspect workflow-produced data and its freshness without leaving FluidGrids."
+        ) })
       ] }),
-      /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => void refetch(), disabled: loading, children: [
-        /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-1", width: 16 }),
-        tr("fluidgrids.dataSinks.refresh", "Refresh")
-      ] })
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => void refetch(),
+          disabled: loading,
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-1", width: 16 }),
+            tr("fluidgrids.dataSinks.refresh", "Refresh")
+          ]
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs("section", { className: "mb-6 grid gap-4 sm:grid-cols-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border-secondary bg-background-secondary p-4", children: [
@@ -176,19 +201,58 @@ function DataSinkDashboardPage() {
         /* @__PURE__ */ jsx("p", { className: "mt-2 text-2xl font-semibold text-text-primary", children: formatBytes(totalBytes) })
       ] })
     ] }),
-    error && /* @__PURE__ */ jsx("div", { role: "alert", className: "mb-6 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4 text-sm text-status-error-text", children: error.message }),
+    error && /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "alert",
+        className: "mb-6 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4 text-sm text-status-error-text",
+        children: error.message
+      }
+    ),
     /* @__PURE__ */ jsxs("div", { className: "grid gap-6 xl:grid-cols-[22rem_minmax(0,1fr)]", children: [
       /* @__PURE__ */ jsxs("aside", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx(Input, { value: search, onChange: (event) => setSearch(event.target.value), placeholder: tr("fluidgrids.dataSinks.search", "Search by name or key"), "aria-label": tr("fluidgrids.dataSinks.search", "Search by name or key") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: search,
+            onChange: (event) => setSearch(event.target.value),
+            placeholder: tr(
+              "fluidgrids.dataSinks.search",
+              "Search by name or key"
+            ),
+            "aria-label": tr(
+              "fluidgrids.dataSinks.search",
+              "Search by name or key"
+            )
+          }
+        ),
         loading && sinks.length === 0 && /* @__PURE__ */ jsx("p", { className: "p-4 text-sm text-text-secondary", children: tr("fluidgrids.dataSinks.loading", "Loading DataSinks\u2026") }),
         !loading && sinks.length === 0 && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed border-border-secondary p-6 text-center text-sm text-text-secondary", children: tr("fluidgrids.dataSinks.empty", "No active DataSinks found.") }),
-        sinks.map((sink) => /* @__PURE__ */ jsx(SinkCard, { sink, selected: sink.id === selectedSink?.id, onSelect: () => setSelectedId(sink.id) }, sink.id))
+        sinks.map((sink) => /* @__PURE__ */ jsx(
+          SinkCard,
+          {
+            sink,
+            selected: sink.id === selectedSink?.id,
+            onSelect: () => setSelectedId(sink.id)
+          },
+          sink.id
+        ))
       ] }),
       /* @__PURE__ */ jsxs("main", { className: "min-w-0 rounded-xl border border-border-secondary bg-background-secondary p-5", children: [
         !selectedSink && /* @__PURE__ */ jsxs("div", { className: "flex min-h-64 flex-col items-center justify-center text-center", children: [
-          /* @__PURE__ */ jsx(Icon, { icon: "mdi:database-outline", className: "mb-3 text-text-secondary", width: 40 }),
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: "mdi:database-outline",
+              className: "mb-3 text-text-secondary",
+              width: 40
+            }
+          ),
           /* @__PURE__ */ jsx("p", { className: "font-medium text-text-primary", children: tr("fluidgrids.dataSinks.selectTitle", "Select a DataSink") }),
-          /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-text-secondary", children: tr("fluidgrids.dataSinks.selectDescription", "Choose a sink to inspect its latest payload.") })
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-text-secondary", children: tr(
+            "fluidgrids.dataSinks.selectDescription",
+            "Choose a sink to inspect its latest payload."
+          ) })
         ] }),
         selectedSink && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { className: "mb-5 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
@@ -196,18 +260,42 @@ function DataSinkDashboardPage() {
               /* @__PURE__ */ jsx("h2", { className: "truncate text-lg font-semibold text-text-primary", children: selectedSink.name || selectedSink.key }),
               /* @__PURE__ */ jsxs("p", { className: "mt-1 font-mono text-xs text-text-secondary", children: [
                 selectedSink.key,
-                " \xB7 ",
+                " \xB7",
+                " ",
                 tr("fluidgrids.dataSinks.updated", "Updated"),
                 " ",
                 new Date(selectedSink.lastRefreshedAt).toLocaleString()
               ] })
             ] }),
-            /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => void refetchData(), disabled: dataLoading, children: [
-              /* @__PURE__ */ jsx(Icon, { icon: "mdi:database-refresh-outline", className: "mr-1", width: 16 }),
-              tr("fluidgrids.dataSinks.refreshPayload", "Refresh payload")
-            ] })
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: () => void refetchData(),
+                disabled: dataLoading,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      icon: "mdi:database-refresh-outline",
+                      className: "mr-1",
+                      width: 16
+                    }
+                  ),
+                  tr("fluidgrids.dataSinks.refreshPayload", "Refresh payload")
+                ]
+              }
+            )
           ] }),
-          dataError && /* @__PURE__ */ jsx("div", { role: "alert", className: "mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text", children: dataError.message }),
+          dataError && /* @__PURE__ */ jsx(
+            "div",
+            {
+              role: "alert",
+              className: "mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text",
+              children: dataError.message
+            }
+          ),
           dataLoading && !sinkData && /* @__PURE__ */ jsx("div", { className: "h-64 animate-pulse rounded-lg bg-background-primary" }),
           !dataLoading && sinkData && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-wrap gap-3 text-xs text-text-secondary", children: [
@@ -285,10 +373,7 @@ function InsightsPage({ showErrors = false }) {
     const retried = await retryMany([run.id]);
     if (retried.length === 0) {
       toast.error(
-        tr(
-          "fluidgrids.insights.retryFailed",
-          "Could not retry the failed run"
-        )
+        tr("fluidgrids.insights.retryFailed", "Could not retry the failed run")
       );
       return;
     }
@@ -298,11 +383,27 @@ function InsightsPage({ showErrors = false }) {
     navigate(`../runs/${retried[0].runId}`);
   };
   if (error) {
-    return /* @__PURE__ */ jsx("div", { className: "min-h-screen bg-background-primary p-4 sm:p-6", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle p-5 text-status-error-text", role: "alert", children: [
-      /* @__PURE__ */ jsx("p", { className: "font-medium", children: tr("fluidgrids.insights.loadError", "Could not load insights") }),
-      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm", children: error.message }),
-      /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "mt-3", onClick: () => void refetch(), children: tr("fluidgrids.insights.retryLoad", "Try again") })
-    ] }) });
+    return /* @__PURE__ */ jsx("div", { className: "min-h-screen bg-background-primary p-4 sm:p-6", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle p-5 text-status-error-text",
+        role: "alert",
+        children: [
+          /* @__PURE__ */ jsx("p", { className: "font-medium", children: tr("fluidgrids.insights.loadError", "Could not load insights") }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm", children: error.message }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "mt-3",
+              onClick: () => void refetch(),
+              children: tr("fluidgrids.insights.retryLoad", "Try again")
+            }
+          )
+        ]
+      }
+    ) });
   }
   const successRate = summary ? normalizedRate(summary) : 0;
   const failureRate = summary ? percentage(summary.runsFailedCount, summary.runsCountTotal) : 0;
@@ -317,39 +418,54 @@ function InsightsPage({ showErrors = false }) {
           "Understand workflow health, failures, and the nodes that need attention."
         ) })
       ] }),
-      /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => void refetch(), disabled: loading, children: [
-        /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-1", width: 16 }),
-        tr("fluidgrids.insights.refresh", "Refresh")
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex gap-1 border-b border-border-secondary", role: "tablist", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          role: "tab",
-          "aria-selected": activeTab === "overview",
-          onClick: () => {
-            setActiveTab("overview");
-            if (showErrors) navigate("../insights");
-          },
-          className: `border-b-2 px-3 py-2 text-sm ${activeTab === "overview" ? "border-action-primary-bg text-text-primary" : "border-transparent text-text-secondary"}`,
-          children: tr("fluidgrids.insights.overviewTab", "Overview")
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
+      /* @__PURE__ */ jsxs(
+        Button,
         {
-          role: "tab",
-          "aria-selected": activeTab === "errors",
-          onClick: () => {
-            setActiveTab("errors");
-            if (!showErrors) navigate("../insights/errors");
-          },
-          className: `border-b-2 px-3 py-2 text-sm ${activeTab === "errors" ? "border-action-primary-bg text-text-primary" : "border-transparent text-text-secondary"}`,
-          children: tr("fluidgrids.insights.errorsTab", "Error analytics")
+          variant: "outline",
+          onClick: () => void refetch(),
+          disabled: loading,
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-1", width: 16 }),
+            tr("fluidgrids.insights.refresh", "Refresh")
+          ]
         }
       )
     ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "mb-6 flex gap-1 border-b border-border-secondary",
+        role: "tablist",
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              role: "tab",
+              "aria-selected": activeTab === "overview",
+              onClick: () => {
+                setActiveTab("overview");
+                if (showErrors) navigate("../insights");
+              },
+              className: `border-b-2 px-3 py-2 text-sm ${activeTab === "overview" ? "border-action-primary-bg text-text-primary" : "border-transparent text-text-secondary"}`,
+              children: tr("fluidgrids.insights.overviewTab", "Overview")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              role: "tab",
+              "aria-selected": activeTab === "errors",
+              onClick: () => {
+                setActiveTab("errors");
+                if (!showErrors) navigate("../insights/errors");
+              },
+              className: `border-b-2 px-3 py-2 text-sm ${activeTab === "errors" ? "border-action-primary-bg text-text-primary" : "border-transparent text-text-secondary"}`,
+              children: tr("fluidgrids.insights.errorsTab", "Error analytics")
+            }
+          )
+        ]
+      }
+    ),
     loading && !summary ? /* @__PURE__ */ jsx(LoadingState, {}) : activeTab === "overview" && summary ? /* @__PURE__ */ jsx(
       OverviewContent,
       {
@@ -384,55 +500,82 @@ function OverviewContent({
 }) {
   const totalDuration = summary.runsCompletedCount * (summary.avgWorkflowExecutionTimeSeconds ?? 0);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs("section", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", "aria-label": tr("fluidgrids.insights.healthLabel", "Workflow health"), children: [
-      /* @__PURE__ */ jsx(
-        MetricCard,
-        {
-          icon: "mdi:chart-line",
-          label: tr("fluidgrids.insights.successRate", "Success rate"),
-          value: `${successRate.toFixed(1)}%`,
-          detail: `${summary.runsCompletedCount.toLocaleString()} completed runs`,
-          tone: "text-status-success-text"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        MetricCard,
-        {
-          icon: "mdi:clock-outline",
-          label: tr("fluidgrids.insights.avgDuration", "Average duration"),
-          value: formatDuration(summary.avgWorkflowExecutionTimeSeconds),
-          detail: `${summary.runsCountTotal.toLocaleString()} total runs`
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        MetricCard,
-        {
-          icon: "mdi:alert-circle-outline",
-          label: tr("fluidgrids.insights.failedRuns", "Failed runs"),
-          value: summary.runsFailedCount.toLocaleString(),
-          detail: `${failureRate.toFixed(1)}% of all runs`,
-          tone: "text-status-error-text"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        MetricCard,
-        {
-          icon: "mdi:timer-play-outline",
-          label: tr("fluidgrids.insights.timeProcessed", "Execution time processed"),
-          value: formatDuration(totalDuration),
-          detail: tr("fluidgrids.insights.timeProcessedDetail", "Based on completed runs; time-saved baselines are not configured.")
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
+        "aria-label": tr("fluidgrids.insights.healthLabel", "Workflow health"),
+        children: [
+          /* @__PURE__ */ jsx(
+            MetricCard,
+            {
+              icon: "mdi:chart-line",
+              label: tr("fluidgrids.insights.successRate", "Success rate"),
+              value: `${successRate.toFixed(1)}%`,
+              detail: `${summary.runsCompletedCount.toLocaleString()} completed runs`,
+              tone: "text-status-success-text"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            MetricCard,
+            {
+              icon: "mdi:clock-outline",
+              label: tr("fluidgrids.insights.avgDuration", "Average duration"),
+              value: formatDuration(summary.avgWorkflowExecutionTimeSeconds),
+              detail: `${summary.runsCountTotal.toLocaleString()} total runs`
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            MetricCard,
+            {
+              icon: "mdi:alert-circle-outline",
+              label: tr("fluidgrids.insights.failedRuns", "Failed runs"),
+              value: summary.runsFailedCount.toLocaleString(),
+              detail: `${failureRate.toFixed(1)}% of all runs`,
+              tone: "text-status-error-text"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            MetricCard,
+            {
+              icon: "mdi:timer-play-outline",
+              label: tr(
+                "fluidgrids.insights.timeProcessed",
+                "Execution time processed"
+              ),
+              value: formatDuration(totalDuration),
+              detail: tr(
+                "fluidgrids.insights.timeProcessedDetail",
+                "Based on completed runs; time-saved baselines are not configured."
+              )
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxs("section", { className: "grid gap-6 lg:grid-cols-2", children: [
       /* @__PURE__ */ jsx(
         InsightList,
         {
-          title: tr("fluidgrids.insights.topFailingWorkflows", "Top failing workflows"),
-          empty: tr("fluidgrids.insights.noFailedWorkflows", "No failed workflows in this period."),
+          title: tr(
+            "fluidgrids.insights.topFailingWorkflows",
+            "Top failing workflows"
+          ),
+          empty: tr(
+            "fluidgrids.insights.noFailedWorkflows",
+            "No failed workflows in this period."
+          ),
           children: topWorkflows.map((workflow) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-text-primary", children: workflow.label }),
-            /* @__PURE__ */ jsx("div", { className: "h-2 w-28 overflow-hidden rounded-full bg-background-tertiary", children: /* @__PURE__ */ jsx("div", { className: "h-full rounded-full bg-status-error-bg", style: { width: `${Math.max(8, percentage(workflow.count, topWorkflows[0]?.count ?? 1))}%` } }) }),
+            /* @__PURE__ */ jsx("div", { className: "h-2 w-28 overflow-hidden rounded-full bg-background-tertiary", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "h-full rounded-full bg-status-error-bg",
+                style: {
+                  width: `${Math.max(8, percentage(workflow.count, topWorkflows[0]?.count ?? 1))}%`
+                }
+              }
+            ) }),
             /* @__PURE__ */ jsx("span", { className: "w-8 text-right text-sm font-medium text-text-secondary", children: workflow.count })
           ] }, workflow.workflowKey))
         }
@@ -441,10 +584,21 @@ function OverviewContent({
         InsightList,
         {
           title: tr("fluidgrids.insights.topFailingNodes", "Top failing nodes"),
-          empty: tr("fluidgrids.insights.noFailedNodes", "No node failures in this period."),
+          empty: tr(
+            "fluidgrids.insights.noFailedNodes",
+            "No node failures in this period."
+          ),
           children: topNodes.map((node) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-text-primary", children: node.nodeType }),
-            /* @__PURE__ */ jsx("div", { className: "h-2 w-28 overflow-hidden rounded-full bg-background-tertiary", children: /* @__PURE__ */ jsx("div", { className: "h-full rounded-full bg-status-warning-bg", style: { width: `${Math.max(8, percentage(node.failureCount, topNodes[0]?.failureCount ?? 1))}%` } }) }),
+            /* @__PURE__ */ jsx("div", { className: "h-2 w-28 overflow-hidden rounded-full bg-background-tertiary", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "h-full rounded-full bg-status-warning-bg",
+                style: {
+                  width: `${Math.max(8, percentage(node.failureCount, topNodes[0]?.failureCount ?? 1))}%`
+                }
+              }
+            ) }),
             /* @__PURE__ */ jsx("span", { className: "w-8 text-right text-sm font-medium text-text-secondary", children: node.failureCount })
           ] }, node.nodeType))
         }
@@ -474,19 +628,69 @@ function ErrorContent({
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxs("section", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
-      /* @__PURE__ */ jsx(MetricCard, { icon: "mdi:alert-outline", label: tr("fluidgrids.insights.failureRate", "Failure rate"), value: `${summary ? percentage(summary.runsFailedCount, summary.runsCountTotal).toFixed(1) : "0.0"}%`, tone: "text-status-error-text" }),
-      /* @__PURE__ */ jsx(MetricCard, { icon: "mdi:counter", label: tr("fluidgrids.insights.failureCount", "Failures captured"), value: failedRuns.length.toLocaleString(), detail: summary ? `${summary.runsFailedCount.toLocaleString()} total recorded` : void 0 }),
-      /* @__PURE__ */ jsx(MetricCard, { icon: "mdi:alert-decagram-outline", label: tr("fluidgrids.insights.commonError", "Most common error"), value: commonError?.key ?? "\u2014", detail: commonError ? `${commonError.count} occurrences` : void 0 }),
-      /* @__PURE__ */ jsx(MetricCard, { icon: "mdi:repeat", label: tr("fluidgrids.insights.recoveredByRetry", "Recovered by retry"), value: "\u2014", detail: tr("fluidgrids.insights.retryBaselineMissing", "Retry recovery baseline is not exposed by the service yet."), tone: "text-text-secondary" })
+      /* @__PURE__ */ jsx(
+        MetricCard,
+        {
+          icon: "mdi:alert-outline",
+          label: tr("fluidgrids.insights.failureRate", "Failure rate"),
+          value: `${summary ? percentage(summary.runsFailedCount, summary.runsCountTotal).toFixed(1) : "0.0"}%`,
+          tone: "text-status-error-text"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MetricCard,
+        {
+          icon: "mdi:counter",
+          label: tr("fluidgrids.insights.failureCount", "Failures captured"),
+          value: failedRuns.length.toLocaleString(),
+          detail: summary ? `${summary.runsFailedCount.toLocaleString()} total recorded` : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MetricCard,
+        {
+          icon: "mdi:alert-decagram-outline",
+          label: tr("fluidgrids.insights.commonError", "Most common error"),
+          value: commonError?.key ?? "\u2014",
+          detail: commonError ? `${commonError.count} occurrences` : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MetricCard,
+        {
+          icon: "mdi:repeat",
+          label: tr(
+            "fluidgrids.insights.recoveredByRetry",
+            "Recovered by retry"
+          ),
+          value: "\u2014",
+          detail: tr(
+            "fluidgrids.insights.retryBaselineMissing",
+            "Retry recovery baseline is not exposed by the service yet."
+          ),
+          tone: "text-text-secondary"
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs("section", { className: "grid gap-6 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.4fr)]", children: [
       /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border-secondary bg-background-secondary p-5", children: [
         /* @__PURE__ */ jsx("h2", { className: "mb-4 text-base font-semibold text-text-primary", children: tr("fluidgrids.insights.errorsByType", "Errors by type") }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          failureBreakdown.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: tr("fluidgrids.insights.noErrors", "No errors in this period.") }),
+          failureBreakdown.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: tr(
+            "fluidgrids.insights.noErrors",
+            "No errors in this period."
+          ) }),
           failureBreakdown.map((entry) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ jsx("span", { className: "w-28 truncate text-sm text-text-secondary", children: entry.key }),
-            /* @__PURE__ */ jsx("div", { className: "h-2 flex-1 overflow-hidden rounded-full bg-background-tertiary", children: /* @__PURE__ */ jsx("div", { className: "h-full rounded-full bg-status-error-bg", style: { width: `${Math.max(8, percentage(entry.count, failureBreakdown[0]?.count ?? 1))}%` } }) }),
+            /* @__PURE__ */ jsx("div", { className: "h-2 flex-1 overflow-hidden rounded-full bg-background-tertiary", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "h-full rounded-full bg-status-error-bg",
+                style: {
+                  width: `${Math.max(8, percentage(entry.count, failureBreakdown[0]?.count ?? 1))}%`
+                }
+              }
+            ) }),
             /* @__PURE__ */ jsx("span", { className: "w-8 text-right text-sm font-medium text-text-primary", children: entry.count })
           ] }, entry.key))
         ] })
@@ -494,24 +698,47 @@ function ErrorContent({
       /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border-secondary bg-background-secondary p-5", children: [
         /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center justify-between gap-3", children: [
           /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-text-primary", children: tr("fluidgrids.insights.recentFailures", "Recent failures") }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr("fluidgrids.insights.sampleNote", "Showing the latest 100 failures") })
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr(
+            "fluidgrids.insights.sampleNote",
+            "Showing the latest 100 failures"
+          ) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "divide-y divide-border-secondary", children: [
-          failedRuns.length === 0 && /* @__PURE__ */ jsx("p", { className: "py-3 text-sm text-text-secondary", children: tr("fluidgrids.insights.noRecentFailures", "No recent failures.") }),
-          failedRuns.slice(0, 12).map((run) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 py-3 sm:flex-row sm:items-center sm:gap-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-text-primary", children: run.errorMessage || run.errorType || "Workflow failed" }),
-              /* @__PURE__ */ jsxs("p", { className: "mt-0.5 truncate text-xs text-text-secondary", children: [
-                run.workflow?.name || run.workflowKey,
-                " \xB7 ",
-                run.id.slice(0, 10),
-                " \xB7 ",
-                formatDuration(run.duration)
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx("span", { className: "rounded-full bg-status-error-bg-subtle px-2 py-1 text-xs text-status-error-text", children: run.errorType || "UNKNOWN" }),
-            /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => void retry(run), disabled: retryLoading, children: tr("fluidgrids.insights.retry", "Retry") })
-          ] }, run.id))
+          failedRuns.length === 0 && /* @__PURE__ */ jsx("p", { className: "py-3 text-sm text-text-secondary", children: tr(
+            "fluidgrids.insights.noRecentFailures",
+            "No recent failures."
+          ) }),
+          failedRuns.slice(0, 12).map((run) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex flex-col gap-2 py-3 sm:flex-row sm:items-center sm:gap-4",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-text-primary", children: run.errorMessage || run.errorType || "Workflow failed" }),
+                  /* @__PURE__ */ jsxs("p", { className: "mt-0.5 truncate text-xs text-text-secondary", children: [
+                    run.workflow?.name || run.workflowKey,
+                    " \xB7",
+                    " ",
+                    run.id.slice(0, 10),
+                    " \xB7 ",
+                    formatDuration(run.duration)
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "rounded-full bg-status-error-bg-subtle px-2 py-1 text-xs text-status-error-text", children: run.errorType || "UNKNOWN" }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: () => void retry(run),
+                    disabled: retryLoading,
+                    children: tr("fluidgrids.insights.retry", "Retry")
+                  }
+                )
+              ]
+            },
+            run.id
+          ))
         ] })
       ] })
     ] })
@@ -522,5 +749,5 @@ function ErrorAnalyticsPage() {
 }
 
 export { DataSinkDashboardPage, ErrorAnalyticsPage, InsightsPage };
-//# sourceMappingURL=chunk-EGQB462S.js.map
-//# sourceMappingURL=chunk-EGQB462S.js.map
+//# sourceMappingURL=chunk-FKOUPL6Z.js.map
+//# sourceMappingURL=chunk-FKOUPL6Z.js.map