@burdenoff/fluidgrids-fe-sdk 2026.1111.1 → 2026.1111.3

package/dist/{InsightsPage-DBnOta71.js → InsightsPage-DFJ--w4r.js}

@@ -1,12 +1,12 @@
 "use client";
-import { At as OptimisationSuggestionsDocument, Fr as WorkflowProposalDocument, Lt as ProposeOptimisationDocument, On as SnoozeOptimisationSuggestionDocument, Pi as throwIfResultError, S as ContinuousOptimisationSettingsDocument, Y as DismissOptimisationSuggestionDocument, hi as WorkspaceAiUsageDocument, ut as FgRunOptimisationScanDocument, xn as SetContinuousOptimisationEnabledDocument, yi as getFluidGridsClient } from "./node-endpoint-configs-DXCKkK_9.js";
-import { Vn as useContinuousOptimisationEnabled } from "./FluidGridsProvider-CraUhM4E.js";
+import { Li as throwIfResultError, Rr as WorkflowProposalDocument, Rt as ProposeOptimisationDocument, S as ContinuousOptimisationSettingsDocument, Si as getFluidGridsClient, Sn as SetContinuousOptimisationEnabledDocument, Y as DismissOptimisationSuggestionDocument, dt as FgRunOptimisationScanDocument, jt as OptimisationSuggestionsDocument, kn as SnoozeOptimisationSuggestionDocument, tt as ErrorAnalyticsDocument, vi as WorkspaceAiUsageDocument } from "./node-endpoint-configs-DS59aLlH.js";
+import { Vn as useContinuousOptimisationEnabled } from "./FluidGridsProvider-Bg6wKnX4.js";
 import { r as useTr } from "./TranslationBridge-CX0OMnyn.js";
 import { BC as OptimisationSuggestionStatus, RC as OptimisationDismissReason, fI as useFluidGridsPermission, lI as SdkPermissionButton, oI as FLUIDGRIDS_PERMISSIONS, zC as OptimisationKind } from "./graphql-types-CulUbQWN.js";
 import { t as proposalCanvasPath } from "./useRequestedProposal-B7uPXfZB.js";
-import { n as FailureTriagePanel } from "./FailureTriagePanel-BJoO3lsL.js";
+import { c as runListPath, l as utcDay, n as FailureTriagePanel } from "./FailureTriagePanel-D2RjCsYa.js";
 import { a as formatTokens, c as DISMISS_REASONS, d as monthlySavingLabel, f as shortRunId, i as aiSpendPeriod, l as evidenceFacts, r as aiCost, s as runsOfWorkflowPath, t as AI_SPEND_RANGE_DAYS, u as evidenceWindowDays } from "./ai-usage-CK61EZWc.js";
-import { n as useDataSinks, o as useRunReplayActions, r as useInsightsData, t as useDataSinkData } from "./useObservability-D402nqXD.js";
+import { n as useDataSinks, o as useRunReplayActions, r as useInsightsData, t as useDataSinkData } from "./useObservability-111g9mWF.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Link, useNavigate } from "react-router";
 import { Icon } from "@iconify/react";
@@ -1285,6 +1285,306 @@ function SpendTable({ lines, tr }) {
 	});
 }
 
+// src/modules/observability/components/ErrorAnalyticsPanel.tsx
+/**
+* Insights: the error panel (BOFF-9974). The workspace's failed runs over the
+* last 30 days, from `errorAnalytics`: how many failed each day, by error type,
+* the node types that failed most and the workflows that failed most.
+*
+* Every bar and row opens the Runs list on the failed runs behind it, over the
+* same window the panel counted (a day bar on that UTC day). The panel loads
+* and fails on its own, so the rest of Insights never waits for it.
+*/
+/** A bar's share of the largest value, never thinner than a visible sliver. */
+function barWidth(value, largest) {
+	return `${Math.max(8, percentage(value, largest || 1))}%`;
+}
+function Ranking({ title, empty, children, testId }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-lg border border-border-secondary bg-background-primary p-4",
+		"data-testid": testId,
+		children: [/* @__PURE__ */ jsx("h3", {
+			className: "mb-3 text-sm font-semibold text-text-primary",
+			children: title
+		}), children.length > 0 ? /* @__PURE__ */ jsx("ul", {
+			className: "space-y-1",
+			children
+		}) : /* @__PURE__ */ jsx("p", {
+			className: "text-sm text-text-secondary",
+			children: empty
+		})]
+	});
+}
+function RankingRow({ to, label, detail, count, largest, tone }) {
+	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, {
+		to,
+		className: "flex items-center gap-3 rounded-md px-2 py-1.5 hover:bg-background-tertiary",
+		"data-testid": "error-panel-row",
+		children: [
+			/* @__PURE__ */ jsxs("span", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "block truncate text-sm text-text-primary",
+					children: label
+				}), detail && /* @__PURE__ */ jsx("span", {
+					className: "block truncate text-xs text-text-secondary",
+					children: detail
+				})]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "h-2 w-24 shrink-0 overflow-hidden rounded-full bg-background-tertiary",
+				children: /* @__PURE__ */ jsx("span", {
+					className: `block h-full rounded-full ${tone === "error" ? "bg-status-error-bg" : "bg-status-warning-bg"}`,
+					style: { width: barWidth(count, largest) }
+				})
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "w-8 shrink-0 text-right text-sm font-medium text-text-secondary",
+				children: count.toLocaleString()
+			})
+		]
+	}) });
+}
+function Trend({ trend, link, tr }) {
+	const largest = Math.max(0, ...trend.map((point) => point.count));
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-lg border border-border-secondary bg-background-primary p-4",
+		"data-testid": "error-panel-trend",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				className: "mb-3 text-sm font-semibold text-text-primary",
+				children: tr("fluidgrids.insights.errorPanel.trend", "Failed runs per day")
+			}),
+			/* @__PURE__ */ jsx("ol", {
+				className: "flex h-24 items-end gap-0.5",
+				children: trend.map((point) => {
+					const label = tr("fluidgrids.insights.errorPanel.trendDay", "{{date}}: {{count}} failed", {
+						date: point.date,
+						count: point.count.toLocaleString()
+					});
+					const height = point.count > 0 ? `${Math.max(6, percentage(point.count, largest))}%` : "2px";
+					const day = utcDay(point.date);
+					return /* @__PURE__ */ jsx("li", {
+						className: "flex h-full min-w-0 flex-1 items-end",
+						children: point.count > 0 && day ? /* @__PURE__ */ jsx(Link, {
+							to: link({
+								from: day.from,
+								to: day.to
+							}),
+							className: "block w-full rounded-t-sm bg-status-error-bg hover:opacity-80",
+							style: { height },
+							title: label,
+							"aria-label": label,
+							"data-testid": "error-panel-day"
+						}) : /* @__PURE__ */ jsx("span", {
+							className: "block w-full rounded-t-sm bg-background-tertiary",
+							style: { height },
+							title: label
+						})
+					}, point.date);
+				})
+			}),
+			trend.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "mt-1 flex justify-between text-xs text-text-secondary",
+				children: [/* @__PURE__ */ jsx("span", { children: trend[0]?.date }), /* @__PURE__ */ jsx("span", { children: trend[trend.length - 1]?.date })]
+			})
+		]
+	});
+}
+function ErrorAnalyticsPanel({ analytics, period, loading, error, onRetry }) {
+	const tr = useTr();
+	const link = (extra) => runListPath({
+		status: "FAILED",
+		from: period?.from,
+		to: period?.to,
+		...extra
+	});
+	let body;
+	if (error && !analytics) body = /* @__PURE__ */ jsxs("div", {
+		className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4 text-sm text-status-error-text",
+		role: "alert",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "font-medium",
+				children: tr("fluidgrids.insights.errorPanel.loadError", "Could not load error analytics")
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-1",
+				children: error
+			}),
+			/* @__PURE__ */ jsx(Button$1, {
+				variant: "outline",
+				size: "sm",
+				className: "mt-3",
+				onClick: onRetry,
+				children: tr("fluidgrids.insights.retryLoad", "Try again")
+			})
+		]
+	});
+	else if (!analytics) body = /* @__PURE__ */ jsx("div", {
+		className: "h-40 animate-pulse rounded-lg bg-background-tertiary",
+		"aria-busy": "true"
+	});
+	else if (analytics.totalErrors === 0) body = /* @__PURE__ */ jsx("p", {
+		className: "text-sm text-text-secondary",
+		children: tr("fluidgrids.insights.noErrors", "No errors in this period.")
+	});
+	else {
+		const byType = [...analytics.errorsByType].sort((a, b) => b.count - a.count);
+		const largestType = byType[0]?.count ?? 0;
+		const largestNode = analytics.topFailingNodes[0]?.failureCount ?? 0;
+		const largestWorkflow = analytics.topFailingWorkflows[0]?.failureCount ?? 0;
+		body = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ jsx(Trend, {
+				trend: analytics.trend,
+				link,
+				tr
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "grid gap-4 lg:grid-cols-3",
+				children: [
+					/* @__PURE__ */ jsx(Ranking, {
+						title: tr("fluidgrids.insights.errorsByType", "Errors by type"),
+						empty: tr("fluidgrids.insights.noErrors", "No errors in this period."),
+						testId: "error-panel-types",
+						children: byType.map((entry) => /* @__PURE__ */ jsx(RankingRow, {
+							to: link({ errorType: entry.errorType }),
+							label: entry.errorType,
+							count: entry.count,
+							largest: largestType,
+							tone: "error"
+						}, entry.errorType))
+					}),
+					/* @__PURE__ */ jsx(Ranking, {
+						title: tr("fluidgrids.insights.topFailingNodes", "Top failing nodes"),
+						empty: tr("fluidgrids.insights.noFailedNodes", "No node failures in this period."),
+						testId: "error-panel-nodes",
+						children: analytics.topFailingNodes.map((node) => /* @__PURE__ */ jsx(RankingRow, {
+							to: link({ failedNodeType: node.nodeType }),
+							label: node.nodeType,
+							detail: node.sampleError ?? tr("fluidgrids.insights.errorPanel.nodeRate", "{{failures}} of {{total}} executions failed", {
+								failures: node.failureCount.toLocaleString(),
+								total: node.totalExecutions.toLocaleString()
+							}),
+							count: node.failureCount,
+							largest: largestNode,
+							tone: "warning"
+						}, node.nodeType))
+					}),
+					/* @__PURE__ */ jsx(Ranking, {
+						title: tr("fluidgrids.insights.topFailingWorkflows", "Top failing workflows"),
+						empty: tr("fluidgrids.insights.noFailedWorkflows", "No failed workflows in this period."),
+						testId: "error-panel-workflows",
+						children: analytics.topFailingWorkflows.map((workflow) => /* @__PURE__ */ jsx(RankingRow, {
+							to: link({ workflowKey: workflow.workflowKey }),
+							label: workflow.name?.trim() || workflow.workflowKey,
+							detail: tr("fluidgrids.insights.errorPanel.workflowRate", "{{failures}} of {{total}} runs failed", {
+								failures: workflow.failureCount.toLocaleString(),
+								total: workflow.totalRuns.toLocaleString()
+							}),
+							count: workflow.failureCount,
+							largest: largestWorkflow,
+							tone: "error"
+						}, workflow.workflowKey))
+					})
+				]
+			})]
+		});
+	}
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rounded-xl border border-border-secondary bg-background-secondary p-5",
+		"aria-labelledby": "insights-error-panel-heading",
+		"aria-busy": loading,
+		"data-testid": "insights-error-panel",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "mb-4 flex flex-wrap items-baseline justify-between gap-2",
+			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h2", {
+				id: "insights-error-panel-heading",
+				className: "flex items-center gap-2 text-base font-semibold text-text-primary",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "mdi:alert-octagon-outline",
+					width: 18
+				}), tr("fluidgrids.insights.errorPanel.title", "Errors")]
+			}), /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-sm text-text-secondary",
+				children: tr("fluidgrids.insights.errorPanel.subtitle", "Failed runs in the last 30 days. Select a bar or a row to see the runs behind it.")
+			})] }), analytics && analytics.totalErrors > 0 && /* @__PURE__ */ jsx(Link, {
+				to: link({}),
+				className: "text-sm font-medium text-text-link hover:underline",
+				"data-testid": "error-panel-total",
+				children: tr("fluidgrids.insights.errorPanel.total", "{{count}} failed runs", { count: analytics.totalErrors.toLocaleString() })
+			})]
+		}), body]
+	});
+}
+
+// src/modules/observability/hooks/useErrorAnalytics.ts
+/**
+* useErrorAnalytics — the workspace's failed runs over the last
+* {@link ERROR_ANALYTICS_WINDOW_DAYS} days by type, node, workflow and day
+* (`errorAnalytics`, BOFF-7519), for the Insights error panel (BOFF-9974).
+*
+* The window is fixed when the read is made and returned with the data, so
+* the panel's links open the runs list on exactly the window it counted. A
+* plain network read per refresh; nothing is read while `enabled` is false.
+*/
+/** Rows per ranking. */
+const ERROR_ANALYTICS_LIMIT = 8;
+function errorAnalyticsWindow(now) {
+	return {
+		from: /* @__PURE__ */ new Date(now.getTime() - 2592e6),
+		to: now
+	};
+}
+async function fetchErrorAnalytics(period) {
+	const result = await getFluidGridsClient().query({
+		query: ErrorAnalyticsDocument,
+		variables: { input: {
+			startDate: period.from.toISOString(),
+			endDate: period.to.toISOString(),
+			limit: 8
+		} },
+		fetchPolicy: "network-only"
+	});
+	throwIfResultError(result);
+	return result.data?.errorAnalytics ?? null;
+}
+function useErrorAnalytics(enabled) {
+	const [sent, setSent] = useState(0);
+	const [settled, setSettled] = useState(null);
+	const request = useRef(0);
+	const read = useCallback(async () => {
+		if (!enabled) return;
+		const id = ++request.current;
+		setSent(id);
+		const period = errorAnalyticsWindow(/* @__PURE__ */ new Date());
+		let analytics = null;
+		let error = null;
+		try {
+			analytics = await fetchErrorAnalytics(period);
+		} catch (err) {
+			error = err instanceof Error ? err.message : String(err);
+		}
+		if (id !== request.current) return;
+		setSettled((previous) => ({
+			request: id,
+			period: analytics || !previous ? period : previous.period,
+			analytics: analytics ?? (error ? previous?.analytics ?? null : null),
+			error
+		}));
+	}, [enabled]);
+	useEffect(() => {
+		read();
+	}, [read]);
+	return {
+		analytics: settled?.analytics ?? null,
+		period: settled?.period ?? null,
+		loading: enabled && (settled?.request ?? -1) !== sent,
+		error: settled?.error ?? null,
+		refetch: read
+	};
+}
+
 // src/modules/observability/pages/InsightsPage.tsx
 function normalizedRate(summary) {
 	const supplied = summary.workflowSuccessRate;
@@ -1334,6 +1634,7 @@ function InsightsPage({ showErrors = false }) {
 	const { allowed: canManageTriage } = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.WORKFLOW_PUBLISH);
 	const { allowed: canRetryRuns } = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.WORKFLOW_RUN_EXECUTE);
 	const [activeTab, setActiveTab] = useState(showErrors ? "errors" : "overview");
+	const errorAnalytics = useErrorAnalytics(activeTab === "errors");
 	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]);
@@ -1394,7 +1695,10 @@ function InsightsPage({ showErrors = false }) {
 					})
 				] }), /* @__PURE__ */ jsxs(Button$1, {
 					variant: "outline",
-					onClick: () => void refetch(),
+					onClick: () => {
+						refetch();
+						if (activeTab === "errors") errorAnalytics.refetch();
+					},
 					disabled: loading,
 					children: [/* @__PURE__ */ jsx(Icon, {
 						icon: "mdi:refresh",
@@ -1455,10 +1759,16 @@ function InsightsPage({ showErrors = false }) {
 			}) : /* @__PURE__ */ jsx(ErrorContent, {
 				summary,
 				failedRuns,
-				failureBreakdown,
 				commonError,
 				retry,
 				retryLoading,
+				errorPanel: /* @__PURE__ */ jsx(ErrorAnalyticsPanel, {
+					analytics: errorAnalytics.analytics,
+					period: errorAnalytics.period,
+					loading: errorAnalytics.loading,
+					error: errorAnalytics.error,
+					onRetry: () => void errorAnalytics.refetch()
+				}),
 				tr
 			})
 		]
@@ -1575,73 +1885,43 @@ function InsightList({ title, empty, children }) {
 		})]
 	});
 }
-function ErrorContent({ summary, failedRuns, failureBreakdown, commonError, retry, retryLoading, tr }) {
+function ErrorContent({ summary, failedRuns, commonError, retry, retryLoading, errorPanel, tr }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		"data-tour": "fluidgrids-insights-errors",
-		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 ?? "—",
-					detail: commonError ? `${commonError.count} occurrences` : void 0
-				}),
-				/* @__PURE__ */ jsx(MetricCard, {
-					icon: "mdi:repeat",
-					label: tr("fluidgrids.insights.recoveredByRetry", "Recovered by retry"),
-					value: "—",
-					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", {
+		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 ?? "—",
+						detail: commonError ? `${commonError.count} occurrences` : void 0
+					}),
+					/* @__PURE__ */ jsx(MetricCard, {
+						icon: "mdi:repeat",
+						label: tr("fluidgrids.insights.recoveredByRetry", "Recovered by retry"),
+						value: "—",
+						detail: tr("fluidgrids.insights.retryBaselineMissing", "Retry recovery baseline is not exposed by the service yet."),
+						tone: "text-text-secondary"
+					})
+				]
+			}),
+			errorPanel,
+			/* @__PURE__ */ jsx("section", { children: /* @__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",
@@ -1692,8 +1972,8 @@ function ErrorContent({ summary, failedRuns, failureBreakdown, commonError, retr
 						]
 					}, run.id))]
 				})]
-			})]
-		})]
+			}) })
+		]
 	});
 }
 function ErrorAnalyticsPage() {