@uipath/apollo-wind 2.75.1 → 2.76.0

package/dist/components/ui/field-actions/ai-assist-action.d.ts

@@ -11,9 +11,16 @@ export interface AiAssistActionStrings {
     error: string;
 }
 export declare const DEFAULT_AI_ASSIST_ACTION_STRINGS: AiAssistActionStrings;
+/** What a host-rendered AI-assist panel gets in place of the built-in prompt form. */
+export interface AiAssistContentProps {
+    /** Closes the popover, returning focus to the trigger. */
+    close(): void;
+    disabled: boolean;
+}
 export interface AiAssistActionProps {
     /**
-     * Called with the entered prompt. Omitted, Generate is disabled. A returned promise keeps the
+     * Called with the entered prompt. Omitted, Generate is disabled; not called while
+     * `renderContent` is set. A returned promise keeps the
      * prompt open and busy until it settles: it closes once the promise resolves and stays open,
      * prompt intact and the error shown, if it rejects.
      */
@@ -21,10 +28,15 @@ export interface AiAssistActionProps {
     disabled?: boolean;
     /** A line under the prompt describing what will be generated, such as the value's type. */
     hint?: ReactNode;
+    /**
+     * The host's own panel, rendered in the popover in place of the built-in prompt form, whose
+     * `hint` and prompt strings it then does not use. Called only while the popover is open.
+     */
+    renderContent?: (props: AiAssistContentProps) => ReactNode;
     /** Overrides for any subset of the English strings. */
     strings?: Partial<AiAssistActionStrings>;
 }
 /**
  * The AI-assist header action: a prompt in a popover. Requires an ancestor `TooltipProvider`.
  */
-export declare function AiAssistAction({ onGenerate, hint, disabled, strings }: AiAssistActionProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiAssistAction({ onGenerate, hint, renderContent, disabled, strings, }: AiAssistActionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/field-actions/ai-assist-action.js

@@ -1,6 +1,6 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Loader2, Sparkles } from "lucide-react";
-import { useId, useState } from "react";
+import { useCallback, useId, useState } from "react";
 import { Button } from "../button.js";
 import { Label } from "../label.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../popover.js";
@@ -15,7 +15,7 @@ const DEFAULT_AI_ASSIST_ACTION_STRINGS = {
     generating: 'Generating',
     error: 'Could not generate a value. Try again.'
 };
-function AiAssistAction({ onGenerate, hint, disabled, strings }) {
+function AiAssistAction({ onGenerate, hint, renderContent, disabled, strings }) {
     const promptId = useId();
     const errorId = useId();
     const [prompt, setPrompt] = useState('');
@@ -30,6 +30,7 @@ function AiAssistAction({ onGenerate, hint, disabled, strings }) {
         setFailed(false);
         setOpen(next);
     };
+    const close = useCallback(()=>setOpen(false), []);
     const generate = async ()=>{
         setFailed(false);
         const result = onGenerate?.(prompt);
@@ -70,58 +71,67 @@ function AiAssistAction({ onGenerate, hint, disabled, strings }) {
                     })
                 ]
             }),
-            /*#__PURE__*/ jsxs(PopoverContent, {
+            /*#__PURE__*/ jsx(PopoverContent, {
                 align: "end",
                 className: "space-y-3",
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "space-y-1.5",
-                        children: [
-                            /*#__PURE__*/ jsx(Label, {
-                                htmlFor: promptId,
-                                className: "text-xs font-medium text-foreground-muted",
-                                children: text.prompt
-                            }),
-                            /*#__PURE__*/ jsx(Textarea, {
-                                id: promptId,
-                                rows: 3,
-                                value: prompt,
-                                onChange: (e)=>setPrompt(e.target.value),
-                                placeholder: text.promptPlaceholder,
-                                "aria-describedby": failed ? errorId : void 0,
-                                className: "resize-none text-sm"
-                            })
-                        ]
-                    }),
-                    hint && /*#__PURE__*/ jsx("span", {
-                        className: "block text-[11px] text-foreground-subtle",
-                        children: hint
-                    }),
-                    failed && /*#__PURE__*/ jsx("p", {
-                        id: errorId,
-                        role: "alert",
-                        className: "text-xs text-error",
-                        children: text.error
-                    }),
-                    /*#__PURE__*/ jsxs(Button, {
-                        size: "sm",
-                        className: "w-full",
-                        disabled: !onGenerate || pending,
-                        "aria-busy": pending || void 0,
-                        onClick: ()=>generate(),
-                        children: [
-                            pending && /*#__PURE__*/ jsx(Loader2, {
-                                className: "animate-spin",
-                                "aria-hidden": "true"
-                            }),
-                            pending ? text.generating : text.generate
-                        ]
-                    })
-                ]
+                children: renderContent ? /*#__PURE__*/ jsx(AiAssistSlot, {
+                    render: renderContent,
+                    close: close,
+                    disabled: !!disabled
+                }) : /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "space-y-1.5",
+                            children: [
+                                /*#__PURE__*/ jsx(Label, {
+                                    htmlFor: promptId,
+                                    className: "text-xs font-medium text-foreground-muted",
+                                    children: text.prompt
+                                }),
+                                /*#__PURE__*/ jsx(Textarea, {
+                                    id: promptId,
+                                    rows: 3,
+                                    value: prompt,
+                                    onChange: (e)=>setPrompt(e.target.value),
+                                    placeholder: text.promptPlaceholder,
+                                    "aria-describedby": failed ? errorId : void 0,
+                                    className: "resize-none text-sm"
+                                })
+                            ]
+                        }),
+                        hint && /*#__PURE__*/ jsx("span", {
+                            className: "block text-[11px] text-foreground-subtle",
+                            children: hint
+                        }),
+                        failed && /*#__PURE__*/ jsx("p", {
+                            id: errorId,
+                            role: "alert",
+                            className: "text-xs text-error",
+                            children: text.error
+                        }),
+                        /*#__PURE__*/ jsxs(Button, {
+                            size: "sm",
+                            className: "w-full",
+                            disabled: !onGenerate || pending,
+                            "aria-busy": pending || void 0,
+                            onClick: ()=>generate(),
+                            children: [
+                                pending && /*#__PURE__*/ jsx(Loader2, {
+                                    className: "animate-spin",
+                                    "aria-hidden": "true"
+                                }),
+                                pending ? text.generating : text.generate
+                            ]
+                        })
+                    ]
+                })
             })
         ]
     });
 }
+function AiAssistSlot({ render, ...props }) {
+    return render(props);
+}
 function isThenable(value) {
     return ('object' == typeof value || 'function' == typeof value) && null !== value && 'function' == typeof value.then;
 }

package/dist/components/ui/field-actions/index.d.ts

@@ -1,2 +1,2 @@
-export { AiAssistAction, type AiAssistActionProps, type AiAssistActionStrings, DEFAULT_AI_ASSIST_ACTION_STRINGS, } from './ai-assist-action';
+export { AiAssistAction, type AiAssistActionProps, type AiAssistActionStrings, type AiAssistContentProps, DEFAULT_AI_ASSIST_ACTION_STRINGS, } from './ai-assist-action';
 export { DEFAULT_INSERT_VARIABLE_ACTION_STRINGS, InsertVariableAction, type InsertVariableActionProps, type InsertVariableActionStrings, } from './insert-variable-action';

package/dist/components/ui/field-actions/insert-variable-action.cjs

@@ -33,6 +33,7 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../variable-picker/index.cjs");
 const external_lib_index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const external_collapse_cjs_namespaceObject = require("./collapse.cjs");
+const NO_VARIABLES = [];
 const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = {
     label: 'Insert',
     ariaLabel: 'Insert variable',
@@ -42,13 +43,13 @@ const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = {
     replaceDescription: 'The variable will replace the current value. This cannot be undone.',
     replaceConfirm: 'Replace'
 };
-function InsertVariableAction({ variables, onInsert, disabled, compact, strings }) {
+function InsertVariableAction({ variables = NO_VARIABLES, renderPicker, onInsert, disabled, compact, strings }) {
     const text = {
         ...DEFAULT_INSERT_VARIABLE_ACTION_STRINGS,
         ...strings
     };
     const lazy = 'function' == typeof variables;
-    const inert = disabled || !onInsert || !lazy && 0 === variables.length;
+    const inert = disabled || !onInsert || !renderPicker && !lazy && 0 === variables.length;
     const [openedItems, setOpenedItems] = (0, external_react_namespaceObject.useState)([]);
     const collapsedTextClass = (0, external_lib_index_cjs_namespaceObject.cn)(external_collapse_cjs_namespaceObject.COLLAPSED_HIDDEN, compact && '!hidden');
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.VariablePicker, {
@@ -56,8 +57,9 @@ function InsertVariableAction({ variables, onInsert, disabled, compact, strings
         items: lazy ? openedItems : variables,
         placeholder: text.searchPlaceholder,
         emptyText: text.empty,
+        renderPicker: renderPicker,
         onOpenChange: (open)=>{
-            if (open && lazy) setOpenedItems(variables());
+            if (open && lazy && !renderPicker) setOpenedItems(variables());
         },
         onSelect: (variable)=>{
             if (variable.value) onInsert?.(variable.value, variable);

package/dist/components/ui/field-actions/insert-variable-action.d.ts

@@ -1,4 +1,4 @@
-import { type VariablePickerItem } from '../variable-picker';
+import { type RenderVariablePicker, type VariablePickerItem } from '../variable-picker';
 export interface InsertVariableActionStrings {
     /** Visible text, hidden when the action collapses to its icon. */
     label: string;
@@ -14,16 +14,11 @@ export interface InsertVariableActionStrings {
     replaceConfirm: string;
 }
 export declare const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS: InsertVariableActionStrings;
-export interface InsertVariableActionProps {
-    /**
-     * The variables to offer, rendered as supplied: the picker adds no root and no types. A function
-     * is called each time the picker opens, never during render, so a host can hand over a live
-     * source without re-rendering the field whenever it changes.
-     */
-    variables: VariablePickerItem[] | (() => VariablePickerItem[]);
+interface InsertVariableActionBaseProps {
     /**
      * Called with the picked variable's value, and the picked entry itself so a host can recover
-     * whatever it attached to it. Omitted, the action is disabled.
+     * whatever it attached to it. A host picker's pick gets an entry made from the value. Omitted,
+     * the action is disabled.
      */
     onInsert?: (value: string, item: VariablePickerItem) => void;
     disabled?: boolean;
@@ -32,5 +27,20 @@ export interface InsertVariableActionProps {
     /** Overrides for any subset of the English strings. */
     strings?: Partial<InsertVariableActionStrings>;
 }
+export type InsertVariableActionProps = InsertVariableActionBaseProps & ({
+    /**
+     * The variables to offer, rendered as supplied: the picker adds no root and no types. A
+     * function is called each time the picker opens, never during render, so a host can hand
+     * over a live source without re-rendering the field whenever it changes.
+     */
+    variables: VariablePickerItem[] | (() => VariablePickerItem[]);
+    renderPicker?: undefined;
+} | {
+    /** Ignored while `renderPicker` is set. */
+    variables?: VariablePickerItem[] | (() => VariablePickerItem[]);
+    /** The host's own picker, rendered in the popover in place of the built-in one. */
+    renderPicker: RenderVariablePicker;
+});
 /** The Insert-variable header action: opens a variable picker and reports the pick. */
-export declare function InsertVariableAction({ variables, onInsert, disabled, compact, strings, }: InsertVariableActionProps): import("react/jsx-runtime").JSX.Element;
+export declare function InsertVariableAction({ variables, renderPicker, onInsert, disabled, compact, strings, }: InsertVariableActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/field-actions/insert-variable-action.js

@@ -4,6 +4,7 @@ import { useState } from "react";
 import { VariablePicker } from "../variable-picker/index.js";
 import { cn } from "../../../lib/index.js";
 import { COLLAPSED_HIDDEN, COLLAPSED_ICON_PADDING } from "./collapse.js";
+const NO_VARIABLES = [];
 const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = {
     label: 'Insert',
     ariaLabel: 'Insert variable',
@@ -13,13 +14,13 @@ const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = {
     replaceDescription: 'The variable will replace the current value. This cannot be undone.',
     replaceConfirm: 'Replace'
 };
-function InsertVariableAction({ variables, onInsert, disabled, compact, strings }) {
+function InsertVariableAction({ variables = NO_VARIABLES, renderPicker, onInsert, disabled, compact, strings }) {
     const text = {
         ...DEFAULT_INSERT_VARIABLE_ACTION_STRINGS,
         ...strings
     };
     const lazy = 'function' == typeof variables;
-    const inert = disabled || !onInsert || !lazy && 0 === variables.length;
+    const inert = disabled || !onInsert || !renderPicker && !lazy && 0 === variables.length;
     const [openedItems, setOpenedItems] = useState([]);
     const collapsedTextClass = cn(COLLAPSED_HIDDEN, compact && '!hidden');
     return /*#__PURE__*/ jsx(VariablePicker, {
@@ -27,8 +28,9 @@ function InsertVariableAction({ variables, onInsert, disabled, compact, strings
         items: lazy ? openedItems : variables,
         placeholder: text.searchPlaceholder,
         emptyText: text.empty,
+        renderPicker: renderPicker,
         onOpenChange: (open)=>{
-            if (open && lazy) setOpenedItems(variables());
+            if (open && lazy && !renderPicker) setOpenedItems(variables());
         },
         onSelect: (variable)=>{
             if (variable.value) onInsert?.(variable.value, variable);

package/dist/components/ui/form-field.cjs

@@ -80,13 +80,14 @@ const FormFieldDescription = /*#__PURE__*/ external_react_namespaceObject.forwar
     });
 });
 FormFieldDescription.displayName = "FormFieldDescription";
-const FormFieldError = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, ...props }, ref)=>{
+const FormFieldError = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, severity = 'error', ...props }, ref)=>{
     if (!children) return null;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
         ref: ref,
         "aria-live": "polite",
         "aria-atomic": "true",
-        className: (0, external_lib_index_cjs_namespaceObject.cn)('text-xs leading-4 text-error mt-1.5', className),
+        "data-severity": 'warning' === severity ? severity : void 0,
+        className: (0, external_lib_index_cjs_namespaceObject.cn)('text-xs leading-4', 'warning' === severity ? 'text-warning' : 'text-error', 'mt-1.5', className),
         ...props,
         "data-slot": "form-field-error",
         children: children

package/dist/components/ui/form-field.d.ts

@@ -43,12 +43,20 @@ declare const FormFieldLabel: React.ForwardRefExoticComponent<FormFieldLabelProp
 export type FormFieldDescriptionProps = React.ComponentPropsWithoutRef<'p'>;
 /** Supporting guidance rendered below a field control. */
 declare const FormFieldDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export type FormFieldErrorProps = React.ComponentPropsWithoutRef<'p'>;
+export interface FormFieldErrorProps extends React.ComponentPropsWithoutRef<'p'> {
+    /**
+     * `warning` is for a value that is accepted but likely wrong, such as a reference that no longer
+     * resolves. Point the control's `aria-describedby` at a warning, not `aria-errormessage`, and
+     * leave it valid. Defaults to `error`.
+     */
+    severity?: 'error' | 'warning';
+}
 /**
  * Validation message rendered below a field control. Uses the `error` token
- * rather than `destructive`, which some themes resolve to a different color.
+ * rather than `destructive`, which some themes resolve to a different color,
+ * and the `warning` token for a warning.
  */
-declare const FormFieldError: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormFieldError: React.ForwardRefExoticComponent<FormFieldErrorProps & React.RefAttributes<HTMLParagraphElement>>;
 export interface FormFieldHeaderProps extends Pick<FormFieldLabelProps, 'htmlFor' | 'required' | 'tooltip' | 'tooltipAriaLabel'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     label?: React.ReactNode;
     /** The label element's id, for a control that names itself with `aria-labelledby`. */

package/dist/components/ui/form-field.js

@@ -48,13 +48,14 @@ const FormFieldDescription = /*#__PURE__*/ forwardRef(({ children, className, ..
     });
 });
 FormFieldDescription.displayName = "FormFieldDescription";
-const FormFieldError = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>{
+const FormFieldError = /*#__PURE__*/ forwardRef(({ children, className, severity = 'error', ...props }, ref)=>{
     if (!children) return null;
     return /*#__PURE__*/ jsx("p", {
         ref: ref,
         "aria-live": "polite",
         "aria-atomic": "true",
-        className: cn('text-xs leading-4 text-error mt-1.5', className),
+        "data-severity": 'warning' === severity ? severity : void 0,
+        className: cn('text-xs leading-4', 'warning' === severity ? 'text-warning' : 'text-error', 'mt-1.5', className),
         ...props,
         "data-slot": "form-field-error",
         children: children

package/dist/components/ui/index.cjs

@@ -51,13 +51,13 @@ var __webpack_modules__ = {
     "./chat-hero" (module) {
         module.exports = require("./chat-hero.cjs");
     },
-    "@/components/ui/checkbox" (module) {
+    "./checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
     "./citation" (module) {
         module.exports = require("./citation.cjs");
     },
-    "./code-block" (module) {
+    "@/components/ui/code-block" (module) {
         module.exports = require("./code-block.cjs");
     },
     "./collapsible" (module) {
@@ -81,7 +81,7 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "@/components/ui/dialog" (module) {
+    "./dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./disclosure-tree" (module) {
@@ -117,7 +117,7 @@ var __webpack_modules__ = {
     "./form-field" (module) {
         module.exports = require("./form-field.cjs");
     },
-    "@/components/ui/hover-card" (module) {
+    "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
     "./info-tooltip" (module) {
@@ -201,7 +201,7 @@ var __webpack_modules__ = {
     "./reference-chip-colors" (module) {
         module.exports = require("./reference-chip-colors.cjs");
     },
-    "./reference-chip" (module) {
+    "@/components/ui/reference-chip" (module) {
         module.exports = require("./reference-chip.cjs");
     },
     "./resizable" (module) {
@@ -255,7 +255,7 @@ var __webpack_modules__ = {
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "./textarea" (module) {
+    "@/components/ui/textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./thinking-indicator" (module) {
@@ -264,7 +264,7 @@ var __webpack_modules__ = {
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "@/components/ui/toggle" (module) {
+    "./toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "./tool-call" (module) {
@@ -276,7 +276,7 @@ var __webpack_modules__ = {
     "./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) {
@@ -502,7 +502,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_chat_hero__rspack_import_16[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_17 = __webpack_require__("@/components/ui/checkbox");
+    var _checkbox__rspack_import_17 = __webpack_require__("./checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_17)if ([
         "getReferenceChipColors",
@@ -522,7 +522,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_citation__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _code_block__rspack_import_19 = __webpack_require__("./code-block");
+    var _code_block__rspack_import_19 = __webpack_require__("@/components/ui/code-block");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _code_block__rspack_import_19)if ([
         "getReferenceChipColors",
@@ -602,7 +602,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_26[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_27 = __webpack_require__("@/components/ui/dialog");
+    var _dialog__rspack_import_27 = __webpack_require__("./dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_27)if ([
         "getReferenceChipColors",
@@ -722,7 +722,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_form_field__rspack_import_38[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_39 = __webpack_require__("@/components/ui/hover-card");
+    var _hover_card__rspack_import_39 = __webpack_require__("./hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_39)if ([
         "getReferenceChipColors",
@@ -992,7 +992,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_radio_group__rspack_import_65[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _reference_chip__rspack_import_66 = __webpack_require__("./reference-chip");
+    var _reference_chip__rspack_import_66 = __webpack_require__("@/components/ui/reference-chip");
     var _reference_chip_colors__rspack_import_67 = __webpack_require__("./reference-chip-colors");
     var _resizable__rspack_import_68 = __webpack_require__("./resizable");
     var __rspack_reexport = {};
@@ -1164,7 +1164,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_84[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_85 = __webpack_require__("./textarea");
+    var _textarea__rspack_import_85 = __webpack_require__("@/components/ui/textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_85)if ([
         "getReferenceChipColors",
@@ -1184,7 +1184,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_thinking_indicator__rspack_import_86[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_87 = __webpack_require__("@/components/ui/toggle");
+    var _toggle__rspack_import_87 = __webpack_require__("./toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_87)if ([
         "getReferenceChipColors",
@@ -1226,7 +1226,7 @@ var __webpack_exports__ = {};
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _tree_view__rspack_import_91 = __webpack_require__("./tree-view");
     var _tree_view__rspack_import_91_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_91);
-    var _variable_picker__rspack_import_92 = __webpack_require__("./variable-picker");
+    var _variable_picker__rspack_import_92 = __webpack_require__("@/components/ui/variable-picker");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _variable_picker__rspack_import_92)if ([
         "getReferenceChipColors",

package/dist/components/ui/reference-chip.cjs

@@ -65,7 +65,7 @@ const ReferenceChip = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
             onRemove && !readOnly && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                 type: "button",
                 disabled: disabled,
-                "aria-label": removeLabel ?? `Remove ${label}`,
+                "aria-label": removeLabel ?? ('string' == typeof label ? `Remove ${label}` : 'Remove'),
                 className: "inline-flex shrink-0 items-center justify-center p-px border-0 bg-transparent cursor-pointer rounded-[2px] w-4 h-4 text-inherit focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-current disabled:cursor-default",
                 onMouseDown: (event)=>{
                     event.preventDefault();

package/dist/components/ui/reference-chip.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
 export interface ReferenceChipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     /** Display name of the referenced variable, resource or connection. */
-    label: string;
+    label: ReactNode;
     /** Decorative icon. Branded icons may preserve their original colors. */
     icon?: ReactNode;
     onRemove?: () => void;

package/dist/components/ui/reference-chip.js

@@ -37,7 +37,7 @@ const ReferenceChip = /*#__PURE__*/ forwardRef(({ label, icon, onRemove, removeL
             onRemove && !readOnly && /*#__PURE__*/ jsx("button", {
                 type: "button",
                 disabled: disabled,
-                "aria-label": removeLabel ?? `Remove ${label}`,
+                "aria-label": removeLabel ?? ('string' == typeof label ? `Remove ${label}` : 'Remove'),
                 className: "inline-flex shrink-0 items-center justify-center p-px border-0 bg-transparent cursor-pointer rounded-[2px] w-4 h-4 text-inherit focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-current disabled:cursor-default",
                 onMouseDown: (event)=>{
                     event.preventDefault();

package/dist/components/ui/variable-picker/index.d.ts

@@ -1,2 +1,2 @@
-export type { VariablePickerContentProps, VariablePickerItem, VariablePickerProps, } from './variable-picker';
+export type { RenderVariablePicker, VariablePickerContentProps, VariablePickerItem, VariablePickerProps, VariablePickerSlotProps, } from './variable-picker';
 export { VariablePicker, VariablePickerContent } from './variable-picker';

package/dist/components/ui/variable-picker/variable-picker.cjs

@@ -26,6 +26,7 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     VariablePicker: ()=>VariablePicker,
+    VariablePickerSlot: ()=>VariablePickerSlot,
     VariablePickerContent: ()=>VariablePickerContent
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -50,6 +51,9 @@ function VariableTypeBadge({ item }) {
         children: item.icon ?? TYPE_LABEL[type] ?? type
     });
 }
+function VariablePickerSlot({ render, ...props }) {
+    return render(props);
+}
 function itemMatches(item, normalizedQuery) {
     return item.label.toLowerCase().includes(normalizedQuery) || item.value?.toLowerCase().includes(normalizedQuery) === true;
 }
@@ -189,7 +193,7 @@ function VariablePickerContent({ items, onSelect, placeholder = 'Search variable
         ]
     });
 }
-function VariablePicker({ children, align = 'end', disabled = false, open: controlledOpen, onOpenChange, triggerLabel = 'Insert', triggerAriaLabel = 'Insert variable', className, onSelect, ...contentProps }) {
+function VariablePicker({ children, align = 'end', disabled = false, open: controlledOpen, onOpenChange, triggerLabel = 'Insert', triggerAriaLabel = 'Insert variable', className, onSelect, renderPicker, ...contentProps }) {
     const [uncontrolledOpen, setUncontrolledOpen] = (0, external_react_namespaceObject.useState)(false);
     const open = controlledOpen ?? uncontrolledOpen;
     const setOpen = (nextOpen)=>{
@@ -227,7 +231,15 @@ function VariablePicker({ children, align = 'end', disabled = false, open: contr
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent, {
                 align: align,
                 className: (0, index_cjs_namespaceObject.cn)('w-[280px] max-w-[calc(100vw-1rem)] overflow-hidden p-0', className),
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VariablePickerContent, {
+                children: renderPicker ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VariablePickerSlot, {
+                    render: renderPicker,
+                    onSelect: (value)=>selectItem({
+                            id: value,
+                            label: value,
+                            value
+                        }),
+                    close: ()=>setOpen(false)
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VariablePickerContent, {
                     ...contentProps,
                     onSelect: selectItem
                 })
@@ -237,9 +249,11 @@ function VariablePicker({ children, align = 'end', disabled = false, open: contr
 }
 exports.VariablePicker = __webpack_exports__.VariablePicker;
 exports.VariablePickerContent = __webpack_exports__.VariablePickerContent;
+exports.VariablePickerSlot = __webpack_exports__.VariablePickerSlot;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "VariablePicker",
-    "VariablePickerContent"
+    "VariablePickerContent",
+    "VariablePickerSlot"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/components/ui/variable-picker/variable-picker.d.ts

@@ -35,8 +35,31 @@ export interface VariablePickerProps extends VariablePickerContentProps {
     onOpenChange?: (open: boolean) => void;
     triggerLabel?: string;
     triggerAriaLabel?: string;
+    /**
+     * The host's own picker, rendered in the popover in place of the search and tree, whose `items`
+     * it then does not use. A pick reaches `onSelect` as an entry made from the picked value.
+     */
+    renderPicker?: RenderVariablePicker;
 }
+/** What a host-rendered picker gets in place of the built-in search and tree. */
+export interface VariablePickerSlotProps {
+    /** The reference already bound, when the pick replaces one. */
+    value?: string;
+    /** Commits `value` and closes the popover. */
+    onSelect(value: string): void;
+    /** Closes the popover without committing anything. */
+    close(): void;
+}
+/**
+ * Renders a host's own picker inside a wind-owned popover. Called only while the popover is open:
+ * the trigger, anchoring, focus return and strings stay with wind.
+ */
+export type RenderVariablePicker = (props: VariablePickerSlotProps) => ReactNode;
+/** Renders a slot as an element, so it is called only once its popover mounts the content. */
+export declare function VariablePickerSlot({ render, ...props }: VariablePickerSlotProps & {
+    render: RenderVariablePicker;
+}): ReactNode;
 /** Search and tree content for embedding in a consumer-owned popover or caret-anchored surface. */
 export declare function VariablePickerContent({ items, onSelect, placeholder, emptyText, query: controlledQuery, initialQuery, onQueryChange, defaultExpandedIds, insertLabel, className, }: VariablePickerContentProps): import("react/jsx-runtime").JSX.Element;
 /** Popover-wrapped convenience picker for inserting a variable into a consumer-owned value. */
-export declare function VariablePicker({ children, align, disabled, open: controlledOpen, onOpenChange, triggerLabel, triggerAriaLabel, className, onSelect, ...contentProps }: VariablePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function VariablePicker({ children, align, disabled, open: controlledOpen, onOpenChange, triggerLabel, triggerAriaLabel, className, onSelect, renderPicker, ...contentProps }: VariablePickerProps): import("react/jsx-runtime").JSX.Element;