@uipath/apollo-wind 2.67.0 → 2.68.0

package/dist/components/ui/index.cjs

@@ -18,7 +18,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "./badge" (module) {
+    "@/components/ui/badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./boolean-radio-group" (module) {
@@ -33,22 +33,22 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "./button" (module) {
+    "@/components/ui/button" (module) {
         module.exports = require("./button.cjs");
     },
-    "./calendar" (module) {
+    "@/components/ui/calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "./card" (module) {
+    "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
     "./chart" (module) {
         module.exports = require("./chart.cjs");
     },
-    "./checkbox" (module) {
+    "@/components/ui/checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
-    "./collapsible" (module) {
+    "@/components/ui/collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -57,7 +57,7 @@ var __webpack_modules__ = {
     "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
-    "./context-menu" (module) {
+    "@/components/ui/context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (module) {
@@ -69,16 +69,16 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "./dialog" (module) {
+    "@/components/ui/dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./drawer" (module) {
         module.exports = require("./drawer.cjs");
     },
-    "./dropdown-menu" (module) {
+    "@/components/ui/dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
-    "./editable-cell" (module) {
+    "@/components/ui/editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -96,16 +96,16 @@ var __webpack_modules__ = {
     "./form-field" (module) {
         module.exports = require("./form-field.cjs");
     },
-    "./hover-card" (module) {
+    "@/components/ui/hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "./info-tooltip" (module) {
+    "@/components/ui/info-tooltip" (module) {
         module.exports = require("./info-tooltip.cjs");
     },
     "@/components/ui/input-group" (module) {
         module.exports = require("./input-group.cjs");
     },
-    "./input" (module) {
+    "@/components/ui/input" (module) {
         module.exports = require("./input.cjs");
     },
     "./json-tree-view" (module) {
@@ -114,7 +114,7 @@ var __webpack_modules__ = {
     "./label" (module) {
         module.exports = require("./label.cjs");
     },
-    "./layout" (module) {
+    "@/components/ui/layout" (module) {
         module.exports = require("./layout/index.cjs");
     },
     "./lockable-value-field" (module) {
@@ -138,10 +138,13 @@ var __webpack_modules__ = {
     "./pagination" (module) {
         module.exports = require("./pagination.cjs");
     },
+    "./panel-tabs" (module) {
+        module.exports = require("./panel-tabs.cjs");
+    },
     "@/components/ui/popover" (module) {
         module.exports = require("./popover.cjs");
     },
-    "./portal-container" (module) {
+    "@/components/ui/portal-container" (module) {
         module.exports = require("./portal-container.cjs");
     },
     "./progress" (module) {
@@ -201,28 +204,28 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "./table" (module) {
+    "@/components/ui/table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "./textarea" (module) {
+    "@/components/ui/textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "./toggle" (module) {
+    "@/components/ui/toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
-    "./tooltip" (module) {
+    "@/components/ui/tooltip" (module) {
         module.exports = require("./tooltip.cjs");
     },
     "./tree-view" (module) {
         module.exports = require("./tree-view.cjs");
     },
-    "./variable-picker" (module) {
+    "@/components/ui/variable-picker" (module) {
         module.exports = require("./variable-picker/index.cjs");
     },
     "./variable-value-control" (module) {
@@ -273,8 +276,8 @@ var __webpack_exports__ = {};
 (()=>{
     __webpack_require__.r(__webpack_exports__);
     __webpack_require__.d(__webpack_exports__, {
-        FileTreeView: ()=>_tree_view__rspack_import_73_default.a,
-        TreeView: ()=>_tree_view__rspack_import_73.TreeView
+        FileTreeView: ()=>_tree_view__rspack_import_74_default.a,
+        TreeView: ()=>_tree_view__rspack_import_74.TreeView
     });
     var _accordion__rspack_import_0 = __webpack_require__("./accordion");
     var __rspack_reexport = {};
@@ -324,7 +327,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_5[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _badge__rspack_import_6 = __webpack_require__("./badge");
+    var _badge__rspack_import_6 = __webpack_require__("@/components/ui/badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_6)if ([
         "default",
@@ -356,7 +359,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_bubble__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _button__rspack_import_10 = __webpack_require__("./button");
+    var _button__rspack_import_10 = __webpack_require__("@/components/ui/button");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _button__rspack_import_10)if ([
         "default",
@@ -372,7 +375,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _calendar__rspack_import_12 = __webpack_require__("./calendar");
+    var _calendar__rspack_import_12 = __webpack_require__("@/components/ui/calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_12)if ([
         "default",
@@ -380,7 +383,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_12[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_13 = __webpack_require__("./card");
+    var _card__rspack_import_13 = __webpack_require__("@/components/ui/card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_13)if ([
         "default",
@@ -396,7 +399,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_chart__rspack_import_14[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_15 = __webpack_require__("./checkbox");
+    var _checkbox__rspack_import_15 = __webpack_require__("@/components/ui/checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_15)if ([
         "default",
@@ -404,7 +407,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_15[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_16 = __webpack_require__("./collapsible");
+    var _collapsible__rspack_import_16 = __webpack_require__("@/components/ui/collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_16)if ([
         "default",
@@ -428,7 +431,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_19 = __webpack_require__("./context-menu");
+    var _context_menu__rspack_import_19 = __webpack_require__("@/components/ui/context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_19)if ([
         "default",
@@ -460,7 +463,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_23 = __webpack_require__("./dialog");
+    var _dialog__rspack_import_23 = __webpack_require__("@/components/ui/dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_23)if ([
         "default",
@@ -476,7 +479,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_24[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_25 = __webpack_require__("./dropdown-menu");
+    var _dropdown_menu__rspack_import_25 = __webpack_require__("@/components/ui/dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_25)if ([
         "default",
@@ -484,7 +487,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_25[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_26 = __webpack_require__("./editable-cell");
+    var _editable_cell__rspack_import_26 = __webpack_require__("@/components/ui/editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_26)if ([
         "default",
@@ -532,7 +535,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_form_field__rspack_import_31[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_32 = __webpack_require__("./hover-card");
+    var _hover_card__rspack_import_32 = __webpack_require__("@/components/ui/hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_32)if ([
         "default",
@@ -540,7 +543,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_32[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _info_tooltip__rspack_import_33 = __webpack_require__("./info-tooltip");
+    var _info_tooltip__rspack_import_33 = __webpack_require__("@/components/ui/info-tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _info_tooltip__rspack_import_33)if ([
         "default",
@@ -548,7 +551,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_info_tooltip__rspack_import_33[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_34 = __webpack_require__("./input");
+    var _input__rspack_import_34 = __webpack_require__("@/components/ui/input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_34)if ([
         "default",
@@ -580,7 +583,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_label__rspack_import_37[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _layout__rspack_import_38 = __webpack_require__("./layout");
+    var _layout__rspack_import_38 = __webpack_require__("@/components/ui/layout");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _layout__rspack_import_38)if ([
         "default",
@@ -652,7 +655,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_popover__rspack_import_46[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _portal_container__rspack_import_47 = __webpack_require__("./portal-container");
+    var _portal_container__rspack_import_47 = __webpack_require__("@/components/ui/portal-container");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _portal_container__rspack_import_47)if ([
         "default",
@@ -812,7 +815,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_66[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_67 = __webpack_require__("./table");
+    var _table__rspack_import_67 = __webpack_require__("@/components/ui/table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_67)if ([
         "default",
@@ -820,63 +823,71 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_table__rspack_import_67[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _tabs__rspack_import_68 = __webpack_require__("./tabs");
+    var _panel_tabs__rspack_import_68 = __webpack_require__("./panel-tabs");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _panel_tabs__rspack_import_68)if ([
+        "default",
+        "FileTreeView",
+        "TreeView"
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_panel_tabs__rspack_import_68[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _tabs__rspack_import_69 = __webpack_require__("./tabs");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _tabs__rspack_import_68)if ([
+    for(const __rspack_import_key in _tabs__rspack_import_69)if ([
         "default",
         "FileTreeView",
         "TreeView"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_68[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_69[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_69 = __webpack_require__("./textarea");
+    var _textarea__rspack_import_70 = __webpack_require__("@/components/ui/textarea");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _textarea__rspack_import_69)if ([
+    for(const __rspack_import_key in _textarea__rspack_import_70)if ([
         "default",
         "FileTreeView",
         "TreeView"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_69[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_70[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_70 = __webpack_require__("./toggle");
+    var _toggle__rspack_import_71 = __webpack_require__("@/components/ui/toggle");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _toggle__rspack_import_70)if ([
+    for(const __rspack_import_key in _toggle__rspack_import_71)if ([
         "default",
         "FileTreeView",
         "TreeView"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_toggle__rspack_import_70[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_toggle__rspack_import_71[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle_group__rspack_import_71 = __webpack_require__("./toggle-group");
+    var _toggle_group__rspack_import_72 = __webpack_require__("./toggle-group");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _toggle_group__rspack_import_71)if ([
+    for(const __rspack_import_key in _toggle_group__rspack_import_72)if ([
         "default",
         "FileTreeView",
         "TreeView"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_toggle_group__rspack_import_71[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_toggle_group__rspack_import_72[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _tooltip__rspack_import_72 = __webpack_require__("./tooltip");
+    var _tooltip__rspack_import_73 = __webpack_require__("@/components/ui/tooltip");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _tooltip__rspack_import_72)if ([
+    for(const __rspack_import_key in _tooltip__rspack_import_73)if ([
         "default",
         "FileTreeView",
         "TreeView"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tooltip__rspack_import_72[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tooltip__rspack_import_73[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _tree_view__rspack_import_73 = __webpack_require__("./tree-view");
-    var _tree_view__rspack_import_73_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_73);
-    var _variable_picker__rspack_import_74 = __webpack_require__("./variable-picker");
+    var _tree_view__rspack_import_74 = __webpack_require__("./tree-view");
+    var _tree_view__rspack_import_74_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_74);
+    var _variable_picker__rspack_import_75 = __webpack_require__("@/components/ui/variable-picker");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _variable_picker__rspack_import_74)if ([
+    for(const __rspack_import_key in _variable_picker__rspack_import_75)if ([
         "default",
         "FileTreeView",
         "TreeView"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_variable_picker__rspack_import_74[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_variable_picker__rspack_import_75[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _variable_value_control__rspack_import_75 = __webpack_require__("./variable-value-control");
+    var _variable_value_control__rspack_import_76 = __webpack_require__("./variable-value-control");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _variable_value_control__rspack_import_75)if ([
+    for(const __rspack_import_key in _variable_value_control__rspack_import_76)if ([
         "default",
         "FileTreeView",
         "TreeView"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_variable_value_control__rspack_import_75[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_variable_value_control__rspack_import_76[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
 })();
 exports.FileTreeView = __webpack_exports__.FileTreeView;

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

@@ -66,6 +66,7 @@ export * from './stats-card';
 export * from './stepper';
 export * from './switch';
 export * from './table';
+export * from './panel-tabs';
 export * from './tabs';
 export * from './textarea';
 export * from './toggle';

package/dist/components/ui/index.js

@@ -67,6 +67,7 @@ export * from "./stats-card.js";
 export * from "./stepper.js";
 export * from "./switch.js";
 export * from "./table.js";
+export * from "./panel-tabs.js";
 export * from "./tabs.js";
 export * from "./textarea.js";
 export * from "./toggle.js";

package/dist/components/ui/json-tree-view/JsonTree.types.d.ts

@@ -127,6 +127,11 @@ export interface NodeDecoration {
     label?: string;
     /** Small muted text after the key label (e.g. an identifier). */
     sublabel?: string;
+    /**
+     * Shows the sublabel only while the row is hovered or holds focus. It sits
+     * in the row's flexible space, so revealing it never moves the trailing cluster.
+     */
+    sublabelOnHover?: boolean;
     /** Replaces the type badge's icon and/or color. */
     badge?: NodeDecorationBadge;
     /** Small pill rendered next to the key (e.g. "mocked"). */
@@ -135,6 +140,17 @@ export interface NodeDecoration {
      * Hides the built-in keys/items count on a container row.
      */
     hideCount?: boolean;
+    /**
+     * Hides the value cell on a scalar row, for a row that names something
+     * (e.g. a node with no output yet) rather than holding a value.
+     */
+    hideValue?: boolean;
+    /**
+     * Content in the row's trailing cluster, between the `start` and `end`
+     * actions (e.g. a count). The cluster never shrinks, so it stays in place
+     * while the key and sublabel truncate.
+     */
+    meta?: ReactNode;
 }
 /** Context passed to a custom value cell renderer. */
 export interface RenderValueContext {
@@ -176,6 +192,16 @@ export interface NodeAction {
     disabled?: boolean;
     /** Color tone; `error` tints a destructive action. Defaults to neutral. */
     tone?: NodeDecorationTone;
+    /**
+     * Keeps the action visible at rest instead of revealing it on row hover.
+     * For a row's primary action. Ignored once actions collapse into the menu.
+     */
+    persistent?: boolean;
+    /**
+     * Where the action sits in the row's trailing cluster: `start` renders it
+     * before the decoration `meta`, `end` (the default) after it.
+     */
+    placement?: 'start' | 'end';
 }
 /** Context passed to `nodeActions`, mirroring the value-cell edit context. */
 export interface NodeActionContext {

package/dist/components/ui/json-tree-view/JsonTreeRow.cjs

@@ -42,12 +42,12 @@ const external_JsonTypeBadge_cjs_namespaceObject = require("./JsonTypeBadge.cjs"
 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 ROW_CLASS = 'group flex min-h-7 cursor-default items-center gap-2 py-1 pr-1 transition hover:bg-surface-overlay';
 const ROW_MIN_HEIGHT_PX = 28;
 const VALUE_CELL_CLASS = 'flex min-w-8 flex-1 items-center';
 function rowIndent(depth, extra = 0) {
     return {
-        paddingLeft: `${6 + 12 * depth + extra}px`
+        paddingLeft: `${8 + 16 * depth + extra}px`
     };
 }
 const KEY_ALIGN_OFFSET = 44;
@@ -138,12 +138,13 @@ function JsonTreeRow({ node, depth }) {
                     isContainer ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                         type: "button",
                         onClick: ()=>onToggleCollapsed?.(node.path),
-                        "aria-label": collapsed[node.path] ? strings.expandKey(node.key) : strings.collapseKey(node.key),
-                        "aria-expanded": !collapsed[node.path],
-                        className: "grid size-2.5 shrink-0 cursor-pointer place-items-center text-foreground-subtle transition hover:text-foreground",
+                        disabled: !onToggleCollapsed,
+                        "aria-label": (0, external_buildJsonTree_cjs_namespaceObject.isPathCollapsed)(collapsed, node.path) ? strings.expandKey(node.key) : strings.collapseKey(node.key),
+                        "aria-expanded": !(0, external_buildJsonTree_cjs_namespaceObject.isPathCollapsed)(collapsed, node.path),
+                        className: "grid size-2.5 shrink-0 cursor-pointer place-items-center text-foreground-subtle transition hover:text-foreground disabled:cursor-default disabled:hover:text-foreground-subtle",
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
                             size: 10,
-                            className: (0, index_cjs_namespaceObject.cn)('transition-transform duration-100', collapsed[node.path] && '-rotate-90')
+                            className: (0, index_cjs_namespaceObject.cn)('transition-transform duration-100', (0, external_buildJsonTree_cjs_namespaceObject.isPathCollapsed)(collapsed, node.path) && '-rotate-90')
                         })
                     }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                         className: "size-2.5 shrink-0"
@@ -168,7 +169,7 @@ function JsonTreeRow({ node, depth }) {
                         "aria-label": strings.pathCopied
                     }),
                     decoration?.sublabel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                        className: "min-w-0 truncate font-mono text-[10px] text-foreground-subtle leading-4",
+                        className: (0, index_cjs_namespaceObject.cn)('min-w-0 truncate font-mono text-[10px] text-foreground-subtle leading-4', decoration.sublabelOnHover && 'hidden group-hover:block group-focus-within:block'),
                         children: decoration.sublabel
                     }),
                     node.required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.RequiredIndicator, {
@@ -191,12 +192,13 @@ function JsonTreeRow({ node, depth }) {
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_RowActions_cjs_namespaceObject.RowActions, {
                                 node: node,
                                 actions: actions,
-                                maxInline: maxInlineActions
+                                maxInline: maxInlineActions,
+                                meta: decoration?.meta
                             })
                         ]
                     }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                         children: [
-                            !wrapped && (null != customCell ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            !wrapped && !decoration?.hideValue && (null != customCell ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                 className: VALUE_CELL_CLASS,
                                 children: customCell
                             }) : !(readOnly && void 0 === node.value || isTemplate) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
@@ -226,7 +228,8 @@ function JsonTreeRow({ node, depth }) {
                                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_RowActions_cjs_namespaceObject.RowActions, {
                                         node: node,
                                         actions: actions,
-                                        maxInline: maxInlineActions
+                                        maxInline: maxInlineActions,
+                                        meta: decoration?.meta
                                     })
                                 ]
                             })

package/dist/components/ui/json-tree-view/JsonTreeRow.js

@@ -4,7 +4,7 @@ import { RequiredIndicator } from "../label.js";
 import { ChevronDown, CircleCheck, Copy, Pencil, WrapText } from "lucide-react";
 import { createContext, useContext } from "react";
 import { useJsonTreeViewStrings } from "./strings.js";
-import { formatLeafValue, isArrayItemTemplateRoot } from "./buildJsonTree.js";
+import { formatLeafValue, isArrayItemTemplateRoot, isPathCollapsed } from "./buildJsonTree.js";
 import { DecorationChip } from "./DecorationChip.js";
 import { JsonContainerEditor } from "./JsonContainerEditor.js";
 import { JsonMultilineLeafEditor } from "./JsonMultilineLeafEditor.js";
@@ -12,12 +12,12 @@ import { JsonTypeBadge } from "./JsonTypeBadge.js";
 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 ROW_CLASS = 'group flex min-h-7 cursor-default items-center gap-2 py-1 pr-1 transition hover:bg-surface-overlay';
 const ROW_MIN_HEIGHT_PX = 28;
 const VALUE_CELL_CLASS = 'flex min-w-8 flex-1 items-center';
 function rowIndent(depth, extra = 0) {
     return {
-        paddingLeft: `${6 + 12 * depth + extra}px`
+        paddingLeft: `${8 + 16 * depth + extra}px`
     };
 }
 const KEY_ALIGN_OFFSET = 44;
@@ -108,12 +108,13 @@ function JsonTreeRow({ node, depth }) {
                     isContainer ? /*#__PURE__*/ jsx("button", {
                         type: "button",
                         onClick: ()=>onToggleCollapsed?.(node.path),
-                        "aria-label": collapsed[node.path] ? strings.expandKey(node.key) : strings.collapseKey(node.key),
-                        "aria-expanded": !collapsed[node.path],
-                        className: "grid size-2.5 shrink-0 cursor-pointer place-items-center text-foreground-subtle transition hover:text-foreground",
+                        disabled: !onToggleCollapsed,
+                        "aria-label": isPathCollapsed(collapsed, node.path) ? strings.expandKey(node.key) : strings.collapseKey(node.key),
+                        "aria-expanded": !isPathCollapsed(collapsed, node.path),
+                        className: "grid size-2.5 shrink-0 cursor-pointer place-items-center text-foreground-subtle transition hover:text-foreground disabled:cursor-default disabled:hover:text-foreground-subtle",
                         children: /*#__PURE__*/ jsx(ChevronDown, {
                             size: 10,
-                            className: cn('transition-transform duration-100', collapsed[node.path] && '-rotate-90')
+                            className: cn('transition-transform duration-100', isPathCollapsed(collapsed, node.path) && '-rotate-90')
                         })
                     }) : /*#__PURE__*/ jsx("div", {
                         className: "size-2.5 shrink-0"
@@ -138,7 +139,7 @@ function JsonTreeRow({ node, depth }) {
                         "aria-label": strings.pathCopied
                     }),
                     decoration?.sublabel && /*#__PURE__*/ jsx("span", {
-                        className: "min-w-0 truncate font-mono text-[10px] text-foreground-subtle leading-4",
+                        className: cn('min-w-0 truncate font-mono text-[10px] text-foreground-subtle leading-4', decoration.sublabelOnHover && 'hidden group-hover:block group-focus-within:block'),
                         children: decoration.sublabel
                     }),
                     node.required && /*#__PURE__*/ jsx(RequiredIndicator, {
@@ -161,12 +162,13 @@ function JsonTreeRow({ node, depth }) {
                             /*#__PURE__*/ jsx(RowActions, {
                                 node: node,
                                 actions: actions,
-                                maxInline: maxInlineActions
+                                maxInline: maxInlineActions,
+                                meta: decoration?.meta
                             })
                         ]
                     }) : /*#__PURE__*/ jsxs(Fragment, {
                         children: [
-                            !wrapped && (null != customCell ? /*#__PURE__*/ jsx("span", {
+                            !wrapped && !decoration?.hideValue && (null != customCell ? /*#__PURE__*/ jsx("span", {
                                 className: VALUE_CELL_CLASS,
                                 children: customCell
                             }) : !(readOnly && void 0 === node.value || isTemplate) && /*#__PURE__*/ jsxs(Fragment, {
@@ -196,7 +198,8 @@ function JsonTreeRow({ node, depth }) {
                                     /*#__PURE__*/ jsx(RowActions, {
                                         node: node,
                                         actions: actions,
-                                        maxInline: maxInlineActions
+                                        maxInline: maxInlineActions,
+                                        meta: decoration?.meta
                                     })
                                 ]
                             })