@uipath/apollo-react 4.22.2 → 4.23.0

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

@@ -71,7 +71,7 @@ function pickPreferredInnerHandle(groups, type) {
     }
     return null;
 }
-function resolveClickedHandleType({ source, reactFlowInstance, getManifestForNode }) {
+function resolveClickedHandle({ source, reactFlowInstance, getManifestForNode }) {
     if (!source.handleId) return;
     const sourceNode = reactFlowInstance.getNode(source.nodeId);
     if (!sourceNode) return;
@@ -85,20 +85,27 @@ function resolveClickedHandleType({ source, reactFlowInstance, getManifestForNod
     });
     for (const group of sourceHandles){
         const handle = group.handles.find((candidate)=>candidate.id === source.handleId);
-        if (handle) return handle.handleType;
+        if (handle) return {
+            boundary: group.boundary ?? 'outer',
+            handleType: handle.handleType
+        };
     }
 }
-function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowInstance, getManifestForNode }) {
-    const clickedHandleType = resolveClickedHandleType({
+function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowInstance, getManifestForNode, replacedEdge }) {
+    const clickedHandle = resolveClickedHandle({
         source,
         reactFlowInstance,
         getManifestForNode
     });
-    if ('output' !== clickedHandleType) return null;
+    if (clickedHandle?.handleType !== 'output') return null;
+    const sourceNode = reactFlowInstance.getNode(source.nodeId);
+    const sourceIsContainer = void 0 !== sourceNode && isContainerNodeManifest(getManifestForNode(sourceNode));
+    if (sourceIsContainer && 'inner' !== clickedHandle.boundary) return null;
     return resolveContainerPreview({
         source,
         sourceHandleType,
         reactFlowInstance,
+        replacedEdge,
         isContainerNode: (node)=>isContainerNodeManifest(getManifestForNode(node)),
         getContainerSafeArea: getContainerSafeArea,
         getContainerContinuationTarget: ({ containerNode })=>{
@@ -113,4 +120,14 @@ function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowIns
         }
     });
 }
-export { getContainerRelativeBodyCenter, resolveContainerAddNodePreview, resolveContainerHandleGroups, resolveContainerPreviewConnectionHandles };
+function getInnerHandleContainerId({ source, reactFlowInstance, getManifestForNode }) {
+    const sourceNode = reactFlowInstance.getNode(source.nodeId);
+    if (!sourceNode || !isContainerNodeManifest(getManifestForNode(sourceNode))) return;
+    const clickedHandle = resolveClickedHandle({
+        source,
+        reactFlowInstance,
+        getManifestForNode
+    });
+    return clickedHandle?.boundary === 'inner' ? sourceNode.id : void 0;
+}
+export { getContainerRelativeBodyCenter, getInnerHandleContainerId, resolveContainerAddNodePreview, resolveContainerHandleGroups, resolveContainerPreviewConnectionHandles };

package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.cjs

@@ -29,7 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 const react_cjs_namespaceObject = require("../../../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
 const external_constants_cjs_namespaceObject = require("../../../constants.cjs");
-const index_cjs_namespaceObject = require("../../../core/index.cjs");
+const useCanvasNodeLayout_cjs_namespaceObject = require("../../../hooks/useCanvasNodeLayout.cjs");
 const createPreviewGraph_cjs_namespaceObject = require("../../../utils/createPreviewGraph.cjs");
 const createPreviewNode_cjs_namespaceObject = require("../../../utils/createPreviewNode.cjs");
 const BaseCanvasModeProvider_cjs_namespaceObject = require("../../BaseCanvas/BaseCanvasModeProvider.cjs");
@@ -37,12 +37,9 @@ const LoopNode_helpers_cjs_namespaceObject = require("../../LoopNode/LoopNode.he
 const external_useEdgeToolbarPositioning_cjs_namespaceObject = require("./useEdgeToolbarPositioning.cjs");
 function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes }) {
     const reactFlow = (0, react_cjs_namespaceObject.useReactFlow)();
-    const registry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
+    const { getManifestForNode } = (0, useCanvasNodeLayout_cjs_namespaceObject.useCanvasNodeLayout)();
     const { mode } = (0, BaseCanvasModeProvider_cjs_namespaceObject.useBaseCanvasMode)();
     const isDesignMode = 'design' === mode;
-    const getManifestForNode = (0, external_react_namespaceObject.useCallback)((node)=>node.type ? registry?.getManifest(node.type) : void 0, [
-        registry
-    ]);
     const previewEdge = (0, createPreviewNode_cjs_namespaceObject.isPreviewEdge)({
         id: edgeId,
         source,
@@ -60,12 +57,13 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
             nodeId: source,
             handleId: sourceHandleId ?? external_constants_cjs_namespaceObject.DEFAULT_SOURCE_HANDLE_ID
         };
-        const containerOverrides = registry ? (0, LoopNode_helpers_cjs_namespaceObject.resolveContainerAddNodePreview)({
+        const containerOverrides = (0, LoopNode_helpers_cjs_namespaceObject.resolveContainerAddNodePreview)({
             source: sourceEndpoint,
             sourceHandleType: 'source',
             reactFlowInstance: reactFlow,
-            getManifestForNode
-        }) : null;
+            getManifestForNode,
+            replacedEdge: originalEdge
+        });
         (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
             source: sourceEndpoint,
             reactFlowInstance: reactFlow,
@@ -88,7 +86,6 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         source,
         sourceHandleId,
         reactFlow,
-        registry,
         getManifestForNode,
         target,
         targetHandleId,

package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEdgeToolbarState.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,QAAQ,EAAgB,MAAM,0CAA0C,CAAC;AAQlG,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAGtF,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC;IACzB,cAAc,EAAE,QAAQ,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,uBAAuB,GAAG,IAAI,CAAC;IACnD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,cAAc,EACd,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,EAAE,wBAAwB,GAAG,gBAAgB,CA+F7C"}
+{"version":3,"file":"useEdgeToolbarState.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAgB,MAAM,0CAA0C,CAAC;AAQvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAGtF,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC;IACzB,cAAc,EAAE,QAAQ,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,uBAAuB,GAAG,IAAI,CAAC;IACnD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,cAAc,EACd,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,EAAE,wBAAwB,GAAG,gBAAgB,CAyF7C"}

package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.js

@@ -1,7 +1,7 @@
 import { useReactFlow } from "../../../xyflow/react.js";
 import { useCallback, useMemo } from "react";
 import { DEFAULT_SOURCE_HANDLE_ID } from "../../../constants.js";
-import { useOptionalNodeTypeRegistry } from "../../../core/index.js";
+import { useCanvasNodeLayout } from "../../../hooks/useCanvasNodeLayout.js";
 import { showPreviewGraph } from "../../../utils/createPreviewGraph.js";
 import { isPreviewEdge } from "../../../utils/createPreviewNode.js";
 import { useBaseCanvasMode } from "../../BaseCanvas/BaseCanvasModeProvider.js";
@@ -9,12 +9,9 @@ import { resolveContainerAddNodePreview } from "../../LoopNode/LoopNode.helpers.
 import { useEdgeToolbarPositioning } from "./useEdgeToolbarPositioning.js";
 function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes }) {
     const reactFlow = useReactFlow();
-    const registry = useOptionalNodeTypeRegistry();
+    const { getManifestForNode } = useCanvasNodeLayout();
     const { mode } = useBaseCanvasMode();
     const isDesignMode = 'design' === mode;
-    const getManifestForNode = useCallback((node)=>node.type ? registry?.getManifest(node.type) : void 0, [
-        registry
-    ]);
     const previewEdge = isPreviewEdge({
         id: edgeId,
         source,
@@ -32,12 +29,13 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
             nodeId: source,
             handleId: sourceHandleId ?? DEFAULT_SOURCE_HANDLE_ID
         };
-        const containerOverrides = registry ? resolveContainerAddNodePreview({
+        const containerOverrides = resolveContainerAddNodePreview({
             source: sourceEndpoint,
             sourceHandleType: 'source',
             reactFlowInstance: reactFlow,
-            getManifestForNode
-        }) : null;
+            getManifestForNode,
+            replacedEdge: originalEdge
+        });
         showPreviewGraph({
             source: sourceEndpoint,
             reactFlowInstance: reactFlow,
@@ -60,7 +58,6 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         source,
         sourceHandleId,
         reactFlow,
-        registry,
         getManifestForNode,
         target,
         targetHandleId,

package/dist/canvas/components/Toolbox/ListView.cjs

@@ -34,6 +34,7 @@ const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_react_namespaceObject = require("react");
 const CanvasThemeContext_cjs_namespaceObject = require("../BaseCanvas/CanvasThemeContext.cjs");
 const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
+const InitialsBadge_cjs_namespaceObject = require("../shared/InitialsBadge.cjs");
 const external_ListView_styles_cjs_namespaceObject = require("./ListView.styles.cjs");
 const DEFAULT_SKELETON_COUNT = 3;
 function buildRenderedItems(items, enableSections, loadingSkeleton) {
@@ -162,7 +163,11 @@ const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ in
                         icon: item.icon.name,
                         size: 24
                     }),
-                    item.icon?.Component && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(item.icon.Component, {})
+                    item.icon?.Component && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(item.icon.Component, {}),
+                    !item.icon?.url && !item.icon?.name && !item.icon?.Component && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InitialsBadge_cjs_namespaceObject.InitialsBadge, {
+                        name: item.name,
+                        "data-testid": "list-item-initials-badge"
+                    })
                 ]
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {

package/dist/canvas/components/Toolbox/ListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"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"}

package/dist/canvas/components/Toolbox/ListView.js

@@ -5,6 +5,7 @@ import { Skeleton } from "@uipath/apollo-wind";
 import { forwardRef, memo, useCallback, useImperativeHandle, useMemo } from "react";
 import { useCanvasTheme } from "../BaseCanvas/CanvasThemeContext.js";
 import { CanvasTooltip } from "../CanvasTooltip.js";
+import { InitialsBadge } from "../shared/InitialsBadge.js";
 import { IconContainer, ListItemButton, SectionHeader, StyledList } from "./ListView.styles.js";
 const DEFAULT_SKELETON_COUNT = 3;
 function buildRenderedItems(items, enableSections, loadingSkeleton) {
@@ -133,7 +134,11 @@ const ListViewRow = /*#__PURE__*/ memo(({ index, style, ariaAttributes, rendered
                         icon: item.icon.name,
                         size: 24
                     }),
-                    item.icon?.Component && /*#__PURE__*/ jsx(item.icon.Component, {})
+                    item.icon?.Component && /*#__PURE__*/ jsx(item.icon.Component, {}),
+                    !item.icon?.url && !item.icon?.name && !item.icon?.Component && /*#__PURE__*/ jsx(InitialsBadge, {
+                        name: item.name,
+                        "data-testid": "list-item-initials-badge"
+                    })
                 ]
             }),
             /*#__PURE__*/ jsxs(Column, {

package/dist/canvas/components/index.cjs

@@ -68,6 +68,9 @@ var __webpack_modules__ = {
     },
     "./TriggerNode" (module) {
         module.exports = require("./TriggerNode/index.cjs");
+    },
+    "./shared" (module) {
+        module.exports = require("./shared/index.cjs");
     }
 };
 var __webpack_module_cache__ = {};
@@ -181,29 +184,33 @@ var __webpack_exports__ = {};
     var __rspack_reexport = {};
     for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_16[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _StageNode__rspack_import_17 = __webpack_require__("./StageNode");
+    var _shared__rspack_import_17 = __webpack_require__("./shared");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _shared__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_shared__rspack_import_17[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _StageNode__rspack_import_18 = __webpack_require__("./StageNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _StageNode__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_17[__rspack_import_key];
+    for(const __rspack_import_key in _StageNode__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _StickyNoteNode__rspack_import_18 = __webpack_require__("./StickyNoteNode?d2a3");
+    var _StickyNoteNode__rspack_import_19 = __webpack_require__("./StickyNoteNode?d2a3");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _StickyNoteNode__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_18[__rspack_import_key];
+    for(const __rspack_import_key in _StickyNoteNode__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _TaskIcon__rspack_import_19 = __webpack_require__("./TaskIcon");
+    var _TaskIcon__rspack_import_20 = __webpack_require__("./TaskIcon");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _TaskIcon__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_19[__rspack_import_key];
+    for(const __rspack_import_key in _TaskIcon__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_20[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _Toolbar__rspack_import_20 = __webpack_require__("./Toolbar");
+    var _Toolbar__rspack_import_21 = __webpack_require__("./Toolbar");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _Toolbar__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_20[__rspack_import_key];
+    for(const __rspack_import_key in _Toolbar__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_21[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _Toolbox__rspack_import_21 = __webpack_require__("./Toolbox?2740");
+    var _Toolbox__rspack_import_22 = __webpack_require__("./Toolbox?2740");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _Toolbox__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_21[__rspack_import_key];
+    for(const __rspack_import_key in _Toolbox__rspack_import_22)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _TriggerNode__rspack_import_22 = __webpack_require__("./TriggerNode");
+    var _TriggerNode__rspack_import_23 = __webpack_require__("./TriggerNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _TriggerNode__rspack_import_22)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_22[__rspack_import_key];
+    for(const __rspack_import_key in _TriggerNode__rspack_import_23)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_23[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
 })();
 for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];

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

@@ -15,6 +15,7 @@ export * from './MiniCanvasNavigator';
 export * from './NodeContextMenu';
 export * from './NodeInspector';
 export * from './NodePropertiesPanel';
+export * from './shared';
 export * from './StageNode';
 export * from './StickyNoteNode';
 export * from './TaskIcon';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/canvas/components/index.js

@@ -15,6 +15,7 @@ export * from "./MiniCanvasNavigator/index.js";
 export * from "./NodeContextMenu/index.js";
 export * from "./NodeInspector.js";
 export * from "./NodePropertiesPanel/index.js";
+export * from "./shared/index.js";
 export * from "./StageNode/index.js";
 export * from "./StickyNoteNode/index.js";
 export * from "./TaskIcon/index.js";

package/dist/canvas/components/shared/InitialsBadge.cjs

@@ -0,0 +1,91 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    getInitial: ()=>getInitial,
+    InitialsBadge: ()=>InitialsBadge
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const styled_namespaceObject = require("@emotion/styled");
+var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
+const InitialsBadgeRoot = styled_default().span`
+  display: inline-flex;
+  width: var(--initials-badge-size, 24px);
+  height: var(--initials-badge-size, 24px);
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--canvas-primary);
+  color: var(--canvas-on-primary, #ffffff);
+  font-size: calc(var(--initials-badge-size, 24px) * 0.5);
+  font-weight: 800;
+  line-height: 1;
+  text-transform: uppercase;
+  user-select: none;
+`;
+function getInitial(name) {
+    const trimmed = name.trim();
+    if (!trimmed) return '?';
+    return [
+        ...trimmed
+    ][0] ?? '?';
+}
+function InitialsBadge({ name, size, className, style, 'data-testid': dataTestId }) {
+    const mergedStyle = (()=>{
+        const sizeStyle = size ? {
+            ['--initials-badge-size']: size
+        } : void 0;
+        if (!sizeStyle && !style) return;
+        return {
+            ...sizeStyle,
+            ...style
+        };
+    })();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InitialsBadgeRoot, {
+        "aria-hidden": "true",
+        className: className,
+        "data-testid": dataTestId,
+        style: mergedStyle,
+        children: getInitial(name)
+    });
+}
+exports.InitialsBadge = __webpack_exports__.InitialsBadge;
+exports.getInitial = __webpack_exports__.getInitial;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InitialsBadge",
+    "getInitial"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/shared/InitialsBadge.d.ts

@@ -0,0 +1,10 @@
+export interface InitialsBadgeProps {
+    name: string;
+    size?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    'data-testid'?: string;
+}
+export declare function getInitial(name: string): string;
+export declare function InitialsBadge({ name, size, className, style, 'data-testid': dataTestId, }: InitialsBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InitialsBadge.d.ts.map

package/dist/canvas/components/shared/InitialsBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitialsBadge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/shared/InitialsBadge.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IAEb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAOD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI/C;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,GAC1B,EAAE,kBAAkB,2CAmBpB"}

package/dist/canvas/components/shared/InitialsBadge.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+const InitialsBadgeRoot = styled.span`
+  display: inline-flex;
+  width: var(--initials-badge-size, 24px);
+  height: var(--initials-badge-size, 24px);
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--canvas-primary);
+  color: var(--canvas-on-primary, #ffffff);
+  font-size: calc(var(--initials-badge-size, 24px) * 0.5);
+  font-weight: 800;
+  line-height: 1;
+  text-transform: uppercase;
+  user-select: none;
+`;
+function getInitial(name) {
+    const trimmed = name.trim();
+    if (!trimmed) return '?';
+    return [
+        ...trimmed
+    ][0] ?? '?';
+}
+function InitialsBadge({ name, size, className, style, 'data-testid': dataTestId }) {
+    const mergedStyle = (()=>{
+        const sizeStyle = size ? {
+            ['--initials-badge-size']: size
+        } : void 0;
+        if (!sizeStyle && !style) return;
+        return {
+            ...sizeStyle,
+            ...style
+        };
+    })();
+    return /*#__PURE__*/ jsx(InitialsBadgeRoot, {
+        "aria-hidden": "true",
+        className: className,
+        "data-testid": dataTestId,
+        style: mergedStyle,
+        children: getInitial(name)
+    });
+}
+export { InitialsBadge, getInitial };

package/dist/canvas/components/shared/index.cjs

@@ -0,0 +1,39 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    getInitial: ()=>external_InitialsBadge_cjs_namespaceObject.getInitial,
+    InitialsBadge: ()=>external_InitialsBadge_cjs_namespaceObject.InitialsBadge
+});
+const external_InitialsBadge_cjs_namespaceObject = require("./InitialsBadge.cjs");
+exports.InitialsBadge = __webpack_exports__.InitialsBadge;
+exports.getInitial = __webpack_exports__.getInitial;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InitialsBadge",
+    "getInitial"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/shared/index.d.ts

@@ -0,0 +1,3 @@
+export { InitialsBadge, getInitial } from './InitialsBadge';
+export type { InitialsBadgeProps } from './InitialsBadge';
+//# sourceMappingURL=index.d.ts.map

package/dist/canvas/components/shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/shared/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/canvas/components/shared/index.js

@@ -0,0 +1,2 @@
+import { InitialsBadge, getInitial } from "./InitialsBadge.js";
+export { InitialsBadge, getInitial };

package/dist/canvas/core/CategoryTreeAdapter.cjs

@@ -40,9 +40,11 @@ class CategoryTreeAdapter {
                     category: node.category,
                     version: node.version
                 },
-                icon: {
-                    name: node.display.icon
-                },
+                ...node.display.icon ? {
+                    icon: {
+                        name: node.display.icon
+                    }
+                } : {},
                 color: node.display.iconBackground,
                 colorDark: node.display.iconBackgroundDark
             });
@@ -59,9 +61,11 @@ class CategoryTreeAdapter {
                     id: category.id,
                     name: category.name,
                     data: null,
-                    icon: {
-                        name: category.icon
-                    },
+                    ...category.icon ? {
+                        icon: {
+                            name: category.icon
+                        }
+                    } : {},
                     color: category.color,
                     colorDark: category.colorDark,
                     children

package/dist/canvas/core/CategoryTreeAdapter.js

@@ -12,9 +12,11 @@ class CategoryTreeAdapter {
                     category: node.category,
                     version: node.version
                 },
-                icon: {
-                    name: node.display.icon
-                },
+                ...node.display.icon ? {
+                    icon: {
+                        name: node.display.icon
+                    }
+                } : {},
                 color: node.display.iconBackground,
                 colorDark: node.display.iconBackgroundDark
             });
@@ -31,9 +33,11 @@ class CategoryTreeAdapter {
                     id: category.id,
                     name: category.name,
                     data: null,
-                    icon: {
-                        name: category.icon
-                    },
+                    ...category.icon ? {
+                        icon: {
+                            name: category.icon
+                        }
+                    } : {},
                     color: category.color,
                     colorDark: category.colorDark,
                     children

package/dist/canvas/hooks/index.cjs

@@ -15,6 +15,9 @@ var __webpack_modules__ = {
     "./useCanvasEvents" (module) {
         module.exports = require("./useCanvasEvents.cjs");
     },
+    "./useCanvasNodeLayout" (module) {
+        module.exports = require("./useCanvasNodeLayout.cjs");
+    },
     "./useEdgePath" (module) {
         module.exports = require("./useEdgePath.cjs");
     },
@@ -90,29 +93,33 @@ var __webpack_exports__ = {};
     var __rspack_reexport = {};
     for(const __rspack_import_key in _useCanvasEvents__rspack_import_3)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useCanvasEvents__rspack_import_3[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useEdgePath__rspack_import_4 = __webpack_require__("./useEdgePath");
+    var _useCanvasNodeLayout__rspack_import_4 = __webpack_require__("./useCanvasNodeLayout");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _useCanvasNodeLayout__rspack_import_4)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useCanvasNodeLayout__rspack_import_4[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _useEdgePath__rspack_import_5 = __webpack_require__("./useEdgePath");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useEdgePath__rspack_import_4)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useEdgePath__rspack_import_4[__rspack_import_key];
+    for(const __rspack_import_key in _useEdgePath__rspack_import_5)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useEdgePath__rspack_import_5[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useExportCanvas__rspack_import_5 = __webpack_require__("./useExportCanvas");
+    var _useExportCanvas__rspack_import_6 = __webpack_require__("./useExportCanvas");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useExportCanvas__rspack_import_5)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useExportCanvas__rspack_import_5[__rspack_import_key];
+    for(const __rspack_import_key in _useExportCanvas__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useExportCanvas__rspack_import_6[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useNavigationState__rspack_import_6 = __webpack_require__("./useNavigationState");
+    var _useNavigationState__rspack_import_7 = __webpack_require__("./useNavigationState");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useNavigationState__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useNavigationState__rspack_import_6[__rspack_import_key];
+    for(const __rspack_import_key in _useNavigationState__rspack_import_7)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useNavigationState__rspack_import_7[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _usePreviewNode__rspack_import_7 = __webpack_require__("./usePreviewNode");
+    var _usePreviewNode__rspack_import_8 = __webpack_require__("./usePreviewNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _usePreviewNode__rspack_import_7)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_usePreviewNode__rspack_import_7[__rspack_import_key];
+    for(const __rspack_import_key in _usePreviewNode__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_usePreviewNode__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useStorageState__rspack_import_8 = __webpack_require__("./useStorageState");
+    var _useStorageState__rspack_import_9 = __webpack_require__("./useStorageState");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useStorageState__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useStorageState__rspack_import_8[__rspack_import_key];
+    for(const __rspack_import_key in _useStorageState__rspack_import_9)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useStorageState__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _ValidationStatusContext__rspack_import_9 = __webpack_require__("./ValidationStatusContext");
+    var _ValidationStatusContext__rspack_import_10 = __webpack_require__("./ValidationStatusContext");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _ValidationStatusContext__rspack_import_9)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ValidationStatusContext__rspack_import_9[__rspack_import_key];
+    for(const __rspack_import_key in _ValidationStatusContext__rspack_import_10)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ValidationStatusContext__rspack_import_10[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
 })();
 for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];