@uipath/apollo-react 6.26.0 → 6.27.0

package/dist/canvas/components/AgentCanvas/AgentFlow.cjs

@@ -43,10 +43,12 @@ const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_BaseCanvas_index_cjs_namespaceObject = require("../BaseCanvas/index.cjs");
+const NodeRegistryProvider_cjs_namespaceObject = require("../../core/NodeRegistryProvider.cjs");
 const external_types_cjs_namespaceObject = require("../../types.cjs");
 const props_helpers_cjs_namespaceObject = require("../../utils/props-helpers.cjs");
 const external_CanvasPositionControls_cjs_namespaceObject = require("../CanvasPositionControls.cjs");
 const external_StickyNoteNode_index_cjs_namespaceObject = require("../StickyNoteNode/index.cjs");
+const external_agent_flow_manifest_cjs_namespaceObject = require("./agent-flow.manifest.cjs");
 const PaneContextMenu_cjs_namespaceObject = require("./components/PaneContextMenu.cjs");
 const SuggestionGroupPanel_cjs_namespaceObject = require("./components/SuggestionGroupPanel.cjs");
 const TimelinePlayer_cjs_namespaceObject = require("./components/TimelinePlayer.cjs");
@@ -55,8 +57,6 @@ const Edge_cjs_namespaceObject = require("./edges/Edge.cjs");
 const AgentNode_cjs_namespaceObject = require("./nodes/AgentNode.cjs");
 const ResourceNode_cjs_namespaceObject = require("./nodes/ResourceNode.cjs");
 const agent_flow_store_cjs_namespaceObject = require("./store/agent-flow-store.cjs");
-const NodeRegistryProvider_cjs_namespaceObject = require("../../core/NodeRegistryProvider.cjs");
-const external_agent_flow_manifest_cjs_namespaceObject = require("./agent-flow.manifest.cjs");
 const ToolbarContainer = styled_default().div`
   display: flex;
   align-items: center;
@@ -166,7 +166,7 @@ const createResourceNodeWrapper = (opts)=>(props)=>{
             suggestionGroupVersion: opts.suggestionGroupVersion
         });
     };
-const AgentFlowInner = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ children, mode, spans, onEnable, onDisable, onAddBreakpoint, onRemoveBreakpoint, onAddGuardrail, onGoToSource, onErrorAction, onAddResource: _onAddResource, onSelectResource, setSpanForSelectedNode, getNodeFromSelectedSpan, onExpandResource, onCollapseResource, agentNodeTranslations, resourceNodeTranslations, stickyNoteNodeTranslations, canvasTranslations, enableTimelinePlayer, canvasRef, enableMcpTools, enableMemory, enableA2a, enableStickyNotes, enableInstructions, healthScore, onHealthScoreClick, suggestionTranslations, suggestionGroup, onAgentNodePositionChange, onResourceNodePositionChange, onOrganize, onUpdateStickyNote, zoomLevel, onZoomLevelChange })=>{
+const AgentFlowInner = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ children, mode, readOnlyNodeIds, spans, onEnable, onDisable, onAddBreakpoint, onRemoveBreakpoint, onAddGuardrail, onGoToSource, onErrorAction, onAddResource: _onAddResource, onSelectResource, setSpanForSelectedNode, getNodeFromSelectedSpan, onExpandResource, onCollapseResource, agentNodeTranslations, resourceNodeTranslations, stickyNoteNodeTranslations, canvasTranslations, enableTimelinePlayer, canvasRef, enableMcpTools, enableMemory, enableA2a, enableStickyNotes, enableInstructions, healthScore, onHealthScoreClick, suggestionTranslations, suggestionGroup, onAgentNodePositionChange, onResourceNodePositionChange, onOrganize, onUpdateStickyNote, zoomLevel, onZoomLevelChange })=>{
     const { nodes, edges, onNodesChange, onEdgesChange, onConnect, autoArrange, setSelectedNodeId, selectedNodeId, setDragging, expandAgent, collapseAgent, createResourcePlaceholder, actOnSuggestionGroup, currentSuggestionIndex, navigateToNextSuggestion, navigateToPreviousSuggestion, addStickyNote, paneContextMenu, openPaneContextMenu, closePaneContextMenu } = (0, agent_flow_store_cjs_namespaceObject.useAgentFlowStore)();
     const nodeTypesBase = (0, external_react_namespaceObject.useMemo)(()=>({
             stickyNote: (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_index_cjs_namespaceObject.StickyNoteNode, {
@@ -449,6 +449,7 @@ const AgentFlowInner = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({
                     nodeTypes: nodeTypes,
                     edgeTypes: edgeTypes,
                     mode: mode,
+                    readOnlyNodeIds: readOnlyNodeIds,
                     initialAutoLayout: autoArrange,
                     fitViewOptions: adjustedFitViewOptions,
                     defaultViewport: defaultViewport,

package/dist/canvas/components/AgentCanvas/AgentFlow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentFlow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AgentCanvas/AgentFlow.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,OAAO,EAIL,KAAK,cAAc,EAcpB,MAAM,aAAa,CAAC;AAqsBrB,eAAO,MAAM,SAAS,GAAI,OAAO,iBAAiB,CAAC,cAAc,CAAC,4CAQjE,CAAC"}
+{"version":3,"file":"AgentFlow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AgentCanvas/AgentFlow.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,OAAO,EAIL,KAAK,cAAc,EAcpB,MAAM,aAAa,CAAC;AAssBrB,eAAO,MAAM,SAAS,GAAI,OAAO,iBAAiB,CAAC,cAAc,CAAC,4CAQjE,CAAC"}

package/dist/canvas/components/AgentCanvas/AgentFlow.js

@@ -5,10 +5,12 @@ import { Panel, useReactFlow } from "../../xyflow/react.js";
 import { StickyNote } from "lucide-react";
 import { memo, useCallback, useEffect, useMemo, useRef } from "react";
 import { BaseCanvas } from "../BaseCanvas/index.js";
+import { NodeRegistryProvider } from "../../core/NodeRegistryProvider.js";
 import { DefaultAgentNodeTranslations, DefaultCanvasTranslations, DefaultResourceNodeTranslations, DefaultStickyNoteNodeTranslations, DefaultSuggestionTranslations, isAgentFlowAgentNode, isAgentFlowResourceNode, isStickyNoteNode } from "../../types.js";
 import { hasAgentRunning } from "../../utils/props-helpers.js";
 import { CanvasPositionControls } from "../CanvasPositionControls.js";
 import { StickyNoteNode } from "../StickyNoteNode/index.js";
+import { agentFlowManifest } from "./agent-flow.manifest.js";
 import { PaneContextMenu } from "./components/PaneContextMenu.js";
 import { SuggestionGroupPanel } from "./components/SuggestionGroupPanel.js";
 import { TimelinePlayer } from "./components/TimelinePlayer.js";
@@ -17,8 +19,6 @@ import { Edge } from "./edges/Edge.js";
 import { AgentNodeElement } from "./nodes/AgentNode.js";
 import { ResourceNode } from "./nodes/ResourceNode.js";
 import { AgentFlowProvider, useAgentFlowStore } from "./store/agent-flow-store.js";
-import { NodeRegistryProvider } from "../../core/NodeRegistryProvider.js";
-import { agentFlowManifest } from "./agent-flow.manifest.js";
 const ToolbarContainer = styled.div`
   display: flex;
   align-items: center;
@@ -128,7 +128,7 @@ const createResourceNodeWrapper = (opts)=>(props)=>{
             suggestionGroupVersion: opts.suggestionGroupVersion
         });
     };
-const AgentFlowInner = /*#__PURE__*/ memo(({ children, mode, spans, onEnable, onDisable, onAddBreakpoint, onRemoveBreakpoint, onAddGuardrail, onGoToSource, onErrorAction, onAddResource: _onAddResource, onSelectResource, setSpanForSelectedNode, getNodeFromSelectedSpan, onExpandResource, onCollapseResource, agentNodeTranslations, resourceNodeTranslations, stickyNoteNodeTranslations, canvasTranslations, enableTimelinePlayer, canvasRef, enableMcpTools, enableMemory, enableA2a, enableStickyNotes, enableInstructions, healthScore, onHealthScoreClick, suggestionTranslations, suggestionGroup, onAgentNodePositionChange, onResourceNodePositionChange, onOrganize, onUpdateStickyNote, zoomLevel, onZoomLevelChange })=>{
+const AgentFlowInner = /*#__PURE__*/ memo(({ children, mode, readOnlyNodeIds, spans, onEnable, onDisable, onAddBreakpoint, onRemoveBreakpoint, onAddGuardrail, onGoToSource, onErrorAction, onAddResource: _onAddResource, onSelectResource, setSpanForSelectedNode, getNodeFromSelectedSpan, onExpandResource, onCollapseResource, agentNodeTranslations, resourceNodeTranslations, stickyNoteNodeTranslations, canvasTranslations, enableTimelinePlayer, canvasRef, enableMcpTools, enableMemory, enableA2a, enableStickyNotes, enableInstructions, healthScore, onHealthScoreClick, suggestionTranslations, suggestionGroup, onAgentNodePositionChange, onResourceNodePositionChange, onOrganize, onUpdateStickyNote, zoomLevel, onZoomLevelChange })=>{
     const { nodes, edges, onNodesChange, onEdgesChange, onConnect, autoArrange, setSelectedNodeId, selectedNodeId, setDragging, expandAgent, collapseAgent, createResourcePlaceholder, actOnSuggestionGroup, currentSuggestionIndex, navigateToNextSuggestion, navigateToPreviousSuggestion, addStickyNote, paneContextMenu, openPaneContextMenu, closePaneContextMenu } = useAgentFlowStore();
     const nodeTypesBase = useMemo(()=>({
             stickyNote: (props)=>/*#__PURE__*/ jsx(StickyNoteNode, {
@@ -411,6 +411,7 @@ const AgentFlowInner = /*#__PURE__*/ memo(({ children, mode, spans, onEnable, on
                     nodeTypes: nodeTypes,
                     edgeTypes: edgeTypes,
                     mode: mode,
+                    readOnlyNodeIds: readOnlyNodeIds,
                     initialAutoLayout: autoArrange,
                     fitViewOptions: adjustedFitViewOptions,
                     defaultViewport: defaultViewport,

package/dist/canvas/components/AgentCanvas/nodes/AgentNode.cjs

@@ -32,6 +32,7 @@ const react_cjs_namespaceObject = require("../../../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
 const external_types_cjs_namespaceObject = require("../../../types.cjs");
 const icon_registry_cjs_namespaceObject = require("../../../utils/icon-registry.cjs");
+const ReadOnlyNodesContext_cjs_namespaceObject = require("../../BaseCanvas/ReadOnlyNodesContext.cjs");
 const BaseNode_cjs_namespaceObject = require("../../BaseNode/BaseNode.cjs");
 const BaseNodeConfigContext_cjs_namespaceObject = require("../../BaseNode/BaseNodeConfigContext.cjs");
 const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("../../FloatingCanvasPanel/index.cjs");
@@ -118,6 +119,8 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
         hasSuccess,
         hasRunning
     ]);
+    const isNodeReadOnly = (0, ReadOnlyNodesContext_cjs_namespaceObject.useIsNodeReadOnly)(id);
+    const canEditNode = 'design' === mode && !isNodeReadOnly;
     const displayMemory = true === enableMemory && ('design' === mode || 'view' === mode && hasMemory);
     const displayContext = 'design' === mode || 'view' === mode && hasContext;
     const displayEscalation = 'design' === mode || 'view' === mode && hasEscalation;
@@ -135,7 +138,7 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
             type: 'source',
             handleType: 'artifact',
             label: translations.memory,
-            showButton: 'design' === mode && !hasMemory,
+            showButton: canEditNode && !hasMemory,
             labelBackgroundColor: 'var(--canvas-background-secondary)',
             visible: displayMemory,
             onAction: (_e)=>{
@@ -147,7 +150,7 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
             type: 'source',
             handleType: 'artifact',
             label: translations.escalations,
-            showButton: 'design' === mode,
+            showButton: canEditNode,
             labelBackgroundColor: 'var(--canvas-background-secondary)',
             visible: displayEscalation,
             onAction: (_e)=>{
@@ -165,7 +168,7 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
                 type: 'source',
                 handleType: 'artifact',
                 label: translations.context,
-                showButton: 'design' === mode,
+                showButton: canEditNode,
                 labelBackgroundColor: 'var(--canvas-background-secondary)',
                 visible: displayContext,
                 onAction: (_e)=>{
@@ -176,7 +179,7 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
                 type: 'source',
                 handleType: 'artifact',
                 label: translations.tools,
-                showButton: 'design' === mode,
+                showButton: canEditNode,
                 labelBackgroundColor: 'var(--canvas-background-secondary)',
                 visible: displayTool || displayMcp || displayA2a,
                 onAction: (_e)=>{
@@ -193,7 +196,7 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
         }
         return configs;
     }, [
-        mode,
+        canEditNode,
         displayContext,
         displayMemory,
         displayMcp,
@@ -253,10 +256,11 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
         const hasContent = hasSystem || hasUser;
         if (hasContent) return {
             instructionsFooter: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_AgentNode_styles_cjs_namespaceObject.InstructionsPreview, {
-                onClick: (e)=>{
+                $isInteractive: canEditNode,
+                onClick: canEditNode ? (e)=>{
                     e.stopPropagation();
                     onAddInstructions?.();
-                },
+                } : void 0,
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_AgentNode_styles_cjs_namespaceObject.InstructionsLabel, {
                         children: translations.instructions
@@ -291,7 +295,7 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
             }),
             footerVariant: hasSystem && hasUser ? 'double' : 'single'
         };
-        if ('design' !== mode || !onAddInstructions) return {
+        if (!canEditNode || !onAddInstructions) return {
             instructionsFooter: null,
             footerVariant: 'none'
         };
@@ -315,7 +319,7 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
     }, [
         enableInstructions,
         data.instructions,
-        mode,
+        canEditNode,
         onAddInstructions,
         translations
     ]);

package/dist/canvas/components/AgentCanvas/nodes/AgentNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/AgentNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAIhF,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA8BlE,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,aAAa,GAAG,KAAK,KAAK,IAAI,CAAC;IAClG,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,qBAAqB,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAujBD,eAAO,MAAM,gBAAgB,8CAxDI,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,cAAc,6CAwD1B,CAAC;AAEvD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"AgentNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/AgentNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAIhF,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAIxB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA8BlE,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,aAAa,GAAG,KAAK,KAAK,IAAI,CAAC;IAClG,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,qBAAqB,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAikBD,eAAO,MAAM,gBAAgB,8CAxDI,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,cAAc,6CAwD1B,CAAC;AAEvD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}

package/dist/canvas/components/AgentCanvas/nodes/AgentNode.js

@@ -4,6 +4,7 @@ import { Position } from "../../../xyflow/react.js";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { DefaultSuggestionTranslations } from "../../../types.js";
 import { CanvasIcon } from "../../../utils/icon-registry.js";
+import { useIsNodeReadOnly } from "../../BaseCanvas/ReadOnlyNodesContext.js";
 import { BaseNode } from "../../BaseNode/BaseNode.js";
 import { BaseNodeOverrideConfigProvider } from "../../BaseNode/BaseNodeConfigContext.js";
 import { FloatingCanvasPanel } from "../../FloatingCanvasPanel/index.js";
@@ -90,6 +91,8 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
         hasSuccess,
         hasRunning
     ]);
+    const isNodeReadOnly = useIsNodeReadOnly(id);
+    const canEditNode = 'design' === mode && !isNodeReadOnly;
     const displayMemory = true === enableMemory && ('design' === mode || 'view' === mode && hasMemory);
     const displayContext = 'design' === mode || 'view' === mode && hasContext;
     const displayEscalation = 'design' === mode || 'view' === mode && hasEscalation;
@@ -107,7 +110,7 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
             type: 'source',
             handleType: 'artifact',
             label: translations.memory,
-            showButton: 'design' === mode && !hasMemory,
+            showButton: canEditNode && !hasMemory,
             labelBackgroundColor: 'var(--canvas-background-secondary)',
             visible: displayMemory,
             onAction: (_e)=>{
@@ -119,7 +122,7 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
             type: 'source',
             handleType: 'artifact',
             label: translations.escalations,
-            showButton: 'design' === mode,
+            showButton: canEditNode,
             labelBackgroundColor: 'var(--canvas-background-secondary)',
             visible: displayEscalation,
             onAction: (_e)=>{
@@ -137,7 +140,7 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
                 type: 'source',
                 handleType: 'artifact',
                 label: translations.context,
-                showButton: 'design' === mode,
+                showButton: canEditNode,
                 labelBackgroundColor: 'var(--canvas-background-secondary)',
                 visible: displayContext,
                 onAction: (_e)=>{
@@ -148,7 +151,7 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
                 type: 'source',
                 handleType: 'artifact',
                 label: translations.tools,
-                showButton: 'design' === mode,
+                showButton: canEditNode,
                 labelBackgroundColor: 'var(--canvas-background-secondary)',
                 visible: displayTool || displayMcp || displayA2a,
                 onAction: (_e)=>{
@@ -165,7 +168,7 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
         }
         return configs;
     }, [
-        mode,
+        canEditNode,
         displayContext,
         displayMemory,
         displayMcp,
@@ -225,10 +228,11 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
         const hasContent = hasSystem || hasUser;
         if (hasContent) return {
             instructionsFooter: /*#__PURE__*/ jsxs(InstructionsPreview, {
-                onClick: (e)=>{
+                $isInteractive: canEditNode,
+                onClick: canEditNode ? (e)=>{
                     e.stopPropagation();
                     onAddInstructions?.();
-                },
+                } : void 0,
                 children: [
                     /*#__PURE__*/ jsx(InstructionsLabel, {
                         children: translations.instructions
@@ -263,7 +267,7 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
             }),
             footerVariant: hasSystem && hasUser ? 'double' : 'single'
         };
-        if ('design' !== mode || !onAddInstructions) return {
+        if (!canEditNode || !onAddInstructions) return {
             instructionsFooter: null,
             footerVariant: 'none'
         };
@@ -287,7 +291,7 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
     }, [
         enableInstructions,
         data.instructions,
-        mode,
+        canEditNode,
         onAddInstructions,
         translations
     ]);

package/dist/canvas/components/AgentCanvas/nodes/AgentNode.styles.cjs

@@ -91,7 +91,7 @@ const InstructionsPreview = styled_default().div`
   font-size: 9px;
   line-height: 13px;
   color: var(--canvas-foreground-de-emp);
-  cursor: pointer;
+  cursor: ${({ $isInteractive })=>$isInteractive ? 'pointer' : 'default'};
 `;
 const InstructionsLine = styled_default().div`
   white-space: nowrap;

package/dist/canvas/components/AgentCanvas/nodes/AgentNode.styles.d.ts

@@ -9,6 +9,8 @@ export declare const InstructionsLabel: import("@emotion/styled").StyledComponen
 export declare const InstructionsPreview: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
+} & {
+    $isInteractive: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InstructionsLine: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/dist/canvas/components/AgentCanvas/nodes/AgentNode.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentNode.styles.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/AgentNode.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;qHAuBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAK7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAS/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAQ5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;yGAOpC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;yGAMjC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAIhC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAGnC,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAI3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAIhC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAGhC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;cAA0B,OAAO;yGA0B9D,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAKvB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;2GAE5B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;2GAG5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAI7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;2GAY5B,CAAC"}
+{"version":3,"file":"AgentNode.styles.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/AgentNode.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;qHAuBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAK7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;oBAAgC,OAAO;yGAStE,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAQ5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;yGAOpC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;yGAMjC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAIhC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAGnC,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAI3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAIhC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAGhC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;cAA0B,OAAO;yGA0B9D,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAKvB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;2GAE5B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;2GAG5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAI7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;2GAY5B,CAAC"}

package/dist/canvas/components/AgentCanvas/nodes/AgentNode.styles.js

@@ -37,7 +37,7 @@ const InstructionsPreview = styled.div`
   font-size: 9px;
   line-height: 13px;
   color: var(--canvas-foreground-de-emp);
-  cursor: pointer;
+  cursor: ${({ $isInteractive })=>$isInteractive ? 'pointer' : 'default'};
 `;
 const InstructionsLine = styled.div`
   white-space: nowrap;

package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAMtF,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAmBtC,eAAe,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,MAAM,EAAE,CAAC;IAM1D,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAO5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;IAOrB,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAMD,MAAM,WAAW,wBAAwB;IAKvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAOjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AASD,MAAM,WAAW,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI;IAgBvF,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAa/E,oBAAoB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAiB/D,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAyBrE,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC;CAC9D"}
+{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAMtF,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAuBtC,eAAe,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,MAAM,EAAE,CAAC;IAM1D,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAO5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;IAOrB,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAMD,MAAM,WAAW,wBAAwB;IAKvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAOjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AASD,MAAM,WAAW,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI;IAgBvF,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAa/E,oBAAoB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAiB/D,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAyBrE,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC;CAC9D"}

package/dist/canvas/components/BaseNode/BaseNode.cjs

@@ -47,6 +47,7 @@ const SmartHandle_cjs_namespaceObject = require("../ButtonHandle/SmartHandle.cjs
 const useButtonHandles_cjs_namespaceObject = require("../ButtonHandle/useButtonHandles.cjs");
 const InitialsBadge_cjs_namespaceObject = require("../shared/InitialsBadge.cjs");
 const external_Toolbar_index_cjs_namespaceObject = require("../Toolbar/index.cjs");
+const NodeToolbar_utils_cjs_namespaceObject = require("../Toolbar/NodeToolbar/NodeToolbar.utils.cjs");
 const external_BaseNodeBadgeSlot_cjs_namespaceObject = require("./BaseNodeBadgeSlot.cjs");
 const external_BaseNodeConfigContext_cjs_namespaceObject = require("./BaseNodeConfigContext.cjs");
 const external_BaseNodeContainer_cjs_namespaceObject = require("./BaseNodeContainer.cjs");
@@ -54,10 +55,6 @@ const external_BaseNodeInnerShape_cjs_namespaceObject = require("./BaseNodeInner
 const external_BaseNodeMissingManifest_cjs_namespaceObject = require("./BaseNodeMissingManifest.cjs");
 const external_NodeLabel_cjs_namespaceObject = require("./NodeLabel.cjs");
 const NEVER_SHOW_ADD_BUTTON = ()=>false;
-const disableToolbarActions = (actions)=>actions.map((action)=>'separator' === action.id ? action : {
-            ...action,
-            disabled: true
-        });
 const getContainerWidth = (shape, width)=>{
     const defaultWidth = 'rectangle' === shape ? external_constants_cjs_namespaceObject.DEFAULT_RECTANGLE_NODE_WIDTH : external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE;
     if (width && width !== external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE && width !== external_constants_cjs_namespaceObject.DEFAULT_RECTANGLE_NODE_WIDTH) return width;
@@ -179,16 +176,7 @@ const BaseNodeComponent = (props)=>{
         manifest,
         statusContext
     ]);
-    const effectiveToolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>{
-        if (!toolbarConfig || !isNodeReadOnly) return toolbarConfig;
-        return {
-            ...toolbarConfig,
-            actions: disableToolbarActions(toolbarConfig.actions),
-            ...toolbarConfig.overflowActions && {
-                overflowActions: disableToolbarActions(toolbarConfig.overflowActions)
-            }
-        };
-    }, [
+    const effectiveToolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>toolbarConfig && isNodeReadOnly ? (0, NodeToolbar_utils_cjs_namespaceObject.lockToolbarConfig)(toolbarConfig) : toolbarConfig, [
         toolbarConfig,
         isNodeReadOnly
     ]);

package/dist/canvas/components/BaseNode/BaseNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA8ChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAqtB1B,eAAO,MAAM,QAAQ,8CAzqBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAyqBmB,CAAC"}
+{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA+ChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAosB1B,eAAO,MAAM,QAAQ,8CA/pBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CA+pBmB,CAAC"}

package/dist/canvas/components/BaseNode/BaseNode.js

@@ -19,6 +19,7 @@ import { SmartHandle, SmartHandleProvider } from "../ButtonHandle/SmartHandle.js
 import { useButtonHandles } from "../ButtonHandle/useButtonHandles.js";
 import { InitialsBadge } from "../shared/InitialsBadge.js";
 import { NodeToolbar } from "../Toolbar/index.js";
+import { lockToolbarConfig } from "../Toolbar/NodeToolbar/NodeToolbar.utils.js";
 import { BaseBadgeSlot } from "./BaseNodeBadgeSlot.js";
 import { useBaseNodeOverrideConfig } from "./BaseNodeConfigContext.js";
 import { BaseContainer } from "./BaseNodeContainer.js";
@@ -26,10 +27,6 @@ import { BaseInnerShape } from "./BaseNodeInnerShape.js";
 import { MissingManifestNode } from "./BaseNodeMissingManifest.js";
 import { NodeLabel } from "./NodeLabel.js";
 const NEVER_SHOW_ADD_BUTTON = ()=>false;
-const disableToolbarActions = (actions)=>actions.map((action)=>'separator' === action.id ? action : {
-            ...action,
-            disabled: true
-        });
 const getContainerWidth = (shape, width)=>{
     const defaultWidth = 'rectangle' === shape ? DEFAULT_RECTANGLE_NODE_WIDTH : DEFAULT_NODE_SIZE;
     if (width && width !== DEFAULT_NODE_SIZE && width !== DEFAULT_RECTANGLE_NODE_WIDTH) return width;
@@ -151,16 +148,7 @@ const BaseNodeComponent = (props)=>{
         manifest,
         statusContext
     ]);
-    const effectiveToolbarConfig = useMemo(()=>{
-        if (!toolbarConfig || !isNodeReadOnly) return toolbarConfig;
-        return {
-            ...toolbarConfig,
-            actions: disableToolbarActions(toolbarConfig.actions),
-            ...toolbarConfig.overflowActions && {
-                overflowActions: disableToolbarActions(toolbarConfig.overflowActions)
-            }
-        };
-    }, [
+    const effectiveToolbarConfig = useMemo(()=>toolbarConfig && isNodeReadOnly ? lockToolbarConfig(toolbarConfig) : toolbarConfig, [
         toolbarConfig,
         isNodeReadOnly
     ]);

package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.cjs

@@ -66,7 +66,7 @@ function shouldPersistNodeChange(change) {
 function isDefaultViewport(viewport) {
     return 0 === viewport.x && 0 === viewport.y && 1 === viewport.zoom;
 }
-const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onCanvasesChange, onPathChange })=>{
+const HierarchicalCanvas = ({ mode = 'design', readOnlyNodeIds, initialCanvases, initialPath, onCanvasesChange, onPathChange })=>{
     const canvasRef = (0, external_react_namespaceObject.useRef)(null);
     const containerRef = (0, external_react_namespaceObject.useRef)(null);
     const [reactFlowInstance, setReactFlowInstance] = (0, external_react_namespaceObject.useState)(null);
@@ -349,6 +349,7 @@ const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onC
                 onInit: handleInit,
                 onToolbarAction: handleToolbarAction,
                 mode: mode,
+                readOnlyNodeIds: readOnlyNodeIds,
                 defaultViewport: currentCanvas.viewport,
                 fitView: shouldFitView,
                 fitViewOptions: {

package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts

@@ -2,6 +2,7 @@ import type React from 'react';
 import type { CanvasLevel } from '../../types/canvas.types';
 interface HierarchicalCanvasProps {
     mode?: 'view' | 'design' | 'readonly';
+    readOnlyNodeIds?: ReadonlySet<string>;
     initialCanvases?: Record<string, CanvasLevel>;
     initialPath?: string[];
     onCanvasesChange?: (canvases: Record<string, CanvasLevel>) => void;

package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HierarchicalCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/HierarchicalCanvas/HierarchicalCanvas.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAe5D,UAAU,uBAAuB;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAKtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAK9C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAMvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAInE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACzC;AAyBD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmZhE,CAAC"}
+{"version":3,"file":"HierarchicalCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/HierarchicalCanvas/HierarchicalCanvas.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAe5D,UAAU,uBAAuB;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAEtC,eAAe,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAKtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAK9C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAMvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAInE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACzC;AAyBD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqZhE,CAAC"}

package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.js

@@ -38,7 +38,7 @@ function shouldPersistNodeChange(change) {
 function isDefaultViewport(viewport) {
     return 0 === viewport.x && 0 === viewport.y && 1 === viewport.zoom;
 }
-const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onCanvasesChange, onPathChange })=>{
+const HierarchicalCanvas = ({ mode = 'design', readOnlyNodeIds, initialCanvases, initialPath, onCanvasesChange, onPathChange })=>{
     const canvasRef = useRef(null);
     const containerRef = useRef(null);
     const [reactFlowInstance, setReactFlowInstance] = useState(null);
@@ -321,6 +321,7 @@ const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onC
                 onInit: handleInit,
                 onToolbarAction: handleToolbarAction,
                 mode: mode,
+                readOnlyNodeIds: readOnlyNodeIds,
                 defaultViewport: currentCanvas.viewport,
                 fitView: shouldFitView,
                 fitViewOptions: {

package/dist/canvas/components/LoopNode/LoopNode.cjs

@@ -44,6 +44,7 @@ const nodePropsEqual_cjs_namespaceObject = require("../../utils/nodePropsEqual.c
 const toolbar_resolver_cjs_namespaceObject = require("../../utils/toolbar-resolver.cjs");
 const BaseCanvasModeProvider_cjs_namespaceObject = require("../BaseCanvas/BaseCanvasModeProvider.cjs");
 const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
+const ReadOnlyNodesContext_cjs_namespaceObject = require("../BaseCanvas/ReadOnlyNodesContext.cjs");
 const SelectionStateContext_cjs_namespaceObject = require("../BaseCanvas/SelectionStateContext.cjs");
 const BaseNodeBadgeSlot_cjs_namespaceObject = require("../BaseNode/BaseNodeBadgeSlot.cjs");
 const BaseNodeContainer_cjs_namespaceObject = require("../BaseNode/BaseNodeContainer.cjs");
@@ -51,6 +52,7 @@ const BaseNodeMissingManifest_cjs_namespaceObject = require("../BaseNode/BaseNod
 const external_ButtonHandle_index_cjs_namespaceObject = require("../ButtonHandle/index.cjs");
 const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
 const external_Toolbar_index_cjs_namespaceObject = require("../Toolbar/index.cjs");
+const NodeToolbar_utils_cjs_namespaceObject = require("../Toolbar/NodeToolbar/NodeToolbar.utils.cjs");
 const external_LoopNode_helpers_cjs_namespaceObject = require("./LoopNode.helpers.cjs");
 const external_LoopNodeExecutionCount_cjs_namespaceObject = require("./LoopNodeExecutionCount.cjs");
 const DEFAULT_LOOP_ICON = 'repeat';
@@ -173,6 +175,8 @@ function LoopNodeComponent(props) {
     ]);
     const { mode } = (0, BaseCanvasModeProvider_cjs_namespaceObject.useBaseCanvasMode)();
     const isDesignMode = 'design' === mode;
+    const isNodeReadOnly = (0, ReadOnlyNodesContext_cjs_namespaceObject.useIsNodeReadOnly)(id);
+    const canEditNode = isDesignMode && !isNodeReadOnly;
     const connectedHandleIds = (0, ConnectedHandlesContext_cjs_namespaceObject.useConnectedHandles)(id);
     const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
     const isConnecting = (0, react_cjs_namespaceObject.useStore)(NodeUtils_cjs_namespaceObject.selectIsConnecting);
@@ -245,6 +249,10 @@ function LoopNodeComponent(props) {
         statusContext,
         toolbarConfigProp
     ]);
+    const effectiveToolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>toolbarConfig && isNodeReadOnly ? (0, NodeToolbar_utils_cjs_namespaceObject.lockToolbarConfig)(toolbarConfig) : toolbarConfig, [
+        toolbarConfig,
+        isNodeReadOnly
+    ]);
     const adornments = (0, external_react_namespaceObject.useMemo)(()=>({
             ...(0, adornment_resolver_cjs_namespaceObject.resolveAdornments)(statusContext, {
                 hideExecutionStatusAdornment: true
@@ -302,8 +310,8 @@ function LoopNodeComponent(props) {
         setIsHovered(false);
     }, []);
     const shouldShowHandles = (isConnecting || selected || isHovered) && !dragging;
-    const showHandleAddButtons = isDesignMode && !multipleNodesSelected && !isConnecting && !dragging;
-    const showEmptyStateButton = isDesignMode && !hasChildNodes && !!onAddFirstChild;
+    const showHandleAddButtons = canEditNode && !multipleNodesSelected && !isConnecting && !dragging;
+    const showEmptyStateButton = canEditNode && !hasChildNodes && !!onAddFirstChild;
     const interactionState = resolveInteractionState(dragging, selected, isHovered);
     const activeStatus = suggestionType ?? validationState?.validationStatus ?? executionStatus;
     const statusBorder = (0, BaseNodeContainer_cjs_namespaceObject.getStatusBorder)(activeStatus);
@@ -328,7 +336,7 @@ function LoopNodeComponent(props) {
         "data-suggestion-type": suggestionType,
         "data-validation-status": validationState?.validationStatus,
         "aria-busy": resolvedData.loading || void 0,
-        className: (0, apollo_wind_namespaceObject.cn)('group/loop-shell relative box-border flex h-full w-full flex-col overflow-visible rounded-[20px] border bg-transparent', 'transition-[border-color,box-shadow,opacity] shadow-(--canvas-node-shadow-rest)', 'border-border', statusBorder, isHovered && 'shadow-(--canvas-node-shadow-hover)', isHovered && !hasStatusBorder && 'border-border-hover', selected && 'outline outline-2 outline-foreground-accent-muted', isDropTarget && 'bg-surface-hover outline outline-2 outline-brand', 'drag' === interactionState && 'cursor-grabbing shadow-(--canvas-node-shadow-lifted)'),
+        className: (0, apollo_wind_namespaceObject.cn)('group/loop-shell relative box-border flex h-full w-full flex-col overflow-visible rounded-[20px] border bg-transparent', 'transition-[border-color,box-shadow,opacity] shadow-(--canvas-node-shadow-rest)', 'border-border', statusBorder, isHovered && 'shadow-(--canvas-node-shadow-hover)', isHovered && !hasStatusBorder && 'border-border-hover', selected && 'outline-2 outline-foreground-accent-muted', isDropTarget && 'bg-surface-hover outline-2 outline-brand', 'drag' === interactionState && 'cursor-grabbing shadow-(--canvas-node-shadow-lifted)'),
         style: {
             ...nodeSizeStyle,
             ...display.background ? {
@@ -379,9 +387,9 @@ function LoopNodeComponent(props) {
                     onAddFirstChild: handleEmptyClick
                 })
             }) : null,
-            toolbarConfig && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbar_index_cjs_namespaceObject.NodeToolbar, {
+            effectiveToolbarConfig && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbar_index_cjs_namespaceObject.NodeToolbar, {
                 nodeId: id,
-                config: toolbarConfig,
+                config: effectiveToolbarConfig,
                 expanded: selected || isHovered,
                 hidden: dragging || multipleNodesSelected,
                 portalToNodeOverlay: true

package/dist/canvas/components/LoopNode/LoopNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAA+B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAsInF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CA4R9C;AAED,eAAO,MAAM,QAAQ,+DAA6D,CAAC"}
+{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAA+B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAsInF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CAqS9C;AAED,eAAO,MAAM,QAAQ,+DAA6D,CAAC"}

package/dist/canvas/components/LoopNode/LoopNode.js

@@ -16,6 +16,7 @@ import { areNodePropsEqualIgnoringPosition } from "../../utils/nodePropsEqual.js
 import { resolveToolbar } from "../../utils/toolbar-resolver.js";
 import { useBaseCanvasMode } from "../BaseCanvas/BaseCanvasModeProvider.js";
 import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
+import { useIsNodeReadOnly } from "../BaseCanvas/ReadOnlyNodesContext.js";
 import { useSelectionState } from "../BaseCanvas/SelectionStateContext.js";
 import { BaseBadgeSlot } from "../BaseNode/BaseNodeBadgeSlot.js";
 import { getStatusBorder } from "../BaseNode/BaseNodeContainer.js";
@@ -23,6 +24,7 @@ import { MissingManifestNode } from "../BaseNode/BaseNodeMissingManifest.js";
 import { ButtonHandles } from "../ButtonHandle/index.js";
 import { CanvasTooltip } from "../CanvasTooltip.js";
 import { NodeToolbar } from "../Toolbar/index.js";
+import { lockToolbarConfig } from "../Toolbar/NodeToolbar/NodeToolbar.utils.js";
 import { resolveContainerHandleGroups } from "./LoopNode.helpers.js";
 import { LoopNodeExecutionCount } from "./LoopNodeExecutionCount.js";
 const DEFAULT_LOOP_ICON = 'repeat';
@@ -145,6 +147,8 @@ function LoopNodeComponent(props) {
     ]);
     const { mode } = useBaseCanvasMode();
     const isDesignMode = 'design' === mode;
+    const isNodeReadOnly = useIsNodeReadOnly(id);
+    const canEditNode = isDesignMode && !isNodeReadOnly;
     const connectedHandleIds = useConnectedHandles(id);
     const { multipleNodesSelected } = useSelectionState();
     const isConnecting = useStore(selectIsConnecting);
@@ -217,6 +221,10 @@ function LoopNodeComponent(props) {
         statusContext,
         toolbarConfigProp
     ]);
+    const effectiveToolbarConfig = useMemo(()=>toolbarConfig && isNodeReadOnly ? lockToolbarConfig(toolbarConfig) : toolbarConfig, [
+        toolbarConfig,
+        isNodeReadOnly
+    ]);
     const adornments = useMemo(()=>({
             ...resolveAdornments(statusContext, {
                 hideExecutionStatusAdornment: true
@@ -274,8 +282,8 @@ function LoopNodeComponent(props) {
         setIsHovered(false);
     }, []);
     const shouldShowHandles = (isConnecting || selected || isHovered) && !dragging;
-    const showHandleAddButtons = isDesignMode && !multipleNodesSelected && !isConnecting && !dragging;
-    const showEmptyStateButton = isDesignMode && !hasChildNodes && !!onAddFirstChild;
+    const showHandleAddButtons = canEditNode && !multipleNodesSelected && !isConnecting && !dragging;
+    const showEmptyStateButton = canEditNode && !hasChildNodes && !!onAddFirstChild;
     const interactionState = resolveInteractionState(dragging, selected, isHovered);
     const activeStatus = suggestionType ?? validationState?.validationStatus ?? executionStatus;
     const statusBorder = getStatusBorder(activeStatus);
@@ -300,7 +308,7 @@ function LoopNodeComponent(props) {
         "data-suggestion-type": suggestionType,
         "data-validation-status": validationState?.validationStatus,
         "aria-busy": resolvedData.loading || void 0,
-        className: cn('group/loop-shell relative box-border flex h-full w-full flex-col overflow-visible rounded-[20px] border bg-transparent', 'transition-[border-color,box-shadow,opacity] shadow-(--canvas-node-shadow-rest)', 'border-border', statusBorder, isHovered && 'shadow-(--canvas-node-shadow-hover)', isHovered && !hasStatusBorder && 'border-border-hover', selected && 'outline outline-2 outline-foreground-accent-muted', isDropTarget && 'bg-surface-hover outline outline-2 outline-brand', 'drag' === interactionState && 'cursor-grabbing shadow-(--canvas-node-shadow-lifted)'),
+        className: cn('group/loop-shell relative box-border flex h-full w-full flex-col overflow-visible rounded-[20px] border bg-transparent', 'transition-[border-color,box-shadow,opacity] shadow-(--canvas-node-shadow-rest)', 'border-border', statusBorder, isHovered && 'shadow-(--canvas-node-shadow-hover)', isHovered && !hasStatusBorder && 'border-border-hover', selected && 'outline-2 outline-foreground-accent-muted', isDropTarget && 'bg-surface-hover outline-2 outline-brand', 'drag' === interactionState && 'cursor-grabbing shadow-(--canvas-node-shadow-lifted)'),
         style: {
             ...nodeSizeStyle,
             ...display.background ? {
@@ -351,9 +359,9 @@ function LoopNodeComponent(props) {
                     onAddFirstChild: handleEmptyClick
                 })
             }) : null,
-            toolbarConfig && /*#__PURE__*/ jsx(NodeToolbar, {
+            effectiveToolbarConfig && /*#__PURE__*/ jsx(NodeToolbar, {
                 nodeId: id,
-                config: toolbarConfig,
+                config: effectiveToolbarConfig,
                 expanded: selected || isHovered,
                 hidden: dragging || multipleNodesSelected,
                 portalToNodeOverlay: true