@uipath/apollo-react 3.27.0 → 3.28.0-pr163.34bcff2

package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs

@@ -39,7 +39,7 @@ const external_usePreventBackNavigation_cjs_namespaceObject = require("./usePrev
 const BaseCanvasInnerComponent = (props)=>{
     const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
     const fitViewOptions = fitViewOptionsProps ?? external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.fitViewOptions;
-    const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
+    const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, collapsed, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
     const isInteractive = 'readonly' !== mode;
     const isDesignMode = 'design' === mode;
     const [reactFlowInstance, setReactFlowInstance] = (0, external_react_namespaceObject.useState)();
@@ -47,7 +47,7 @@ const BaseCanvasInnerComponent = (props)=>{
     const { ensureNodesInView, ensureAllNodesInView, centerNode } = (0, external_BaseCanvas_hooks_cjs_namespaceObject.useEnsureNodesInView)();
     (0, external_usePreventBackNavigation_cjs_namespaceObject.usePreventBackNavigation)();
     (0, external_BaseCanvas_hooks_cjs_namespaceObject.useMaintainNodesInView)(maintainNodesInView, fitViewOptions);
-    (0, ToolbarActionContext_cjs_namespaceObject.useToolbarActionStore)(mode, onToolbarAction, breakpoints);
+    (0, ToolbarActionContext_cjs_namespaceObject.useToolbarActionStore)(mode, onToolbarAction, breakpoints, collapsed);
     const handleInit = (0, external_react_namespaceObject.useCallback)((instance)=>{
         setReactFlowInstance(instance);
         onInit?.(instance);

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

@@ -1 +1 @@
-{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAuMzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}
+{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAwMzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}

package/dist/canvas/components/BaseCanvas/BaseCanvas.js

@@ -11,7 +11,7 @@ import { usePreventBackNavigation } from "./usePreventBackNavigation.js";
 const BaseCanvasInnerComponent = (props)=>{
     const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
     const fitViewOptions = fitViewOptionsProps ?? BASE_CANVAS_DEFAULTS.fitViewOptions;
-    const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
+    const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, collapsed, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
     const isInteractive = 'readonly' !== mode;
     const isDesignMode = 'design' === mode;
     const [reactFlowInstance, setReactFlowInstance] = useState();
@@ -19,7 +19,7 @@ const BaseCanvasInnerComponent = (props)=>{
     const { ensureNodesInView, ensureAllNodesInView, centerNode } = useEnsureNodesInView();
     usePreventBackNavigation();
     useMaintainNodesInView(maintainNodesInView, fitViewOptions);
-    useToolbarActionStore(mode, onToolbarAction, breakpoints);
+    useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed);
     const handleInit = useCallback((instance)=>{
         setReactFlowInstance(instance);
         onInit?.(instance);

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

@@ -28,6 +28,7 @@ export interface BaseCanvasProps<NodeType extends Node = Node, EdgeType extends
     onToolbarAction?: ToolbarActionHandler;
     breakpoints?: Set<string>;
     isDarkMode?: boolean;
+    collapsed?: Set<string>;
 }
 export interface EnsureNodesInViewOptions {
     padding?: number;

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,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,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;IAOtC,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;CACtB;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,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,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;IAOtC,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;IAMrB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;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

@@ -63,6 +63,7 @@ const BaseNodeComponent = (props)=>{
     const isConnecting = (0, react_cjs_namespaceObject.useStore)(selectIsConnecting);
     const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
     const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
+    const { collapsed } = (0, external_hooks_index_cjs_namespaceObject.getToolbarActionStore)();
     const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type), [
         type,
         nodeTypeRegistry
@@ -86,9 +87,15 @@ const BaseNodeComponent = (props)=>{
     const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
     const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
     const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
-    const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, data.display), [
+    const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, {
+            ...data.display,
+            nodeId: id,
+            collapsed
+        }), [
         manifest,
-        data.display
+        data.display,
+        id,
+        collapsed
     ]);
     const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
         if (void 0 !== iconComponent) return iconComponent;
@@ -101,7 +108,11 @@ const BaseNodeComponent = (props)=>{
     const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>{
         if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
         if (!manifest) return [];
-        const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, data);
+        const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, {
+            ...data,
+            nodeId: id,
+            collapsed
+        });
         return resolved.map((group)=>({
                 position: group.position,
                 handles: group.handles.map((h)=>({
@@ -122,11 +133,16 @@ const BaseNodeComponent = (props)=>{
     ]);
     const toolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>{
         if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
+        console.log({
+            id,
+            manifest
+        });
         return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext) : void 0;
     }, [
         toolbarConfigProp,
         manifest,
-        statusContext
+        statusContext,
+        collapsed
     ]);
     const adornments = (0, external_react_namespaceObject.useMemo)(()=>{
         const adornmentsFromProps = adornmentsProp ?? {};

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":"AAkCA,OAAO,KAAK,EACV,sBAAsB,EAIvB,MAAM,kBAAkB,CAAC;AAkgB1B,eAAO,MAAM,QAAQ,8CA7fa,sBAAsB,6CA6fT,CAAC"}
+{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EACV,sBAAsB,EAIvB,MAAM,kBAAkB,CAAC;AA0gB1B,eAAO,MAAM,QAAQ,8CArgBa,sBAAsB,6CAqgBT,CAAC"}

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

@@ -5,7 +5,7 @@ import { ApIcon } from "../../../material/components/index.js";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { DEFAULT_NODE_SIZE } from "../../constants.js";
 import { useNodeTypeRegistry } from "../../core/index.js";
-import { useNodeExecutionState } from "../../hooks/index.js";
+import { getToolbarActionStore, useNodeExecutionState } from "../../hooks/index.js";
 import { resolveAdornments } from "../../utils/adornment-resolver.js";
 import { getIcon } from "../../utils/icon-registry.js";
 import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
@@ -35,6 +35,7 @@ const BaseNodeComponent = (props)=>{
     const isConnecting = useStore(selectIsConnecting);
     const { multipleNodesSelected } = useSelectionState();
     const { isDarkMode } = useCanvasTheme();
+    const { collapsed } = getToolbarActionStore();
     const manifest = useMemo(()=>nodeTypeRegistry.getManifest(type), [
         type,
         nodeTypeRegistry
@@ -58,9 +59,15 @@ const BaseNodeComponent = (props)=>{
     const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
     const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
     const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
-    const display = useMemo(()=>resolveDisplay(manifest?.display, data.display), [
+    const display = useMemo(()=>resolveDisplay(manifest?.display, {
+            ...data.display,
+            nodeId: id,
+            collapsed
+        }), [
         manifest,
-        data.display
+        data.display,
+        id,
+        collapsed
     ]);
     const Icon = useMemo(()=>{
         if (void 0 !== iconComponent) return iconComponent;
@@ -73,7 +80,11 @@ const BaseNodeComponent = (props)=>{
     const handleConfigurations = useMemo(()=>{
         if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
         if (!manifest) return [];
-        const resolved = resolveHandles(manifest.handleConfiguration, data);
+        const resolved = resolveHandles(manifest.handleConfiguration, {
+            ...data,
+            nodeId: id,
+            collapsed
+        });
         return resolved.map((group)=>({
                 position: group.position,
                 handles: group.handles.map((h)=>({
@@ -94,11 +105,16 @@ const BaseNodeComponent = (props)=>{
     ]);
     const toolbarConfig = useMemo(()=>{
         if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
+        console.log({
+            id,
+            manifest
+        });
         return manifest ? resolveToolbar(manifest, statusContext) : void 0;
     }, [
         toolbarConfigProp,
         manifest,
-        statusContext
+        statusContext,
+        collapsed
     ]);
     const adornments = useMemo(()=>{
         const adornmentsFromProps = adornmentsProp ?? {};

package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs

@@ -32,10 +32,7 @@ const external_react_namespaceObject = require("react");
 const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
 const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
 const external_index_cjs_namespaceObject = require("./index.cjs");
-const ToolbarActionContext_cjs_namespaceObject = require("../../hooks/ToolbarActionContext.cjs");
 const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight })=>{
-    const { collapsed } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
-    const isCollapsed = Boolean(collapsed?.has(nodeId));
     const connectedHandleIds = (0, ConnectedHandlesContext_cjs_namespaceObject.useConnectedHandles)(nodeId);
     const node = (0, react_namespaceObject.useNodesData)(nodeId);
     const handleElements = (0, external_react_namespaceObject.useMemo)(()=>{
@@ -44,7 +41,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
         const elements = resolvedHandles.map((config, i)=>{
             const hasConnectedHandle = config.handles.some((h)=>connectedHandleIds.has(h.id));
             const finalVisible = hasConnectedHandle || shouldShowHandles && (config.visible ?? true);
-            const enhancedHandles = config.handles.filter((handle)=>isCollapsed ? 'artifact' !== handle.handleType : true).map((handle)=>({
+            const enhancedHandles = config.handles.map((handle)=>({
                     ...handle,
                     onAction: handle.onAction || handleAction
                 }));

package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useButtonHandles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/useButtonHandles.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,eAAO,MAAM,gBAAgB,GAAI,wJAW9B;IACD,oBAAoB,EAAE,mBAAmB,EAAE,CAAC;IAC5C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,qBAAqB,CAAC,EAAE,CAAC,EACvB,aAAa,EACb,QAAQ,GACT,EAAE;QACD,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,wFAiEA,CAAC"}
+{"version":3,"file":"useButtonHandles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/useButtonHandles.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGzD,eAAO,MAAM,gBAAgB,GAAI,wJAW9B;IACD,oBAAoB,EAAE,mBAAmB,EAAE,CAAC;IAC5C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,qBAAqB,CAAC,EAAE,CAAC,EACvB,aAAa,EACb,QAAQ,GACT,EAAE;QACD,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,wFA2DA,CAAC"}

package/dist/canvas/components/ButtonHandle/useButtonHandles.js

@@ -4,10 +4,7 @@ import { useMemo } from "react";
 import { resolveHandles } from "../../utils/manifest-resolver.js";
 import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
 import { ButtonHandles } from "./index.js";
-import { getToolbarActionStore } from "../../hooks/ToolbarActionContext.js";
 const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight })=>{
-    const { collapsed } = getToolbarActionStore();
-    const isCollapsed = Boolean(collapsed?.has(nodeId));
     const connectedHandleIds = useConnectedHandles(nodeId);
     const node = useNodesData(nodeId);
     const handleElements = useMemo(()=>{
@@ -16,7 +13,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
         const elements = resolvedHandles.map((config, i)=>{
             const hasConnectedHandle = config.handles.some((h)=>connectedHandleIds.has(h.id));
             const finalVisible = hasConnectedHandle || shouldShowHandles && (config.visible ?? true);
-            const enhancedHandles = config.handles.filter((handle)=>isCollapsed ? 'artifact' !== handle.handleType : true).map((handle)=>({
+            const enhancedHandles = config.handles.map((handle)=>({
                     ...handle,
                     onAction: handle.onAction || handleAction
                 }));

package/dist/canvas/components/TriggerNode/TriggerNode.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAEV,IAAI,EAEJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAsNlD,QAAA,MAAM,IAAI;;;WAyB07E,CAAC;;yBArBz7E,GAAG;;;;CAaoB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
+{"version":3,"file":"TriggerNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAEV,IAAI,EAEJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAsNlD,QAAA,MAAM,IAAI;;;WAyBo9E,CAAC;;yBArBn9E,GAAG;;;;CAaoB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/canvas/hooks/ToolbarActionContext.cjs

@@ -60,8 +60,7 @@ function useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed) {
     }, [
         mode,
         onToolbarAction,
-        breakpoints,
-        collapsed
+        breakpoints
     ]);
 }
 exports.getToolbarActionStore = __webpack_exports__.getToolbarActionStore;

package/dist/canvas/hooks/ToolbarActionContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarActionContext.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/ToolbarActionContext.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAcD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAErE;AAMD,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D;AAMD,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,eAAe,CAAC,EAAE,oBAAoB,EACtC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EACzB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACtB,IAAI,CAeN"}
+{"version":3,"file":"ToolbarActionContext.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/ToolbarActionContext.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAcD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAErE;AAMD,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D;AAMD,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,eAAe,CAAC,EAAE,oBAAoB,EACtC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EACzB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACtB,IAAI,CAeN"}

package/dist/canvas/hooks/ToolbarActionContext.js

@@ -30,8 +30,7 @@ function useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed) {
     }, [
         mode,
         onToolbarAction,
-        breakpoints,
-        collapsed
+        breakpoints
     ]);
 }
 export { getToolbarActionStore, setToolbarActionStore, useToolbarActionStore };

package/dist/canvas/utils/manifest-resolver.cjs

@@ -26,18 +26,16 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     replaceTemplateVars: ()=>replaceTemplateVars,
     resolveDisplay: ()=>resolveDisplay,
-    resolveVisibility: ()=>resolveVisibility,
-    resolveHandles: ()=>resolveHandles
+    resolveHandles: ()=>resolveHandles,
+    resolveVisibility: ()=>resolveVisibility
 });
-const index_cjs_namespaceObject = require("../hooks/index.cjs");
 function resolveDisplay(manifestDisplay, instanceDisplay) {
     if (!manifestDisplay) return {
         icon: 'help-circle',
         shape: 'square',
         label: instanceDisplay?.label || 'Unknown Node'
     };
-    const { collapsed } = (0, index_cjs_namespaceObject.getToolbarActionStore)();
-    const isCollapsed = Boolean(instanceDisplay?.nodeId && collapsed?.has(instanceDisplay.nodeId));
+    const isCollapsed = Boolean(instanceDisplay?.nodeId && instanceDisplay?.collapsed?.has(instanceDisplay.nodeId));
     const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
     const collapsedShape = 'rectangle' === shape ? 'square' : shape;
     return {
@@ -62,6 +60,7 @@ function replaceTemplateVars(template, vars) {
     });
 }
 function resolveHandles(handleGroups, context) {
+    const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
     return handleGroups.map((group)=>{
         const handles = group.handles.flatMap((handle)=>{
             if (handle.repeat) {
@@ -77,20 +76,26 @@ function resolveHandles(handleGroups, context) {
                         [itemVar]: item,
                         [indexVar]: index
                     };
+                    const baseVisible = resolveVisibility(handle.visible, context);
+                    const isArtifactHandle = 'artifact' === handle.handleType;
+                    const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
                     return {
                         ...handle,
                         id: replaceTemplateVars(handle.id, vars),
                         label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
-                        visible: resolveVisibility(handle.visible, context),
+                        visible,
                         repeat: void 0,
                         itemVar: void 0,
                         indexVar: void 0
                     };
                 });
             }
+            const baseVisible = resolveVisibility(handle.visible, context);
+            const isArtifactHandle = 'artifact' === handle.handleType;
+            const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
             return {
                 ...handle,
-                visible: resolveVisibility(handle.visible, context)
+                visible
             };
         });
         return {

package/dist/canvas/utils/manifest-resolver.d.ts

@@ -5,6 +5,8 @@ import type { HandleActionEvent } from '../components/ButtonHandle/ButtonHandle'
 export interface ResolutionContext {
     display?: DisplayConfig;
     inputs?: Record<string, unknown>;
+    nodeId?: string;
+    collapsed?: Set<string>;
 }
 export type ResolvedDisplay = DisplayConfig & {
     label: string;
@@ -31,6 +33,7 @@ interface TemplateVars {
 }
 export declare function resolveDisplay(manifestDisplay?: NodeDisplayManifest, instanceDisplay?: (DisplayConfig & {
     nodeId?: string;
+    collapsed?: Set<string>;
 }) | undefined): ResolvedDisplay;
 export declare function resolveVisibility(visible: boolean | string | undefined, context: ResolutionContext): boolean;
 export declare function replaceTemplateVars(template: string, vars: TemplateVars): string;

package/dist/canvas/utils/manifest-resolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manifest-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/manifest-resolver.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAKjF,MAAM,WAAW,iBAAiB;IAEhC,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAMD,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5C,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAE7F,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAKD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IAE/E,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAKD,UAAU,YAAY;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,wBAAgB,cAAc,CAC5B,eAAe,CAAC,EAAE,mBAAmB,EACrC,eAAe,CAAC,EAAE,CAAC,aAAa,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,GAClE,eAAe,CAwBjB;AA6BD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,EACrC,OAAO,EAAE,iBAAiB,GACzB,OAAO,CAmBT;AAiCD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAKhF;AAuCD,wBAAgB,cAAc,CAC5B,YAAY,EAAE,mBAAmB,EAAE,EACnC,OAAO,EAAE,iBAAiB,GACzB,mBAAmB,EAAE,CAmDvB"}
+{"version":3,"file":"manifest-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/manifest-resolver.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAKjF,MAAM,WAAW,iBAAiB;IAEhC,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAMD,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5C,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAE7F,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAKD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IAE/E,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAKD,UAAU,YAAY;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,wBAAgB,cAAc,CAC5B,eAAe,CAAC,EAAE,mBAAmB,EACrC,eAAe,CAAC,EAAE,CAAC,aAAa,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC,GAAG,SAAS,GAC3F,eAAe,CAyBjB;AA6BD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,EACrC,OAAO,EAAE,iBAAiB,GACzB,OAAO,CAmBT;AAiCD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAKhF;AAuCD,wBAAgB,cAAc,CAC5B,YAAY,EAAE,mBAAmB,EAAE,EACnC,OAAO,EAAE,iBAAiB,GACzB,mBAAmB,EAAE,CAgEvB"}

package/dist/canvas/utils/manifest-resolver.js

@@ -1,12 +1,10 @@
-import { getToolbarActionStore } from "../hooks/index.js";
 function resolveDisplay(manifestDisplay, instanceDisplay) {
     if (!manifestDisplay) return {
         icon: 'help-circle',
         shape: 'square',
         label: instanceDisplay?.label || 'Unknown Node'
     };
-    const { collapsed } = getToolbarActionStore();
-    const isCollapsed = Boolean(instanceDisplay?.nodeId && collapsed?.has(instanceDisplay.nodeId));
+    const isCollapsed = Boolean(instanceDisplay?.nodeId && instanceDisplay?.collapsed?.has(instanceDisplay.nodeId));
     const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
     const collapsedShape = 'rectangle' === shape ? 'square' : shape;
     return {
@@ -31,6 +29,7 @@ function replaceTemplateVars(template, vars) {
     });
 }
 function resolveHandles(handleGroups, context) {
+    const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
     return handleGroups.map((group)=>{
         const handles = group.handles.flatMap((handle)=>{
             if (handle.repeat) {
@@ -46,20 +45,26 @@ function resolveHandles(handleGroups, context) {
                         [itemVar]: item,
                         [indexVar]: index
                     };
+                    const baseVisible = resolveVisibility(handle.visible, context);
+                    const isArtifactHandle = 'artifact' === handle.handleType;
+                    const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
                     return {
                         ...handle,
                         id: replaceTemplateVars(handle.id, vars),
                         label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
-                        visible: resolveVisibility(handle.visible, context),
+                        visible,
                         repeat: void 0,
                         itemVar: void 0,
                         indexVar: void 0
                     };
                 });
             }
+            const baseVisible = resolveVisibility(handle.visible, context);
+            const isArtifactHandle = 'artifact' === handle.handleType;
+            const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
             return {
                 ...handle,
-                visible: resolveVisibility(handle.visible, context)
+                visible
             };
         });
         return {

package/dist/canvas/utils/toolbar-resolver.cjs

@@ -141,23 +141,8 @@ function mergeToolbarConfigs(base, extension) {
 }
 function resolveToolbar(manifest, context, nodeData) {
     const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
-    const { mode, collapsed } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
-    let modeDefaults = toolbarRegistry.getModeDefaults(mode);
-    modeDefaults = {
-        ...modeDefaults,
-        actions: modeDefaults?.actions?.map((action)=>{
-            const isCollapsed = Boolean(nodeData?.nodeId && collapsed?.has(nodeData.nodeId));
-            switch(action.id){
-                case 'collapse':
-                    return {
-                        ...action,
-                        icon: isCollapsed ? 'chevrons-up-down' : 'chevrons-down-up'
-                    };
-                default:
-                    return action;
-            }
-        })
-    };
+    const { mode } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
+    const modeDefaults = toolbarRegistry.getModeDefaults(mode);
     const nodeExtensions = manifestToolbarExtensions?.[mode];
     const merged = mergeToolbarConfigs(modeDefaults, nodeExtensions);
     const filteredActions = merged.actions.filter((action)=>evaluateCondition(manifest, action, nodeType, context)).map((action)=>convertToNodeAction(action, mode, nodeData));

package/dist/canvas/utils/toolbar-resolver.d.ts

@@ -2,8 +2,6 @@ import type { NodeManifest, NodeStatusContext, NodeToolbarConfig } from '../inde
 interface ExtendedNodeContext extends NodeStatusContext {
     permissions?: string[];
 }
-export declare function resolveToolbar(manifest: NodeManifest, context: ExtendedNodeContext, nodeData?: (Record<string, unknown> & {
-    nodeId?: string;
-}) | undefined): NodeToolbarConfig | undefined;
+export declare function resolveToolbar(manifest: NodeManifest, context: ExtendedNodeContext, nodeData?: Record<string, unknown>): NodeToolbarConfig | undefined;
 export {};
 //# sourceMappingURL=toolbar-resolver.d.ts.map

package/dist/canvas/utils/toolbar-resolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/toolbar-resolver.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAKrC,UAAU,mBAAoB,SAAQ,iBAAiB;IAErD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AA0ID,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,GACrE,iBAAiB,GAAG,SAAS,CAmD/B"}
+{"version":3,"file":"toolbar-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/toolbar-resolver.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAKrC,UAAU,mBAAoB,SAAQ,iBAAiB;IAErD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AA8ID,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACjC,iBAAiB,GAAG,SAAS,CAmC/B"}

package/dist/canvas/utils/toolbar-resolver.js

@@ -113,23 +113,8 @@ function mergeToolbarConfigs(base, extension) {
 }
 function resolveToolbar(manifest, context, nodeData) {
     const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
-    const { mode, collapsed } = getToolbarActionStore();
-    let modeDefaults = toolbarRegistry.getModeDefaults(mode);
-    modeDefaults = {
-        ...modeDefaults,
-        actions: modeDefaults?.actions?.map((action)=>{
-            const isCollapsed = Boolean(nodeData?.nodeId && collapsed?.has(nodeData.nodeId));
-            switch(action.id){
-                case 'collapse':
-                    return {
-                        ...action,
-                        icon: isCollapsed ? 'chevrons-up-down' : 'chevrons-down-up'
-                    };
-                default:
-                    return action;
-            }
-        })
-    };
+    const { mode } = getToolbarActionStore();
+    const modeDefaults = toolbarRegistry.getModeDefaults(mode);
     const nodeExtensions = manifestToolbarExtensions?.[mode];
     const merged = mergeToolbarConfigs(modeDefaults, nodeExtensions);
     const filteredActions = merged.actions.filter((action)=>evaluateCondition(manifest, action, nodeType, context)).map((action)=>convertToNodeAction(action, mode, nodeData));

package/dist/material/components/ap-chat/components/input/chat-input-editor.cjs

@@ -44,13 +44,16 @@ const index_cjs_namespaceObject = require("./tiptap/index.cjs");
 const chat_input_editor_EditorWithPicker = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(props, ref) {
     const { value, placeholder, minRows, maxRows, lineHeight, onChange, onKeyDown, editorRef } = props;
     const dropdownRef = (0, external_react_namespaceObject.useRef)(null);
-    const { isOpen, drillDown, open, close, setQuery } = (0, resource_picker_provider_cjs_namespaceObject.useAutopilotChatResourcePicker)();
-    const isOpenRef = (0, external_react_namespaceObject.useRef)(isOpen);
+    const { isOpenRef, drillDown, open, close, handleMentionEnd, setQuery } = (0, resource_picker_provider_cjs_namespaceObject.useAutopilotChatResourcePicker)();
     const drillDownRef = (0, external_react_namespaceObject.useRef)(drillDown);
     const valueRef = (0, external_react_namespaceObject.useRef)(value);
-    isOpenRef.current = isOpen;
-    drillDownRef.current = drillDown;
-    valueRef.current = value;
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        drillDownRef.current = drillDown;
+        valueRef.current = value;
+    }, [
+        drillDown,
+        value
+    ]);
     const handleChange = (0, external_react_namespaceObject.useCallback)((newValue)=>{
         if (isOpenRef.current && drillDownRef.current && !newValue.includes('@')) close();
         onChange(newValue);
@@ -90,7 +93,7 @@ const chat_input_editor_EditorWithPicker = /*#__PURE__*/ (0, external_react_name
                 onChange: handleChange,
                 onKeyDown: handleKeyDown,
                 onMentionStart: open,
-                onMentionEnd: close,
+                onMentionEnd: handleMentionEnd,
                 onMentionQueryChange: setQuery
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_chat_input_resource_picker_cjs_namespaceObject.ResourcePickerDropdown, {
@@ -108,9 +111,13 @@ const chat_input_editor_ChatInputEditor = /*#__PURE__*/ external_react_default()
     const handleDrillDown = (0, external_react_namespaceObject.useCallback)(()=>{
         editorRef.current?.clearMentionQuery();
     }, []);
+    const handleClose = (0, external_react_namespaceObject.useCallback)(()=>{
+        editorRef.current?.exitMention();
+    }, []);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(resource_picker_provider_cjs_namespaceObject.AutopilotChatResourcePickerProvider, {
         onResourceSelect: handleResourceSelect,
         onDrillDown: handleDrillDown,
+        onClose: handleClose,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(chat_input_editor_EditorWithPicker, {
             ...props,
             ref: ref,

package/dist/material/components/ap-chat/components/input/chat-input-editor.d.ts

@@ -11,7 +11,6 @@ export interface ChatInputEditorProps {
     minRows: number;
     maxRows: number;
     lineHeight?: string;
-    anchorEl: HTMLElement | null;
     onChange: (value: string) => void;
     onKeyDown?: (event: KeyboardEvent) => boolean;
 }

package/dist/material/components/ap-chat/components/input/chat-input-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-input-editor.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/input/chat-input-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAYpF,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,oBAAoB,EAAE,MAAM,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;CAC/C;AAiFD,eAAO,MAAM,eAAe,+FAyB3B,CAAC"}
+{"version":3,"file":"chat-input-editor.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/input/chat-input-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAYf,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,oBAAoB,EAAE,MAAM,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;CAC/C;AAqFD,eAAO,MAAM,eAAe,+FA8B3B,CAAC"}

package/dist/material/components/ap-chat/components/input/chat-input-editor.js

@@ -1,18 +1,21 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import react, { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import react, { forwardRef, useCallback, useImperativeHandle, useLayoutEffect, useRef } from "react";
 import { AutopilotChatResourcePickerProvider, useAutopilotChatResourcePicker } from "../../providers/resource-picker-provider.js";
 import { ResourcePickerDropdown } from "./chat-input-resource-picker.js";
 import { TipTapEditor } from "./tiptap/index.js";
 const chat_input_editor_EditorWithPicker = /*#__PURE__*/ forwardRef(function(props, ref) {
     const { value, placeholder, minRows, maxRows, lineHeight, onChange, onKeyDown, editorRef } = props;
     const dropdownRef = useRef(null);
-    const { isOpen, drillDown, open, close, setQuery } = useAutopilotChatResourcePicker();
-    const isOpenRef = useRef(isOpen);
+    const { isOpenRef, drillDown, open, close, handleMentionEnd, setQuery } = useAutopilotChatResourcePicker();
     const drillDownRef = useRef(drillDown);
     const valueRef = useRef(value);
-    isOpenRef.current = isOpen;
-    drillDownRef.current = drillDown;
-    valueRef.current = value;
+    useLayoutEffect(()=>{
+        drillDownRef.current = drillDown;
+        valueRef.current = value;
+    }, [
+        drillDown,
+        value
+    ]);
     const handleChange = useCallback((newValue)=>{
         if (isOpenRef.current && drillDownRef.current && !newValue.includes('@')) close();
         onChange(newValue);
@@ -52,7 +55,7 @@ const chat_input_editor_EditorWithPicker = /*#__PURE__*/ forwardRef(function(pro
                 onChange: handleChange,
                 onKeyDown: handleKeyDown,
                 onMentionStart: open,
-                onMentionEnd: close,
+                onMentionEnd: handleMentionEnd,
                 onMentionQueryChange: setQuery
             }),
             /*#__PURE__*/ jsx(ResourcePickerDropdown, {
@@ -70,9 +73,13 @@ const chat_input_editor_ChatInputEditor = /*#__PURE__*/ react.memo(/*#__PURE__*/
     const handleDrillDown = useCallback(()=>{
         editorRef.current?.clearMentionQuery();
     }, []);
+    const handleClose = useCallback(()=>{
+        editorRef.current?.exitMention();
+    }, []);
     return /*#__PURE__*/ jsx(AutopilotChatResourcePickerProvider, {
         onResourceSelect: handleResourceSelect,
         onDrillDown: handleDrillDown,
+        onClose: handleClose,
         children: /*#__PURE__*/ jsx(chat_input_editor_EditorWithPicker, {
             ...props,
             ref: ref,