@burdenoff/fluidgrids-fe-sdk 2026.1104.3 → 2026.1105.1

package/README.md

@@ -237,6 +237,44 @@ The SDK uses Tailwind CSS for styling. Make sure you have Tailwind configured in
 import '@burdenoff/fluidgrids-fe-sdk/styles.css';
 ```
 
+## Embedding: theme, token refresh and events (BOFF-9961)
+
+`FluidGridsProvider`, `FluidGridsRoot` and `WorkflowBuilder` take three
+embedding props (also settable with `setFluidGridsConfig`):
+
+```tsx
+<FluidGridsProvider
+  workspaceId={workspaceId}
+  apiGatewayUrl={workspaceGraphqlUrl}
+  authToken={token}
+  theme={{ mode: 'light', colors: { primary: '#2563eb' }, radius: { base: '10px' } }}
+  auth={{ onTokenExpired: () => session.refresh() }}
+  onEvent={(name, payload) => {
+    if (name === 'run:completed') console.log(payload.runId, payload.status);
+  }}
+>
+  {children}
+</FluidGridsProvider>
+```
+
+- **`theme`** — `"light"`, `"dark"` or `{ mode?, colors?, radius?, font? }`.
+  Each token maps to fe-libs semantic CSS variables (`FLUIDGRIDS_THEME_TOKEN_MAP`);
+  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`.
+- **`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
+  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).
+
+Full guide: [docs.fluidgrids.ai/developers/embedding](https://docs.fluidgrids.ai/developers/embedding).
+
 ## Branding
 
 Every workflow canvas the SDK renders — `WorkflowBuilder`, `WorkflowBuilderCore`,

package/dist/ExecutionDetailPage-YBAMVPMB.js

@@ -0,0 +1,26 @@
+export { ExecutionDetailPage } from './chunk-L44BRLW5.js';
+import './chunk-XLI75E3D.js';
+import './chunk-MSQAULLG.js';
+import './chunk-AG3VC7Y2.js';
+import './chunk-CGR3AEZU.js';
+import './chunk-AMXJLVZN.js';
+import './chunk-5ERAJC2I.js';
+import './chunk-6P7DOBVN.js';
+import './chunk-JDLQ6QIB.js';
+import './chunk-EC2AN74G.js';
+import './chunk-Y53CVZVV.js';
+import './chunk-FNZZ5JJL.js';
+import './chunk-HOTVUVZG.js';
+import './chunk-PJAWNFJV.js';
+import './chunk-H4ERTSMX.js';
+import './chunk-C26QAWCT.js';
+import './chunk-5375NUIO.js';
+import './chunk-JL7CASN5.js';
+import './chunk-OCJTTHTS.js';
+import './chunk-AU7LACOY.js';
+import './chunk-G77IGC3Y.js';
+import './chunk-AVHBWJRY.js';
+import './chunk-UULVIT25.js';
+import './chunk-3IXU7WUC.js';
+import './chunk-US5QSLPV.js';
+import './chunk-UEG2WC3G.js';

package/dist/{WorkflowsList-YFD2RKKQ.js → ExecutionsListPage-NQIQXMTY.js}

@@ -1,20 +1,21 @@
-export { WorkflowsList } from './chunk-XCSCD3IU.js';
-import './chunk-TBHAZK52.js';
-import './chunk-5D4XS3WJ.js';
+export { ExecutionsListPage } from './chunk-6EZJ5J3B.js';
+import './chunk-MSQAULLG.js';
+import './chunk-AG3VC7Y2.js';
 import './chunk-5ERAJC2I.js';
-import './chunk-X6PIU7FE.js';
+import './chunk-EC2AN74G.js';
 import './chunk-FNZZ5JJL.js';
-import './chunk-AFX3EKFN.js';
+import './chunk-HOTVUVZG.js';
 import './chunk-PJAWNFJV.js';
 import './chunk-H4ERTSMX.js';
 import './chunk-4VJ3MDOV.js';
-import './chunk-AAIZ6S6E.js';
+import './chunk-C26QAWCT.js';
 import './chunk-5375NUIO.js';
 import './chunk-JL7CASN5.js';
 import './chunk-OCJTTHTS.js';
-import './chunk-PXIFUMLA.js';
-import './chunk-6AMNEX2Y.js';
+import './chunk-AU7LACOY.js';
 import './chunk-G77IGC3Y.js';
 import './chunk-AVHBWJRY.js';
 import './chunk-UULVIT25.js';
-import './chunk-NTWG3CJX.js';
+import './chunk-3IXU7WUC.js';
+import './chunk-US5QSLPV.js';
+import './chunk-UEG2WC3G.js';

package/dist/{WorkflowBuilder-4I44FWII.js → WorkflowBuilder-CRR5WP4V.js}

@@ -1,31 +1,32 @@
-export { WorkflowBuilder } from './chunk-OMB3WMDQ.js';
-import './chunk-TBHAZK52.js';
+export { WorkflowBuilder } from './chunk-MQN6YDX4.js';
+import './chunk-HLAUK5GM.js';
 import './chunk-PIKYQE7P.js';
-import './chunk-DFIX6YWP.js';
+import './chunk-I3QPAEL6.js';
 import './chunk-GEMNVFPK.js';
 import './chunk-B6CCE2RW.js';
 import './chunk-IEVSFCFS.js';
 import './chunk-YXMFRQYV.js';
 import './chunk-BQXVT32O.js';
-import './chunk-YYVRBROH.js';
-import './chunk-5UHAB75U.js';
-import './chunk-X6PIU7FE.js';
-import './chunk-BIB7IH26.js';
+import './chunk-FJSXXO5W.js';
+import './chunk-GVIYGJQG.js';
+import './chunk-O2EB7UT2.js';
+import './chunk-6P7DOBVN.js';
 import './chunk-JDLQ6QIB.js';
-import './chunk-F7LQL43U.js';
+import './chunk-EC2AN74G.js';
 import './chunk-Y53CVZVV.js';
-import './chunk-KHXRYQYP.js';
-import './chunk-AFX3EKFN.js';
+import './chunk-4QB6S7YW.js';
+import './chunk-HOTVUVZG.js';
 import './chunk-GLYINMOR.js';
 import './chunk-H4ERTSMX.js';
 import './chunk-4VJ3MDOV.js';
-import './chunk-AAIZ6S6E.js';
+import './chunk-C26QAWCT.js';
 import './chunk-5375NUIO.js';
 import './chunk-JL7CASN5.js';
 import './chunk-OCJTTHTS.js';
-import './chunk-PXIFUMLA.js';
-import './chunk-6AMNEX2Y.js';
+import './chunk-AU7LACOY.js';
 import './chunk-G77IGC3Y.js';
 import './chunk-AVHBWJRY.js';
 import './chunk-UULVIT25.js';
-import './chunk-NTWG3CJX.js';
+import './chunk-3IXU7WUC.js';
+import './chunk-US5QSLPV.js';
+import './chunk-UEG2WC3G.js';

package/dist/{ExecutionsListPage-EZ65FXER.js → WorkflowsList-EV725VG5.js}

@@ -1,20 +1,21 @@
-export { ExecutionsListPage } from './chunk-NJRCAE6K.js';
-import './chunk-XNU2PLJ2.js';
-import './chunk-5D4XS3WJ.js';
+export { WorkflowsList } from './chunk-DANOMJ5I.js';
+import './chunk-HLAUK5GM.js';
+import './chunk-AG3VC7Y2.js';
 import './chunk-5ERAJC2I.js';
-import './chunk-F7LQL43U.js';
+import './chunk-O2EB7UT2.js';
 import './chunk-FNZZ5JJL.js';
-import './chunk-AFX3EKFN.js';
+import './chunk-HOTVUVZG.js';
 import './chunk-PJAWNFJV.js';
 import './chunk-H4ERTSMX.js';
 import './chunk-4VJ3MDOV.js';
-import './chunk-AAIZ6S6E.js';
+import './chunk-C26QAWCT.js';
 import './chunk-5375NUIO.js';
 import './chunk-JL7CASN5.js';
 import './chunk-OCJTTHTS.js';
-import './chunk-PXIFUMLA.js';
-import './chunk-6AMNEX2Y.js';
+import './chunk-AU7LACOY.js';
 import './chunk-G77IGC3Y.js';
 import './chunk-AVHBWJRY.js';
 import './chunk-UULVIT25.js';
-import './chunk-NTWG3CJX.js';
+import './chunk-3IXU7WUC.js';
+import './chunk-US5QSLPV.js';
+import './chunk-UEG2WC3G.js';

package/dist/{agentTools-SZZN6TP3.js → agentTools-PN4W7QZH.js}

@@ -1,15 +1,16 @@
-import { nodeTitle, selectedOperationOf, paramsFromOperation, fixedParameterState } from './chunk-4YCMMBSK.js';
-import { computeAttachPosition } from './chunk-5UHAB75U.js';
-import { NODE_CONFIGS, createConfiguredNode, resolveOutputHandles, resolveInputHandles, isNodeConfigsInitialized, useFlowStore, useSaveStatusStore, autosaveAllowedFor, isFlowComplete, isNodeTypeHiddenFromPalette } from './chunk-AAIZ6S6E.js';
+import { nodeTitle, selectedOperationOf, paramsFromOperation, fixedParameterState } from './chunk-2QOAJF7V.js';
+import { computeAttachPosition } from './chunk-GVIYGJQG.js';
+import { NODE_CONFIGS, createConfiguredNode, resolveOutputHandles, resolveInputHandles, isNodeConfigsInitialized, useFlowStore, useSaveStatusStore, autosaveAllowedFor, isFlowComplete, isNodeTypeHiddenFromPalette } from './chunk-C26QAWCT.js';
 import './chunk-5375NUIO.js';
 import './chunk-JL7CASN5.js';
 import './chunk-OCJTTHTS.js';
-import './chunk-PXIFUMLA.js';
-import './chunk-6AMNEX2Y.js';
+import './chunk-AU7LACOY.js';
 import './chunk-G77IGC3Y.js';
 import './chunk-AVHBWJRY.js';
 import './chunk-UULVIT25.js';
-import './chunk-NTWG3CJX.js';
+import './chunk-3IXU7WUC.js';
+import './chunk-US5QSLPV.js';
+import './chunk-UEG2WC3G.js';
 import { defineAgentTool, AgentToolError } from '@burdenoff/fe-libs/shared/agent-tools';
 import { z } from 'zod';
 

package/dist/{chunk-4YCMMBSK.js → chunk-2QOAJF7V.js}

@@ -1,8 +1,8 @@
-import { structuredParameterType, parseParameterValue, liveInternalOperations, resolveNodeOperation, readDisplayOptions, getNodeDetail, useFlowStore, useNodeRegistryRevision, fieldsFromIO, pathToExpression, NODE_CONFIGS, resolveUiSpec, fieldsFromValue, declaredOutputFields, subscribeWorkflowSaved } from './chunk-AAIZ6S6E.js';
+import { structuredParameterType, parseParameterValue, liveInternalOperations, resolveNodeOperation, readDisplayOptions, getNodeDetail, useFlowStore, useNodeRegistryRevision, fieldsFromIO, pathToExpression, NODE_CONFIGS, resolveUiSpec, fieldsFromValue, declaredOutputFields, subscribeWorkflowSaved } from './chunk-C26QAWCT.js';
 import { useBuilderReadOnly } from './chunk-OCJTTHTS.js';
 import { EventRegistrationsDocument } from './chunk-AVHBWJRY.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClientSafe } from './chunk-NTWG3CJX.js';
+import { getFluidGridsClientSafe } from './chunk-3IXU7WUC.js';
 import { useMemo, useState, useEffect, useRef, useCallback } from 'react';
 import { Icon } from '@iconify/react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-NTWG3CJX.js → chunk-3IXU7WUC.js}

@@ -1,3 +1,4 @@
+import { createLiveTokenReader, createFluidGridsTokenRefreshLink } from './chunk-US5QSLPV.js';
 import { createHttpLink, split, ApolloClient, InMemoryCache } from '@apollo/client/core';
 import { setContext } from '@apollo/client/link/context';
 import { getMainDefinition } from '@apollo/client/utilities';
@@ -8,33 +9,43 @@ var clientInstance = null;
 function createFluidGridsClient(config) {
   const graphqlUrl = getGraphQLUrl(config.apiGatewayUrl);
   const wsUrl = graphqlUrl.replace(/^http/, "ws");
+  const readTokens = createLiveTokenReader({
+    authToken: config.authToken,
+    workspaceToken: config.workspaceToken
+  });
   const httpLink = createHttpLink({
     uri: graphqlUrl
   });
-  const authLink = setContext((_, { headers }) => ({
-    headers: {
-      ...headers,
-      ...config.authToken && { authorization: `Bearer ${config.authToken}` },
-      ...config.workspaceToken && {
-        "x-workspace-authorization": `Bearer ${config.workspaceToken}`
-      },
-      "x-workspace-id": config.workspaceId,
-      ...config.tenantId && { "x-tenant-id": config.tenantId },
-      ...config.productId && { "x-product-id": config.productId }
-    }
-  }));
-  const wsLink = new GraphQLWsLink(
-    createClient({
-      url: wsUrl,
-      connectionParams: () => ({
-        authorization: config.authToken ? `Bearer ${config.authToken}` : "",
-        ...config.workspaceToken && {
-          "x-workspace-authorization": `Bearer ${config.workspaceToken}`
+  const authLink = setContext((_, { headers }) => {
+    const { authToken, workspaceToken } = readTokens();
+    return {
+      headers: {
+        ...headers,
+        ...authToken && { authorization: `Bearer ${authToken}` },
+        ...workspaceToken && {
+          "x-workspace-authorization": `Bearer ${workspaceToken}`
         },
         "x-workspace-id": config.workspaceId,
         ...config.tenantId && { "x-tenant-id": config.tenantId },
         ...config.productId && { "x-product-id": config.productId }
-      })
+      }
+    };
+  });
+  const wsLink = new GraphQLWsLink(
+    createClient({
+      url: wsUrl,
+      connectionParams: () => {
+        const { authToken, workspaceToken } = readTokens();
+        return {
+          authorization: authToken ? `Bearer ${authToken}` : "",
+          ...workspaceToken && {
+            "x-workspace-authorization": `Bearer ${workspaceToken}`
+          },
+          "x-workspace-id": config.workspaceId,
+          ...config.tenantId && { "x-tenant-id": config.tenantId },
+          ...config.productId && { "x-product-id": config.productId }
+        };
+      }
     })
   );
   const splitLink = split(
@@ -43,7 +54,7 @@ function createFluidGridsClient(config) {
       return definition.kind === "OperationDefinition" && definition.operation === "subscription";
     },
     wsLink,
-    authLink.concat(httpLink)
+    createFluidGridsTokenRefreshLink().concat(authLink).concat(httpLink)
   );
   return new ApolloClient({
     link: splitLink,

package/dist/{chunk-KHXRYQYP.js → chunk-4QB6S7YW.js}

@@ -1,7 +1,8 @@
-import { mergeStickyNotes, describeOperationError, throwIfResultError } from './chunk-AAIZ6S6E.js';
+import { mergeStickyNotes } from './chunk-C26QAWCT.js';
 import { WorkflowDefinitionDocument, WorkflowVersionDiffDocument } from './chunk-AVHBWJRY.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
+import { getFluidGridsClient } from './chunk-3IXU7WUC.js';
+import { describeOperationError, throwIfResultError } from './chunk-US5QSLPV.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';

package/dist/{chunk-NJRCAE6K.js → chunk-6EZJ5J3B.js}

@@ -1,10 +1,10 @@
-import { useRunStatusCounts, ExecutionStats, ExecutionFilters, ExecutionTable, ExecutionCards, ExecutionTimeline, Pagination, runStatusLabels } from './chunk-XNU2PLJ2.js';
-import { useExecutionsWithStore, useExecutionStats, useExecutionActions, useAutoRefresh, WORKFLOW_ID_MAX_LENGTH } from './chunk-5D4XS3WJ.js';
-import { useWorkflowDefinitions } from './chunk-AFX3EKFN.js';
+import { useRunStatusCounts, ExecutionStats, ExecutionFilters, ExecutionTable, ExecutionCards, ExecutionTimeline, Pagination, runStatusLabels } from './chunk-MSQAULLG.js';
+import { useExecutionsWithStore, useExecutionStats, useExecutionActions, useAutoRefresh, WORKFLOW_ID_MAX_LENGTH } from './chunk-AG3VC7Y2.js';
+import { useWorkflowDefinitions } from './chunk-HOTVUVZG.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { useDurableParityEnabled } from './chunk-AAIZ6S6E.js';
-import { useExecutionsStore } from './chunk-6AMNEX2Y.js';
+import { useDurableParityEnabled } from './chunk-C26QAWCT.js';
 import { useTr } from './chunk-UULVIT25.js';
+import { useExecutionsStore } from './chunk-UEG2WC3G.js';
 import { useRef, useCallback, useMemo, useState, useEffect } from 'react';
 import { useNavigate, useSearchParams } from 'react-router';
 import { Icon } from '@iconify/react';

package/dist/{chunk-BIB7IH26.js → chunk-6P7DOBVN.js}

@@ -1,12 +1,12 @@
 import { operatorSpec, normaliseAssertRules, describeAssertRuleProblem } from './chunk-JDLQ6QIB.js';
-import { useEntityTags, useTagEntity, useUntagEntity } from './chunk-F7LQL43U.js';
+import { useEntityTags, useTagEntity, useUntagEntity } from './chunk-EC2AN74G.js';
 import { notifyFluidGridsAiCreditsUpdated } from './chunk-Y53CVZVV.js';
 import { ErrorType } from './chunk-H4ERTSMX.js';
-import { throwIfResultError, isForbiddenError } from './chunk-AAIZ6S6E.js';
-import { getFluidGridsConfig } from './chunk-6AMNEX2Y.js';
 import { WorkflowProposalDocument, ProposeRunFixDocument, ProposeWorkflowChangeDocument, ApplyWorkflowProposalDocument, RejectWorkflowProposalDocument, CancelWorkflowProposalDocument, WorkflowTestCasesDocument, WorkflowTestRunsDocument, WorkflowTestRunDocument, CreateWorkflowTestCaseDocument, UpdateWorkflowTestCaseDocument, DeleteWorkflowTestCaseDocument, RunWorkflowTestsDocument, CreateWorkflowTestCaseFromRunDocument } from './chunk-AVHBWJRY.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
+import { getFluidGridsClient } from './chunk-3IXU7WUC.js';
+import { throwIfResultError, isForbiddenError } from './chunk-US5QSLPV.js';
+import { getFluidGridsConfig } from './chunk-UEG2WC3G.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { TagBadge, TagsWidget } from '@burdenoff/fe-libs/tag';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-5D4XS3WJ.js → chunk-AG3VC7Y2.js}

@@ -1,9 +1,10 @@
 import { REPLAY_WORKFLOW_RUN, RETRY_WORKFLOW_RUNS } from './chunk-5ERAJC2I.js';
-import { useFluidGridsAnalytics, throwIfResultError, emitRunStarted, openRunQuotaUpgradePrompt } from './chunk-AAIZ6S6E.js';
-import { useExecutionsStore } from './chunk-6AMNEX2Y.js';
+import { useFluidGridsAnalytics, emitRunStarted, openRunQuotaUpgradePrompt } from './chunk-C26QAWCT.js';
 import { ExecutionsListDocument, ExecutionDetailDocument, ExecutionStatsDocument, PauseExecutionDocument, ResumeExecutionDocument, CancelExecutionDocument, RetryNodeDocument, TriggerWorkflowDocument, TerminateExecutionDocument } from './chunk-AVHBWJRY.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
+import { getFluidGridsClient } from './chunk-3IXU7WUC.js';
+import { throwIfResultError, emitFluidGridsEvent, emitOperationErrorEvent } from './chunk-US5QSLPV.js';
+import { useExecutionsStore } from './chunk-UEG2WC3G.js';
 import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
 
 // src/modules/executions/utils/date-range.ts
@@ -385,10 +386,15 @@ function useExecutionActions() {
           executionId: run.runId,
           trigger: "manual"
         });
+        emitFluidGridsEvent("run:started", {
+          runId: run.runId,
+          workflowKey: run.workflowKey
+        });
         return { ok: true, run };
       } catch (err) {
         const error2 = err;
         setError(error2);
+        emitOperationErrorEvent("run:start", err);
         openRunQuotaUpgradePrompt(err, tr, {
           bus,
           workspaceId,
@@ -420,6 +426,10 @@ function useExecutionActions() {
             executionId: replayed.runId,
             trigger: "manual"
           });
+          emitFluidGridsEvent("run:started", {
+            runId: replayed.runId,
+            workflowKey: replayed.workflowKey
+          });
         }
         return replayed;
       } catch (err) {
@@ -455,6 +465,10 @@ function useExecutionActions() {
             executionId: run.runId,
             trigger: "manual"
           });
+          emitFluidGridsEvent("run:started", {
+            runId: run.runId,
+            workflowKey: run.workflowKey
+          });
         }
         return retried;
       } catch (err) {

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

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

package/dist/{chunk-PXIFUMLA.js → chunk-AU7LACOY.js}

@@ -1,3 +1,4 @@
+import { createLiveTokenReader, createFluidGridsTokenRefreshLink } from './chunk-US5QSLPV.js';
 import { createHttpLink, ApolloClient, InMemoryCache } from '@apollo/client/core';
 import { setContext } from '@apollo/client/link/context';
 
@@ -15,19 +16,23 @@ function createGlobalStoreClient(config) {
   const httpLink = createHttpLink({
     uri: config.globalApiUrl
   });
-  const authLink = setContext((_, { headers }) => ({
-    headers: {
-      ...headers,
-      ...config.authToken && { authorization: `Bearer ${config.authToken}` },
-      "x-workspace-id": config.workspaceId,
-      ...config.tenantId && { "x-tenant-id": config.tenantId },
-      ...config.organizationId && {
-        "x-organization-id": config.organizationId
+  const readTokens = createLiveTokenReader({ authToken: config.authToken });
+  const authLink = setContext((_, { headers }) => {
+    const { authToken } = readTokens();
+    return {
+      headers: {
+        ...headers,
+        ...authToken && { authorization: `Bearer ${authToken}` },
+        "x-workspace-id": config.workspaceId,
+        ...config.tenantId && { "x-tenant-id": config.tenantId },
+        ...config.organizationId && {
+          "x-organization-id": config.organizationId
+        }
       }
-    }
-  }));
+    };
+  });
   return new ApolloClient({
-    link: authLink.concat(httpLink),
+    link: createFluidGridsTokenRefreshLink().concat(authLink).concat(httpLink),
     cache: new InMemoryCache(),
     defaultOptions: {
       watchQuery: {

package/dist/{chunk-NIY6R42C.js → chunk-AZKVI4YN.js}

@@ -1,13 +1,14 @@
 import { CodeEditorField, normalizeCodeLanguage } from './chunk-AASHQI77.js';
-import { asRecord, ConditionTreeBuilder, SwitchRulesEditor, casesFromRules, isStringOptionList, optionText, coerceNumber, paramsFromOperation, resolveLoadOptionsSpec, optionListValues, parseMappingValue, optionListText } from './chunk-4YCMMBSK.js';
+import { asRecord, ConditionTreeBuilder, SwitchRulesEditor, casesFromRules, isStringOptionList, optionText, coerceNumber, paramsFromOperation, resolveLoadOptionsSpec, optionListValues, parseMappingValue, optionListText } from './chunk-2QOAJF7V.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-GTEBQQ7J.js';
-import { isAgentNodeType, AgentDefinitionSelectField } from './chunk-VDJFTZ2H.js';
+import { isAgentNodeType, AgentDefinitionSelectField } from './chunk-VFVN7D3A.js';
 import { readAssertRulesSetting, rowsFromRules, normaliseAssertRules, ruleFromRow, describeAssertRuleProblem, operatorSpec, ASSERT_OPERATORS, emptyAssertRuleRow } from './chunk-JDLQ6QIB.js';
-import { useFlowStore, isParamVisible, ConnectionSelector, structuredParameterType, useRunGuard, FluidGridsContext, ExpressionEditor, formatParameterValue, parseParameterValue, useFluidGridsAnalytics, throwIfResultError, openRunQuotaUpgradePrompt, describeOperationError } from './chunk-AAIZ6S6E.js';
+import { useFlowStore, isParamVisible, ConnectionSelector, structuredParameterType, useRunGuard, FluidGridsContext, ExpressionEditor, formatParameterValue, parseParameterValue, useFluidGridsAnalytics, openRunQuotaUpgradePrompt } from './chunk-C26QAWCT.js';
 import { useBuilderReadOnly } from './chunk-OCJTTHTS.js';
 import { useRunFromNodeEligibilityQuery, PreviewScheduleDocument, WebhookTestListenerDocument, StopWebhookTestListenerDocument, ListenForWebhookTestEventDocument } from './chunk-AVHBWJRY.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClientSafe, getFluidGridsClient } from './chunk-NTWG3CJX.js';
+import { getFluidGridsClientSafe, getFluidGridsClient } from './chunk-3IXU7WUC.js';
+import { throwIfResultError, describeOperationError } from './chunk-US5QSLPV.js';
 import { useId, useState, useMemo, useRef, useEffect, useContext, useCallback } from 'react';
 import { Icon } from '@iconify/react';
 import { cn } from '@burdenoff/fe-libs/utils';

package/dist/{chunk-Q72EOY4T.js → chunk-BHAKNT5M.js}

@@ -1,8 +1,8 @@
-import { Card, FluidGridsMark } from './chunk-DFIX6YWP.js';
+import { Card, FluidGridsMark } from './chunk-I3QPAEL6.js';
 import { Input } from './chunk-IEVSFCFS.js';
 import { Button } from './chunk-BQXVT32O.js';
-import { useWorkflowDefinition } from './chunk-AFX3EKFN.js';
-import { FluidGridsProvider, useFlowStore } from './chunk-AAIZ6S6E.js';
+import { useWorkflowDefinition } from './chunk-HOTVUVZG.js';
+import { FluidGridsProvider, useFlowStore } from './chunk-C26QAWCT.js';
 import { cn } from './chunk-JL7CASN5.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
@@ -494,6 +494,9 @@ function WorkflowBuilder({
   organizationId,
   workspaceClient,
   globalClient,
+  theme,
+  auth,
+  onEvent,
   ...coreProps
 }) {
   const workflow = initialWorkflow || createDefaultWorkflow(workflowId, workflowVersion);
@@ -511,6 +514,9 @@ function WorkflowBuilder({
       organizationId,
       workspaceClient,
       globalClient,
+      theme,
+      auth,
+      onEvent,
       children: /* @__PURE__ */ jsx(WorkflowBuilderCore, { workflow, ...coreProps })
     }
   );