@uipath/apollo-react 6.79.0 → 6.80.0

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

@@ -62,6 +62,7 @@ var __webpack_exports__ = {};
         inferValueType: ()=>_uipath_apollo_wind__rspack_import_0.inferValueType,
         isArrayItemTemplateRoot: ()=>_uipath_apollo_wind__rspack_import_0.isArrayItemTemplateRoot,
         isJsonObject: ()=>_uipath_apollo_wind__rspack_import_0.isJsonObject,
+        isPathCollapsed: ()=>_uipath_apollo_wind__rspack_import_0.isPathCollapsed,
         removeValueAtPath: ()=>_uipath_apollo_wind__rspack_import_0.removeValueAtPath,
         schemaDisplayType: ()=>_uipath_apollo_wind__rspack_import_0.schemaDisplayType,
         setValueAtPath: ()=>_uipath_apollo_wind__rspack_import_0.setValueAtPath
@@ -78,6 +79,7 @@ var __webpack_exports__ = {};
         "removeValueAtPath",
         "schemaDisplayType",
         "flattenJsonTree",
+        "isPathCollapsed",
         "DEFAULT_JSON_TREE_VIEW_STRINGS",
         "getValueAtPath",
         "default",
@@ -99,6 +101,7 @@ exports.getValueAtPath = __webpack_exports__.getValueAtPath;
 exports.inferValueType = __webpack_exports__.inferValueType;
 exports.isArrayItemTemplateRoot = __webpack_exports__.isArrayItemTemplateRoot;
 exports.isJsonObject = __webpack_exports__.isJsonObject;
+exports.isPathCollapsed = __webpack_exports__.isPathCollapsed;
 exports.removeValueAtPath = __webpack_exports__.removeValueAtPath;
 exports.schemaDisplayType = __webpack_exports__.schemaDisplayType;
 exports.setValueAtPath = __webpack_exports__.setValueAtPath;
@@ -114,6 +117,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "inferValueType",
     "isArrayItemTemplateRoot",
     "isJsonObject",
+    "isPathCollapsed",
     "removeValueAtPath",
     "schemaDisplayType",
     "setValueAtPath"

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

@@ -1,4 +1,4 @@
 export type { BuildJsonTreeOptions, ContainerPath, CopyEvent, DeriveTypeIcon, FlatJsonTreeRow, FlattenOptions, JsonCodeEditorRenderProps, JsonContainer, JsonContainerEditorProps, JsonLeafValueEditorProps, JsonMultilineLeafEditorProps, JsonObject, JsonSchema, JsonSchemaTypeName, JsonTreeChange, JsonTreeFilterOption, JsonTreeNode, JsonTreeNodeType, JsonTreeRowWrapper, JsonTreeRowWrapperProps, JsonTreeToolbarProps, JsonTreeViewStrings, JsonTreeViewProps, JsonTreeViewProviderProps, JsonTypeBadgeProps, JsonValue, NodeAction, NodeActionContext, NodeActionsResolver, NodeBadgeReference, NodeDecoration, NodeDecorationBadge, NodeDecorationChip, NodeDecorationTone, NodeDisplayTexts, PathForCopy, PathSegment, RenderCodeEditor, RenderValueCell, RenderValueContext, ResolvedJsonTreeViewStrings, } from '@uipath/apollo-wind';
-export { appendPathSegment, buildJsonTree, collectContainerPaths, copyTextToClipboard, DEFAULT_JSON_TREE_VIEW_STRINGS, flattenJsonTree, formatLeafValue, getValueAtPath, inferValueType, isArrayItemTemplateRoot, isJsonObject, removeValueAtPath, schemaDisplayType, setValueAtPath, } from '@uipath/apollo-wind';
+export { appendPathSegment, buildJsonTree, collectContainerPaths, copyTextToClipboard, DEFAULT_JSON_TREE_VIEW_STRINGS, flattenJsonTree, formatLeafValue, getValueAtPath, inferValueType, isArrayItemTemplateRoot, isJsonObject, isPathCollapsed, removeValueAtPath, schemaDisplayType, setValueAtPath, } from '@uipath/apollo-wind';
 export * from './JsonTree';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/index.ts"],"names":[],"mappings":"AAEA,YAAY,EACV,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,yBAAyB,EACzB,aAAa,EACb,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,yBAAyB,EACzB,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,2BAA2B,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,8BAA8B,EAC9B,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/index.ts"],"names":[],"mappings":"AAEA,YAAY,EACV,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,yBAAyB,EACzB,aAAa,EACb,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,yBAAyB,EACzB,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,2BAA2B,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,8BAA8B,EAC9B,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,cAAc,YAAY,CAAC"}

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

@@ -1,3 +1,3 @@
-import { DEFAULT_JSON_TREE_VIEW_STRINGS, appendPathSegment, buildJsonTree, collectContainerPaths, copyTextToClipboard, flattenJsonTree, formatLeafValue, getValueAtPath, inferValueType, isArrayItemTemplateRoot, isJsonObject, removeValueAtPath, schemaDisplayType, setValueAtPath } from "@uipath/apollo-wind";
+import { DEFAULT_JSON_TREE_VIEW_STRINGS, appendPathSegment, buildJsonTree, collectContainerPaths, copyTextToClipboard, flattenJsonTree, formatLeafValue, getValueAtPath, inferValueType, isArrayItemTemplateRoot, isJsonObject, isPathCollapsed, removeValueAtPath, schemaDisplayType, setValueAtPath } from "@uipath/apollo-wind";
 export * from "./JsonTree.js";
-export { DEFAULT_JSON_TREE_VIEW_STRINGS, appendPathSegment, buildJsonTree, collectContainerPaths, copyTextToClipboard, flattenJsonTree, formatLeafValue, getValueAtPath, inferValueType, isArrayItemTemplateRoot, isJsonObject, removeValueAtPath, schemaDisplayType, setValueAtPath };
+export { DEFAULT_JSON_TREE_VIEW_STRINGS, appendPathSegment, buildJsonTree, collectContainerPaths, copyTextToClipboard, flattenJsonTree, formatLeafValue, getValueAtPath, inferValueType, isArrayItemTemplateRoot, isJsonObject, isPathCollapsed, removeValueAtPath, schemaDisplayType, setValueAtPath };

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

@@ -33,9 +33,7 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 const external_JsonTree_index_cjs_namespaceObject = require("../JsonTree/index.cjs");
 const external_PanelTitleBar_cjs_namespaceObject = require("./PanelTitleBar.cjs");
-const TAB_LIST_CLASS = 'h-auto justify-start gap-0.5 rounded-lg bg-transparent p-0 text-muted-foreground';
-const TAB_TRIGGER_CLASS = 'inline-flex h-6 shrink-0 items-center whitespace-nowrap rounded-md px-2.5 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground data-[state=active]:shadow-sm';
-function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false, title, titleIcon, titleBadge, titleTrailing, searchPlaceholder, emptyMessage, jsonView, extraTabs, defaultTab, onTabChange, beforeContent, rowWrapper, filters, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, onCopy, virtualized = false, defaultCollapsedDepth = 2, className }) {
+function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false, title, titleIcon, titleBadge, titleTrailing, toolbarTrailing, searchPlaceholder, emptyMessage, jsonView, extraTabs, defaultTab, onTabChange, beforeContent, rowWrapper, filters, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, onCopy, virtualized = false, defaultCollapsedDepth = 2, inset = false, className }) {
     const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
     const nodes = (0, external_react_namespaceObject.useMemo)(()=>(0, external_JsonTree_index_cjs_namespaceObject.buildJsonTree)({
             schema,
@@ -138,18 +136,16 @@ function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false,
                 })
             })
         ]
-    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.TabsList, {
-        className: TAB_LIST_CLASS,
-        children: tabs.map((tab)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.TabsTrigger, {
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.PanelTabsStrip, {
+        children: tabs.map((tab)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.PanelTabsTrigger, {
                 value: tab.id,
-                className: TAB_TRIGGER_CLASS,
                 children: tab.label
             }, tab.id))
     });
-    const allCollapsed = containerPaths.length > 0 && containerPaths.every((c)=>collapsed[c.path]);
+    const allCollapsed = containerPaths.length > 0 && containerPaths.every((c)=>(0, external_JsonTree_index_cjs_namespaceObject.isPathCollapsed)(collapsed, c.path));
     const toggleCollapsed = (path)=>setCollapsed((prev)=>({
                 ...prev,
-                [path]: !prev[path]
+                [path]: !(0, external_JsonTree_index_cjs_namespaceObject.isPathCollapsed)(prev, path)
             }));
     const toggleAll = ()=>{
         setCollapsed(allCollapsed ? {} : Object.fromEntries(containerPaths.map((c)=>[
@@ -167,7 +163,7 @@ function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false,
         });
     };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        className: (0, apollo_wind_namespaceObject.cn)('flex h-full min-h-0 flex-col gap-4', className),
+        className: (0, apollo_wind_namespaceObject.cn)('flex h-full min-h-0 flex-col gap-4', inset && 'p-(--mf-content-inset,1rem)', className),
         children: [
             title && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_PanelTitleBar_cjs_namespaceObject.PanelTitleBar, {
                 icon: titleIcon,
@@ -183,7 +179,7 @@ function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false,
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Tabs, {
                 value: activeTab,
                 onValueChange: handleTabChange,
-                className: "flex min-h-0 flex-1 flex-col gap-2",
+                className: "flex min-h-0 flex-1 flex-col gap-3",
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTree_index_cjs_namespaceObject.JsonTreeToolbar, {
                         query: query,
@@ -195,6 +191,7 @@ function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false,
                         allCollapsed: allCollapsed,
                         onToggleAll: containerPaths.length > 0 ? toggleAll : void 0,
                         leading: tabSwitcher,
+                        trailing: toolbarTrailing,
                         controlsHidden: 'schema' !== activeTab,
                         className: "shrink-0"
                     }),
@@ -221,7 +218,8 @@ function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false,
                                 pathForCopy: pathForCopy,
                                 onCopy: onCopy,
                                 virtualized: virtualized,
-                                emptyMessage: emptyMessage
+                                emptyMessage: emptyMessage,
+                                className: "py-1"
                             })
                         })
                     }),

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

@@ -1,3 +1,3 @@
 import type { NodeIOViewProps } from './NodeIOView.types';
-export declare function NodeIOView({ schema, value, onValueChange, basePath, readOnly, title, titleIcon, titleBadge, titleTrailing, searchPlaceholder, emptyMessage, jsonView, extraTabs, defaultTab, onTabChange, beforeContent, rowWrapper, filters, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, onCopy, virtualized, defaultCollapsedDepth, className, }: NodeIOViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function NodeIOView({ schema, value, onValueChange, basePath, readOnly, title, titleIcon, titleBadge, titleTrailing, toolbarTrailing, searchPlaceholder, emptyMessage, jsonView, extraTabs, defaultTab, onTabChange, beforeContent, rowWrapper, filters, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, onCopy, virtualized, defaultCollapsedDepth, inset, className, }: NodeIOViewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NodeIOView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NodeIOView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodeIOView/NodeIOView.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAyC1D,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAK,EACL,aAAa,EACb,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,OAAO,EACP,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,WAAmB,EACnB,qBAAyB,EACzB,SAAS,GACV,EAAE,eAAe,2CAsMjB"}
+{"version":3,"file":"NodeIOView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodeIOView/NodeIOView.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAqC1D,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAK,EACL,aAAa,EACb,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,UAAU,EACV,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,OAAO,EACP,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,WAAmB,EACnB,qBAAyB,EACzB,KAAa,EACb,SAAS,GACV,EAAE,eAAe,2CAkNjB"}

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

@@ -1,13 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, Tabs, TabsContent, TabsList, TabsTrigger, cn } from "@uipath/apollo-wind";
+import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, PanelTabsStrip, PanelTabsTrigger, Tabs, TabsContent, cn } from "@uipath/apollo-wind";
 import { ChevronDown } from "lucide-react";
 import { useMemo, useState } from "react";
 import { useSafeLingui } from "../../../i18n/index.js";
-import { JsonTreeToolbar, JsonTreeView, buildJsonTree, collectContainerPaths, removeValueAtPath, setValueAtPath } from "../JsonTree/index.js";
+import { JsonTreeToolbar, JsonTreeView, buildJsonTree, collectContainerPaths, isPathCollapsed, removeValueAtPath, setValueAtPath } from "../JsonTree/index.js";
 import { PanelTitleBar } from "./PanelTitleBar.js";
-const TAB_LIST_CLASS = 'h-auto justify-start gap-0.5 rounded-lg bg-transparent p-0 text-muted-foreground';
-const TAB_TRIGGER_CLASS = 'inline-flex h-6 shrink-0 items-center whitespace-nowrap rounded-md px-2.5 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground data-[state=active]:shadow-sm';
-function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false, title, titleIcon, titleBadge, titleTrailing, searchPlaceholder, emptyMessage, jsonView, extraTabs, defaultTab, onTabChange, beforeContent, rowWrapper, filters, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, onCopy, virtualized = false, defaultCollapsedDepth = 2, className }) {
+function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false, title, titleIcon, titleBadge, titleTrailing, toolbarTrailing, searchPlaceholder, emptyMessage, jsonView, extraTabs, defaultTab, onTabChange, beforeContent, rowWrapper, filters, decorateNode, deriveTypeIcon, renderValue, nodeActions, maxInlineActions, renderCodeEditor, pathForCopy, onCopy, virtualized = false, defaultCollapsedDepth = 2, inset = false, className }) {
     const { _ } = useSafeLingui();
     const nodes = useMemo(()=>buildJsonTree({
             schema,
@@ -110,18 +108,16 @@ function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false,
                 })
             })
         ]
-    }) : /*#__PURE__*/ jsx(TabsList, {
-        className: TAB_LIST_CLASS,
-        children: tabs.map((tab)=>/*#__PURE__*/ jsx(TabsTrigger, {
+    }) : /*#__PURE__*/ jsx(PanelTabsStrip, {
+        children: tabs.map((tab)=>/*#__PURE__*/ jsx(PanelTabsTrigger, {
                 value: tab.id,
-                className: TAB_TRIGGER_CLASS,
                 children: tab.label
             }, tab.id))
     });
-    const allCollapsed = containerPaths.length > 0 && containerPaths.every((c)=>collapsed[c.path]);
+    const allCollapsed = containerPaths.length > 0 && containerPaths.every((c)=>isPathCollapsed(collapsed, c.path));
     const toggleCollapsed = (path)=>setCollapsed((prev)=>({
                 ...prev,
-                [path]: !prev[path]
+                [path]: !isPathCollapsed(prev, path)
             }));
     const toggleAll = ()=>{
         setCollapsed(allCollapsed ? {} : Object.fromEntries(containerPaths.map((c)=>[
@@ -139,7 +135,7 @@ function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false,
         });
     };
     return /*#__PURE__*/ jsxs("div", {
-        className: cn('flex h-full min-h-0 flex-col gap-4', className),
+        className: cn('flex h-full min-h-0 flex-col gap-4', inset && 'p-(--mf-content-inset,1rem)', className),
         children: [
             title && /*#__PURE__*/ jsx(PanelTitleBar, {
                 icon: titleIcon,
@@ -155,7 +151,7 @@ function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false,
             /*#__PURE__*/ jsxs(Tabs, {
                 value: activeTab,
                 onValueChange: handleTabChange,
-                className: "flex min-h-0 flex-1 flex-col gap-2",
+                className: "flex min-h-0 flex-1 flex-col gap-3",
                 children: [
                     /*#__PURE__*/ jsx(JsonTreeToolbar, {
                         query: query,
@@ -167,6 +163,7 @@ function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false,
                         allCollapsed: allCollapsed,
                         onToggleAll: containerPaths.length > 0 ? toggleAll : void 0,
                         leading: tabSwitcher,
+                        trailing: toolbarTrailing,
                         controlsHidden: 'schema' !== activeTab,
                         className: "shrink-0"
                     }),
@@ -193,7 +190,8 @@ function NodeIOView({ schema, value, onValueChange, basePath, readOnly = false,
                                 pathForCopy: pathForCopy,
                                 onCopy: onCopy,
                                 virtualized: virtualized,
-                                emptyMessage: emptyMessage
+                                emptyMessage: emptyMessage,
+                                className: "py-1"
                             })
                         })
                     }),

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

@@ -15,6 +15,7 @@ export interface NodeIOViewProps {
     titleIcon?: ReactNode;
     titleBadge?: string;
     titleTrailing?: ReactNode;
+    toolbarTrailing?: ReactNode;
     searchPlaceholder?: string;
     emptyMessage?: string;
     jsonView?: ReactNode;
@@ -34,6 +35,7 @@ export interface NodeIOViewProps {
     onCopy?: (event: CopyEvent) => void;
     virtualized?: boolean;
     defaultCollapsedDepth?: number;
+    inset?: boolean;
     className?: string;
 }
 //# sourceMappingURL=NodeIOView.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NodeIOView.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodeIOView/NodeIOView.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,aAAa,EACb,UAAU,EACV,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,eAAe,EAChB,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,aAAa;IAE5B,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,EAAE,MAAM,CAAC;IAEd,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAE9B,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAOtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;IAE5B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAKtC,aAAa,CAAC,EAAE,SAAS,CAAC;IAM1B,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEjC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,cAAc,GAAG,SAAS,CAAC;IAElE,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC,WAAW,CAAC,EAAE,eAAe,CAAC;IAM9B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAElC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAMpC,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAEpC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"NodeIOView.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodeIOView/NodeIOView.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,aAAa,EACb,UAAU,EACV,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,eAAe,EAChB,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,aAAa;IAE5B,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,EAAE,MAAM,CAAC;IAEd,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAE9B,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAOtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,aAAa,CAAC,EAAE,SAAS,CAAC;IAM1B,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;IAE5B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAKtC,aAAa,CAAC,EAAE,SAAS,CAAC;IAM1B,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEjC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,cAAc,GAAG,SAAS,CAAC;IAElE,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC,WAAW,CAAC,EAAE,eAAe,CAAC;IAM9B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAElC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAMpC,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAEpC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAO/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.cjs

@@ -38,7 +38,7 @@ function findFieldElement(root, name) {
     for (const field of fields)if (field.getAttribute('data-field-name') === name) return field;
     return null;
 }
-function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, changedFields }) {
+function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset = '1rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, changedFields }) {
     const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
     const rootRef = (0, external_react_namespaceObject.useRef)(null);
     const scrolledKeyRef = (0, external_react_namespaceObject.useRef)(null);
@@ -109,7 +109,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
         children: [
             panelTitle && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                 "data-slot": "node-property-panel-titlebar",
-                className: "flex h-10 shrink-0 items-center justify-between px-2",
+                className: "flex h-10 shrink-0 items-center justify-between [padding-inline:var(--mf-content-inset,1rem)]",
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                         className: "flex items-center gap-1",
@@ -117,7 +117,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                                 ...dragHandleProps,
                                 "data-slot": "node-property-panel-drag-handle",
-                                className: "grid size-8 cursor-grab touch-none place-items-center text-foreground-subtle active:cursor-grabbing",
+                                className: "ml-[calc(-1*min(14px,var(--mf-content-inset,1rem)))] grid size-8 cursor-grab touch-none place-items-center text-foreground-subtle active:cursor-grabbing",
                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.GripVertical, {
                                     size: 14
                                 })
@@ -143,7 +143,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
                                     id: 'canvas.node_property_panel.close',
                                     message: 'Close'
                                 }),
-                                className: "grid size-6 place-items-center rounded text-foreground-muted transition hover:bg-surface-overlay hover:text-foreground",
+                                className: "mr-[calc(-1*min(8px,var(--mf-content-inset,1rem)))] grid size-6 place-items-center rounded text-foreground-muted transition hover:bg-surface-overlay hover:text-foreground",
                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
                                     size: 14
                                 })
@@ -153,7 +153,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
                 ]
             }),
             hasNodeHeader && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: "flex shrink-0 items-center justify-between gap-4 py-4 [padding-inline:var(--mf-content-inset,1.5rem)]",
+                className: "flex shrink-0 items-center justify-between gap-4 py-4 [padding-inline:var(--mf-content-inset,1rem)]",
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                         className: "flex min-w-0 flex-1 items-center gap-3.5",
@@ -254,7 +254,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
                     }, resetKey)
                 })
             }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                className: "py-4 text-xs text-foreground-subtle [padding-inline:var(--mf-content-inset,1.5rem)]",
+                className: "py-4 text-xs text-foreground-subtle [padding-inline:var(--mf-content-inset,1rem)]",
                 children: "No form schema defined for this node."
             })
         ]

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

@@ -1 +1 @@
-{"version":3,"file":"NodePropertyPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAuDxE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,eAAe,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,0BAA0B,EAC1B,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,oBAAoB,EACpB,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,YAAuB,EACvB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,aAAa,GACd,EAAE,sBAAsB,2CA8OxB"}
+{"version":3,"file":"NodePropertyPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAuDxE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,eAAe,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,0BAA0B,EAC1B,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,oBAAoB,EACpB,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,YAAqB,EACrB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,aAAa,GACd,EAAE,sBAAsB,2CAoPxB"}

package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.js

@@ -10,7 +10,7 @@ function findFieldElement(root, name) {
     for (const field of fields)if (field.getAttribute('data-field-name') === name) return field;
     return null;
 }
-function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, changedFields }) {
+function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset = '1rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, changedFields }) {
     const { _ } = useSafeLingui();
     const rootRef = useRef(null);
     const scrolledKeyRef = useRef(null);
@@ -81,7 +81,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
         children: [
             panelTitle && /*#__PURE__*/ jsxs("div", {
                 "data-slot": "node-property-panel-titlebar",
-                className: "flex h-10 shrink-0 items-center justify-between px-2",
+                className: "flex h-10 shrink-0 items-center justify-between [padding-inline:var(--mf-content-inset,1rem)]",
                 children: [
                     /*#__PURE__*/ jsxs("div", {
                         className: "flex items-center gap-1",
@@ -89,7 +89,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
                             /*#__PURE__*/ jsx("div", {
                                 ...dragHandleProps,
                                 "data-slot": "node-property-panel-drag-handle",
-                                className: "grid size-8 cursor-grab touch-none place-items-center text-foreground-subtle active:cursor-grabbing",
+                                className: "ml-[calc(-1*min(14px,var(--mf-content-inset,1rem)))] grid size-8 cursor-grab touch-none place-items-center text-foreground-subtle active:cursor-grabbing",
                                 children: /*#__PURE__*/ jsx(GripVertical, {
                                     size: 14
                                 })
@@ -115,7 +115,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
                                     id: 'canvas.node_property_panel.close',
                                     message: 'Close'
                                 }),
-                                className: "grid size-6 place-items-center rounded text-foreground-muted transition hover:bg-surface-overlay hover:text-foreground",
+                                className: "mr-[calc(-1*min(8px,var(--mf-content-inset,1rem)))] grid size-6 place-items-center rounded text-foreground-muted transition hover:bg-surface-overlay hover:text-foreground",
                                 children: /*#__PURE__*/ jsx(X, {
                                     size: 14
                                 })
@@ -125,7 +125,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
                 ]
             }),
             hasNodeHeader && /*#__PURE__*/ jsxs("div", {
-                className: "flex shrink-0 items-center justify-between gap-4 py-4 [padding-inline:var(--mf-content-inset,1.5rem)]",
+                className: "flex shrink-0 items-center justify-between gap-4 py-4 [padding-inline:var(--mf-content-inset,1rem)]",
                 children: [
                     /*#__PURE__*/ jsxs("div", {
                         className: "flex min-w-0 flex-1 items-center gap-3.5",
@@ -226,7 +226,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
                     }, resetKey)
                 })
             }) : /*#__PURE__*/ jsx("div", {
-                className: "py-4 text-xs text-foreground-subtle [padding-inline:var(--mf-content-inset,1.5rem)]",
+                className: "py-4 text-xs text-foreground-subtle [padding-inline:var(--mf-content-inset,1rem)]",
                 children: "No form schema defined for this node."
             })
         ]