@uipath/apollo-react 6.23.0 → 6.23.1

package/README.md

@@ -237,7 +237,8 @@ This approach allows you to integrate Apollo design tokens into existing Materia
 
 ## Icons
 
-Access to 1300+ Apollo icons as React components:
+Access to 1300+ Apollo icons as React components, generated from
+[`@uipath/apollo-ui-icons`](../apollo-ui-icons):
 
 ```typescript
 import {

package/dist/canvas/components/JsonTree/JsonTree.cjs

@@ -147,7 +147,7 @@ function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredi
                                 depth: depth
                             }, node.path)),
                         0 === rows.length && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            className: "py-4 text-center text-xs text-foreground-subtle",
+                            className: "p-4 text-center text-xs text-foreground-subtle",
                             children: resolvedEmptyMessage
                         })
                     ]

package/dist/canvas/components/JsonTree/JsonTree.js

@@ -119,7 +119,7 @@ function JsonTree({ nodes, collapsed = {}, onToggleCollapsed, query, filterPredi
                                 depth: depth
                             }, node.path)),
                         0 === rows.length && /*#__PURE__*/ jsx("span", {
-                            className: "py-4 text-center text-xs text-foreground-subtle",
+                            className: "p-4 text-center text-xs text-foreground-subtle",
                             children: resolvedEmptyMessage
                         })
                     ]

package/dist/canvas/components/JsonTree/JsonTreeRow.cjs

@@ -41,7 +41,7 @@ const external_NodeKey_cjs_namespaceObject = require("./NodeKey.cjs");
 const external_RowActions_cjs_namespaceObject = require("./RowActions.cjs");
 const external_ScalarValueCell_cjs_namespaceObject = require("./ScalarValueCell.cjs");
 const ROW_CLASS = 'group flex min-h-7 cursor-default items-center gap-1.5 py-1 pr-1 transition hover:bg-surface-overlay';
-const CUSTOM_CELL_CLASS = 'flex min-w-0 flex-1 items-center overflow-hidden';
+const VALUE_CELL_CLASS = 'flex min-w-8 flex-1 items-center';
 function rowIndent(depth, extra = 0) {
     return {
         paddingLeft: `${6 + 12 * depth + extra}px`
@@ -253,7 +253,7 @@ function JsonTreeRow({ node, depth }) {
                                 })
                             }),
                             null != customCell && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                className: CUSTOM_CELL_CLASS,
+                                className: VALUE_CELL_CLASS,
                                 children: customCell
                             }),
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DecorationChip_cjs_namespaceObject.DecorationChip, {
@@ -268,7 +268,7 @@ function JsonTreeRow({ node, depth }) {
                     }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                         children: [
                             !wrapped && (null != customCell ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                className: CUSTOM_CELL_CLASS,
+                                className: VALUE_CELL_CLASS,
                                 children: customCell
                             }) : !(readOnly && void 0 === node.value || isTemplate) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                                 children: [
@@ -276,13 +276,16 @@ function JsonTreeRow({ node, depth }) {
                                         className: "shrink-0 font-mono text-xs text-foreground-subtle",
                                         children: "="
                                     }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ScalarValueCell_cjs_namespaceObject.ScalarValueCell, {
-                                        node: node,
-                                        readOnly: readOnly,
-                                        editing: editingPath === node.path,
-                                        onStartEdit: (n)=>setEditingPath(n.path),
-                                        onStopEdit: ()=>setEditingPath(null),
-                                        onEdit: canEdit ? commitEdit : void 0
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: (0, apollo_wind_namespaceObject.cn)(VALUE_CELL_CLASS, 'shrink-3'),
+                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ScalarValueCell_cjs_namespaceObject.ScalarValueCell, {
+                                            node: node,
+                                            readOnly: readOnly,
+                                            editing: editingPath === node.path,
+                                            onStartEdit: (n)=>setEditingPath(n.path),
+                                            onStopEdit: ()=>setEditingPath(null),
+                                            onEdit: canEdit ? commitEdit : void 0
+                                        })
                                     })
                                 ]
                             })),
@@ -328,7 +331,9 @@ function JsonTreeRow({ node, depth }) {
                         message: 'Click to edit'
                     }) : void 0,
                     className: (0, apollo_wind_namespaceObject.cn)('w-full whitespace-pre-wrap break-all rounded text-left font-mono text-xs leading-5', canEdit && 'cursor-text', (0, external_ScalarValueCell_cjs_namespaceObject.valueColorClass)(node.type, node.value)),
-                    children: 'string' == typeof node.value ? node.value : (0, external_buildJsonTree_cjs_namespaceObject.formatLeafValue)(node.type, node.value)
+                    children: (0, external_buildJsonTree_cjs_namespaceObject.formatLeafValue)(node.type, node.value, {
+                        preserveStringWhitespace: true
+                    })
                 })
             }),
             isContainer && jsonEditingPath === node.path && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {

package/dist/canvas/components/JsonTree/JsonTreeRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JsonTreeRow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTreeRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,SAAS,EAET,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAiC1B,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,cAAc,GAAG,SAAS,CAAC;IAClE,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,kBAAkB,CAAC;IAE/B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;KAAE,GAAG,IAAI,CAAC;IACzD,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACxE;AAID,eAAO,MAAM,0BAA0B,0DAA8B,CAAC;AAgBtE,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CA6WjF"}
+{"version":3,"file":"JsonTreeRow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTreeRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,SAAS,EAET,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AA+B1B,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,cAAc,GAAG,SAAS,CAAC;IAClE,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,kBAAkB,CAAC;IAE/B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;KAAE,GAAG,IAAI,CAAC;IACzD,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACxE;AAID,eAAO,MAAM,0BAA0B,0DAA8B,CAAC;AAgBtE,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CA+WjF"}

package/dist/canvas/components/JsonTree/JsonTreeRow.js

@@ -12,7 +12,7 @@ import { NodeKey } from "./NodeKey.js";
 import { RowActions } from "./RowActions.js";
 import { ScalarValueCell, valueColorClass } from "./ScalarValueCell.js";
 const ROW_CLASS = 'group flex min-h-7 cursor-default items-center gap-1.5 py-1 pr-1 transition hover:bg-surface-overlay';
-const CUSTOM_CELL_CLASS = 'flex min-w-0 flex-1 items-center overflow-hidden';
+const VALUE_CELL_CLASS = 'flex min-w-8 flex-1 items-center';
 function rowIndent(depth, extra = 0) {
     return {
         paddingLeft: `${6 + 12 * depth + extra}px`
@@ -224,7 +224,7 @@ function JsonTreeRow({ node, depth }) {
                                 })
                             }),
                             null != customCell && /*#__PURE__*/ jsx("span", {
-                                className: CUSTOM_CELL_CLASS,
+                                className: VALUE_CELL_CLASS,
                                 children: customCell
                             }),
                             /*#__PURE__*/ jsx(DecorationChip, {
@@ -239,7 +239,7 @@ function JsonTreeRow({ node, depth }) {
                     }) : /*#__PURE__*/ jsxs(Fragment, {
                         children: [
                             !wrapped && (null != customCell ? /*#__PURE__*/ jsx("span", {
-                                className: CUSTOM_CELL_CLASS,
+                                className: VALUE_CELL_CLASS,
                                 children: customCell
                             }) : !(readOnly && void 0 === node.value || isTemplate) && /*#__PURE__*/ jsxs(Fragment, {
                                 children: [
@@ -247,13 +247,16 @@ function JsonTreeRow({ node, depth }) {
                                         className: "shrink-0 font-mono text-xs text-foreground-subtle",
                                         children: "="
                                     }),
-                                    /*#__PURE__*/ jsx(ScalarValueCell, {
-                                        node: node,
-                                        readOnly: readOnly,
-                                        editing: editingPath === node.path,
-                                        onStartEdit: (n)=>setEditingPath(n.path),
-                                        onStopEdit: ()=>setEditingPath(null),
-                                        onEdit: canEdit ? commitEdit : void 0
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: cn(VALUE_CELL_CLASS, 'shrink-3'),
+                                        children: /*#__PURE__*/ jsx(ScalarValueCell, {
+                                            node: node,
+                                            readOnly: readOnly,
+                                            editing: editingPath === node.path,
+                                            onStartEdit: (n)=>setEditingPath(n.path),
+                                            onStopEdit: ()=>setEditingPath(null),
+                                            onEdit: canEdit ? commitEdit : void 0
+                                        })
                                     })
                                 ]
                             })),
@@ -299,7 +302,9 @@ function JsonTreeRow({ node, depth }) {
                         message: 'Click to edit'
                     }) : void 0,
                     className: cn('w-full whitespace-pre-wrap break-all rounded text-left font-mono text-xs leading-5', canEdit && 'cursor-text', valueColorClass(node.type, node.value)),
-                    children: 'string' == typeof node.value ? node.value : formatLeafValue(node.type, node.value)
+                    children: formatLeafValue(node.type, node.value, {
+                        preserveStringWhitespace: true
+                    })
                 })
             }),
             isContainer && jsonEditingPath === node.path && /*#__PURE__*/ jsx("div", {

package/dist/canvas/components/JsonTree/NodeKey.cjs

@@ -34,7 +34,7 @@ function NodeKey({ node, label, displayPath, onCopyPath, className }) {
     const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
     const text = label ?? node.key;
     const copyPathText = displayPath ?? node.path;
-    const keyClass = (0, apollo_wind_namespaceObject.cn)('max-w-[45%] shrink-0 truncate text-xs text-foreground', null != label ? 'font-medium' : 'font-mono', void 0 === node.value && 'text-foreground-muted', className);
+    const keyClass = (0, apollo_wind_namespaceObject.cn)('min-w-4 max-w-[45%] truncate text-xs text-foreground', null != label ? 'font-medium' : 'font-mono', void 0 === node.value && 'text-foreground-muted', className);
     if (!onCopyPath) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
         className: keyClass,
         children: text

package/dist/canvas/components/JsonTree/NodeKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeKey.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/NodeKey.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,YAAY,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,YAAY,2CAuDxF"}
+{"version":3,"file":"NodeKey.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/NodeKey.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,YAAY,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,YAAY,2CA4DxF"}

package/dist/canvas/components/JsonTree/NodeKey.js

@@ -6,7 +6,7 @@ function NodeKey({ node, label, displayPath, onCopyPath, className }) {
     const { _ } = useSafeLingui();
     const text = label ?? node.key;
     const copyPathText = displayPath ?? node.path;
-    const keyClass = cn('max-w-[45%] shrink-0 truncate text-xs text-foreground', null != label ? 'font-medium' : 'font-mono', void 0 === node.value && 'text-foreground-muted', className);
+    const keyClass = cn('min-w-4 max-w-[45%] truncate text-xs text-foreground', null != label ? 'font-medium' : 'font-mono', void 0 === node.value && 'text-foreground-muted', className);
     if (!onCopyPath) return /*#__PURE__*/ jsx("span", {
         className: keyClass,
         children: text

package/dist/canvas/components/JsonTree/ScalarValueCell.cjs

@@ -39,7 +39,7 @@ function valueColorClass(type, value) {
     if ('boolean' === type) return value ? 'text-success' : 'text-error';
     return 'text-foreground';
 }
-const VALUE_CELL_CLASS = 'min-w-0 shrink-3 truncate rounded font-mono text-xs transition hover:bg-surface-raised';
+const VALUE_CELL_CLASS = 'min-w-0 truncate rounded font-mono text-xs transition hover:bg-surface-raised';
 function ScalarValueCell({ node, readOnly, editing, onStartEdit, onStopEdit, onEdit }) {
     const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
     const missing = void 0 === node.value;
@@ -59,7 +59,7 @@ function ScalarValueCell({ node, readOnly, editing, onStartEdit, onStopEdit, onE
         onCancel: onStopEdit
     });
     if (readOnly || !onEdit) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-        className: (0, apollo_wind_namespaceObject.cn)('min-w-0 shrink-3 truncate font-mono text-xs', colorClass),
+        className: (0, apollo_wind_namespaceObject.cn)('min-w-0 truncate font-mono text-xs', colorClass),
         children: display
     });
     const editTitle = _({

package/dist/canvas/components/JsonTree/ScalarValueCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarValueCell.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/ScalarValueCell.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlF,wBAAgB,eAAe,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAM5F;AAOD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACzD;AAQD,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAU,EACV,MAAM,GACP,EAAE,oBAAoB,2CAsHtB"}
+{"version":3,"file":"ScalarValueCell.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/ScalarValueCell.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlF,wBAAgB,eAAe,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAM5F;AASD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACzD;AAQD,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAU,EACV,MAAM,GACP,EAAE,oBAAoB,2CAkHtB"}

package/dist/canvas/components/JsonTree/ScalarValueCell.js

@@ -10,7 +10,7 @@ function valueColorClass(type, value) {
     if ('boolean' === type) return value ? 'text-success' : 'text-error';
     return 'text-foreground';
 }
-const VALUE_CELL_CLASS = 'min-w-0 shrink-3 truncate rounded font-mono text-xs transition hover:bg-surface-raised';
+const VALUE_CELL_CLASS = 'min-w-0 truncate rounded font-mono text-xs transition hover:bg-surface-raised';
 function ScalarValueCell({ node, readOnly, editing, onStartEdit, onStopEdit, onEdit }) {
     const { _ } = useSafeLingui();
     const missing = void 0 === node.value;
@@ -30,7 +30,7 @@ function ScalarValueCell({ node, readOnly, editing, onStartEdit, onStopEdit, onE
         onCancel: onStopEdit
     });
     if (readOnly || !onEdit) return /*#__PURE__*/ jsx("span", {
-        className: cn('min-w-0 shrink-3 truncate font-mono text-xs', colorClass),
+        className: cn('min-w-0 truncate font-mono text-xs', colorClass),
         children: display
     });
     const editTitle = _({

package/dist/canvas/components/JsonTree/buildJsonTree.cjs

@@ -285,9 +285,9 @@ function removeValueAtPath(root, segments) {
         [head]: child
     };
 }
-function formatLeafValue(type, value) {
+function formatLeafValue(type, value, options) {
     if (null == value) return 'null';
-    if ('string' === type) return JSON.stringify(value);
+    if ('string' === type) return options?.preserveStringWhitespace ? `"${value}"` : JSON.stringify(value);
     return String(value);
 }
 exports.appendPathSegment = __webpack_exports__.appendPathSegment;

package/dist/canvas/components/JsonTree/buildJsonTree.d.ts

@@ -33,5 +33,7 @@ export declare function collectContainerPaths(nodes: JsonTreeNode[], depth?: num
 export declare function getValueAtPath(root: JsonValue | undefined, segments: PathSegment[]): JsonValue | undefined;
 export declare function setValueAtPath(root: JsonValue | undefined, segments: PathSegment[], value: JsonValue): JsonValue;
 export declare function removeValueAtPath(root: JsonValue | undefined, segments: PathSegment[]): JsonValue | undefined;
-export declare function formatLeafValue(type: JsonTreeNodeType, value: JsonValue | undefined): string;
+export declare function formatLeafValue(type: JsonTreeNodeType, value: JsonValue | undefined, options?: {
+    preserveStringWhitespace?: boolean;
+}): string;
 //# sourceMappingURL=buildJsonTree.d.ts.map

package/dist/canvas/components/JsonTree/buildJsonTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildJsonTree.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/buildJsonTree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,UAAU,EACV,UAAU,EAEV,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAI1B,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,KAAK,IAAI,UAAU,CAE9E;AAGD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,MAAM,CAI5E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,GAAG,gBAAgB,CAajE;AAQD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,gBAAgB,CASlF;AAuJD,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AASD,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,YAAY,EAAE,CAc3E;AASD,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAEnE;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,MAAM,MAAM,gBAAgB,GAAG,CAC7B,IAAI,EAAE,YAAY,KACf;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAAC;AAoCvD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAElD,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAGD,wBAAgB,eAAe,CAC7B,KAAK,EAAE,YAAY,EAAE,EACrB,OAAO,GAAE,cAAmB,EAC5B,KAAK,SAAI,GACR,eAAe,EAAE,CAsCnB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,KAAK,SAAI,GAAG,aAAa,EAAE,CASvF;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,QAAQ,EAAE,WAAW,EAAE,GACtB,SAAS,GAAG,SAAS,CAcvB;AAOD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,QAAQ,EAAE,WAAW,EAAE,EACvB,KAAK,EAAE,SAAS,GACf,SAAS,CAoBX;AAOD,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,QAAQ,EAAE,WAAW,EAAE,GACtB,SAAS,GAAG,SAAS,CAyBvB;AAGD,wBAAgB,eAAe,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAI5F"}
+{"version":3,"file":"buildJsonTree.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/buildJsonTree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,UAAU,EACV,UAAU,EAEV,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAI1B,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,KAAK,IAAI,UAAU,CAE9E;AAGD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,MAAM,CAI5E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,GAAG,gBAAgB,CAajE;AAQD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,gBAAgB,CASlF;AAuJD,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AASD,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,YAAY,EAAE,CAc3E;AASD,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAEnE;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,MAAM,MAAM,gBAAgB,GAAG,CAC7B,IAAI,EAAE,YAAY,KACf;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAAC;AAoCvD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAElD,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAGD,wBAAgB,eAAe,CAC7B,KAAK,EAAE,YAAY,EAAE,EACrB,OAAO,GAAE,cAAmB,EAC5B,KAAK,SAAI,GACR,eAAe,EAAE,CAsCnB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,KAAK,SAAI,GAAG,aAAa,EAAE,CASvF;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,QAAQ,EAAE,WAAW,EAAE,GACtB,SAAS,GAAG,SAAS,CAcvB;AAOD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,QAAQ,EAAE,WAAW,EAAE,EACvB,KAAK,EAAE,SAAS,GACf,SAAS,CAoBX;AAOD,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,QAAQ,EAAE,WAAW,EAAE,GACtB,SAAS,GAAG,SAAS,CAyBvB;AAGD,wBAAgB,eAAe,CAC7B,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,OAAO,CAAC,EAAE;IAAE,wBAAwB,CAAC,EAAE,OAAO,CAAA;CAAE,GAC/C,MAAM,CAMR"}

package/dist/canvas/components/JsonTree/buildJsonTree.js

@@ -246,9 +246,9 @@ function removeValueAtPath(root, segments) {
         [head]: child
     };
 }
-function formatLeafValue(type, value) {
+function formatLeafValue(type, value, options) {
     if (null == value) return 'null';
-    if ('string' === type) return JSON.stringify(value);
+    if ('string' === type) return options?.preserveStringWhitespace ? `"${value}"` : JSON.stringify(value);
     return String(value);
 }
 export { appendPathSegment, buildJsonTree, collectContainerPaths, flattenJsonTree, formatLeafValue, getValueAtPath, inferValueType, isArrayItemTemplateRoot, isJsonObject, removeValueAtPath, schemaDisplayType, setValueAtPath };

package/dist/canvas/components/NodeIOView/PanelTitleBar.cjs

@@ -34,36 +34,34 @@ function PanelTitleBar({ icon, title, badge, trailing, className }) {
         className: (0, apollo_wind_namespaceObject.cn)('flex items-center justify-between gap-2', className),
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: "flex min-w-0 items-center gap-2",
+                className: "flex min-w-16 flex-1 items-center gap-2",
                 children: [
                     icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                        className: "shrink-0 text-foreground-subtle [&>svg]:size-[13px]",
+                        className: "shrink-0 text-foreground-subtle [&>svg]:size-3.25",
                         children: icon
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
                         smartTooltip: true,
                         delay: true,
-                        placement: "bottom",
                         content: title,
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            className: "truncate text-xs font-medium text-foreground",
+                            className: "min-w-2 truncate text-xs font-medium text-foreground",
                             children: title
                         })
                     }),
                     badge && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
                         smartTooltip: true,
                         delay: true,
-                        placement: "bottom",
                         content: badge,
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            className: "min-w-0 truncate font-mono text-[10px] text-foreground-muted",
+                            className: "min-w-2 shrink-8 truncate font-mono text-[10px] text-foreground-muted",
                             children: badge
                         })
                     })
                 ]
             }),
             trailing && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                className: "shrink-0",
+                className: "flex min-w-12 items-center justify-end",
                 children: trailing
             })
         ]

package/dist/canvas/components/NodeIOView/PanelTitleBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelTitleBar.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodeIOView/PanelTitleBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IAEjC,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAqB5F"}
+{"version":3,"file":"PanelTitleBar.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodeIOView/PanelTitleBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IAEjC,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAmB5F"}

package/dist/canvas/components/NodeIOView/PanelTitleBar.js

@@ -6,36 +6,34 @@ function PanelTitleBar({ icon, title, badge, trailing, className }) {
         className: cn('flex items-center justify-between gap-2', className),
         children: [
             /*#__PURE__*/ jsxs("div", {
-                className: "flex min-w-0 items-center gap-2",
+                className: "flex min-w-16 flex-1 items-center gap-2",
                 children: [
                     icon && /*#__PURE__*/ jsx("span", {
-                        className: "shrink-0 text-foreground-subtle [&>svg]:size-[13px]",
+                        className: "shrink-0 text-foreground-subtle [&>svg]:size-3.25",
                         children: icon
                     }),
                     /*#__PURE__*/ jsx(CanvasTooltip, {
                         smartTooltip: true,
                         delay: true,
-                        placement: "bottom",
                         content: title,
                         children: /*#__PURE__*/ jsx("span", {
-                            className: "truncate text-xs font-medium text-foreground",
+                            className: "min-w-2 truncate text-xs font-medium text-foreground",
                             children: title
                         })
                     }),
                     badge && /*#__PURE__*/ jsx(CanvasTooltip, {
                         smartTooltip: true,
                         delay: true,
-                        placement: "bottom",
                         content: badge,
                         children: /*#__PURE__*/ jsx("span", {
-                            className: "min-w-0 truncate font-mono text-[10px] text-foreground-muted",
+                            className: "min-w-2 shrink-8 truncate font-mono text-[10px] text-foreground-muted",
                             children: badge
                         })
                     })
                 ]
             }),
             trailing && /*#__PURE__*/ jsx("div", {
-                className: "shrink-0",
+                className: "flex min-w-12 items-center justify-end",
                 children: trailing
             })
         ]

package/dist/canvas/controls/NodeOutputModeSelect/NodeOutputModeSelect.cjs

@@ -69,18 +69,6 @@ const MODE_DEFS = [
             id: "canvas.node_mode_select.simulated_description",
             message: 'Generate a response dynamically using an LLM'
         }
-    },
-    {
-        value: 'disabled',
-        icon: external_lucide_react_namespaceObject.CircleOff,
-        label: {
-            id: 'canvas.node_mode_select.disabled_label',
-            message: 'Skip node'
-        },
-        description: {
-            id: "canvas.node_mode_select.disabled_description",
-            message: "Don't execute this node"
-        }
     }
 ];
 const DEFAULT_NODE_OUTPUT_MODES = MODE_DEFS.map((mode)=>({
@@ -112,24 +100,24 @@ function NodeOutputModeSelect({ value, onChange, options, disabled = false, clas
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuTrigger, {
                 asChild: true,
                 disabled: disabled,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
-                    type: "button",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Button, {
+                    variant: "ghost",
+                    size: "3xs",
                     disabled: disabled,
                     "aria-label": _({
                         id: 'canvas.node_mode_select.node_mode',
-                        message: 'Node mode'
+                        message: 'Node output mode'
                     }),
-                    className: (0, apollo_wind_namespaceObject.cn)('flex cursor-pointer items-center gap-1.5 rounded-full border border-border px-2 py-0.5 text-[11px] font-medium text-foreground-muted transition hover:bg-surface-overlay hover:text-foreground', disabled && 'cursor-default opacity-60 hover:bg-transparent hover:text-foreground-muted', className),
+                    className: (0, apollo_wind_namespaceObject.cn)('min-w-12 gap-1.5 rounded-full border border-border px-2 text-[11px] font-medium text-foreground-muted hover:bg-surface-overlay hover:text-foreground [&_svg]:size-2.5', className),
                     children: [
                         CurrentIcon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CurrentIcon, {
-                            size: 10,
                             className: "text-foreground-subtle"
                         }),
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "min-w-0 flex-1 truncate shrink-0",
                             children: current?.label
                         }),
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
-                            size: 10,
                             className: "text-foreground-subtle"
                         })
                     ]

package/dist/canvas/controls/NodeOutputModeSelect/NodeOutputModeSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeOutputModeSelect.d.ts","sourceRoot":"","sources":["../../../../src/canvas/controls/NodeOutputModeSelect/NodeOutputModeSelect.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAiDD,eAAO,MAAM,yBAAyB,EAAE,oBAAoB,EAKzD,CAAC;AAGJ,wBAAgB,yBAAyB,IAAI,oBAAoB,EAAE,CAYlE;AAED,MAAM,WAAW,yBAAyB;IAExC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,SAAS,GACV,EAAE,yBAAyB,2CAiE3B"}
+{"version":3,"file":"NodeOutputModeSelect.d.ts","sourceRoot":"","sources":["../../../../src/canvas/controls/NodeOutputModeSelect/NodeOutputModeSelect.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAwCD,eAAO,MAAM,yBAAyB,EAAE,oBAAoB,EAKzD,CAAC;AAGJ,wBAAgB,yBAAyB,IAAI,oBAAoB,EAAE,CAYlE;AAED,MAAM,WAAW,yBAAyB;IAExC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,SAAS,GACV,EAAE,yBAAyB,2CAgE3B"}

package/dist/canvas/controls/NodeOutputModeSelect/NodeOutputModeSelect.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, cn } from "@uipath/apollo-wind";
-import { ChevronDown, CircleDot, CircleOff, FileBracesCorner, Sparkles } from "lucide-react";
+import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, cn } from "@uipath/apollo-wind";
+import { ChevronDown, CircleDot, FileBracesCorner, Sparkles } from "lucide-react";
 import { useMemo } from "react";
 import { useSafeLingui } from "../../../i18n/index.js";
 const MODE_DEFS = [
@@ -39,18 +39,6 @@ const MODE_DEFS = [
             id: "canvas.node_mode_select.simulated_description",
             message: 'Generate a response dynamically using an LLM'
         }
-    },
-    {
-        value: 'disabled',
-        icon: CircleOff,
-        label: {
-            id: 'canvas.node_mode_select.disabled_label',
-            message: 'Skip node'
-        },
-        description: {
-            id: "canvas.node_mode_select.disabled_description",
-            message: "Don't execute this node"
-        }
     }
 ];
 const DEFAULT_NODE_OUTPUT_MODES = MODE_DEFS.map((mode)=>({
@@ -82,24 +70,24 @@ function NodeOutputModeSelect({ value, onChange, options, disabled = false, clas
             /*#__PURE__*/ jsx(DropdownMenuTrigger, {
                 asChild: true,
                 disabled: disabled,
-                children: /*#__PURE__*/ jsxs("button", {
-                    type: "button",
+                children: /*#__PURE__*/ jsxs(Button, {
+                    variant: "ghost",
+                    size: "3xs",
                     disabled: disabled,
                     "aria-label": _({
                         id: 'canvas.node_mode_select.node_mode',
-                        message: 'Node mode'
+                        message: 'Node output mode'
                     }),
-                    className: cn('flex cursor-pointer items-center gap-1.5 rounded-full border border-border px-2 py-0.5 text-[11px] font-medium text-foreground-muted transition hover:bg-surface-overlay hover:text-foreground', disabled && 'cursor-default opacity-60 hover:bg-transparent hover:text-foreground-muted', className),
+                    className: cn('min-w-12 gap-1.5 rounded-full border border-border px-2 text-[11px] font-medium text-foreground-muted hover:bg-surface-overlay hover:text-foreground [&_svg]:size-2.5', className),
                     children: [
                         CurrentIcon && /*#__PURE__*/ jsx(CurrentIcon, {
-                            size: 10,
                             className: "text-foreground-subtle"
                         }),
                         /*#__PURE__*/ jsx("span", {
+                            className: "min-w-0 flex-1 truncate shrink-0",
                             children: current?.label
                         }),
                         /*#__PURE__*/ jsx(ChevronDown, {
-                            size: 10,
                             className: "text-foreground-subtle"
                         })
                     ]

package/dist/canvas/locales/en.cjs

@@ -26,7 +26,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     messages: ()=>messages
 });
-const messages = JSON.parse('{"add-node-panel.search-nodes":["Search nodes"],"canvas.json_value_panel.apply":["Apply"],"canvas.json_value_panel.array_item":["item"],"canvas.json_value_panel.cancel":["Cancel"],"canvas.json_value_panel.clear_search":["Clear search"],"canvas.json_value_panel.collapse_all":["Collapse all"],"canvas.json_value_panel.collapse_key":["Collapse ",["key"]],"canvas.json_value_panel.copy_path_for":["Copy path for ",["path"]],"canvas.json_value_panel.copy_path_hint":["Click to copy this path"],"canvas.json_value_panel.copy_value":["Copy value"],"canvas.json_value_panel.copy_value_of":["Copy value of ",["key"]],"canvas.json_value_panel.edit_as_json":["Edit as JSON"],"canvas.json_value_panel.edit_hint":["Click to edit"],"canvas.json_value_panel.edit_json_of":["Edit JSON of ",["key"]],"canvas.json_value_panel.edit_key_as_json":["Edit ",["key"]," as JSON"],"canvas.json_value_panel.edit_value_of":["Edit value of ",["key"]],"canvas.json_value_panel.empty_default":["No fields to display."],"canvas.json_value_panel.empty_search":["No fields match your search."],"canvas.json_value_panel.enter_number":["Enter a number"],"canvas.json_value_panel.enter_value":["Enter a value"],"canvas.json_value_panel.expand_all":["Expand all"],"canvas.json_value_panel.expand_key":["Expand ",["key"]],"canvas.json_value_panel.filter":["Filter"],"canvas.json_value_panel.filter_active":["Filter: ",["label"]],"canvas.json_value_panel.filter_all":["All"],"canvas.json_value_panel.invalid_json":["Invalid JSON"],"canvas.json_value_panel.item_count":[["count","plural",{"one":["#"," item"],"other":["#"," items"]}]],"canvas.json_value_panel.json_tab":["JSON"],"canvas.json_value_panel.key_count":[["count","plural",{"one":["#"," key"],"other":["#"," keys"]}]],"canvas.json_value_panel.path_copied":["Path copied"],"canvas.json_value_panel.required_marker":["required"],"canvas.json_value_panel.schema_tab":["Schema"],"canvas.json_value_panel.search_fields":["Search fields and values..."],"canvas.json_value_panel.search_fields_action":["Search fields and values"],"canvas.json_value_panel.toggle_hint":["Click to toggle"],"canvas.json_value_panel.unset_edit_hint":["Click to set a value"],"canvas.json_value_panel.unset_value":["unset"],"canvas.json_value_panel.unwrap_value":["Unwrap value"],"canvas.json_value_panel.unwrap_value_of":["Unwrap value of ",["key"]],"canvas.json_value_panel.wrap_value":["Wrap value"],"canvas.json_value_panel.wrap_value_of":["Wrap value of ",["key"]],"canvas.node_mode_select.disabled_description":["Don\'t execute this node"],"canvas.node_mode_select.disabled_label":["Skip node"],"canvas.node_mode_select.live_description":["Use the real response from this node"],"canvas.node_mode_select.live_label":["Live"],"canvas.node_mode_select.node_mode":["Node mode"],"canvas.node_mode_select.simulated_description":["Generate a response dynamically using an LLM"],"canvas.node_mode_select.simulated_label":["Simulated"],"canvas.node_mode_select.static_description":["Always return a value you define"],"canvas.node_mode_select.static_label":["Static mock"],"canvas.property_trigger.always_persist":["Always persist"],"canvas.property_trigger.apply_preset_with_label":["Apply ",["label"]],"canvas.property_trigger.auto_hide":["Auto hide"],"canvas.property_trigger.default_layouts":["Default layouts"],"canvas.property_trigger.delete_preset_with_label":["Delete ",["label"]],"canvas.property_trigger.layout_bottom":["Default — Bottom"],"canvas.property_trigger.layout_right":["Default — Right"],"canvas.property_trigger.layout_split":["Default — Split"],"canvas.property_trigger.no_saved_presets":["No saved presets yet."],"canvas.property_trigger.panel_behavior":["Panel behavior"],"canvas.property_trigger.panel_options":["Panel options"],"canvas.property_trigger.properties":["Properties"],"canvas.property_trigger.rename_preset_with_label":["Rename ",["label"]],"canvas.property_trigger.save_as_preset":["Save as preset"],"canvas.property_trigger.saved_presets":["Saved presets"],"loop-node.add-node":["Add node to loop"],"loop-node.execution-count.click-to-jump":["Click to jump to a specific iteration"],"loop-node.execution-count.click-to-return":["Click to return to individual iteration view"],"loop-node.execution-count.jump-to-failed":["Jump to first failed iteration"],"loop-node.execution-count.jump-to-iteration":["Jump to iteration ",["iterationNumber"]," (failed)"],"loop-node.execution-count.next-iteration":["Next iteration"],"loop-node.execution-count.previous-iteration":["Previous iteration"],"loop-node.execution-count.return-to-individual":["Return to individual iteration view"],"loop-node.execution-count.show-aggregate":["Show aggregate across all iterations"],"loop-node.mode.parallel":["Parallel"],"loop-node.mode.sequential":["Sequential"],"loop-node.title":["Loop"],"stage-node.add-first-task":["Add first task"],"stage-node.add-task":["Add task"],"stage-node.add-task-to-parallel-group-above":["Add task to parallel group above"],"stage-node.add-task-to-parallel-group-below":["Add task to parallel group below"],"stage-node.adhoc-tasks":["Manually triggered tasks"],"stage-node.create-parallel-group-with-task-above":["Create parallel group with task above"],"stage-node.create-parallel-group-with-task-below":["Create parallel group with task below"],"stage-node.delete-task":["Delete task"],"stage-node.event-driven-tasks":["Event-triggered tasks"],"stage-node.move-down":["Move down"],"stage-node.move-up":["Move up"],"stage-node.no-tasks":["No tasks"],"stage-node.parallel":["Parallel"],"stage-node.remove-from-parallel-group":["Remove from parallel group"],"stage-node.remove-group-from-stage":["Remove group from stage"],"stage-node.replace-task":["Replace task"],"stage-node.status.cancelled":["Cancelled"],"stage-node.status.completed":["Completed"],"stage-node.status.early-exit":["Early exit"],"stage-node.status.failed":["Failed"],"stage-node.status.in-progress":["In progress"],"stage-node.status.not-executed":["Not started"],"stage-node.status.paused":["Paused"],"stage-node.status.terminated":["Terminated"],"stage-node.status.warning":["Warning"],"stage-node.task-badge.ran-n-times":[["count","plural",{"one":["Ran ","#"," time"],"other":["Ran ","#"," times"]}]],"stage-node.task-badge.running-again":["Running again"],"stage-node.task-mocked":["This task\'s outputs are mocked"],"stage-node.ungroup-parallel-tasks":["Ungroup parallel tasks"],"stage-node.untitled-stage":["Untitled stage"],"sticky-note.formatting.bold":["Bold (",["boldShortcut"],")"],"sticky-note.formatting.bullet-list":["Bullet list"],"sticky-note.formatting.italic":["Italic (",["italicShortcut"],")"],"sticky-note.formatting.numbered-list":["Numbered list"],"sticky-note.formatting.strikethrough":["Strikethrough (",["strikethroughShortcut"],")"],"sticky-note.formatting.toolbar":["Text formatting"],"sticky-note.media.dialog.add-title":["Embed image or video"],"sticky-note.media.dialog.alt-help":["Describe the image for people who use screen readers."],"sticky-note.media.dialog.alt-label":["Alternative text"],"sticky-note.media.dialog.cancel":["Cancel"],"sticky-note.media.dialog.description":["Add a public link. Video supports YouTube and direct video files."],"sticky-note.media.dialog.edit-title":["Edit media"],"sticky-note.media.dialog.embed":["Embed media"],"sticky-note.media.dialog.full-width-help":["The image or video spans the available width of the sticky note."],"sticky-note.media.dialog.full-width-label":["Make full width"],"sticky-note.media.dialog.image-option":["Image"],"sticky-note.media.dialog.image-preview":["Image preview"],"sticky-note.media.dialog.image-url-help":["Use a public HTTPS image link."],"sticky-note.media.dialog.image-url-label":["Image URL"],"sticky-note.media.dialog.image-url-placeholder":["https://example.com/image.png"],"sticky-note.media.dialog.invalid-url":["Enter a valid public HTTPS URL"],"sticky-note.media.dialog.invalid-youtube":["Add a valid YouTube video URL"],"sticky-note.media.dialog.preview-unavailable":["We could not load a preview for this URL."],"sticky-note.media.dialog.save":["Save changes"],"sticky-note.media.dialog.type-label":["Media type"],"sticky-note.media.dialog.unsupported-video":["Add a YouTube URL or a direct public video file URL such as MP4"],"sticky-note.media.dialog.video-option":["Video"],"sticky-note.media.dialog.video-preview":["Video preview"],"sticky-note.media.dialog.video-url-help":["Use a YouTube link or a direct public HTTPS video file link."],"sticky-note.media.dialog.video-url-label":["Video URL"],"sticky-note.media.dialog.video-url-placeholder":["https://youtube.com/watch?v=… or https://example.com/video.mp4"],"sticky-note.media.edit":["Edit media"],"sticky-note.media.embed-action":["Embed image or video"],"sticky-note.media.image-unavailable":["Image unavailable"],"sticky-note.media.image-unavailable-label":["Image unavailable"],"sticky-note.media.play-video":["Play video"],"sticky-note.media.unavailable":["Media unavailable"],"sticky-note.media.video-label":["Embedded video"],"sticky-note.media.video-unavailable":["Video playback is unavailable."],"sticky-note.media.youtube-title":["YouTube video"],"sticky-note.toolbar.color":["Color"],"sticky-note.toolbar.delete":["Delete"],"sticky-note.toolbar.edit":["Edit"],"toolbox.search":["Search"],"toolbox.search.clear":["Clear search"]}');
+const messages = JSON.parse('{"add-node-panel.search-nodes":["Search nodes"],"canvas.json_value_panel.apply":["Apply"],"canvas.json_value_panel.array_item":["item"],"canvas.json_value_panel.cancel":["Cancel"],"canvas.json_value_panel.clear_search":["Clear search"],"canvas.json_value_panel.collapse_all":["Collapse all"],"canvas.json_value_panel.collapse_key":["Collapse ",["key"]],"canvas.json_value_panel.copy_path_for":["Copy path for ",["path"]],"canvas.json_value_panel.copy_path_hint":["Click to copy this path"],"canvas.json_value_panel.copy_value":["Copy value"],"canvas.json_value_panel.copy_value_of":["Copy value of ",["key"]],"canvas.json_value_panel.edit_as_json":["Edit as JSON"],"canvas.json_value_panel.edit_hint":["Click to edit"],"canvas.json_value_panel.edit_json_of":["Edit JSON of ",["key"]],"canvas.json_value_panel.edit_key_as_json":["Edit ",["key"]," as JSON"],"canvas.json_value_panel.edit_value_of":["Edit value of ",["key"]],"canvas.json_value_panel.empty_default":["No fields to display."],"canvas.json_value_panel.empty_search":["No fields match your search."],"canvas.json_value_panel.enter_number":["Enter a number"],"canvas.json_value_panel.enter_value":["Enter a value"],"canvas.json_value_panel.expand_all":["Expand all"],"canvas.json_value_panel.expand_key":["Expand ",["key"]],"canvas.json_value_panel.filter":["Filter"],"canvas.json_value_panel.filter_active":["Filter: ",["label"]],"canvas.json_value_panel.filter_all":["All"],"canvas.json_value_panel.invalid_json":["Invalid JSON"],"canvas.json_value_panel.item_count":[["count","plural",{"one":["#"," item"],"other":["#"," items"]}]],"canvas.json_value_panel.json_tab":["JSON"],"canvas.json_value_panel.key_count":[["count","plural",{"one":["#"," key"],"other":["#"," keys"]}]],"canvas.json_value_panel.path_copied":["Path copied"],"canvas.json_value_panel.required_marker":["required"],"canvas.json_value_panel.schema_tab":["Schema"],"canvas.json_value_panel.search_fields":["Search fields and values..."],"canvas.json_value_panel.search_fields_action":["Search fields and values"],"canvas.json_value_panel.toggle_hint":["Click to toggle"],"canvas.json_value_panel.unset_edit_hint":["Click to set a value"],"canvas.json_value_panel.unset_value":["unset"],"canvas.json_value_panel.unwrap_value":["Unwrap value"],"canvas.json_value_panel.unwrap_value_of":["Unwrap value of ",["key"]],"canvas.json_value_panel.wrap_value":["Wrap value"],"canvas.json_value_panel.wrap_value_of":["Wrap value of ",["key"]],"canvas.node_mode_select.disabled_description":["Don\'t execute this node"],"canvas.node_mode_select.disabled_label":["Skip node"],"canvas.node_mode_select.live_description":["Use the real response from this node"],"canvas.node_mode_select.live_label":["Live"],"canvas.node_mode_select.node_mode":["Node output mode"],"canvas.node_mode_select.simulated_description":["Generate a response dynamically using an LLM"],"canvas.node_mode_select.simulated_label":["Simulated"],"canvas.node_mode_select.static_description":["Always return a value you define"],"canvas.node_mode_select.static_label":["Static mock"],"canvas.property_trigger.always_persist":["Always persist"],"canvas.property_trigger.apply_preset_with_label":["Apply ",["label"]],"canvas.property_trigger.auto_hide":["Auto hide"],"canvas.property_trigger.default_layouts":["Default layouts"],"canvas.property_trigger.delete_preset_with_label":["Delete ",["label"]],"canvas.property_trigger.layout_bottom":["Default — Bottom"],"canvas.property_trigger.layout_right":["Default — Right"],"canvas.property_trigger.layout_split":["Default — Split"],"canvas.property_trigger.no_saved_presets":["No saved presets yet."],"canvas.property_trigger.panel_behavior":["Panel behavior"],"canvas.property_trigger.panel_options":["Panel options"],"canvas.property_trigger.properties":["Properties"],"canvas.property_trigger.rename_preset_with_label":["Rename ",["label"]],"canvas.property_trigger.save_as_preset":["Save as preset"],"canvas.property_trigger.saved_presets":["Saved presets"],"loop-node.add-node":["Add node to loop"],"loop-node.execution-count.click-to-jump":["Click to jump to a specific iteration"],"loop-node.execution-count.click-to-return":["Click to return to individual iteration view"],"loop-node.execution-count.jump-to-failed":["Jump to first failed iteration"],"loop-node.execution-count.jump-to-iteration":["Jump to iteration ",["iterationNumber"]," (failed)"],"loop-node.execution-count.next-iteration":["Next iteration"],"loop-node.execution-count.previous-iteration":["Previous iteration"],"loop-node.execution-count.return-to-individual":["Return to individual iteration view"],"loop-node.execution-count.show-aggregate":["Show aggregate across all iterations"],"loop-node.mode.parallel":["Parallel"],"loop-node.mode.sequential":["Sequential"],"loop-node.title":["Loop"],"stage-node.add-first-task":["Add first task"],"stage-node.add-task":["Add task"],"stage-node.add-task-to-parallel-group-above":["Add task to parallel group above"],"stage-node.add-task-to-parallel-group-below":["Add task to parallel group below"],"stage-node.adhoc-tasks":["Manually triggered tasks"],"stage-node.create-parallel-group-with-task-above":["Create parallel group with task above"],"stage-node.create-parallel-group-with-task-below":["Create parallel group with task below"],"stage-node.delete-task":["Delete task"],"stage-node.event-driven-tasks":["Event-triggered tasks"],"stage-node.move-down":["Move down"],"stage-node.move-up":["Move up"],"stage-node.no-tasks":["No tasks"],"stage-node.parallel":["Parallel"],"stage-node.remove-from-parallel-group":["Remove from parallel group"],"stage-node.remove-group-from-stage":["Remove group from stage"],"stage-node.replace-task":["Replace task"],"stage-node.status.cancelled":["Cancelled"],"stage-node.status.completed":["Completed"],"stage-node.status.early-exit":["Early exit"],"stage-node.status.failed":["Failed"],"stage-node.status.in-progress":["In progress"],"stage-node.status.not-executed":["Not started"],"stage-node.status.paused":["Paused"],"stage-node.status.terminated":["Terminated"],"stage-node.status.warning":["Warning"],"stage-node.task-badge.ran-n-times":[["count","plural",{"one":["Ran ","#"," time"],"other":["Ran ","#"," times"]}]],"stage-node.task-badge.running-again":["Running again"],"stage-node.task-mocked":["This task\'s outputs are mocked"],"stage-node.ungroup-parallel-tasks":["Ungroup parallel tasks"],"stage-node.untitled-stage":["Untitled stage"],"sticky-note.formatting.bold":["Bold (",["boldShortcut"],")"],"sticky-note.formatting.bullet-list":["Bullet list"],"sticky-note.formatting.italic":["Italic (",["italicShortcut"],")"],"sticky-note.formatting.numbered-list":["Numbered list"],"sticky-note.formatting.strikethrough":["Strikethrough (",["strikethroughShortcut"],")"],"sticky-note.formatting.toolbar":["Text formatting"],"sticky-note.media.dialog.add-title":["Embed image or video"],"sticky-note.media.dialog.alt-help":["Describe the image for people who use screen readers."],"sticky-note.media.dialog.alt-label":["Alternative text"],"sticky-note.media.dialog.cancel":["Cancel"],"sticky-note.media.dialog.description":["Add a public link. Video supports YouTube and direct video files."],"sticky-note.media.dialog.edit-title":["Edit media"],"sticky-note.media.dialog.embed":["Embed media"],"sticky-note.media.dialog.full-width-help":["The image or video spans the available width of the sticky note."],"sticky-note.media.dialog.full-width-label":["Make full width"],"sticky-note.media.dialog.image-option":["Image"],"sticky-note.media.dialog.image-preview":["Image preview"],"sticky-note.media.dialog.image-url-help":["Use a public HTTPS image link."],"sticky-note.media.dialog.image-url-label":["Image URL"],"sticky-note.media.dialog.image-url-placeholder":["https://example.com/image.png"],"sticky-note.media.dialog.invalid-url":["Enter a valid public HTTPS URL"],"sticky-note.media.dialog.invalid-youtube":["Add a valid YouTube video URL"],"sticky-note.media.dialog.preview-unavailable":["We could not load a preview for this URL."],"sticky-note.media.dialog.save":["Save changes"],"sticky-note.media.dialog.type-label":["Media type"],"sticky-note.media.dialog.unsupported-video":["Add a YouTube URL or a direct public video file URL such as MP4"],"sticky-note.media.dialog.video-option":["Video"],"sticky-note.media.dialog.video-preview":["Video preview"],"sticky-note.media.dialog.video-url-help":["Use a YouTube link or a direct public HTTPS video file link."],"sticky-note.media.dialog.video-url-label":["Video URL"],"sticky-note.media.dialog.video-url-placeholder":["https://youtube.com/watch?v=… or https://example.com/video.mp4"],"sticky-note.media.edit":["Edit media"],"sticky-note.media.embed-action":["Embed image or video"],"sticky-note.media.image-unavailable":["Image unavailable"],"sticky-note.media.image-unavailable-label":["Image unavailable"],"sticky-note.media.play-video":["Play video"],"sticky-note.media.unavailable":["Media unavailable"],"sticky-note.media.video-label":["Embedded video"],"sticky-note.media.video-unavailable":["Video playback is unavailable."],"sticky-note.media.youtube-title":["YouTube video"],"sticky-note.toolbar.color":["Color"],"sticky-note.toolbar.delete":["Delete"],"sticky-note.toolbar.edit":["Edit"],"toolbox.search":["Search"],"toolbox.search.clear":["Clear search"]}');
 exports.messages = __webpack_exports__.messages;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "messages"

package/dist/canvas/locales/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/canvas/locales/en.ts"],"names":[],"mappings":"AAAkB,OAAO,KAAI,EAAC,QAAQ,EAAC,MAAI,cAAc,CAAC;AAAA,eAAO,MAAM,QAAQ,EAAyzT,QAAQ,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/canvas/locales/en.ts"],"names":[],"mappings":"AAAkB,OAAO,KAAI,EAAC,QAAQ,EAAC,MAAI,cAAc,CAAC;AAAA,eAAO,MAAM,QAAQ,EAAg0T,QAAQ,CAAC"}