@uipath/apollo-react 4.1.1 → 4.2.0

package/dist/canvas/components/AgentCanvas/agent-flow.manifest.cjs

@@ -42,7 +42,7 @@ const agentFlowCategories = [
         sortOrder: 1,
         color: 'linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%)',
         colorDark: 'linear-gradient(135deg, #1B5E20 0%, #2E7D32 100%)',
-        icon: 'smart_toy',
+        icon: 'bot',
         tags: [
             'agent',
             'ai',
@@ -76,7 +76,7 @@ const conversationalAgentManifest = {
     display: {
         label: 'Conversational Agent',
         description: 'An agent that can engage in conversations',
-        icon: 'chat',
+        icon: 'bot-message-square',
         shape: 'rectangle'
     },
     handleConfiguration: [
@@ -133,7 +133,7 @@ const autonomousAgentManifest = {
     display: {
         label: 'Autonomous Agent',
         description: 'An agent that can work independently',
-        icon: 'precision_manufacturing',
+        icon: 'bot',
         shape: 'rectangle'
     },
     handleConfiguration: [
@@ -190,7 +190,7 @@ const contextResourceManifest = {
     display: {
         label: 'Context',
         description: 'Context information for agents',
-        icon: "description",
+        icon: 'file-text',
         shape: 'circle'
     },
     handleConfiguration: [
@@ -219,7 +219,7 @@ const toolResourceManifest = {
     display: {
         label: 'Tool',
         description: 'A tool or function for agents to use',
-        icon: 'build',
+        icon: 'wrench',
         shape: 'circle'
     },
     handleConfiguration: [
@@ -248,7 +248,7 @@ const mcpResourceManifest = {
     display: {
         label: 'MCP Resource',
         description: 'Model Context Protocol resource',
-        icon: 'hub',
+        icon: 'network',
         shape: 'circle'
     },
     handleConfiguration: [
@@ -277,7 +277,7 @@ const escalationResourceManifest = {
     display: {
         label: 'Escalation',
         description: 'Escalation point for human intervention',
-        icon: 'person',
+        icon: 'user',
         shape: 'circle'
     },
     handleConfiguration: [
@@ -306,7 +306,7 @@ const memoryResourceManifest = {
     display: {
         label: 'Memory Space',
         description: 'Memory storage for agent state',
-        icon: 'memory',
+        icon: 'memory-stick',
         shape: 'circle'
     },
     handleConfiguration: [
@@ -336,7 +336,7 @@ const a2aResourceManifest = {
     display: {
         label: 'A2A Resource',
         description: 'Agent-to-Agent Protocol resource',
-        icon: 'hub',
+        icon: 'network',
         shape: 'circle'
     },
     handleConfiguration: [

package/dist/canvas/components/AgentCanvas/agent-flow.manifest.js

@@ -5,7 +5,7 @@ const agentFlowCategories = [
         sortOrder: 1,
         color: 'linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%)',
         colorDark: 'linear-gradient(135deg, #1B5E20 0%, #2E7D32 100%)',
-        icon: 'smart_toy',
+        icon: 'bot',
         tags: [
             'agent',
             'ai',
@@ -39,7 +39,7 @@ const conversationalAgentManifest = {
     display: {
         label: 'Conversational Agent',
         description: 'An agent that can engage in conversations',
-        icon: 'chat',
+        icon: 'bot-message-square',
         shape: 'rectangle'
     },
     handleConfiguration: [
@@ -96,7 +96,7 @@ const autonomousAgentManifest = {
     display: {
         label: 'Autonomous Agent',
         description: 'An agent that can work independently',
-        icon: 'precision_manufacturing',
+        icon: 'bot',
         shape: 'rectangle'
     },
     handleConfiguration: [
@@ -153,7 +153,7 @@ const contextResourceManifest = {
     display: {
         label: 'Context',
         description: 'Context information for agents',
-        icon: "description",
+        icon: 'file-text',
         shape: 'circle'
     },
     handleConfiguration: [
@@ -182,7 +182,7 @@ const toolResourceManifest = {
     display: {
         label: 'Tool',
         description: 'A tool or function for agents to use',
-        icon: 'build',
+        icon: 'wrench',
         shape: 'circle'
     },
     handleConfiguration: [
@@ -211,7 +211,7 @@ const mcpResourceManifest = {
     display: {
         label: 'MCP Resource',
         description: 'Model Context Protocol resource',
-        icon: 'hub',
+        icon: 'network',
         shape: 'circle'
     },
     handleConfiguration: [
@@ -240,7 +240,7 @@ const escalationResourceManifest = {
     display: {
         label: 'Escalation',
         description: 'Escalation point for human intervention',
-        icon: 'person',
+        icon: 'user',
         shape: 'circle'
     },
     handleConfiguration: [
@@ -269,7 +269,7 @@ const memoryResourceManifest = {
     display: {
         label: 'Memory Space',
         description: 'Memory storage for agent state',
-        icon: 'memory',
+        icon: 'memory-stick',
         shape: 'circle'
     },
     handleConfiguration: [
@@ -299,7 +299,7 @@ const a2aResourceManifest = {
     display: {
         label: 'A2A Resource',
         description: 'Agent-to-Agent Protocol resource',
-        icon: 'hub',
+        icon: 'network',
         shape: 'circle'
     },
     handleConfiguration: [

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

@@ -335,7 +335,7 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
             if ('0.0.1' === suggestionGroupVersion) return null;
             const rejectAction = {
                 id: 'reject-suggestion',
-                icon: 'close',
+                icon: 'x',
                 label: suggestTranslations.reject,
                 disabled: false,
                 onAction: ()=>handleActOnSuggestion(suggestionId, 'reject')

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

@@ -307,7 +307,7 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
             if ('0.0.1' === suggestionGroupVersion) return null;
             const rejectAction = {
                 id: 'reject-suggestion',
-                icon: 'close',
+                icon: 'x',
                 label: suggestTranslations.reject,
                 disabled: false,
                 onAction: ()=>handleActOnSuggestion(suggestionId, 'reject')

package/dist/canvas/components/CodedAgent/coded-agent.manifest.cjs

@@ -91,7 +91,7 @@ const codedAgentManifest = {
             sortOrder: 2,
             display: {
                 label: '',
-                icon: 'chat',
+                icon: 'bot-message-square',
                 shape: 'circle'
             },
             handleConfiguration: [

package/dist/canvas/components/CodedAgent/coded-agent.manifest.js

@@ -63,7 +63,7 @@ const codedAgentManifest = {
             sortOrder: 2,
             display: {
                 label: '',
-                icon: 'chat',
+                icon: 'bot-message-square',
                 shape: 'circle'
             },
             handleConfiguration: [

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

@@ -85,7 +85,7 @@ const workflowCategories = [
         sortOrder: 0,
         color: 'linear-gradient(135deg, #FAFAFB 0%, #ECEDEF 100%)',
         colorDark: 'linear-gradient(135deg, #526069 0%, rgba(50, 60, 66, 0.6) 100%)',
-        icon: 'widgets',
+        icon: 'boxes',
         tags: [
             'basic',
             'fundamental'
@@ -140,7 +140,7 @@ const workflowManifests = [
         sortOrder: 1,
         display: {
             label: 'Start',
-            icon: 'play_circle',
+            icon: 'circle-play',
             shape: 'circle'
         },
         handleConfiguration: [
@@ -168,7 +168,7 @@ const workflowManifests = [
         sortOrder: 2,
         display: {
             label: 'End',
-            icon: 'stop_circle',
+            icon: 'circle-stop',
             shape: 'circle'
         },
         handleConfiguration: [
@@ -233,7 +233,7 @@ const workflowManifests = [
         sortOrder: 20,
         display: {
             label: 'Decision',
-            icon: 'help',
+            icon: 'split',
             shape: 'square'
         },
         handleConfiguration: [

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

@@ -57,7 +57,7 @@ const workflowCategories = [
         sortOrder: 0,
         color: 'linear-gradient(135deg, #FAFAFB 0%, #ECEDEF 100%)',
         colorDark: 'linear-gradient(135deg, #526069 0%, rgba(50, 60, 66, 0.6) 100%)',
-        icon: 'widgets',
+        icon: 'boxes',
         tags: [
             'basic',
             'fundamental'
@@ -112,7 +112,7 @@ const workflowManifests = [
         sortOrder: 1,
         display: {
             label: 'Start',
-            icon: 'play_circle',
+            icon: 'circle-play',
             shape: 'circle'
         },
         handleConfiguration: [
@@ -140,7 +140,7 @@ const workflowManifests = [
         sortOrder: 2,
         display: {
             label: 'End',
-            icon: 'stop_circle',
+            icon: 'circle-stop',
             shape: 'circle'
         },
         handleConfiguration: [
@@ -205,7 +205,7 @@ const workflowManifests = [
         sortOrder: 20,
         display: {
             label: 'Decision',
-            icon: 'help',
+            icon: 'split',
             shape: 'square'
         },
         handleConfiguration: [

package/dist/canvas/components/StickyNoteNode/FormattingToolbar.cjs

@@ -27,6 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     FormattingToolbar: ()=>FormattingToolbar
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_namespaceObject = require("@lingui/react");
 const external_index_cjs_namespaceObject = require("../../index.cjs");
 const external_react_namespaceObject = require("react");
 const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
@@ -34,6 +35,9 @@ const index_cjs_namespaceObject = require("./markdown-formatting/index.cjs");
 const external_StickyNoteNode_styles_cjs_namespaceObject = require("./StickyNoteNode.styles.cjs");
 const external_StickyNoteNode_utils_cjs_namespaceObject = require("./StickyNoteNode.utils.cjs");
 const FormattingToolbarComponent = ({ textAreaRef, borderColor, activeFormats, onFormat })=>{
+    const { _ } = (0, react_namespaceObject.useLingui)();
+    const mod = (0, external_StickyNoteNode_utils_cjs_namespaceObject.getModifierKey)();
+    const shift = (0, external_StickyNoteNode_utils_cjs_namespaceObject.isMac)() ? '⇧' : '+Shift+';
     const applyFormat = (0, external_react_namespaceObject.useCallback)((formatFn)=>{
         const textarea = textAreaRef.current;
         if (!textarea) return;
@@ -63,20 +67,54 @@ const FormattingToolbarComponent = ({ textAreaRef, borderColor, activeFormats, o
     const handleNumberedList = (0, external_react_namespaceObject.useCallback)(()=>applyFormat(index_cjs_namespaceObject.toggleNumberedList), [
         applyFormat
     ]);
-    const mod = (0, external_StickyNoteNode_utils_cjs_namespaceObject.getModifierKey)();
-    const shift = (0, external_StickyNoteNode_utils_cjs_namespaceObject.isMac)() ? '⇧' : '+Shift+';
+    const boldLabel = _({
+        id: 'sticky-note.formatting.bold',
+        message: 'Bold ({boldShortcut})',
+        values: {
+            boldShortcut: `${mod}+B`
+        }
+    });
+    const italicLabel = _({
+        id: 'sticky-note.formatting.italic',
+        message: 'Italic ({italicShortcut})',
+        values: {
+            italicShortcut: `${mod}+I`
+        }
+    });
+    const strikethroughLabel = _({
+        id: 'sticky-note.formatting.strikethrough',
+        message: 'Strikethrough ({strikethroughShortcut})',
+        values: {
+            strikethroughShortcut: `${mod}${shift}X`
+        }
+    });
+    const bulletListLabel = _({
+        id: 'sticky-note.formatting.bullet-list',
+        message: 'Bullet list'
+    });
+    const numberedListLabel = _({
+        id: 'sticky-note.formatting.numbered-list',
+        message: 'Numbered list'
+    });
+    const toolbarLabel = _({
+        id: 'sticky-note.formatting.toolbar',
+        message: 'Text formatting'
+    });
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StickyNoteNode_styles_cjs_namespaceObject.FormattingToolbarContainer, {
+        role: "toolbar",
+        "aria-label": toolbarLabel,
         borderColor: borderColor,
         onMouseDown: (e)=>e.preventDefault(),
         className: "nodrag nowheel",
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
-                content: `Bold (${mod}+B)`,
+                content: boldLabel,
                 placement: "top",
                 delay: true,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_styles_cjs_namespaceObject.FormattingButton, {
                     isActive: activeFormats.bold,
                     onClick: handleBold,
+                    "aria-label": boldLabel,
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CanvasIcon, {
                         icon: "bold",
                         size: 14
@@ -84,12 +122,13 @@ const FormattingToolbarComponent = ({ textAreaRef, borderColor, activeFormats, o
                 })
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
-                content: `Italic (${mod}+I)`,
+                content: italicLabel,
                 placement: "top",
                 delay: true,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_styles_cjs_namespaceObject.FormattingButton, {
                     isActive: activeFormats.italic,
                     onClick: handleItalic,
+                    "aria-label": italicLabel,
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CanvasIcon, {
                         icon: "italic",
                         size: 14
@@ -97,12 +136,13 @@ const FormattingToolbarComponent = ({ textAreaRef, borderColor, activeFormats, o
                 })
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
-                content: `Strikethrough (${mod}${shift}X)`,
+                content: strikethroughLabel,
                 placement: "top",
                 delay: true,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_styles_cjs_namespaceObject.FormattingButton, {
                     isActive: activeFormats.strikethrough,
                     onClick: handleStrikethrough,
+                    "aria-label": strikethroughLabel,
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CanvasIcon, {
                         icon: "strikethrough",
                         size: 14
@@ -111,12 +151,13 @@ const FormattingToolbarComponent = ({ textAreaRef, borderColor, activeFormats, o
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_styles_cjs_namespaceObject.ToolbarSeparator, {}),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
-                content: "Bullet list",
+                content: bulletListLabel,
                 placement: "top",
                 delay: true,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_styles_cjs_namespaceObject.FormattingButton, {
                     isActive: activeFormats.bulletList,
                     onClick: handleBulletList,
+                    "aria-label": bulletListLabel,
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CanvasIcon, {
                         icon: "list",
                         size: 14
@@ -124,12 +165,13 @@ const FormattingToolbarComponent = ({ textAreaRef, borderColor, activeFormats, o
                 })
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
-                content: "Numbered list",
+                content: numberedListLabel,
                 placement: "top",
                 delay: true,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_styles_cjs_namespaceObject.FormattingButton, {
                     isActive: activeFormats.numberedList,
                     onClick: handleNumberedList,
+                    "aria-label": numberedListLabel,
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CanvasIcon, {
                         icon: "list-ordered",
                         size: 14

package/dist/canvas/components/StickyNoteNode/FormattingToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormattingToolbar.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/FormattingToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAa3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAG5D,UAAU,sBAAsB;IAC9B,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAwED,eAAO,MAAM,iBAAiB,+FAjE3B,sBAAsB,6CAiEwC,CAAC"}
+{"version":3,"file":"FormattingToolbar.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/FormattingToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAa3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAG5D,UAAU,sBAAsB;IAC9B,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAwHD,eAAO,MAAM,iBAAiB,+FAjH3B,sBAAsB,6CAiHwC,CAAC"}

package/dist/canvas/components/StickyNoteNode/FormattingToolbar.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useLingui } from "@lingui/react";
 import { CanvasIcon } from "../../index.js";
 import { memo, useCallback } from "react";
 import { CanvasTooltip } from "../CanvasTooltip.js";
@@ -6,6 +7,9 @@ import { toggleBold, toggleBulletList, toggleItalic, toggleNumberedList, toggleS
 import { FormattingButton, FormattingToolbarContainer, ToolbarSeparator } from "./StickyNoteNode.styles.js";
 import { getModifierKey, isMac } from "./StickyNoteNode.utils.js";
 const FormattingToolbarComponent = ({ textAreaRef, borderColor, activeFormats, onFormat })=>{
+    const { _ } = useLingui();
+    const mod = getModifierKey();
+    const shift = isMac() ? '⇧' : '+Shift+';
     const applyFormat = useCallback((formatFn)=>{
         const textarea = textAreaRef.current;
         if (!textarea) return;
@@ -35,20 +39,54 @@ const FormattingToolbarComponent = ({ textAreaRef, borderColor, activeFormats, o
     const handleNumberedList = useCallback(()=>applyFormat(toggleNumberedList), [
         applyFormat
     ]);
-    const mod = getModifierKey();
-    const shift = isMac() ? '⇧' : '+Shift+';
+    const boldLabel = _({
+        id: 'sticky-note.formatting.bold',
+        message: 'Bold ({boldShortcut})',
+        values: {
+            boldShortcut: `${mod}+B`
+        }
+    });
+    const italicLabel = _({
+        id: 'sticky-note.formatting.italic',
+        message: 'Italic ({italicShortcut})',
+        values: {
+            italicShortcut: `${mod}+I`
+        }
+    });
+    const strikethroughLabel = _({
+        id: 'sticky-note.formatting.strikethrough',
+        message: 'Strikethrough ({strikethroughShortcut})',
+        values: {
+            strikethroughShortcut: `${mod}${shift}X`
+        }
+    });
+    const bulletListLabel = _({
+        id: 'sticky-note.formatting.bullet-list',
+        message: 'Bullet list'
+    });
+    const numberedListLabel = _({
+        id: 'sticky-note.formatting.numbered-list',
+        message: 'Numbered list'
+    });
+    const toolbarLabel = _({
+        id: 'sticky-note.formatting.toolbar',
+        message: 'Text formatting'
+    });
     return /*#__PURE__*/ jsxs(FormattingToolbarContainer, {
+        role: "toolbar",
+        "aria-label": toolbarLabel,
         borderColor: borderColor,
         onMouseDown: (e)=>e.preventDefault(),
         className: "nodrag nowheel",
         children: [
             /*#__PURE__*/ jsx(CanvasTooltip, {
-                content: `Bold (${mod}+B)`,
+                content: boldLabel,
                 placement: "top",
                 delay: true,
                 children: /*#__PURE__*/ jsx(FormattingButton, {
                     isActive: activeFormats.bold,
                     onClick: handleBold,
+                    "aria-label": boldLabel,
                     children: /*#__PURE__*/ jsx(CanvasIcon, {
                         icon: "bold",
                         size: 14
@@ -56,12 +94,13 @@ const FormattingToolbarComponent = ({ textAreaRef, borderColor, activeFormats, o
                 })
             }),
             /*#__PURE__*/ jsx(CanvasTooltip, {
-                content: `Italic (${mod}+I)`,
+                content: italicLabel,
                 placement: "top",
                 delay: true,
                 children: /*#__PURE__*/ jsx(FormattingButton, {
                     isActive: activeFormats.italic,
                     onClick: handleItalic,
+                    "aria-label": italicLabel,
                     children: /*#__PURE__*/ jsx(CanvasIcon, {
                         icon: "italic",
                         size: 14
@@ -69,12 +108,13 @@ const FormattingToolbarComponent = ({ textAreaRef, borderColor, activeFormats, o
                 })
             }),
             /*#__PURE__*/ jsx(CanvasTooltip, {
-                content: `Strikethrough (${mod}${shift}X)`,
+                content: strikethroughLabel,
                 placement: "top",
                 delay: true,
                 children: /*#__PURE__*/ jsx(FormattingButton, {
                     isActive: activeFormats.strikethrough,
                     onClick: handleStrikethrough,
+                    "aria-label": strikethroughLabel,
                     children: /*#__PURE__*/ jsx(CanvasIcon, {
                         icon: "strikethrough",
                         size: 14
@@ -83,12 +123,13 @@ const FormattingToolbarComponent = ({ textAreaRef, borderColor, activeFormats, o
             }),
             /*#__PURE__*/ jsx(ToolbarSeparator, {}),
             /*#__PURE__*/ jsx(CanvasTooltip, {
-                content: "Bullet list",
+                content: bulletListLabel,
                 placement: "top",
                 delay: true,
                 children: /*#__PURE__*/ jsx(FormattingButton, {
                     isActive: activeFormats.bulletList,
                     onClick: handleBulletList,
+                    "aria-label": bulletListLabel,
                     children: /*#__PURE__*/ jsx(CanvasIcon, {
                         icon: "list",
                         size: 14
@@ -96,12 +137,13 @@ const FormattingToolbarComponent = ({ textAreaRef, borderColor, activeFormats, o
                 })
             }),
             /*#__PURE__*/ jsx(CanvasTooltip, {
-                content: "Numbered list",
+                content: numberedListLabel,
                 placement: "top",
                 delay: true,
                 children: /*#__PURE__*/ jsx(FormattingButton, {
                     isActive: activeFormats.numberedList,
                     onClick: handleNumberedList,
+                    "aria-label": numberedListLabel,
                     children: /*#__PURE__*/ jsx(CanvasIcon, {
                         icon: "list-ordered",
                         size: 14

package/dist/canvas/components/StickyNoteNode/StickyNoteNode.cjs

@@ -41,6 +41,7 @@ const external_index_cjs_namespaceObject = require("../../index.cjs");
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const external_motion_react_namespaceObject = require("motion/react");
 const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 const external_react_markdown_namespaceObject = require("react-markdown");
 var external_react_markdown_default = /*#__PURE__*/ __webpack_require__.n(external_react_markdown_namespaceObject);
 const external_remark_breaks_namespaceObject = require("remark-breaks");
@@ -48,7 +49,7 @@ var external_remark_breaks_default = /*#__PURE__*/ __webpack_require__.n(externa
 const external_remark_gfm_namespaceObject = require("remark-gfm");
 var external_remark_gfm_default = /*#__PURE__*/ __webpack_require__.n(external_remark_gfm_namespaceObject);
 const external_constants_cjs_namespaceObject = require("../../constants.cjs");
-const index_cjs_namespaceObject = require("../Toolbar/index.cjs");
+const external_Toolbar_index_cjs_namespaceObject = require("../Toolbar/index.cjs");
 const external_FormattingToolbar_cjs_namespaceObject = require("./FormattingToolbar.cjs");
 const external_markdown_formatting_index_cjs_namespaceObject = require("./markdown-formatting/index.cjs");
 const external_StickyNoteNode_styles_cjs_namespaceObject = require("./StickyNoteNode.styles.cjs");
@@ -375,7 +376,8 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_styles_cjs_namespaceObject.BottomCornerIndicators, {
                                 selected: selected
                             }),
-                            isEditing ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                            isEditing ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.ApI18nProvider, {
+                                component: "canvas",
                                 children: [
                                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_FormattingToolbar_cjs_namespaceObject.FormattingToolbar, {
                                         textAreaRef: textAreaRef,
@@ -417,7 +419,7 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                             })
                         ]
                     }),
-                    selected && !dragging && !isResizing && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.NodeToolbar, {
+                    selected && !dragging && !isResizing && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbar_index_cjs_namespaceObject.NodeToolbar, {
                         nodeId: id,
                         config: toolbarConfig,
                         expanded: true

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

@@ -1 +1 @@
-{"version":3,"file":"StickyNoteNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA+B1E,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAiB,MAAM,wBAAwB,CAAC;AAM7F,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAsYD,eAAO,MAAM,cAAc,4JAvXxB,mBAAmB,6CAuXqC,CAAC"}
+{"version":3,"file":"StickyNoteNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAgC1E,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAiB,MAAM,wBAAwB,CAAC;AAM7F,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAsYD,eAAO,MAAM,cAAc,4JAvXxB,mBAAmB,6CAuXqC,CAAC"}

package/dist/canvas/components/StickyNoteNode/StickyNoteNode.js

@@ -4,6 +4,7 @@ import { CanvasIcon } from "../../index.js";
 import { NodeResizeControl, useReactFlow } from "../../xyflow/react.js";
 import { AnimatePresence } from "motion/react";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { ApI18nProvider } from "../../../i18n/index.js";
 import react_markdown from "react-markdown";
 import remark_breaks from "remark-breaks";
 import remark_gfm from "remark-gfm";
@@ -335,7 +336,8 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
                             /*#__PURE__*/ jsx(BottomCornerIndicators, {
                                 selected: selected
                             }),
-                            isEditing ? /*#__PURE__*/ jsxs(Fragment, {
+                            isEditing ? /*#__PURE__*/ jsxs(ApI18nProvider, {
+                                component: "canvas",
                                 children: [
                                     /*#__PURE__*/ jsx(FormattingToolbar, {
                                         textAreaRef: textAreaRef,

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

@@ -85,7 +85,7 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
             actions: [
                 {
                     id: 'add-node',
-                    icon: 'add',
+                    icon: 'plus',
                     label: 'Add node',
                     disabled: false,
                     onAction: (_edgeId, position)=>{

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

@@ -57,7 +57,7 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
             actions: [
                 {
                     id: 'add-node',
-                    icon: 'add',
+                    icon: 'plus',
                     label: 'Add node',
                     disabled: false,
                     onAction: (_edgeId, position)=>{