@uipath/apollo-wind 2.75.0 → 2.76.0

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

@@ -44,7 +44,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 = (0, external_react_namespaceObject.useId)();
     const errorId = (0, external_react_namespaceObject.useId)();
     const [prompt, setPrompt] = (0, external_react_namespaceObject.useState)('');
@@ -59,6 +59,7 @@ function AiAssistAction({ onGenerate, hint, disabled, strings }) {
         setFailed(false);
         setOpen(next);
     };
+    const close = (0, external_react_namespaceObject.useCallback)(()=>setOpen(false), []);
     const generate = async ()=>{
         setFailed(false);
         const result = onGenerate?.(prompt);
@@ -99,58 +100,67 @@ function AiAssistAction({ onGenerate, hint, disabled, strings }) {
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent, {
                 align: "end",
                 className: "space-y-3",
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                        className: "space-y-1.5",
-                        children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label, {
-                                htmlFor: promptId,
-                                className: "text-xs font-medium text-foreground-muted",
-                                children: text.prompt
-                            }),
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_textarea_cjs_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                        className: "block text-[11px] text-foreground-subtle",
-                        children: hint
-                    }),
-                    failed && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-                        id: errorId,
-                        role: "alert",
-                        className: "text-xs text-error",
-                        children: text.error
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
-                        size: "sm",
-                        className: "w-full",
-                        disabled: !onGenerate || pending,
-                        "aria-busy": pending || void 0,
-                        onClick: ()=>generate(),
-                        children: [
-                            pending && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Loader2, {
-                                className: "animate-spin",
-                                "aria-hidden": "true"
-                            }),
-                            pending ? text.generating : text.generate
-                        ]
-                    })
-                ]
+                children: renderContent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AiAssistSlot, {
+                    render: renderContent,
+                    close: close,
+                    disabled: !!disabled
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                            className: "space-y-1.5",
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label, {
+                                    htmlFor: promptId,
+                                    className: "text-xs font-medium text-foreground-muted",
+                                    children: text.prompt
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_textarea_cjs_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "block text-[11px] text-foreground-subtle",
+                            children: hint
+                        }),
+                        failed && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                            id: errorId,
+                            role: "alert",
+                            className: "text-xs text-error",
+                            children: text.error
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+                            size: "sm",
+                            className: "w-full",
+                            disabled: !onGenerate || pending,
+                            "aria-busy": pending || void 0,
+                            onClick: ()=>generate(),
+                            children: [
+                                pending && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.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/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

@@ -39,7 +39,7 @@ var __webpack_modules__ = {
     "@/components/ui/calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "./card" (module) {
+    "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
     "./chart" (module) {
@@ -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) {
@@ -69,7 +69,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) {
@@ -132,7 +132,7 @@ var __webpack_modules__ = {
     "./json-tree-view" (module) {
         module.exports = require("./json-tree-view/index.cjs");
     },
-    "@/components/ui/label" (module) {
+    "./label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (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) {
@@ -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) {
@@ -462,7 +462,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].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 ([
         "getReferenceChipColors",
@@ -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",
@@ -562,7 +562,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_23 = __webpack_require__("./context-menu");
+    var _context_menu__rspack_import_23 = __webpack_require__("@/components/ui/context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_23)if ([
         "getReferenceChipColors",
@@ -772,7 +772,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_json_tree_view__rspack_import_43[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_44 = __webpack_require__("@/components/ui/label");
+    var _label__rspack_import_44 = __webpack_require__("./label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_44)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",
@@ -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",