@burdenoff/fluidgrids-fe-sdk 2026.922.13 → 2026.923.2

package/dist/chunk-FKOUPL6Z.js

@@ -0,0 +1,753 @@
+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';
+import { Button } from '@burdenoff/fe-libs/button';
+import { Input } from '@burdenoff/fe-libs/ui';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useNavigate } from 'react-router';
+import { toast } from 'sonner';
+
+// src/modules/observability/utils.ts
+function percentage(value, total) {
+  if (total <= 0) return 0;
+  return Math.round(value / total * 1e3) / 10;
+}
+function getFailureBreakdown(runs) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const run of runs) {
+    const key = run.errorType || "UNKNOWN";
+    counts.set(key, (counts.get(key) ?? 0) + 1);
+  }
+  return [...counts.entries()].map(([key, count]) => ({ key, count })).sort((a, b) => b.count - a.count || a.key.localeCompare(b.key));
+}
+function getTopFailingWorkflows(runs) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const run of runs) {
+    const current = counts.get(run.workflowKey);
+    if (current) {
+      current.count += 1;
+    } else {
+      counts.set(run.workflowKey, {
+        workflowKey: run.workflowKey,
+        label: run.workflow?.name || run.workflowKey,
+        count: 1
+      });
+    }
+  }
+  return [...counts.values()].sort(
+    (a, b) => b.count - a.count || a.label.localeCompare(b.label)
+  );
+}
+function getTopFailingNodes(nodeUsageStats) {
+  return [...nodeUsageStats].filter((stat) => stat.failureCount > 0).sort(
+    (a, b) => b.failureCount - a.failureCount || a.nodeType.localeCompare(b.nodeType)
+  );
+}
+function formatDuration(seconds) {
+  if (seconds === null || seconds === void 0 || !Number.isFinite(seconds)) {
+    return "\u2014";
+  }
+  if (seconds < 1) return `${Math.round(seconds * 1e3)}ms`;
+  if (seconds < 60) return `${seconds.toFixed(1)}s`;
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = Math.round(seconds % 60);
+  return `${minutes}m ${remainingSeconds}s`;
+}
+function formatBytes(bytes) {
+  if (!Number.isFinite(bytes) || bytes < 0) return "\u2014";
+  if (bytes < 1024) return `${bytes} B`;
+  const units = ["KB", "MB", "GB", "TB"];
+  let value = bytes / 1024;
+  let unit = units[0];
+  for (let i = 1; i < units.length && value >= 1024; i += 1) {
+    value /= 1024;
+    unit = units[i];
+  }
+  return `${value.toFixed(value >= 10 ? 0 : 1)} ${unit}`;
+}
+function prettyJson(value) {
+  try {
+    return JSON.stringify(value, null, 2) ?? "null";
+  } catch {
+    return String(value);
+  }
+}
+function valueLabel(value) {
+  if (value === null || value === void 0) return "\u2014";
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function DataPreview({ value }) {
+  const tr = useTr();
+  if (Array.isArray(value)) {
+    const rows = value.filter(
+      (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
+      );
+      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("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"
+        ) })
+      ] });
+    }
+  }
+  return /* @__PURE__ */ jsx("pre", { className: "max-h-[28rem] overflow-auto rounded-lg border border-border-secondary bg-background-primary p-4 text-xs text-text-primary", children: prettyJson(value) });
+}
+function SinkCard({
+  sink,
+  selected,
+  onSelect
+}) {
+  const tr = useTr();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onSelect,
+      className: `w-full rounded-lg border p-4 text-left transition-colors ${selected ? "border-action-primary-bg bg-action-primary-bg/10" : "border-border-secondary bg-background-secondary hover:border-action-primary-bg/60"}`,
+      "aria-pressed": selected,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-text-primary", children: sink.name || sink.key }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 truncate font-mono text-xs text-text-secondary", children: sink.key })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-background-tertiary px-2 py-0.5 text-xs text-text-secondary", children: sink.status })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center justify-between text-xs text-text-secondary", children: [
+          /* @__PURE__ */ jsx("span", { children: formatBytes(sink.sizeBytes) }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            sink.linkedWorkflowCount,
+            " ",
+            tr("fluidgrids.dataSinks.workflows", "workflows")
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function DataSinkDashboardPage() {
+  const tr = useTr();
+  const [search, setSearch] = useState("");
+  const [selectedId, setSelectedId] = useState(null);
+  const { sinks, totalCount, loading, error, refetch } = useDataSinks(search);
+  const selectedSink = useMemo(
+    () => sinks.find((sink) => sink.id === selectedId) ?? sinks[0] ?? null,
+    [selectedId, sinks]
+  );
+  const {
+    sinkData,
+    loading: dataLoading,
+    error: dataError,
+    refetch: refetchData
+  } = useDataSinkData(selectedSink);
+  useEffect(() => {
+    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);
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-background-primary p-4 sm:p-6", children: [
+    /* @__PURE__ */ jsxs("header", { className: "mb-6 flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between", children: [
+      /* @__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__ */ 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: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: tr("fluidgrids.dataSinks.totalSinks", "DataSinks") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-2 text-2xl font-semibold text-text-primary", children: totalCount })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border-secondary bg-background-secondary p-4", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: tr("fluidgrids.dataSinks.activeSinks", "Active sinks") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-2 text-2xl font-semibold text-status-success-text", children: sinks.filter((sink) => sink.isActive).length })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border-secondary bg-background-secondary p-4", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: tr("fluidgrids.dataSinks.totalStorage", "Visible storage") }),
+        /* @__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
+      }
+    ),
+    /* @__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"
+            )
+          }
+        ),
+        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
+        ))
+      ] }),
+      /* @__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("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."
+          ) })
+        ] }),
+        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: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__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",
+                " ",
+                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")
+                ]
+              }
+            )
+          ] }),
+          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: [
+              /* @__PURE__ */ jsx("span", { children: sinkData.cached ? tr("fluidgrids.dataSinks.cached", "Cached") : tr("fluidgrids.dataSinks.fresh", "Fresh") }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "v",
+                sinkData.version
+              ] }),
+              sinkData.totalCount !== null && sinkData.totalCount !== void 0 && /* @__PURE__ */ jsxs("span", { children: [
+                sinkData.totalCount,
+                " rows"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(DataPreview, { value: payload })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function normalizedRate(summary) {
+  const supplied = summary.workflowSuccessRate;
+  if (supplied !== null && supplied !== void 0) {
+    return supplied <= 1 ? supplied * 100 : supplied;
+  }
+  const finished = summary.runsCompletedCount + summary.runsFailedCount;
+  return percentage(summary.runsCompletedCount, finished);
+}
+function MetricCard({
+  icon,
+  label,
+  value,
+  detail,
+  tone = "text-text-primary"
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border-secondary bg-background-secondary p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-text-secondary", children: [
+      /* @__PURE__ */ jsx(Icon, { icon, width: 18 }),
+      /* @__PURE__ */ jsx("span", { children: label })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: `mt-3 text-2xl font-semibold ${tone}`, children: value }),
+    detail && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-text-secondary", children: detail })
+  ] });
+}
+function LoadingState() {
+  return /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", "aria-busy": "true", children: [1, 2, 3, 4].map((item) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "h-28 animate-pulse rounded-xl border border-border-secondary bg-background-secondary"
+    },
+    item
+  )) });
+}
+function InsightsPage({ showErrors = false }) {
+  const tr = useTr();
+  const navigate = useNavigate();
+  const { summary, failedRuns, loading, error, refetch } = useInsightsData();
+  const { retryMany, loading: retryLoading } = useRunReplayActions();
+  const [activeTab, setActiveTab] = useState(
+    showErrors ? "errors" : "overview"
+  );
+  const failureBreakdown = useMemo(
+    () => getFailureBreakdown(failedRuns),
+    [failedRuns]
+  );
+  const topWorkflows = useMemo(
+    () => getTopFailingWorkflows(failedRuns).slice(0, 8),
+    [failedRuns]
+  );
+  const topNodes = useMemo(
+    () => getTopFailingNodes(summary?.nodeUsageStats ?? []).slice(0, 8),
+    [summary?.nodeUsageStats]
+  );
+  const retry = async (run) => {
+    const retried = await retryMany([run.id]);
+    if (retried.length === 0) {
+      toast.error(
+        tr("fluidgrids.insights.retryFailed", "Could not retry the failed run")
+      );
+      return;
+    }
+    toast.success(
+      tr("fluidgrids.insights.retryStarted", "A new run was started")
+    );
+    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")
+            }
+          )
+        ]
+      }
+    ) });
+  }
+  const successRate = summary ? normalizedRate(summary) : 0;
+  const failureRate = summary ? percentage(summary.runsFailedCount, summary.runsCountTotal) : 0;
+  const commonError = failureBreakdown[0];
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-background-primary p-4 sm:p-6", children: [
+    /* @__PURE__ */ jsxs("header", { className: "mb-6 flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-text-secondary", children: tr("fluidgrids.insights.period", "Last 30 days") }),
+        /* @__PURE__ */ jsx("h1", { className: "mt-1 text-2xl font-semibold text-text-primary sm:text-3xl", children: tr("fluidgrids.insights.title", "Workflow insights") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-text-secondary", children: tr(
+          "fluidgrids.insights.subtitle",
+          "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",
+            {
+              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,
+      {
+        summary,
+        successRate,
+        failureRate,
+        topWorkflows,
+        topNodes,
+        tr
+      }
+    ) : /* @__PURE__ */ jsx(
+      ErrorContent,
+      {
+        summary,
+        failedRuns,
+        failureBreakdown,
+        commonError,
+        retry,
+        retryLoading,
+        tr
+      }
+    )
+  ] });
+}
+function OverviewContent({
+  summary,
+  successRate,
+  failureRate,
+  topWorkflows,
+  topNodes,
+  tr
+}) {
+  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-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."
+          ),
+          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("span", { className: "w-8 text-right text-sm font-medium text-text-secondary", children: workflow.count })
+          ] }, workflow.workflowKey))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        InsightList,
+        {
+          title: tr("fluidgrids.insights.topFailingNodes", "Top failing nodes"),
+          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("span", { className: "w-8 text-right text-sm font-medium text-text-secondary", children: node.failureCount })
+          ] }, node.nodeType))
+        }
+      )
+    ] })
+  ] });
+}
+function InsightList({
+  title,
+  empty,
+  children
+}) {
+  const hasChildren = Array.isArray(children) ? children.length > 0 : Boolean(children);
+  return /* @__PURE__ */ jsxs("section", { 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: title }),
+    hasChildren ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: empty })
+  ] });
+}
+function ErrorContent({
+  summary,
+  failedRuns,
+  failureBreakdown,
+  commonError,
+  retry,
+  retryLoading,
+  tr
+}) {
+  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__ */ 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.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("span", { className: "w-8 text-right text-sm font-medium text-text-primary", children: entry.count })
+          ] }, entry.key))
+        ] })
+      ] }),
+      /* @__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__ */ 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
+          ))
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function ErrorAnalyticsPage() {
+  return /* @__PURE__ */ jsx(InsightsPage, { showErrors: true });
+}
+
+export { DataSinkDashboardPage, ErrorAnalyticsPage, InsightsPage };
+//# sourceMappingURL=chunk-FKOUPL6Z.js.map
+//# sourceMappingURL=chunk-FKOUPL6Z.js.map