@burdenoff/fluidgrids-fe-sdk 2026.1113.7 → 2026.1113.8

package/dist/{AiStudioPage-DZ0YBcTL.js → AiStudioPage-Di3eW5Lb.js}

@@ -1,7 +1,7 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
 import { t as ThemeProvider } from "./theme-provider-B3mIuz2d.js";
-import { a as useAiWorkflowTemplates, i as enrichDraftNodes, n as AI_DRAFT_MAX_PROMPT_LENGTH, r as draftToCanvas, t as FlowBuilderPage } from "./flow-builder-CJ00qt1Z.js";
+import { a as useAiWorkflowTemplates, i as enrichDraftNodes, n as AI_DRAFT_MAX_PROMPT_LENGTH, r as draftToCanvas, t as FlowBuilderPage } from "./flow-builder-7gVV3Y8R.js";
 import { T as buildOperationSeed, ht as classifyCreateRefusal, mt as builderPathOf, u as ensureNodeTypesLoaded } from "./FluidGridsProvider-DQP7gPxN.js";
 import { n as getFluidGridsClient } from "./client-Ctl4jmY3.js";
 import { o as throwIfResultError } from "./errors-xPZ-IbQd.js";

package/dist/{ExecutionDetailPage-CoRLOiiZ.js → ExecutionDetailPage-B2jVApvM.js}

@@ -14,16 +14,18 @@ import { n as getFluidGridsClient, r as getFluidGridsClientSafe } from "./client
 import { o as throwIfResultError, t as describeOperationError } from "./errors-xPZ-IbQd.js";
 import { r as getFluidGridsConfig } from "./config-X97zrIvn.js";
 import { i as SdkPermissionButton, s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
+import { r as runSuggestAnchorProps } from "./entities-I_0kio3q.js";
 import { t as EntityTagPicker } from "./EntityTagPicker-BppBSEJk.js";
 import { a as useRecipientLabel, n as ApprovalApprovers, t as channelLabel } from "./channel-DtF1n_ab.js";
 import { r as useRunHumanRequests } from "./useHumanRequests-DwG2tQ3f.js";
 import { a as encodedPayloadBytes, f as EffectBadge, h as useRunPolicyDecisions, i as decodePayloads, l as formatBudgetUsd, n as checkCodecServerUrl, o as isEncodedPayload, r as containsEncodedPayload, t as CodecServerError } from "./codec-client-CAYl6j46.js";
-import { _ as agentLiveReplyState, a as canSaveRunAsTestCase, g as useAgentTokenStream, n as saveRunAsTestCase, t as useWorkflowProposal, v as agentTokenStreamsFor } from "./useWorkflowProposal-UtJYycLv.js";
+import { t as useWorkflowProposal } from "./useWorkflowProposal-B9vXLKef.js";
 import { t as WorkflowProposalCard } from "./WorkflowProposalCard-SmRv_Egf.js";
 import { t as AiCreditBalanceSlot } from "./aiCreditsBridge-BuE92tKo.js";
 import { a as fetchRunFailureClusters, i as dismissRunFailureCluster, r as OPEN_STATUSES, t as BUCKET_LABELS } from "./FailureTriagePanel-DA91XKVj.js";
 import { a as useDurableRunFields, i as useDeterminismStatus, n as SignalRunDialog, o as useRunStackTrace, r as terminateDurableRun, s as RunHistoryView, t as useRunHistory } from "./useRunHistory-Bxs6LrME.js";
 import { $P as VersioningBehavior, L as AgentStepKind, LI as WorkflowUpdateWaitFor, jd as ErrorType, yI as WorkflowQueryRejectCondition } from "./graphql-types-C5Tr6508.js";
+import { _ as agentTokenStreamsFor, g as agentLiveReplyState, h as useAgentTokenStream, i as canSaveRunAsTestCase, t as saveRunAsTestCase } from "./use-workflow-tests-BUzndyWO.js";
 import { a as formatTokens, d as formatMicroUsd, o as modelLabel, r as aiCost } from "./ai-usage-D7SjIkUZ.js";
 import { _ as useWorkflowTestsEnabled, l as useDurableFunctionNodesEnabled, m as usePhaseCFlags, u as useDurableParityEnabled } from "./feature-flags-B_b8PJ6Z.js";
 import { A as revokeSignalToken, B as updateActivityOptions, D as resetActivities, E as queryRun, N as sendRunUpdate, O as resetRun, R as unpauseActivities, S as fetchSignalTokens, V as upsertRunSearchAttributes, _ as fetchPauseRules, b as fetchRunUpdate, d as failActivityById, g as fetchCodecServerSettings, i as completeActivityById, k as resetRunToLastCleanTask, s as createSignalToken, v as fetchRunControlFields, w as pauseActivities, y as fetchRunHistoryArchive } from "./api-CEnNq15C.js";
@@ -8382,6 +8384,7 @@ function ExecutionDetailPage() {
 				children: [/* @__PURE__ */ jsxs("div", { children: [
 					/* @__PURE__ */ jsxs("div", {
 						className: "flex items-center gap-3 mb-2",
+						...runSuggestAnchorProps(execution.id),
 						children: [
 							/* @__PURE__ */ jsx("h1", {
 								className: "text-2xl sm:text-3xl font-bold text-text-primary",

package/dist/{ExecutionsListPage-Dr0Ychbr.js → ExecutionsListPage-ZCmFNid9.js}

@@ -11,6 +11,7 @@ import { n as useNavigationV2 } from "./useNavigationV2-C2WeqN7d.js";
 import { a as useRunStatusCounts, c as errorAdvice, f as runStatusLabels, o as ConfirmStopRunDialog, p as RUN_STATUS_CONFIG, s as ADVICE_ERROR_TYPES, u as ExecutionStatusBadge } from "./useDurableParity-BUSM-z_7.js";
 import { t as Disclosure } from "./Disclosure-CsxDspR7.js";
 import { n as formatRunVersion } from "./run-display-BycKYSU0.js";
+import { r as runSuggestAnchorProps } from "./entities-I_0kio3q.js";
 import { Yt as formatElapsedMs, Zt as runDurationMs } from "./FluidGridsProvider-DQP7gPxN.js";
 import { r as useRunHumanRequests } from "./useHumanRequests-DwG2tQ3f.js";
 import { n as runListLinkKey, t as runListFilterFromSearch } from "./run-list-links-DZ8Q5l35.js";
@@ -1318,6 +1319,7 @@ function ExecutionTable({ executions, workflowNames, loading, canExecute = true,
 						const isSelected = selection.runIds.includes(execution.id);
 						const isExpanded = expandedRows.has(execution.id);
 						return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("tr", {
+							...runSuggestAnchorProps(execution.id),
 							className: `
                       hover:bg-surface-sunken/50 cursor-pointer transition-colors
                       ${isSelected ? "bg-action-primary-bg/10" : ""}
@@ -2238,6 +2240,7 @@ function RunsPlainTable({ executions, workflowNames, loading, canExecute = true,
 					priority: "primary",
 					cell: (run) => /* @__PURE__ */ jsxs("div", {
 						className: "flex flex-col",
+						...runSuggestAnchorProps(run.id),
 						children: [/* @__PURE__ */ jsx("span", {
 							className: "text-sm font-medium text-text-primary",
 							children: run.workflow?.name || workflowNames?.[run.workflowKey] || run.workflowKey

package/dist/{TemplatePreview-WiRz3SCv.js → TemplatePreview-DYxxlBad.js}

@@ -1,7 +1,7 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
 import { t as ThemeProvider } from "./theme-provider-B3mIuz2d.js";
-import { t as FlowBuilderPage } from "./flow-builder-CJ00qt1Z.js";
+import { t as FlowBuilderPage } from "./flow-builder-7gVV3Y8R.js";
 import { _ as useInstalledNodes, a as buildNodeCheck, c as useImportWorkflowTemplate, i as useTemplateImportFlow, n as formatTemplatePrice, o as buildRequiredNodeTypes, r as isPaidTemplate } from "./TemplateCard-UnjAFsS4.js";
 import { t as QuotaExhaustedDialog } from "./QuotaExhaustedDialog-nlnRlQ2i.js";
 import { n as WithOpenTemplateAsCode } from "./OpenTemplateAsCodeButton-BdcTxemq.js";

package/dist/TranslationBridge-Bd4aJKMs.d.ts

@@ -0,0 +1,11 @@
+
+import { ReactNode } from "react";
+type Translator = (key: string, fallback: string, params?: Record<string, string | number>) => string;
+declare const ENGLISH_FALLBACK_TRANSLATOR: Translator;
+interface FluidGridsTranslationProviderProps {
+  t: Translator;
+  children: ReactNode;
+}
+declare function FluidGridsTranslationProvider({ t, children }: FluidGridsTranslationProviderProps): import("react").JSX.Element;
+declare function useTr(): Translator;
+export { useTr as a, Translator as i, FluidGridsTranslationProvider as n, FluidGridsTranslationProviderProps as r, ENGLISH_FALLBACK_TRANSLATOR as t };

package/dist/{WorkflowBuilder-CQWz7dXc.js → WorkflowBuilder-Dp9chOr5.js}

@@ -6,7 +6,7 @@ import { t as Input } from "./input-ChT6Q-Pr.js";
 import { v as Card } from "./TemplateCard-UnjAFsS4.js";
 import { t as cn } from "./cn-QqidFIgr.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { m as FluidGridsMark, p as useNodeSelectedEvent } from "./flow-builder-CJ00qt1Z.js";
+import { m as FluidGridsMark, p as useNodeSelectedEvent } from "./flow-builder-7gVV3Y8R.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Background, Controls, Handle, MarkerType, MiniMap, Position, ReactFlow, ReactFlowProvider, useReactFlow } from "@xyflow/react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{WorkflowBuilder-BdnCh2hB.js → WorkflowBuilder-LkCC0Arp.js}

@@ -1,6 +1,6 @@
 "use client";
 import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
-import { d as releaseLeaseKeptForReload, f as useWorkflowReloadStore, t as FlowBuilderPage } from "./flow-builder-CJ00qt1Z.js";
+import { d as releaseLeaseKeptForReload, f as useWorkflowReloadStore, t as FlowBuilderPage } from "./flow-builder-7gVV3Y8R.js";
 import { n as registerLiveCanvasHandler } from "./liveCanvas-D5ytXDp8.js";
 import { r as getFluidGridsConfig } from "./config-X97zrIvn.js";
 import { n as getFluidGridsClient } from "./client-Ctl4jmY3.js";

package/dist/agent-tools.d.ts

@@ -1,3 +1,3 @@
 
-import { a as createUiMarkTools, c as FluidGridsAgentToolDeps, d as triggerNodesOf, i as UiMarkToolOptions, l as createFluidGridsAgentTools, n as resetAgentMarks, o as AgentCalloutOverlay, r as useAgentMarksStore, s as AgentCalloutOverlayProps, t as CanvasNote, u as pickTriggerNode } from "./index-CHeY7_A1.js";
+import { a as createUiMarkTools, c as FluidGridsAgentToolDeps, d as triggerNodesOf, i as UiMarkToolOptions, l as createFluidGridsAgentTools, n as resetAgentMarks, o as AgentCalloutOverlay, r as useAgentMarksStore, s as AgentCalloutOverlayProps, t as CanvasNote, u as pickTriggerNode } from "./index-BZCX9eJJ.js";
 export { AgentCalloutOverlay, type AgentCalloutOverlayProps, type CanvasNote, type FluidGridsAgentToolDeps, type UiMarkToolOptions, createFluidGridsAgentTools, createUiMarkTools, pickTriggerNode, resetAgentMarks, triggerNodesOf, useAgentMarksStore };

package/dist/agent-tools.js

@@ -1,5 +1,5 @@
 "use client";
-import { a as triggerNodesOf, i as pickTriggerNode, n as AgentCalloutOverlay, r as createFluidGridsAgentTools, t as createUiMarkTools } from "./uiMarkTools-DZ6akjQK.js";
-import { n as useAgentMarksStore, t as resetAgentMarks } from "./marksStore-DGCXjTmZ.js";
+import { a as triggerNodesOf, i as pickTriggerNode, n as AgentCalloutOverlay, r as createFluidGridsAgentTools, t as createUiMarkTools } from "./uiMarkTools-B2581Qg-.js";
+import { n as useAgentMarksStore, t as resetAgentMarks } from "./marksStore-a9oIMMot.js";
 
 export { AgentCalloutOverlay, createFluidGridsAgentTools, createUiMarkTools, pickTriggerNode, resetAgentMarks, triggerNodesOf, useAgentMarksStore };

package/dist/{canvasNoteTools-Cp3UPIM8.js → canvasNoteTools-D9RwHOz4.js}

@@ -1,5 +1,5 @@
 "use client";
-import { n as useAgentMarksStore, r as toPlainText } from "./marksStore-DGCXjTmZ.js";
+import { n as useAgentMarksStore, r as toPlainText } from "./marksStore-a9oIMMot.js";
 import { F as nodeTitle, L as paramsFromOperation, R as selectedOperationOf } from "./FluidGridsProvider-DQP7gPxN.js";
 import { A as useFlowStore } from "./node-operation-selection-BGj5YwAS.js";
 import { t as notesKeyOf } from "./notesKey-5EaREBGA.js";

package/dist/{constants-XdvUxeWK.d.ts → constants-svpG-QrV.d.ts}

@@ -1,14 +1,6 @@
 
 import { ReactElement, ReactNode } from "react";
 import { ApolloClient } from "@apollo/client/core";
-type Translator = (key: string, fallback: string, params?: Record<string, string | number>) => string;
-declare const ENGLISH_FALLBACK_TRANSLATOR: Translator;
-interface FluidGridsTranslationProviderProps {
-  t: Translator;
-  children: ReactNode;
-}
-declare function FluidGridsTranslationProvider({ t, children }: FluidGridsTranslationProviderProps): import("react").JSX.Element;
-declare function useTr(): Translator;
 declare function refreshNodeRegistry(): Promise<void>;
 interface FluidGridsClientConfig {
   apiGatewayUrl: string;
@@ -159,4 +151,4 @@ declare const FLUIDGRIDS_PERMISSIONS: {
   readonly TOOL_APPROVAL_REQUEST_EXECUTE: "tool-approval-request:execute";
 };
 type FluidGridsPermission = (typeof FLUIDGRIDS_PERMISSIONS)[keyof typeof FLUIDGRIDS_PERMISSIONS];
-export { FluidGridsTranslationProviderProps as A, isFluidGridsClientReady as C, refreshNodeRegistry as D, waitForFluidGridsClient as E, useTr as M, ENGLISH_FALLBACK_TRANSLATOR as O, getFluidGridsClientSafe as S, setFluidGridsClient as T, resetGlobalStoreClient as _, FluidGridsPermissionsProviderProps as a, createFluidGridsClient as b, SdkPermissionButton as c, SdkPermissionGateProps as d, evaluatePermissionCheck as f, getGlobalStoreClient as g, createGlobalStoreClient as h, FluidGridsPermissionsProvider as i, Translator as j, FluidGridsTranslationProvider as k, SdkPermissionButtonProps as l, GlobalClientConfig as m, FluidGridsPermission as n, FluidGridsPermissionsValue as o, useFluidGridsPermission as p, ALLOW_ALL_PERMISSIONS as r, PermissionCheck as s, FLUIDGRIDS_PERMISSIONS as t, SdkPermissionGate as u, setGlobalStoreClient as v, resetFluidGridsClient as w, getFluidGridsClient as x, FluidGridsClientConfig as y };
+export { isFluidGridsClientReady as C, refreshNodeRegistry as D, waitForFluidGridsClient as E, getFluidGridsClientSafe as S, setFluidGridsClient as T, resetGlobalStoreClient as _, FluidGridsPermissionsProviderProps as a, createFluidGridsClient as b, SdkPermissionButton as c, SdkPermissionGateProps as d, evaluatePermissionCheck as f, getGlobalStoreClient as g, createGlobalStoreClient as h, FluidGridsPermissionsProvider as i, SdkPermissionButtonProps as l, GlobalClientConfig as m, FluidGridsPermission as n, FluidGridsPermissionsValue as o, useFluidGridsPermission as p, ALLOW_ALL_PERMISSIONS as r, PermissionCheck as s, FLUIDGRIDS_PERMISSIONS as t, SdkPermissionGate as u, setGlobalStoreClient as v, resetFluidGridsClient as w, getFluidGridsClient as x, FluidGridsClientConfig as y };

package/dist/entities-I_0kio3q.js

@@ -0,0 +1,38 @@
+"use client";
+import { suggestAnchorProps } from "@burdenoff/fe-libs/shared/proactive";
+
+// src/proactive/entities.ts
+/**
+* ★ BOFF-13166: the FluidGrids reference pack of the proactive agent (epic
+* BOFF-13159). These names are a contract with the backend pack in
+* wspace-sandbox-svc (`proactive/packs/fluidgrids.ts`): a suggestion's anchor
+* and actions carry exactly these strings, so they never change here alone.
+*
+* Anchors (contract C7):
+* - `workflow_run`: entityId = the run id (the id in `/workflows/runs/<id>`);
+* - `workflow`: entityId = the workflowKey (the key in
+*   `/workflows/workflow/<key>/<version>`, the same id the assistant's page
+*   context reports), part = a canvas node id;
+* - `connection`: entityId = the integration connection id
+*   (`/integrations/connections/<id>`).
+*/
+const FLUIDGRIDS_PROACTIVE_ENTITY = {
+	run: "workflow_run",
+	workflow: "workflow",
+	connection: "connection"
+};
+/** The product-registered action types of the pack (the built-ins are fe-libs'). */
+const FLUIDGRIDS_PROACTIVE_ACTION = {
+	reviewProposal: "review-proposal",
+	proposeFix: "propose-fix",
+	openConnection: "open-connection"
+};
+/** The attribute that lets a suggestion about this run pin to an element. */
+function runSuggestAnchorProps(runId) {
+	return suggestAnchorProps({
+		entityType: FLUIDGRIDS_PROACTIVE_ENTITY.run,
+		entityId: runId
+	});
+}
+
+export { FLUIDGRIDS_PROACTIVE_ENTITY as n, runSuggestAnchorProps as r, FLUIDGRIDS_PROACTIVE_ACTION as t };

package/dist/executions.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as ExecutionsListPage } from "./ExecutionsListPage-Dr0Ychbr.js";
-import { t as ExecutionDetailPage } from "./ExecutionDetailPage-CoRLOiiZ.js";
+import { t as ExecutionsListPage } from "./ExecutionsListPage-ZCmFNid9.js";
+import { t as ExecutionDetailPage } from "./ExecutionDetailPage-B2jVApvM.js";
 
 export { ExecutionDetailPage, ExecutionsListPage };

package/dist/{flow-builder-CJ00qt1Z.js → flow-builder-7gVV3Y8R.js}

@@ -25,9 +25,9 @@ import { i as emitFluidGridsEvent } from "./token-refresh-link-BjN7H4qA.js";
 import { n as useBuilderReadOnly, t as BuilderReadOnlyProvider } from "./read-only-context-Dt9N9SIG.js";
 import { r as MAPPING_TYPE_COLORS, t as MAPPING_COMPATIBILITY_COLORS } from "./mapping-colors-BIX_YeCQ.js";
 import { n as LogsPanel } from "./logs-panel-Cn4gGng9.js";
-import { c as emptyTestCaseDraft, d as nextSortOrder, f as pinnedOutputsFromCanvas, g as useAgentTokenStream, h as testStatusTone, i as TEST_STATUS_TONE_CLASS, l as enabledCaseIds, m as testStatusLabel, o as draftFromTestCase, p as testRunSummaryText, r as useWorkflowTests, s as draftToInput, t as useWorkflowProposal, u as isTestRunOpen, y as latestAgentTokenStream } from "./useWorkflowProposal-UtJYycLv.js";
+import { a as draftFromTestCase, c as enabledCaseIds, d as pinnedOutputsFromCanvas, f as testRunSummaryText, h as useAgentTokenStream, l as isTestRunOpen, m as testStatusTone, n as useWorkflowTests, o as draftToInput, p as testStatusLabel, r as TEST_STATUS_TONE_CLASS, s as emptyTestCaseDraft, u as nextSortOrder, v as latestAgentTokenStream } from "./use-workflow-tests-BUzndyWO.js";
 import { r as useExecutionActions } from "./useExecutions-DSZisQHk.js";
-import { n as useAgentMarksStore } from "./marksStore-DGCXjTmZ.js";
+import { n as useAgentMarksStore } from "./marksStore-a9oIMMot.js";
 import { t as notesKeyOf } from "./notesKey-5EaREBGA.js";
 import { a as saveWorkflowDescription, c as CreateWorkflowRefusalDialog, i as normalizeWorkflowDescription, n as useWorkflowCodeExport, o as visibleWorkflowDescription, r as commitWorkflowDescription, s as workflowDescriptionCharactersLeft } from "./useWorkflowCodeExport-Bj4QY-xY.js";
 import { r as RUNS_QUOTA_NAME, t as BILLING_PLANS_PATH } from "./quota-Cdt8yz7N.js";
@@ -40,6 +40,7 @@ import { t as WorkflowDefinitionDocument } from "./WorkflowDefinitionDocument-DZ
 import { o as countLifecycle, t as VersionLifecycleBar } from "./VersionLifecycleBar-DuphLOT0.js";
 import { $P as VersioningBehavior, Eu as DrainageStatus, PI as WorkflowTestExpectedStatus, aI as WorkflowExportFormat, jo as CodeReplaceStatus, rI as WorkflowEnvironment } from "./graphql-types-C5Tr6508.js";
 import { t as buildNodeDisplayMap } from "./run-display-BycKYSU0.js";
+import { t as useWorkflowProposal } from "./useWorkflowProposal-B9vXLKef.js";
 import { n as useRequestedProposal } from "./useRequestedProposal-B7uPXfZB.js";
 import { t as AiCreditBalanceSlot } from "./aiCreditsBridge-BuE92tKo.js";
 import { t as downloadBlob } from "./workflow-transfer-CQnQC-ke.js";
@@ -64,6 +65,7 @@ import { AlertCircle, AlertTriangle, ArrowRight, BadgeCheck, Check, CircleHelp,
 import { isEmpty } from "radash";
 import { animate, easeOut } from "popmotion";
 import { createPortal } from "react-dom";
+import { SuggestionBadge } from "@burdenoff/fe-libs/shared/proactive";
 import { useUnsavedChanges } from "@burdenoff/fe-libs/shared/hooks";
 import { buildActorFallback, useActorProfiles } from "@burdenoff/fe-libs/shared";
 
@@ -12208,6 +12210,17 @@ function WebhookRunFollower() {
 *
 * Everything here is `data-agent="deny"`: an agent cannot read or press its
 * own notes. Messages render as React text, never as markup.
+*
+* ★ BOFF-13166: proactive AI suggestions about the open workflow (entity type
+* `workflow`, entityId = its workflowKey) are drawn here too. The shell's
+* `ProactiveProvider` hands them to the canvas adapter
+* (`proactive/workflowAnchorAdapter.ts`), which keeps them in the marks store.
+* One about a node (`part` = the node id) is a badge beside that node's note
+* pins; one about the workflow as a whole, or a node no longer on the canvas,
+* sits in a small panel at the top of the canvas. Each badge opens the shared
+* suggestion card. The layer reports the saved workflow it shows (key and node
+* ids) so the adapter knows which suggestions it can pin; an unsaved workflow
+* has no key and gets none.
 */
 const FLASH_MS = 1800;
 const RING_PAD = 8;
@@ -12315,8 +12328,15 @@ const CanvasNoteCard = ({ note, nodeOnCanvas }) => {
 		]
 	});
 };
+/** One badge per suggestion; each opens the shared suggestion card. */
+const SuggestionBadges = ({ suggestions, controls }) => /* @__PURE__ */ jsx(Fragment$1, { children: suggestions.map((suggestion) => /* @__PURE__ */ jsx(SuggestionBadge, {
+	suggestion,
+	controls,
+	side: "top",
+	align: "end"
+}, suggestion.notificationId)) });
 /** The pins above one node, and the open card. */
-const NodePins = ({ nodeId, notes }) => {
+const NodePins = ({ nodeId, notes, suggestions }) => {
 	const tr = useTr();
 	const openNoteId = useAgentMarksStore((state) => state.openNoteId);
 	const openNote = useAgentMarksStore((state) => state.actions.openNote);
@@ -12335,9 +12355,12 @@ const NodePins = ({ nodeId, notes }) => {
 			children: [open && /* @__PURE__ */ jsx(CanvasNoteCard, {
 				note: open,
 				nodeOnCanvas: true
-			}), /* @__PURE__ */ jsx("div", {
+			}), /* @__PURE__ */ jsxs("div", {
 				className: "flex gap-1",
-				children: notes.map((note) => /* @__PURE__ */ jsx("button", {
+				children: [suggestions && /* @__PURE__ */ jsx(SuggestionBadges, {
+					suggestions: suggestions.items,
+					controls: suggestions.controls
+				}), notes.map((note) => /* @__PURE__ */ jsx("button", {
 					type: "button",
 					"data-testid": "fg-canvas-note-pin",
 					"aria-expanded": note.id === openNoteId,
@@ -12348,7 +12371,7 @@ const NodePins = ({ nodeId, notes }) => {
 						"aria-hidden": "true",
 						className: "size-3.5"
 					}) : note.number
-				}, note.id))
+				}, note.id))]
 			})]
 		})
 	});
@@ -12440,10 +12463,48 @@ const NotesList = ({ notes, live }) => {
 		})
 	});
 };
+/** Suggestions about the workflow as a whole, at the top of the canvas. */
+const WorkflowSuggestionsPanel = ({ items, controls }) => {
+	const tr = useTr();
+	return /* @__PURE__ */ jsx(Panel, {
+		position: "top-center",
+		"data-agent": "deny",
+		"data-testid": "fg-canvas-suggestions",
+		className: "nodrag nopan nowheel",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 rounded-lg border border-border bg-popover px-3 py-1.5 text-xs text-foreground shadow-md",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "font-medium",
+				children: tr("fluidgrids.proactive.canvas.heading", "AI suggestions")
+			}), /* @__PURE__ */ jsx(SuggestionBadges, {
+				suggestions: items,
+				controls
+			})]
+		})
+	});
+};
+/** The saved workflow on this canvas, reported for the proactive adapter. */
+function useReportProactiveCanvas(workflowKey, nodeIds) {
+	const setCanvas = useAgentMarksStore((state) => state.actions.setCanvas);
+	useEffect(() => {
+		setCanvas(workflowKey ? {
+			workflowKey,
+			nodeIds
+		} : null);
+	}, [
+		setCanvas,
+		workflowKey,
+		nodeIds
+	]);
+	useEffect(() => () => setCanvas(null), [setCanvas]);
+}
 const CanvasNotesLayer = () => {
 	const workflowKey = useFlowStore((state) => notesKeyOf(state.workflow));
+	const savedKey = useFlowStore((state) => state.workflow.workflowKey);
 	const nodeIds = useFlowStore(useShallow((state) => state.workflow.nodes.map((node) => node.id)));
 	const allNotes = useAgentMarksStore((state) => state.notes);
+	const canvasSuggestions = useAgentMarksStore((state) => state.canvasSuggestions);
+	useReportProactiveCanvas(savedKey || void 0, nodeIds);
 	const notes = useMemo(() => allNotes.filter((note) => note.workflowKey === workflowKey), [allNotes, workflowKey]);
 	const live = useMemo(() => new Set(nodeIds), [nodeIds]);
 	const byNode = useMemo(() => {
@@ -12452,10 +12513,36 @@ const CanvasNotesLayer = () => {
 			if (!live.has(note.nodeId)) continue;
 			groups.set(note.nodeId, [...groups.get(note.nodeId) ?? [], note]);
 		}
-		return [...groups.entries()];
+		return groups;
 	}, [notes, live]);
+	const suggestions = useMemo(() => {
+		const onNode = /* @__PURE__ */ new Map();
+		const onWorkflow = [];
+		const { controls, items } = canvasSuggestions;
+		if (!controls || !savedKey) return {
+			onNode,
+			onWorkflow,
+			controls: null
+		};
+		for (const suggestion of items) {
+			if (suggestion.anchor.entityId !== savedKey) continue;
+			const part = suggestion.anchor.part;
+			if (part && live.has(part)) onNode.set(part, [...onNode.get(part) ?? [], suggestion]);
+			else onWorkflow.push(suggestion);
+		}
+		return {
+			onNode,
+			onWorkflow,
+			controls
+		};
+	}, [
+		canvasSuggestions,
+		savedKey,
+		live
+	]);
+	const pinnedNodeIds = useMemo(() => [.../* @__PURE__ */ new Set([...byNode.keys(), ...suggestions.onNode.keys()])], [byNode, suggestions]);
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsxs(ViewportPortal, { children: [byNode.map(([nodeId, nodeNotes]) => {
+		/* @__PURE__ */ jsxs(ViewportPortal, { children: [[...byNode.entries()].map(([nodeId, nodeNotes]) => {
 			const openNotes = nodeNotes.filter((note) => !note.resolved);
 			if (openNotes.length === 0) return null;
 			const tone = openNotes.some((note) => note.kind === "fix") ? "fix" : "info";
@@ -12464,10 +12551,21 @@ const CanvasNotesLayer = () => {
 				tone
 			}, nodeId);
 		}), /* @__PURE__ */ jsx(FlashRing, {})] }),
-		byNode.map(([nodeId, nodeNotes]) => /* @__PURE__ */ jsx(NodePins, {
-			nodeId,
-			notes: nodeNotes
-		}, nodeId)),
+		pinnedNodeIds.map((nodeId) => {
+			const nodeSuggestions = suggestions.onNode.get(nodeId);
+			return /* @__PURE__ */ jsx(NodePins, {
+				nodeId,
+				notes: byNode.get(nodeId) ?? [],
+				...nodeSuggestions && suggestions.controls ? { suggestions: {
+					items: nodeSuggestions,
+					controls: suggestions.controls
+				} } : {}
+			}, nodeId);
+		}),
+		suggestions.controls && suggestions.onWorkflow.length > 0 && /* @__PURE__ */ jsx(WorkflowSuggestionsPanel, {
+			items: suggestions.onWorkflow,
+			controls: suggestions.controls
+		}),
 		notes.length > 0 && /* @__PURE__ */ jsx(NotesList, {
 			notes,
 			live
@@ -19385,7 +19483,7 @@ const FlowBuilder = ({ readOnly = false, fitToScreen = false }) => {
 	useEffect(() => {
 		fitViewRef.current = fitView;
 	}, [fitView]);
-	useLazyAgentTools(() => import("./canvasNoteTools-Cp3UPIM8.js").then(({ createCanvasNoteTools }) => createCanvasNoteTools({ focusNode: (nodeId) => fitViewRef.current({
+	useLazyAgentTools(() => import("./canvasNoteTools-D9RwHOz4.js").then(({ createCanvasNoteTools }) => createCanvasNoteTools({ focusNode: (nodeId) => fitViewRef.current({
 		nodes: [{ id: nodeId }],
 		duration: 400,
 		padding: .6,

package/dist/{index-Df6NgmmH.d.ts → index-8Ai8teoo.d.ts}

@@ -1,7 +1,7 @@
 
 import { f as FluidGridsTheme, r as FluidGridsRefreshedTokens } from "./index-72XFgvbn.js";
 import { R as FluidGridsProviderProps, w as WorkflowData } from "./index-RWAuYE2j.js";
-import { j as Translator } from "./constants-XdvUxeWK.js";
+import { i as Translator } from "./TranslationBridge-Bd4aJKMs.js";
 import { t as RunsQuota } from "./runsQuota-DsniKiSg.js";
 import * as React$2 from "react";
 import { HTMLAttributes, InputHTMLAttributes } from "react";

package/dist/{index-CHeY7_A1.d.ts → index-BZCX9eJJ.d.ts}

@@ -1,5 +1,6 @@
 
 import { FC } from "react";
+import { ProactiveSuggestion, SuggestionControls } from "@burdenoff/fe-libs/shared/proactive";
 import { AnyDefinedAgentTool } from "@burdenoff/fe-libs/shared/agent-tools";
 declare const AGENT_OPERATIONS: {
   readonly AgentFindWorkflows: "\n  query AgentFindWorkflows($input: ListWorkflowDefinitionsInput!) {\n    workflowDefinitions(input: $input) {\n      total\n      hasMore\n      items { id name workflowKey version status updatedAt workspaceId deletedAt description }\n    }\n  }\n";
@@ -72,6 +73,14 @@ interface NewCanvasNote {
   kind: CanvasNoteKind;
   message: string;
 }
+interface ProactiveCanvas {
+  workflowKey: string;
+  nodeIds: readonly string[];
+}
+interface CanvasSuggestions {
+  items: readonly ProactiveSuggestion[];
+  controls: SuggestionControls | null;
+}
 interface AgentMarksState {
   callouts: AgentCallout[];
   notes: CanvasNote[];
@@ -81,6 +90,8 @@ interface AgentMarksState {
     nodeId: string;
     token: number;
   } | null;
+  canvas: ProactiveCanvas | null;
+  canvasSuggestions: CanvasSuggestions;
   actions: {
     addCallout: (callout: {
       label: string;
@@ -98,6 +109,8 @@ interface AgentMarksState {
     clearNotes: (workflowKey?: string) => number;
     openNote: (id: string | null) => void;
     flashNode: (nodeId: string) => void;
+    setCanvas: (canvas: ProactiveCanvas | null) => void;
+    setCanvasSuggestions: (items: readonly ProactiveSuggestion[], controls: SuggestionControls | null) => void;
   };
 }
 declare const useAgentMarksStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AgentMarksState>>;