@burdenoff/fluidgrids-fe-sdk 2026.1105.2 → 2026.1105.4

package/README.md

@@ -229,6 +229,36 @@ const register = (spec: FgPageControlsSpec) => registerWithMyAssistant(spec);
   / `TabsSpec` (fe-libs >= 2026.1004.6 `appControls`), so a host can pass them
   straight to `enumFilter` / `tabsOf`.
 
+## Read-only workflow preview (optional)
+
+`WorkflowPreviewCanvas` draws a stored workflow definition with the builder's own
+node cards, read-only, and animates it as a workflow is built live (the AI
+assistant's live preview). It needs no `FluidGridsProvider`, config, Apollo client
+or node registry, and makes no request of its own.
+
+```tsx
+import { WorkflowPreviewCanvas, previewCanvasFromDefinition, previewRevealOrder } from "@burdenoff/fluidgrids-fe-sdk/workflow-preview";
+
+<div style={{ height: 520 }}>
+  <WorkflowPreviewCanvas
+    definition={workflow.definitionJson} // object or JSON string
+    visibleNodeIds={shown}               // omit to show every node
+    freshNodeIds={justAdded}             // highlighted with a ring
+    running={assistantIsWriting}         // flow along edges, newest node pulses
+  />
+</div>
+```
+
+- The host drives the reveal: `previewRevealOrder(previewCanvasFromDefinition(def).nodes)`
+  gives the along-the-flow order. A node that becomes visible pops in, an edge
+  draws in once both ends are visible, and the camera eases to keep every
+  visible node in view (max zoom 1.5).
+- `resolveNodeMeta(nodeType)` (optional, keep it stable) supplies registry names
+  and icons; without it a card uses the node's saved manifest, then a name and
+  icon derived from its type.
+- Nodes cannot be dragged, connected, selected or deleted; pan and zoom work.
+- `prefers-reduced-motion: reduce` turns every animation off.
+
 ## Styling
 
 The SDK uses Tailwind CSS for styling. Make sure you have Tailwind configured in your project, or import the pre-built styles:
@@ -262,16 +292,25 @@ embedding props (also settable with `setFluidGridsConfig`):
   values are validated (`themeToCssVariables`) and applied document-wide as
   inline properties on `<html>`, restored on unmount (`applyFluidGridsTheme`,
   `useFluidGridsTheme`). The public embed viewer also reads `accent`, `radius`
-  and `font` query parameters next to `theme`.
+  and `font` query parameters next to `theme`; its single `radius` sets
+  `radius.base`, `radius.card`, `radius.button` and `radius.input` (builder node
+  cards follow `--radius-card`).
 - **`auth.onTokenExpired`** — called once per expired-session failure (401,
   `UNAUTHENTICATED`, expired/revoked credential); concurrent failures share one
   call; the request is retried once with the new token; on rejection the SDK
-  emits `auth:failed` and surfaces the original error. Host-injected Apollo
+  emits `auth:failed` and surfaces the original error. A failed refresh is
+  reported once: requests already in flight with the expired token fail with
+  their own error without a second call or event; a request sent after the
+  failure may refresh again. Host-injected Apollo
   clients add `createFluidGridsTokenRefreshLink()` before their auth link.
 - **`onEvent`** — typed `FluidGridsEventMap`: `workflow:saved`,
   `workflow:activated`, `run:started`, `run:completed`, `node:selected`,
   `error`, `auth:failed`. Contract version `FLUIDGRIDS_EVENTS_VERSION` (semver:
-  additive = minor, payload break = major).
+  additive = minor, payload break = major). The standalone `WorkflowBuilder` /
+  `WorkflowBuilderCore` canvas saves and runs locally (`onSave` / `onExecute`),
+  so it emits only `node:selected`.
+- `FluidGridsRoot`, `WorkflowBuilder` and `WorkflowBuilderCore` work without a
+  host `ThemeProvider`; they reuse the host's when there is one.
 
 Full guide: [docs.fluidgrids.ai/developers/embedding](https://docs.fluidgrids.ai/developers/embedding).
 

package/dist/ExecutionDetailPage-OOHJQR2L.js

@@ -0,0 +1,30 @@
+export { ExecutionDetailPage } from './chunk-GPABUQTD.js';
+import './chunk-ASYYYJG2.js';
+import './chunk-UYTPURFW.js';
+import './chunk-WC526MLS.js';
+import './chunk-NZMUKAXG.js';
+import './chunk-NZAYYUQ4.js';
+import './chunk-EXJW7EKR.js';
+import './chunk-WZ3EJVS6.js';
+import './chunk-5ERAJC2I.js';
+import './chunk-PASKZCII.js';
+import './chunk-JDLQ6QIB.js';
+import './chunk-KHS2DZHH.js';
+import './chunk-Y53CVZVV.js';
+import './chunk-FNZZ5JJL.js';
+import './chunk-EIMTOK6E.js';
+import './chunk-PJAWNFJV.js';
+import './chunk-H4ERTSMX.js';
+import './chunk-HSTP2RX3.js';
+import './chunk-5375NUIO.js';
+import './chunk-JL7CASN5.js';
+import './chunk-SDZEAIIE.js';
+import './chunk-TGWDFLEX.js';
+import './chunk-Y7FKJJMF.js';
+import './chunk-TYI2XOSI.js';
+import './chunk-G77IGC3Y.js';
+import './chunk-Z3ABLERJ.js';
+import './chunk-UULVIT25.js';
+import './chunk-PDODDDHY.js';
+import './chunk-JKLZ6YZ3.js';
+import './chunk-UEG2WC3G.js';

package/dist/ExecutionsListPage-6HS5VQOV.js

@@ -0,0 +1,24 @@
+export { ExecutionsListPage } from './chunk-UIS7KGHW.js';
+import './chunk-UYTPURFW.js';
+import './chunk-WC526MLS.js';
+import './chunk-WZ3EJVS6.js';
+import './chunk-5ERAJC2I.js';
+import './chunk-KHS2DZHH.js';
+import './chunk-FNZZ5JJL.js';
+import './chunk-EIMTOK6E.js';
+import './chunk-PJAWNFJV.js';
+import './chunk-H4ERTSMX.js';
+import './chunk-4VJ3MDOV.js';
+import './chunk-HSTP2RX3.js';
+import './chunk-5375NUIO.js';
+import './chunk-JL7CASN5.js';
+import './chunk-SDZEAIIE.js';
+import './chunk-TGWDFLEX.js';
+import './chunk-Y7FKJJMF.js';
+import './chunk-TYI2XOSI.js';
+import './chunk-G77IGC3Y.js';
+import './chunk-Z3ABLERJ.js';
+import './chunk-UULVIT25.js';
+import './chunk-PDODDDHY.js';
+import './chunk-JKLZ6YZ3.js';
+import './chunk-UEG2WC3G.js';

package/dist/WorkflowBuilder-PICIS7FI.js

@@ -0,0 +1,35 @@
+export { WorkflowBuilder } from './chunk-LLCVVRCE.js';
+import './chunk-Y4UCHFGK.js';
+import './chunk-PIKYQE7P.js';
+import './chunk-OTOQFZFO.js';
+import './chunk-XWINH6CR.js';
+import './chunk-GEMNVFPK.js';
+import './chunk-B6CCE2RW.js';
+import './chunk-IEVSFCFS.js';
+import './chunk-YXMFRQYV.js';
+import './chunk-BQXVT32O.js';
+import './chunk-43GSC5Y6.js';
+import './chunk-JRLBPR5U.js';
+import './chunk-PASKZCII.js';
+import './chunk-JDLQ6QIB.js';
+import './chunk-KHS2DZHH.js';
+import './chunk-Y53CVZVV.js';
+import './chunk-5Z4F24QT.js';
+import './chunk-6VIG44VF.js';
+import './chunk-EIMTOK6E.js';
+import './chunk-GLYINMOR.js';
+import './chunk-H4ERTSMX.js';
+import './chunk-4VJ3MDOV.js';
+import './chunk-HSTP2RX3.js';
+import './chunk-5375NUIO.js';
+import './chunk-JL7CASN5.js';
+import './chunk-SDZEAIIE.js';
+import './chunk-TGWDFLEX.js';
+import './chunk-Y7FKJJMF.js';
+import './chunk-TYI2XOSI.js';
+import './chunk-G77IGC3Y.js';
+import './chunk-Z3ABLERJ.js';
+import './chunk-UULVIT25.js';
+import './chunk-PDODDDHY.js';
+import './chunk-JKLZ6YZ3.js';
+import './chunk-UEG2WC3G.js';

package/dist/WorkflowsList-SD5XQC4Q.js

@@ -0,0 +1,23 @@
+export { WorkflowsList } from './chunk-M72SMQOS.js';
+import './chunk-Y4UCHFGK.js';
+import './chunk-WC526MLS.js';
+import './chunk-5ERAJC2I.js';
+import './chunk-JRLBPR5U.js';
+import './chunk-FNZZ5JJL.js';
+import './chunk-EIMTOK6E.js';
+import './chunk-PJAWNFJV.js';
+import './chunk-H4ERTSMX.js';
+import './chunk-4VJ3MDOV.js';
+import './chunk-HSTP2RX3.js';
+import './chunk-5375NUIO.js';
+import './chunk-JL7CASN5.js';
+import './chunk-SDZEAIIE.js';
+import './chunk-TGWDFLEX.js';
+import './chunk-Y7FKJJMF.js';
+import './chunk-TYI2XOSI.js';
+import './chunk-G77IGC3Y.js';
+import './chunk-Z3ABLERJ.js';
+import './chunk-UULVIT25.js';
+import './chunk-PDODDDHY.js';
+import './chunk-JKLZ6YZ3.js';
+import './chunk-UEG2WC3G.js';

package/dist/{agentTools-5N3ZEZDW.js → agentTools-UH4LU6LA.js}

@@ -1,15 +1,17 @@
-import { nodeTitle, selectedOperationOf, paramsFromOperation, fixedParameterState } from './chunk-AJVU5YW6.js';
-import { computeAttachPosition } from './chunk-W5WML3OO.js';
-import { NODE_CONFIGS, createConfiguredNode, resolveOutputHandles, resolveInputHandles, isNodeConfigsInitialized, useFlowStore, useSaveStatusStore, autosaveAllowedFor, isFlowComplete, isNodeTypeHiddenFromPalette } from './chunk-3QCRKKTI.js';
+import { nodeTitle, selectedOperationOf, paramsFromOperation, fixedParameterState } from './chunk-WBRW67HX.js';
+import { computeAttachPosition } from './chunk-XWINH6CR.js';
+import { NODE_CONFIGS, createConfiguredNode, isNodeConfigsInitialized, useSaveStatusStore, autosaveAllowedFor, isFlowComplete, isNodeTypeHiddenFromPalette } from './chunk-HSTP2RX3.js';
 import './chunk-5375NUIO.js';
 import './chunk-JL7CASN5.js';
-import './chunk-OCJTTHTS.js';
-import './chunk-AU7LACOY.js';
+import './chunk-SDZEAIIE.js';
+import { resolveOutputHandles, resolveInputHandles, useFlowStore } from './chunk-TGWDFLEX.js';
+import './chunk-Y7FKJJMF.js';
+import './chunk-TYI2XOSI.js';
 import './chunk-G77IGC3Y.js';
 import './chunk-Z3ABLERJ.js';
 import './chunk-UULVIT25.js';
-import './chunk-3IXU7WUC.js';
-import './chunk-US5QSLPV.js';
+import './chunk-PDODDDHY.js';
+import './chunk-JKLZ6YZ3.js';
 import './chunk-UEG2WC3G.js';
 import { defineAgentTool, AgentToolError } from '@burdenoff/fe-libs/shared/agent-tools';
 import { z } from 'zod';

package/dist/{chunk-6ZK4MRVA.js → chunk-43GSC5Y6.js}

@@ -1,4 +1,4 @@
-import { useFlowStore } from './chunk-3QCRKKTI.js';
+import { useFlowStore } from './chunk-TGWDFLEX.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { cn } from '@burdenoff/fe-libs/utils';

package/dist/{chunk-CH3YUGWR.js → chunk-4XAXF5VP.js}

@@ -1,10 +1,10 @@
-import { useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TEMPLATE_STORE_CATEGORIES, TemplateCard, useTemplateSubmissions, usePublishToStore } from './chunk-62CCBMDC.js';
-import { QuotaExhaustedDialog } from './chunk-GKFMK7FF.js';
+import { useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TEMPLATE_STORE_CATEGORIES, TemplateCard, useTemplateSubmissions, usePublishToStore } from './chunk-OTOQFZFO.js';
+import { QuotaExhaustedDialog } from './chunk-JRLBPR5U.js';
 import { templatesControls } from './chunk-FNZZ5JJL.js';
-import { useWorkflowDefinitions, useDuplicateWorkflow, useLazyWorkflowDefinition } from './chunk-QFGZXWTM.js';
+import { useWorkflowDefinitions, useDuplicateWorkflow, useLazyWorkflowDefinition } from './chunk-EIMTOK6E.js';
 import { useFluidGridsPageControls } from './chunk-PJAWNFJV.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { BILLING_PLANS_PATH, useFluidGridsAnalytics, emitTemplateUsed, isQuotaExhaustedFailure } from './chunk-3QCRKKTI.js';
+import { BILLING_PLANS_PATH, useFluidGridsAnalytics, emitTemplateUsed, isQuotaExhaustedFailure } from './chunk-HSTP2RX3.js';
 import { SdkPermissionButton, FLUIDGRIDS_PERMISSIONS } from './chunk-5375NUIO.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { useState, useEffect, useCallback, useMemo } from 'react';

package/dist/{chunk-6IS7EXIY.js → chunk-5GG2FEKW.js}

@@ -1,6 +1,6 @@
-import { versionsOfWorkflow, VersionDiffDialog } from './chunk-64JN2TVX.js';
+import { versionsOfWorkflow, VersionDiffDialog } from './chunk-5Z4F24QT.js';
 import { historyControls } from './chunk-FNZZ5JJL.js';
-import { useWorkflowDefinitions, useRestoreWorkflowVersion } from './chunk-QFGZXWTM.js';
+import { useWorkflowDefinitions, useRestoreWorkflowVersion } from './chunk-EIMTOK6E.js';
 import { useFluidGridsPageControls } from './chunk-PJAWNFJV.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
 import { useTr } from './chunk-UULVIT25.js';

package/dist/{chunk-64JN2TVX.js → chunk-5Z4F24QT.js}

@@ -1,8 +1,8 @@
-import { mergeStickyNotes } from './chunk-3QCRKKTI.js';
+import { canvasFromDefinition } from './chunk-6VIG44VF.js';
 import { WorkflowDefinitionDocument, WorkflowVersionDiffDocument } from './chunk-Z3ABLERJ.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-3IXU7WUC.js';
-import { describeOperationError, throwIfResultError } from './chunk-US5QSLPV.js';
+import { getFluidGridsClient } from './chunk-PDODDDHY.js';
+import { describeOperationError, throwIfResultError } from './chunk-JKLZ6YZ3.js';
 import { memo, useState, useEffect, useMemo, useRef, useCallback } from 'react';
 import { ArrowLeftRight, Eye, RotateCcw, Loader2 } from 'lucide-react';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Button, Badge, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, Tabs, TabsList, TabsTrigger, TabsContent } from '@burdenoff/fe-libs/ui';
@@ -50,35 +50,6 @@ function versionsOfWorkflow(rows, workflowKey) {
   return rows.filter((row) => row.workflowKey === workflowKey).sort((a, b) => time(b.createdAt) - time(a.createdAt));
 }
 
-// src/builder/live/definition-canvas.ts
-function isRecord(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function hasId(item) {
-  return isRecord(item) && typeof item.id === "string" && item.id.length > 0;
-}
-function canvasFromDefinition(definitionJson) {
-  let definition = definitionJson;
-  if (typeof definition === "string") {
-    try {
-      definition = JSON.parse(definition);
-    } catch {
-      return null;
-    }
-  }
-  if (!isRecord(definition)) return null;
-  const data = isRecord(definition.data) ? definition.data : definition;
-  if (!Array.isArray(data.nodes)) return null;
-  const nodes = mergeStickyNotes({
-    nodes: data.nodes,
-    stickyNotes: Array.isArray(data.stickyNotes) ? data.stickyNotes : []
-  }).filter(hasId);
-  const edges = (Array.isArray(data.edges) ? data.edges : []).filter(
-    hasId
-  );
-  return { nodes, edges };
-}
-
 // src/modules/history/utils/version-graph-diff.ts
 var LAYOUT_NODE_KEYS = /* @__PURE__ */ new Set([
   "position",
@@ -106,7 +77,7 @@ var LAYOUT_EDGE_KEYS = /* @__PURE__ */ new Set([
 ]);
 var DIFF_CARD_FOOTPRINT = { width: 220, height: 90 };
 var MAX_CHANGED_FIELDS = 20;
-function isRecord2(value) {
+function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function equalJson(left, right) {
@@ -114,7 +85,7 @@ function equalJson(left, right) {
   if (Array.isArray(left) && Array.isArray(right)) {
     return left.length === right.length && left.every((value, index) => equalJson(value, right[index]));
   }
-  if (isRecord2(left) && isRecord2(right)) {
+  if (isRecord(left) && isRecord(right)) {
     const leftKeys = Object.keys(left).filter((k) => left[k] !== void 0);
     const rightKeys = Object.keys(right).filter((k) => right[k] !== void 0);
     if (leftKeys.length !== rightKeys.length) return false;
@@ -128,7 +99,7 @@ function changedPaths(before, after, prefix = "", limit = MAX_CHANGED_FIELDS) {
   const paths = [];
   const visit = (left, right, path) => {
     if (paths.length >= limit || equalJson(left, right)) return;
-    if (isRecord2(left) && isRecord2(right)) {
+    if (isRecord(left) && isRecord(right)) {
       const keys = [
         .../* @__PURE__ */ new Set([...Object.keys(left), ...Object.keys(right)])
       ].sort((a, b) => a.localeCompare(b));
@@ -154,11 +125,11 @@ function text(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 function nodeLabel(node) {
-  const data = isRecord2(node.data) ? node.data : {};
+  const data = isRecord(node.data) ? node.data : {};
   return text(data.label) ?? text(data.name) ?? text(data.title) ?? String(node.id);
 }
 function nodeTypeOf(node) {
-  const data = isRecord2(node.data) ? node.data : {};
+  const data = isRecord(node.data) ? node.data : {};
   return text(data.nodeType) ?? text(data.type) ?? text(node.type) ?? "node";
 }
 function positionOf(node) {
@@ -197,7 +168,7 @@ function edgeSignature(edge) {
 function edgeLabel(edge) {
   if (typeof edge.label === "string" && edge.label.trim())
     return edge.label.trim();
-  const data = isRecord2(edge.data) ? edge.data : {};
+  const data = isRecord(edge.data) ? edge.data : {};
   return text(data.label);
 }
 function emptyCounts() {
@@ -1478,4 +1449,4 @@ function VersionDiffDialog({
   ] });
 }
 
-export { VersionDiffDialog, VersionLifecycleBar, canvasFromDefinition, countLifecycle, versionsOfWorkflow };
+export { VersionDiffDialog, VersionLifecycleBar, countLifecycle, versionsOfWorkflow };

package/dist/chunk-6VIG44VF.js

@@ -0,0 +1,32 @@
+import { mergeStickyNotes } from './chunk-TGWDFLEX.js';
+
+// src/builder/live/definition-canvas.ts
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function hasId(item) {
+  return isRecord(item) && typeof item.id === "string" && item.id.length > 0;
+}
+function canvasFromDefinition(definitionJson) {
+  let definition = definitionJson;
+  if (typeof definition === "string") {
+    try {
+      definition = JSON.parse(definition);
+    } catch {
+      return null;
+    }
+  }
+  if (!isRecord(definition)) return null;
+  const data = isRecord(definition.data) ? definition.data : definition;
+  if (!Array.isArray(data.nodes)) return null;
+  const nodes = mergeStickyNotes({
+    nodes: data.nodes,
+    stickyNotes: Array.isArray(data.stickyNotes) ? data.stickyNotes : []
+  }).filter(hasId);
+  const edges = (Array.isArray(data.edges) ? data.edges : []).filter(
+    hasId
+  );
+  return { nodes, edges };
+}
+
+export { canvasFromDefinition };

package/dist/{chunk-QFC6E3WD.js → chunk-ASYYYJG2.js}

@@ -1,8 +1,8 @@
-import { signalPayloadCard, components_default, payloadFromCardValues, parseRawSignalPayload } from './chunk-3QCRKKTI.js';
+import { signalPayloadCard, components_default, payloadFromCardValues, parseRawSignalPayload } from './chunk-HSTP2RX3.js';
 import { TerminateWorkflowRunDocument, WorkflowRunHistoryDocument, RunEventAppendedDocument, DurableRunFieldsDocument, WorkflowRunDeterminismStatusDocument, WorkflowRunStackTraceDocument, SignalWorkflowRunDocument } from './chunk-Z3ABLERJ.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient, getFluidGridsClientSafe } from './chunk-3IXU7WUC.js';
-import { throwIfResultError, describeOperationError } from './chunk-US5QSLPV.js';
+import { getFluidGridsClient, getFluidGridsClientSafe } from './chunk-PDODDDHY.js';
+import { throwIfResultError, describeOperationError } from './chunk-JKLZ6YZ3.js';
 import { useState, useMemo, useRef, useCallback, useEffect } from 'react';
 import { Icon } from '@iconify/react';
 import { Button } from '@burdenoff/fe-libs/button';
@@ -579,7 +579,7 @@ function HistoryRow({
                 href: event.payloadUrl ?? void 0,
                 target: "_blank",
                 rel: "noreferrer noopener",
-                className: "text-action-primary-text hover:underline",
+                className: "text-text-link hover:text-text-linkHover hover:underline",
                 children: tr(
                   "fluidgrids.executions.history.offloadedPayload",
                   "Download payload"

package/dist/{chunk-OXXXUAWM.js → chunk-CTKWMPQQ.js}

@@ -1,6 +1,6 @@
 import { NodeEndpointConfigsDocument, NodeEndpointConfigDocument, NodeManifestDocument, fetchAllNodeEndpointConfigs } from './chunk-Z3ABLERJ.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-3IXU7WUC.js';
+import { getFluidGridsClient } from './chunk-PDODDDHY.js';
 import { useMemo, useState, useCallback, useEffect } from 'react';
 import { useNavigate } from 'react-router';
 import { Icon } from '@iconify/react';

package/dist/{chunk-QFGZXWTM.js → chunk-EIMTOK6E.js}

@@ -1,8 +1,8 @@
-import { useFluidGridsAnalytics, emitWorkflowCreated, emitRunStarted, runTriggerFromMode, openRunQuotaUpgradePrompt, emitWorkflowPublished } from './chunk-3QCRKKTI.js';
+import { useFluidGridsAnalytics, emitWorkflowCreated, emitRunStarted, runTriggerFromMode, openRunQuotaUpgradePrompt, emitWorkflowPublished } from './chunk-HSTP2RX3.js';
 import { WorkflowDefinitionsDocument, WorkflowDefinitionDocument, WorkflowVersionsDocument, CreateWorkflowDefinitionDocument, ImportWorkflowDocument, PreviewN8nImportDocument, UpdateWorkflowDefinitionDocument, CreateWorkflowVersionDocument, DeleteWorkflowDefinitionDocument, DuplicateWorkflowDocument, RestoreWorkflowVersionDocument, TriggerWorkflowDocument, WorkflowRunsDocument, WorkflowRunDocument, DashboardSummaryDocument, ActivateWorkflowDefinitionDocument, DeactivateWorkflowDefinitionDocument } from './chunk-Z3ABLERJ.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-3IXU7WUC.js';
-import { throwIfResultError, emitFluidGridsEvent, emitOperationErrorEvent } from './chunk-US5QSLPV.js';
+import { getFluidGridsClient } from './chunk-PDODDDHY.js';
+import { throwIfResultError, emitFluidGridsEvent, emitOperationErrorEvent } from './chunk-JKLZ6YZ3.js';
 import { getFluidGridsConfig } from './chunk-UEG2WC3G.js';
 import { useState, useCallback, useEffect, useMemo } from 'react';
 

package/dist/{chunk-AMXJLVZN.js → chunk-EXJW7EKR.js}

@@ -1,6 +1,6 @@
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-3IXU7WUC.js';
-import { throwIfResultError, describeOperationError } from './chunk-US5QSLPV.js';
+import { getFluidGridsClient } from './chunk-PDODDDHY.js';
+import { throwIfResultError, describeOperationError } from './chunk-JKLZ6YZ3.js';
 import { useState, useCallback, useEffect, useMemo } from 'react';
 import { gql } from '@apollo/client';
 import { Button } from '@burdenoff/fe-libs/button';

package/dist/{chunk-O7CJJNW6.js → chunk-GBJWPSLJ.js}

@@ -1,13 +1,13 @@
-import { formatBytes, getFailureBreakdown, getTopFailingWorkflows, getTopFailingNodes, percentage, FailureTriagePanel, formatDuration, prettyJson } from './chunk-TCIBTMJI.js';
+import { FailureTriagePanel } from './chunk-NZMUKAXG.js';
 import { aiSpendPeriod, AI_SPEND_RANGE_DAYS, evidenceFacts, monthlySavingLabel, evidenceWindowDays, shortRunId, DISMISS_REASONS, MAX_DISMISS_NOTE_LENGTH, aiCost, formatTokens, runsOfWorkflowPath } from './chunk-NZAYYUQ4.js';
-import { useDataSinks, useDataSinkData, useInsightsData, useRunReplayActions } from './chunk-SALZ3LQB.js';
+import { useDataSinks, useDataSinkData, useInsightsData, useRunReplayActions } from './chunk-KJT5TAOE.js';
 import { proposalCanvasPath } from './chunk-GLYINMOR.js';
-import { useContinuousOptimisationEnabled } from './chunk-3QCRKKTI.js';
+import { useContinuousOptimisationEnabled } from './chunk-HSTP2RX3.js';
 import { useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, SdkPermissionButton } from './chunk-5375NUIO.js';
 import { SetContinuousOptimisationEnabledDocument, FgRunOptimisationScanDocument, ProposeOptimisationDocument, WorkflowProposalDocument, DismissOptimisationSuggestionDocument, SnoozeOptimisationSuggestionDocument, WorkspaceAiUsageDocument, OptimisationSuggestionsDocument, ContinuousOptimisationSettingsDocument } from './chunk-Z3ABLERJ.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-3IXU7WUC.js';
-import { throwIfResultError } from './chunk-US5QSLPV.js';
+import { getFluidGridsClient } from './chunk-PDODDDHY.js';
+import { throwIfResultError } from './chunk-JKLZ6YZ3.js';
 import { useState, useMemo, useEffect, useRef, useCallback } from 'react';
 import { Icon } from '@iconify/react';
 import { Button } from '@burdenoff/fe-libs/button';
@@ -17,6 +17,71 @@ import { useNavigate, Link } from 'react-router';
 import { toast } from 'sonner';
 import { Lightbulb, Scissors, Timer, ShieldCheck, DatabaseZap, BadgeDollarSign, RotateCcw } from 'lucide-react';
 
+// 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);

package/dist/{chunk-X25NCWG2.js → chunk-GBQC5WDH.js}

@@ -1,9 +1,10 @@
-import { Card, FluidGridsMark } from './chunk-62CCBMDC.js';
+import { useNodeSelectedEvent, Card, FluidGridsMark } from './chunk-OTOQFZFO.js';
 import { Input } from './chunk-IEVSFCFS.js';
 import { Button } from './chunk-BQXVT32O.js';
-import { useWorkflowDefinition } from './chunk-QFGZXWTM.js';
-import { FluidGridsProvider, useFlowStore } from './chunk-3QCRKKTI.js';
+import { useWorkflowDefinition } from './chunk-EIMTOK6E.js';
+import { FluidGridsProvider } from './chunk-HSTP2RX3.js';
 import { cn } from './chunk-JL7CASN5.js';
+import { useFlowStore } from './chunk-TGWDFLEX.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { MarkerType, ReactFlowProvider, useReactFlow, ReactFlow, Background, Controls, MiniMap, Handle, Position } from '@xyflow/react';
@@ -11,9 +12,10 @@ import { useShallow } from 'zustand/shallow';
 import { edgeColor, nodeCategoryColor } from '@burdenoff/fe-libs/shared/utils';
 import '@xyflow/react/dist/style.css';
 import { ArrowLeft, Save, Play, Trash2 } from 'lucide-react';
-import { useTheme } from '@burdenoff/fe-libs/shared/hooks/shell';
+import { useThemeOrNull, useTheme } from '@burdenoff/fe-libs/shared/hooks/shell';
 import { Toaster as Toaster$1 } from 'sonner';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { ThemeProvider } from '@burdenoff/fe-libs/shared/providers/shell';
 import { useParams, Navigate } from 'react-router';
 import { Icon } from '@iconify/react';
 
@@ -36,6 +38,11 @@ var Toaster = ({ ...props }) => {
     }
   );
 };
+function EnsureThemeProvider({ children }) {
+  const hostTheme = useThemeOrNull();
+  if (hostTheme) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(ThemeProvider, { children });
+}
 var defaultEdgeOptions = {
   type: "smoothstep",
   markerEnd: {
@@ -153,6 +160,7 @@ function FlowBuilderInner({
 }) {
   const reactFlowInstance = useReactFlow();
   const tr = useTr();
+  useNodeSelectedEvent();
   const setWorkflow = useFlowStore((s) => s.actions.setWorkflow);
   const resetWorkflow = useFlowStore((s) => s.actions.resetWorkflow);
   const deleteNode = useFlowStore((s) => s.actions.nodes.deleteNode);
@@ -474,10 +482,10 @@ function FlowBuilderInner({
   );
 }
 function WorkflowBuilderCore(props) {
-  return /* @__PURE__ */ jsxs(ReactFlowProvider, { children: [
+  return /* @__PURE__ */ jsx(EnsureThemeProvider, { children: /* @__PURE__ */ jsxs(ReactFlowProvider, { children: [
     /* @__PURE__ */ jsx(FlowBuilderInner, { ...props }),
     /* @__PURE__ */ jsx(Toaster, { richColors: true, position: "bottom-center", duration: 2e3 })
-  ] });
+  ] }) });
 }
 function WorkflowBuilder({
   workflowId,
@@ -560,4 +568,4 @@ function WorkflowSearchRedirect() {
   );
 }
 
-export { WorkflowBuilder, WorkflowBuilderCore, WorkflowSearchRedirect };
+export { EnsureThemeProvider, WorkflowBuilder, WorkflowBuilderCore, WorkflowSearchRedirect };