@uipath/apollo-wind 2.60.0 → 2.61.0

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

@@ -4,6 +4,7 @@ export * from './alert-dialog';
 export * from './aspect-ratio';
 export * from './avatar';
 export * from './badge';
+export * from './boolean-radio-group';
 export * from './breadcrumb';
 export * from './button';
 export * from './button-group';
@@ -30,6 +31,7 @@ export * from './form-field';
 export * from './hover-card';
 export * from './info-tooltip';
 export * from './input';
+export * from './json-tree-view';
 export * from './input-group';
 export * from './label';
 export * from './layout';
@@ -41,6 +43,7 @@ export * from './popover';
 export * from './portal-container';
 export * from './progress';
 export * from './prompt-editor';
+export * from './prompt-value-control';
 export * from './quick-form-field';
 export * from './radio-group';
 export * from './resizable';
@@ -65,3 +68,4 @@ export * from './tooltip';
 export type { FileTreeViewIconMap, FileTreeViewItem, FileTreeViewItemAction, FileTreeViewMenuItem, FileTreeViewProps, FileTreeViewSelectionMode, TreeViewIconMap, TreeViewItem, TreeViewItemAction, TreeViewMenuItem, TreeViewProps, TreeViewSelectionMode, } from './tree-view';
 export { default as FileTreeView, TreeView } from './tree-view';
 export * from './variable-picker';
+export * from './variable-value-control';

package/dist/components/ui/index.js

@@ -5,6 +5,7 @@ export * from "./alert-dialog.js";
 export * from "./aspect-ratio.js";
 export * from "./avatar.js";
 export * from "./badge.js";
+export * from "./boolean-radio-group.js";
 export * from "./breadcrumb.js";
 export * from "./button.js";
 export * from "./button-group.js";
@@ -31,6 +32,7 @@ export * from "./form-field.js";
 export * from "./hover-card.js";
 export * from "./info-tooltip.js";
 export * from "./input.js";
+export * from "./json-tree-view/index.js";
 export * from "./input-group.js";
 export * from "./label.js";
 export * from "./layout/index.js";
@@ -42,6 +44,7 @@ export * from "./popover.js";
 export * from "./portal-container.js";
 export * from "./progress.js";
 export * from "./prompt-editor/index.js";
+export * from "./prompt-value-control.js";
 export * from "./quick-form-field/index.js";
 export * from "./radio-group.js";
 export * from "./resizable.js";
@@ -64,4 +67,5 @@ export * from "./toggle.js";
 export * from "./toggle-group.js";
 export * from "./tooltip.js";
 export * from "./variable-picker/index.js";
+export * from "./variable-value-control.js";
 export { tree_view as FileTreeView, TreeView };

package/dist/components/ui/input-group.cjs

@@ -55,12 +55,14 @@ const ROW_LAYOUTS = [
 ];
 const FILLED = [
     'default',
-    'ghost'
+    'ghost',
+    'agent'
 ];
 const BOXED = [
     'default',
     'ghost',
-    'outline'
+    'outline',
+    'agent'
 ];
 const inputGroupVariants = (0, external_class_variance_authority_namespaceObject.cva)([
     'group/input-group relative flex w-full items-center gap-2 transition-colors has-[>textarea]:h-auto has-[>textarea]:items-start',
@@ -81,7 +83,8 @@ const inputGroupVariants = (0, external_class_variance_authority_namespaceObject
             default: 'border border-input bg-transparent future:border-0 future:bg-surface-overlay',
             ghost: 'border-0 bg-surface-overlay',
             outline: 'border border-input bg-transparent shadow-none future:border future:border-input future:bg-transparent future:has-[[data-slot][aria-invalid=true]]:border-error',
-            none: 'border-0 bg-transparent shadow-none future:bg-transparent'
+            none: 'border-0 bg-transparent shadow-none future:bg-transparent',
+            agent: 'border border-gradient-agent-start/60 bg-linear-to-r from-gradient-agent-start/25 to-gradient-agent-end/25 future:border-0 future:inset-ring-1 future:inset-ring-gradient-agent-start/60 future:bg-linear-to-r future:from-gradient-agent-start/25 future:to-gradient-agent-end/25'
         },
         invalid: {
             true: '',

package/dist/components/ui/input-group.d.ts

@@ -9,9 +9,10 @@ export interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * `default` paints the field box, `ghost` a borderless fill, `outline` a border with no fill and
      * no ring, and `none` nothing at all while keeping the row's height and right-hand padding, so an
-     * unboxed control still lines up with the boxed fields around it.
+     * unboxed control still lines up with the boxed fields around it. `agent` tints the box for a
+     * value an agent fills in, such as a prompt.
      */
-    variant?: 'default' | 'ghost' | 'outline' | 'none';
+    variant?: 'default' | 'ghost' | 'outline' | 'none' | 'agent';
     size?: 'default' | 'xs';
     /**
      * `row` is one control row. `grow` keeps that as a minimum and lets the content grow it. `block`
@@ -30,15 +31,15 @@ export interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const inputGroupVariants: (props?: ({
     size?: "default" | "xs" | null | undefined;
-    layout?: "fill" | "row" | "block" | "grow" | null | undefined;
-    variant?: "default" | "outline" | "ghost" | "none" | null | undefined;
+    layout?: "row" | "fill" | "grow" | "block" | null | undefined;
+    variant?: "default" | "outline" | "ghost" | "none" | "agent" | null | undefined;
     invalid?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const inputGroupAddonVariants: (props?: ({
     align?: "inline-end" | "inline-start" | null | undefined;
-    layout?: "fill" | "row" | "block" | "grow" | null | undefined;
+    layout?: "row" | "fill" | "grow" | "block" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface InputGroupAddonProps extends React.HTMLAttributes<HTMLDivElement>, Pick<VariantProps<typeof inputGroupAddonVariants>, 'align'> {
     /**

package/dist/components/ui/input-group.js

@@ -16,12 +16,14 @@ const ROW_LAYOUTS = [
 ];
 const FILLED = [
     'default',
-    'ghost'
+    'ghost',
+    'agent'
 ];
 const BOXED = [
     'default',
     'ghost',
-    'outline'
+    'outline',
+    'agent'
 ];
 const inputGroupVariants = cva([
     'group/input-group relative flex w-full items-center gap-2 transition-colors has-[>textarea]:h-auto has-[>textarea]:items-start',
@@ -42,7 +44,8 @@ const inputGroupVariants = cva([
             default: 'border border-input bg-transparent future:border-0 future:bg-surface-overlay',
             ghost: 'border-0 bg-surface-overlay',
             outline: 'border border-input bg-transparent shadow-none future:border future:border-input future:bg-transparent future:has-[[data-slot][aria-invalid=true]]:border-error',
-            none: 'border-0 bg-transparent shadow-none future:bg-transparent'
+            none: 'border-0 bg-transparent shadow-none future:bg-transparent',
+            agent: 'border border-gradient-agent-start/60 bg-linear-to-r from-gradient-agent-start/25 to-gradient-agent-end/25 future:border-0 future:inset-ring-1 future:inset-ring-gradient-agent-start/60 future:bg-linear-to-r future:from-gradient-agent-start/25 future:to-gradient-agent-end/25'
         },
         invalid: {
             true: '',

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

@@ -0,0 +1,81 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DecorationChip: ()=>DecorationChip
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const index_cjs_namespaceObject = require("../../../lib/index.cjs");
+const external_JsonTreeTooltip_cjs_namespaceObject = require("./JsonTreeTooltip.cjs");
+const CHIP_TONE_TEXT_CLASS = {
+    neutral: 'text-foreground-subtle',
+    info: 'text-info',
+    warning: 'text-warning',
+    error: 'text-error'
+};
+const CHIP_TONE_BORDER_CLASS = {
+    neutral: 'border-border',
+    info: 'border-info/40',
+    warning: 'border-warning/40',
+    error: 'border-error/40'
+};
+function DecorationChip({ decoration }) {
+    const chip = decoration?.chip;
+    if (!chip || null == chip.label && null == chip.icon) return null;
+    const tone = chip.tone ?? 'neutral';
+    const content = chip.label ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        className: (0, index_cjs_namespaceObject.cn)('flex min-w-0 items-center gap-1 truncate rounded-full border px-1.5 py-px text-[10px] font-medium leading-none', CHIP_TONE_BORDER_CLASS[tone], CHIP_TONE_TEXT_CLASS[tone]),
+        children: [
+            chip.icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "shrink-0",
+                children: chip.icon
+            }),
+            chip.label
+        ]
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: (0, index_cjs_namespaceObject.cn)('flex shrink-0 items-center', CHIP_TONE_TEXT_CLASS[tone]),
+        ...chip.tooltip ? {
+            role: 'img',
+            'aria-label': chip.tooltip
+        } : {},
+        children: chip.icon
+    });
+    if (!chip.tooltip) return content;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTreeTooltip_cjs_namespaceObject.JsonTreeTooltip, {
+        placement: "top",
+        content: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: "text-xs",
+            children: chip.tooltip
+        }),
+        children: content
+    });
+}
+exports.DecorationChip = __webpack_exports__.DecorationChip;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DecorationChip"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,4 @@
+import type { NodeDecoration } from './JsonTree.types';
+export declare function DecorationChip({ decoration }: {
+    decoration?: NodeDecoration;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/index.js";
+import { JsonTreeTooltip } from "./JsonTreeTooltip.js";
+const CHIP_TONE_TEXT_CLASS = {
+    neutral: 'text-foreground-subtle',
+    info: 'text-info',
+    warning: 'text-warning',
+    error: 'text-error'
+};
+const CHIP_TONE_BORDER_CLASS = {
+    neutral: 'border-border',
+    info: 'border-info/40',
+    warning: 'border-warning/40',
+    error: 'border-error/40'
+};
+function DecorationChip({ decoration }) {
+    const chip = decoration?.chip;
+    if (!chip || null == chip.label && null == chip.icon) return null;
+    const tone = chip.tone ?? 'neutral';
+    const content = chip.label ? /*#__PURE__*/ jsxs("span", {
+        className: cn('flex min-w-0 items-center gap-1 truncate rounded-full border px-1.5 py-px text-[10px] font-medium leading-none', CHIP_TONE_BORDER_CLASS[tone], CHIP_TONE_TEXT_CLASS[tone]),
+        children: [
+            chip.icon && /*#__PURE__*/ jsx("span", {
+                className: "shrink-0",
+                children: chip.icon
+            }),
+            chip.label
+        ]
+    }) : /*#__PURE__*/ jsx("span", {
+        className: cn('flex shrink-0 items-center', CHIP_TONE_TEXT_CLASS[tone]),
+        ...chip.tooltip ? {
+            role: 'img',
+            'aria-label': chip.tooltip
+        } : {},
+        children: chip.icon
+    });
+    if (!chip.tooltip) return content;
+    return /*#__PURE__*/ jsx(JsonTreeTooltip, {
+        placement: "top",
+        content: /*#__PURE__*/ jsx("span", {
+            className: "text-xs",
+            children: chip.tooltip
+        }),
+        children: content
+    });
+}
+export { DecorationChip };

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

@@ -0,0 +1,88 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    EditorActions: ()=>EditorActions,
+    EditorTextarea: ()=>EditorTextarea
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_button_cjs_namespaceObject = require("../button.cjs");
+const index_cjs_namespaceObject = require("../../../lib/index.cjs");
+const external_react_namespaceObject = require("react");
+const external_strings_cjs_namespaceObject = require("./strings.cjs");
+function EditorActions({ onApply, onCancel, applyDisabled = false }) {
+    const strings = (0, external_strings_cjs_namespaceObject.useJsonTreeViewStrings)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "flex items-center gap-1.5",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                size: "3xs",
+                onClick: onApply,
+                disabled: applyDisabled,
+                children: strings.apply
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                size: "3xs",
+                variant: "ghost",
+                onClick: onCancel,
+                children: strings.cancel
+            })
+        ]
+    });
+}
+function EditorTextarea({ value, onChange, onApply, onCancel, invalid, rows, ariaLabel, placeholder, className }) {
+    const textareaRef = (0, external_react_namespaceObject.useRef)(null);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        textareaRef.current?.focus();
+    }, []);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
+        ref: textareaRef,
+        value: value,
+        onChange: (e)=>onChange(e.target.value),
+        onKeyDown: (e)=>{
+            if ('Escape' === e.key) {
+                e.preventDefault();
+                e.stopPropagation();
+                onCancel();
+            }
+            if ('Enter' === e.key && (e.metaKey || e.ctrlKey)) onApply();
+        },
+        rows: rows,
+        spellCheck: false,
+        "aria-label": ariaLabel,
+        "aria-invalid": invalid || void 0,
+        placeholder: placeholder,
+        className: (0, index_cjs_namespaceObject.cn)('w-full resize-y rounded-lg border bg-surface p-2 font-mono text-xs leading-5 text-foreground outline-none', invalid ? 'border-error' : 'border-border-subtle focus:border-brand', className)
+    });
+}
+exports.EditorActions = __webpack_exports__.EditorActions;
+exports.EditorTextarea = __webpack_exports__.EditorTextarea;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "EditorActions",
+    "EditorTextarea"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,21 @@
+/** Apply/Cancel row shared by the multiline editors. */
+export declare function EditorActions({ onApply, onCancel, applyDisabled, }: {
+    onApply: () => void;
+    onCancel: () => void;
+    applyDisabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export interface EditorTextareaProps {
+    value: string;
+    onChange: (value: string) => void;
+    /** Bound to Ctrl/Cmd+Enter. */
+    onApply: () => void;
+    /** Bound to Escape (contained so a host dialog does not also close). */
+    onCancel: () => void;
+    invalid: boolean;
+    rows: number;
+    ariaLabel: string;
+    placeholder?: string;
+    className?: string;
+}
+/** Multiline editing surface shared by the leaf and container editors. */
+export declare function EditorTextarea({ value, onChange, onApply, onCancel, invalid, rows, ariaLabel, placeholder, className, }: EditorTextareaProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../button.js";
+import { cn } from "../../../lib/index.js";
+import { useEffect, useRef } from "react";
+import { useJsonTreeViewStrings } from "./strings.js";
+function EditorActions({ onApply, onCancel, applyDisabled = false }) {
+    const strings = useJsonTreeViewStrings();
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center gap-1.5",
+        children: [
+            /*#__PURE__*/ jsx(Button, {
+                size: "3xs",
+                onClick: onApply,
+                disabled: applyDisabled,
+                children: strings.apply
+            }),
+            /*#__PURE__*/ jsx(Button, {
+                size: "3xs",
+                variant: "ghost",
+                onClick: onCancel,
+                children: strings.cancel
+            })
+        ]
+    });
+}
+function EditorTextarea({ value, onChange, onApply, onCancel, invalid, rows, ariaLabel, placeholder, className }) {
+    const textareaRef = useRef(null);
+    useEffect(()=>{
+        textareaRef.current?.focus();
+    }, []);
+    return /*#__PURE__*/ jsx("textarea", {
+        ref: textareaRef,
+        value: value,
+        onChange: (e)=>onChange(e.target.value),
+        onKeyDown: (e)=>{
+            if ('Escape' === e.key) {
+                e.preventDefault();
+                e.stopPropagation();
+                onCancel();
+            }
+            if ('Enter' === e.key && (e.metaKey || e.ctrlKey)) onApply();
+        },
+        rows: rows,
+        spellCheck: false,
+        "aria-label": ariaLabel,
+        "aria-invalid": invalid || void 0,
+        placeholder: placeholder,
+        className: cn('w-full resize-y rounded-lg border bg-surface p-2 font-mono text-xs leading-5 text-foreground outline-none', invalid ? 'border-error' : 'border-border-subtle focus:border-brand', className)
+    });
+}
+export { EditorActions, EditorTextarea };

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

@@ -0,0 +1,95 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    JsonContainerEditor: ()=>JsonContainerEditor
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_form_field_cjs_namespaceObject = require("../form-field.cjs");
+const index_cjs_namespaceObject = require("../../../lib/index.cjs");
+const external_EditorChrome_cjs_namespaceObject = require("./EditorChrome.cjs");
+const external_strings_cjs_namespaceObject = require("./strings.cjs");
+function isValidJson(raw) {
+    try {
+        JSON.parse(raw);
+        return true;
+    } catch  {
+        return false;
+    }
+}
+function JsonContainerEditor({ node, onCommit, onCancel, renderCodeEditor, className }) {
+    const strings = (0, external_strings_cjs_namespaceObject.useJsonTreeViewStrings)();
+    const initialValue = node.value ?? ('array' === node.type ? [] : {});
+    const [raw, setRaw] = (0, external_react_namespaceObject.useState)(()=>JSON.stringify(initialValue, null, 2));
+    const [error, setError] = (0, external_react_namespaceObject.useState)(null);
+    const handleChange = (value)=>{
+        setRaw(value);
+        setError(null);
+    };
+    const apply = ()=>{
+        try {
+            onCommit(JSON.parse(raw));
+        } catch (error) {
+            setError(error instanceof Error ? `${strings.invalidJson}: ${error.message}` : strings.invalidJson);
+        }
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('flex flex-col gap-1.5 [&>[data-slot=form-field-error]]:mt-0', className),
+        children: [
+            renderCodeEditor ? renderCodeEditor({
+                value: raw,
+                onChange: handleChange,
+                onApply: apply,
+                onCancel,
+                invalid: !isValidJson(raw),
+                language: 'json',
+                autoFocus: true
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_EditorChrome_cjs_namespaceObject.EditorTextarea, {
+                value: raw,
+                onChange: handleChange,
+                onApply: apply,
+                onCancel: onCancel,
+                invalid: !!error,
+                rows: Math.min(12, Math.max(3, raw.split('\n').length)),
+                ariaLabel: strings.editJsonOf(node.key)
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_form_field_cjs_namespaceObject.FormFieldError, {
+                children: error
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_EditorChrome_cjs_namespaceObject.EditorActions, {
+                onApply: apply,
+                onCancel: onCancel
+            })
+        ]
+    });
+}
+exports.JsonContainerEditor = __webpack_exports__.JsonContainerEditor;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "JsonContainerEditor"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,18 @@
+import type { JsonTreeNode, JsonValue, RenderCodeEditor } from './JsonTree.types';
+export interface JsonContainerEditorProps {
+    node: JsonTreeNode;
+    onCommit: (value: JsonValue) => void;
+    onCancel: () => void;
+    /**
+     * Renders the editing surface as a code editor instead of the plain
+     * textarea. The Apply/Cancel chrome and error message stay owned here.
+     */
+    renderCodeEditor?: RenderCodeEditor;
+    className?: string;
+}
+/**
+ * Multiline JSON editor for object/array nodes. Applies with the Apply button
+ * or Ctrl/Cmd+Enter; Escape cancels. Parse errors block the commit. Consumers
+ * can swap the textarea for a real code editor via `renderCodeEditor`.
+ */
+export declare function JsonContainerEditor({ node, onCommit, onCancel, renderCodeEditor, className, }: JsonContainerEditorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { FormFieldError } from "../form-field.js";
+import { cn } from "../../../lib/index.js";
+import { EditorActions, EditorTextarea } from "./EditorChrome.js";
+import { useJsonTreeViewStrings } from "./strings.js";
+function isValidJson(raw) {
+    try {
+        JSON.parse(raw);
+        return true;
+    } catch  {
+        return false;
+    }
+}
+function JsonContainerEditor({ node, onCommit, onCancel, renderCodeEditor, className }) {
+    const strings = useJsonTreeViewStrings();
+    const initialValue = node.value ?? ('array' === node.type ? [] : {});
+    const [raw, setRaw] = useState(()=>JSON.stringify(initialValue, null, 2));
+    const [error, setError] = useState(null);
+    const handleChange = (value)=>{
+        setRaw(value);
+        setError(null);
+    };
+    const apply = ()=>{
+        try {
+            onCommit(JSON.parse(raw));
+        } catch (error) {
+            setError(error instanceof Error ? `${strings.invalidJson}: ${error.message}` : strings.invalidJson);
+        }
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: cn('flex flex-col gap-1.5 [&>[data-slot=form-field-error]]:mt-0', className),
+        children: [
+            renderCodeEditor ? renderCodeEditor({
+                value: raw,
+                onChange: handleChange,
+                onApply: apply,
+                onCancel,
+                invalid: !isValidJson(raw),
+                language: 'json',
+                autoFocus: true
+            }) : /*#__PURE__*/ jsx(EditorTextarea, {
+                value: raw,
+                onChange: handleChange,
+                onApply: apply,
+                onCancel: onCancel,
+                invalid: !!error,
+                rows: Math.min(12, Math.max(3, raw.split('\n').length)),
+                ariaLabel: strings.editJsonOf(node.key)
+            }),
+            /*#__PURE__*/ jsx(FormFieldError, {
+                children: error
+            }),
+            /*#__PURE__*/ jsx(EditorActions, {
+                onApply: apply,
+                onCancel: onCancel
+            })
+        ]
+    });
+}
+export { JsonContainerEditor };