@uipath/apollo-wind 2.62.0 → 2.64.0

package/dist/components/ui/index.cjs

@@ -15,7 +15,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "./badge" (module) {
+    "@/components/ui/badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./boolean-radio-group" (module) {
@@ -33,16 +33,16 @@ 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) {
         module.exports = require("./chart.cjs");
     },
-    "./checkbox" (module) {
+    "@/components/ui/checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
-    "./collapsible" (module) {
+    "@/components/ui/collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -51,7 +51,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) {
@@ -63,16 +63,16 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "@/components/ui/dialog" (module) {
+    "./dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./drawer" (module) {
         module.exports = require("./drawer.cjs");
     },
-    "./dropdown-menu" (module) {
+    "@/components/ui/dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
-    "./editable-cell" (module) {
+    "@/components/ui/editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -93,7 +93,7 @@ var __webpack_modules__ = {
     "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "./info-tooltip" (module) {
+    "@/components/ui/info-tooltip" (module) {
         module.exports = require("./info-tooltip.cjs");
     },
     "@/components/ui/input-group" (module) {
@@ -108,7 +108,7 @@ var __webpack_modules__ = {
     "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
-    "./layout" (module) {
+    "@/components/ui/layout" (module) {
         module.exports = require("./layout/index.cjs");
     },
     "./lockable-value-field" (module) {
@@ -183,7 +183,7 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "./table" (module) {
+    "@/components/ui/table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
@@ -198,13 +198,13 @@ var __webpack_modules__ = {
     "@/components/ui/toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
-    "./tooltip" (module) {
+    "@/components/ui/tooltip" (module) {
         module.exports = require("./tooltip.cjs");
     },
     "./tree-view" (module) {
         module.exports = require("./tree-view.cjs");
     },
-    "./variable-picker" (module) {
+    "@/components/ui/variable-picker" (module) {
         module.exports = require("./variable-picker/index.cjs");
     },
     "./variable-value-control" (module) {
@@ -298,7 +298,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_4[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _badge__rspack_import_5 = __webpack_require__("./badge");
+    var _badge__rspack_import_5 = __webpack_require__("@/components/ui/badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_5)if ([
         "default",
@@ -346,7 +346,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_10[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_11 = __webpack_require__("./card");
+    var _card__rspack_import_11 = __webpack_require__("@/components/ui/card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_11)if ([
         "default",
@@ -362,7 +362,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_chart__rspack_import_12[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_13 = __webpack_require__("./checkbox");
+    var _checkbox__rspack_import_13 = __webpack_require__("@/components/ui/checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_13)if ([
         "default",
@@ -370,7 +370,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_13[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_14 = __webpack_require__("./collapsible");
+    var _collapsible__rspack_import_14 = __webpack_require__("@/components/ui/collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_14)if ([
         "default",
@@ -394,7 +394,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_16[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_17 = __webpack_require__("./context-menu");
+    var _context_menu__rspack_import_17 = __webpack_require__("@/components/ui/context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_17)if ([
         "default",
@@ -426,7 +426,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_20[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_21 = __webpack_require__("@/components/ui/dialog");
+    var _dialog__rspack_import_21 = __webpack_require__("./dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_21)if ([
         "default",
@@ -442,7 +442,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_23 = __webpack_require__("./dropdown-menu");
+    var _dropdown_menu__rspack_import_23 = __webpack_require__("@/components/ui/dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_23)if ([
         "default",
@@ -450,7 +450,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_23[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_24 = __webpack_require__("./editable-cell");
+    var _editable_cell__rspack_import_24 = __webpack_require__("@/components/ui/editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_24)if ([
         "default",
@@ -506,7 +506,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_30[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _info_tooltip__rspack_import_31 = __webpack_require__("./info-tooltip");
+    var _info_tooltip__rspack_import_31 = __webpack_require__("@/components/ui/info-tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _info_tooltip__rspack_import_31)if ([
         "default",
@@ -546,7 +546,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_label__rspack_import_35[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _layout__rspack_import_36 = __webpack_require__("./layout");
+    var _layout__rspack_import_36 = __webpack_require__("@/components/ui/layout");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _layout__rspack_import_36)if ([
         "default",
@@ -746,7 +746,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_60[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_61 = __webpack_require__("./table");
+    var _table__rspack_import_61 = __webpack_require__("@/components/ui/table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_61)if ([
         "default",
@@ -786,7 +786,7 @@ var __webpack_exports__ = {};
         "TreeView"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_toggle_group__rspack_import_65[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _tooltip__rspack_import_66 = __webpack_require__("./tooltip");
+    var _tooltip__rspack_import_66 = __webpack_require__("@/components/ui/tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _tooltip__rspack_import_66)if ([
         "default",
@@ -796,7 +796,7 @@ var __webpack_exports__ = {};
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _tree_view__rspack_import_67 = __webpack_require__("./tree-view");
     var _tree_view__rspack_import_67_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_67);
-    var _variable_picker__rspack_import_68 = __webpack_require__("./variable-picker");
+    var _variable_picker__rspack_import_68 = __webpack_require__("@/components/ui/variable-picker");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _variable_picker__rspack_import_68)if ([
         "default",

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

@@ -104,6 +104,19 @@ export interface NodeDecorationBadge {
      * neutral default, e.g. `'border-info/30 bg-info/10 text-info'`.
      */
     className?: string;
+    /**
+     * Marks the node as a reference to another variable. The badge gets a
+     * corner tab with an arrow, and its tooltip names the reference.
+     */
+    reference?: NodeBadgeReference;
+}
+/** A reference marker on a row's type badge. */
+export interface NodeBadgeReference {
+    /**
+     * Where the value comes from, shown under the tooltip title
+     * (e.g. `'Live from Read customer · output.email'`).
+     */
+    source?: string;
 }
 /** Consumer-provided visual annotation for a tree node. */
 export interface NodeDecoration {

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

@@ -151,7 +151,8 @@ function JsonTreeRow({ node, depth }) {
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTypeBadge_cjs_namespaceObject.JsonTypeBadge, {
                         type: node.type,
                         icon: decoration?.badge?.icon ?? deriveTypeIcon?.(node),
-                        className: decoration?.badge?.className
+                        className: decoration?.badge?.className,
+                        reference: decoration?.badge?.reference
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NodeKey_cjs_namespaceObject.NodeKey, {
                         node: node,

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

@@ -121,7 +121,8 @@ function JsonTreeRow({ node, depth }) {
                     /*#__PURE__*/ jsx(JsonTypeBadge, {
                         type: node.type,
                         icon: decoration?.badge?.icon ?? deriveTypeIcon?.(node),
-                        className: decoration?.badge?.className
+                        className: decoration?.badge?.className,
+                        reference: decoration?.badge?.reference
                     }),
                     /*#__PURE__*/ jsx(NodeKey, {
                         node: node,

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

@@ -27,9 +27,10 @@ __webpack_require__.d(__webpack_exports__, {
     JsonTypeBadge: ()=>JsonTypeBadge
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const external_lucide_react_namespaceObject = require("lucide-react");
+const index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const external_JsonTreeTooltip_cjs_namespaceObject = require("./JsonTreeTooltip.cjs");
+const external_strings_cjs_namespaceObject = require("./strings.cjs");
 const TYPE_ICON = {
     string: external_lucide_react_namespaceObject.Type,
     number: external_lucide_react_namespaceObject.Hash,
@@ -46,18 +47,54 @@ const TYPE_LABEL = {
     array: 'Array',
     null: 'Null'
 };
-function JsonTypeBadge({ type, icon, className, tooltip }) {
+function JsonTypeBadge({ type, icon, className, tooltip, reference }) {
+    const strings = (0, external_strings_cjs_namespaceObject.useJsonTreeViewStrings)();
     const DefaultIcon = TYPE_ICON[type];
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTreeTooltip_cjs_namespaceObject.JsonTreeTooltip, {
+    const box = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: (0, index_cjs_namespaceObject.cn)('inline-flex h-4.5 min-w-4.5 shrink-0 items-center justify-center rounded border border-border bg-surface-overlay px-0.5 text-foreground-muted [&_svg]:size-2.75', className),
+        children: icon ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DefaultIcon, {})
+    });
+    if (!reference) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTreeTooltip_cjs_namespaceObject.JsonTreeTooltip, {
         content: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
             className: "break-all font-mono text-xs font-semibold leading-4",
             children: tooltip ?? TYPE_LABEL[type]
         }),
         placement: "top",
         delay: true,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-            className: (0, index_cjs_namespaceObject.cn)('inline-flex h-4.5 min-w-4.5 shrink-0 items-center justify-center rounded border border-border bg-surface-overlay px-0.5 text-foreground-muted [&_svg]:size-2.75', className),
-            children: icon ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DefaultIcon, {})
+        children: box
+    });
+    const title = strings.referenceType(TYPE_LABEL[type]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_JsonTreeTooltip_cjs_namespaceObject.JsonTreeTooltip, {
+        content: tooltip ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+            className: "flex flex-col gap-0.5 leading-4",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: "text-xs font-semibold",
+                    children: title
+                }),
+                reference.source && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: "break-all text-xs text-foreground-muted",
+                    children: reference.source
+                })
+            ]
+        }),
+        placement: "top",
+        delay: true,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+            className: "relative inline-flex shrink-0 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            role: "img",
+            tabIndex: 0,
+            "aria-label": reference.source ? `${title}, ${reference.source}` : title,
+            children: [
+                box,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: "absolute -right-1 -bottom-1 grid size-3 place-items-center rounded-[3px] border border-border bg-surface-overlay text-foreground-muted",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowUpRight, {
+                        className: "size-2.5",
+                        strokeWidth: 3
+                    })
+                })
+            ]
         })
     });
 }

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { JsonTreeNodeType } from './JsonTree.types';
+import type { JsonTreeNodeType, NodeBadgeReference } from './JsonTree.types';
 export interface JsonTypeBadgeProps {
     type: JsonTreeNodeType;
     /** Replaces the default type icon (e.g. a paperclip for file nodes). */
@@ -8,10 +8,13 @@ export interface JsonTypeBadgeProps {
     className?: string;
     /** Tooltip content on hover. Defaults to the capitalized type name. */
     tooltip?: ReactNode;
+    /** Marks the value as a reference: adds a corner tab with an arrow. */
+    reference?: NodeBadgeReference;
 }
 /**
  * Compact badge for a JSON value type. Deliberately neutral: the value text
  * carries the color coding, the badge only carries the type icon. Hovering it
- * shows the type name (override via `tooltip`).
+ * shows the type name (override via `tooltip`). A `reference` adds a corner
+ * tab with an arrow; it has no hover state of its own, only the tooltip.
  */
-export declare function JsonTypeBadge({ type, icon, className, tooltip }: JsonTypeBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function JsonTypeBadge({ type, icon, className, tooltip, reference }: JsonTypeBadgeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,8 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowUpRight, Braces, Brackets, CircleSlash2, Hash, ToggleLeft, Type } from "lucide-react";
 import { cn } from "../../../lib/index.js";
-import { Braces, Brackets, CircleSlash2, Hash, ToggleLeft, Type } from "lucide-react";
 import { JsonTreeTooltip } from "./JsonTreeTooltip.js";
+import { useJsonTreeViewStrings } from "./strings.js";
 const TYPE_ICON = {
     string: Type,
     number: Hash,
@@ -18,18 +19,54 @@ const TYPE_LABEL = {
     array: 'Array',
     null: 'Null'
 };
-function JsonTypeBadge({ type, icon, className, tooltip }) {
+function JsonTypeBadge({ type, icon, className, tooltip, reference }) {
+    const strings = useJsonTreeViewStrings();
     const DefaultIcon = TYPE_ICON[type];
-    return /*#__PURE__*/ jsx(JsonTreeTooltip, {
+    const box = /*#__PURE__*/ jsx("span", {
+        className: cn('inline-flex h-4.5 min-w-4.5 shrink-0 items-center justify-center rounded border border-border bg-surface-overlay px-0.5 text-foreground-muted [&_svg]:size-2.75', className),
+        children: icon ?? /*#__PURE__*/ jsx(DefaultIcon, {})
+    });
+    if (!reference) return /*#__PURE__*/ jsx(JsonTreeTooltip, {
         content: /*#__PURE__*/ jsx("span", {
             className: "break-all font-mono text-xs font-semibold leading-4",
             children: tooltip ?? TYPE_LABEL[type]
         }),
         placement: "top",
         delay: true,
-        children: /*#__PURE__*/ jsx("span", {
-            className: cn('inline-flex h-4.5 min-w-4.5 shrink-0 items-center justify-center rounded border border-border bg-surface-overlay px-0.5 text-foreground-muted [&_svg]:size-2.75', className),
-            children: icon ?? /*#__PURE__*/ jsx(DefaultIcon, {})
+        children: box
+    });
+    const title = strings.referenceType(TYPE_LABEL[type]);
+    return /*#__PURE__*/ jsx(JsonTreeTooltip, {
+        content: tooltip ?? /*#__PURE__*/ jsxs("span", {
+            className: "flex flex-col gap-0.5 leading-4",
+            children: [
+                /*#__PURE__*/ jsx("span", {
+                    className: "text-xs font-semibold",
+                    children: title
+                }),
+                reference.source && /*#__PURE__*/ jsx("span", {
+                    className: "break-all text-xs text-foreground-muted",
+                    children: reference.source
+                })
+            ]
+        }),
+        placement: "top",
+        delay: true,
+        children: /*#__PURE__*/ jsxs("span", {
+            className: "relative inline-flex shrink-0 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            role: "img",
+            tabIndex: 0,
+            "aria-label": reference.source ? `${title}, ${reference.source}` : title,
+            children: [
+                box,
+                /*#__PURE__*/ jsx("span", {
+                    className: "absolute -right-1 -bottom-1 grid size-3 place-items-center rounded-[3px] border border-border bg-surface-overlay text-foreground-muted",
+                    children: /*#__PURE__*/ jsx(ArrowUpRight, {
+                        className: "size-2.5",
+                        strokeWidth: 3
+                    })
+                })
+            ]
         })
     });
 }

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

@@ -7,4 +7,4 @@ export * from './JsonTree';
 export * from './JsonTree.types';
 export * from './JsonTreeToolbar';
 export * from './JsonTypeBadge';
-export { DEFAULT_JSON_TREE_VIEW_STRINGS, type JsonTreeViewStrings, JsonTreeViewProvider, type JsonTreeViewProviderProps, useJsonTreeViewStrings, } from './strings';
+export { DEFAULT_JSON_TREE_VIEW_STRINGS, type JsonTreeViewStrings, JsonTreeViewProvider, type JsonTreeViewProviderProps, type ResolvedJsonTreeViewStrings, useJsonTreeViewStrings, } from './strings';

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

@@ -41,6 +41,7 @@ const DEFAULT_JSON_TREE_VIEW_STRINGS = {
     itemCount: (count)=>1 === count ? '1 item' : `${count} items`,
     keyCount: (count)=>1 === count ? '1 key' : `${count} keys`,
     requiredMarker: 'required',
+    referenceType: (typeLabel)=>`${typeLabel} · reference`,
     pathCopied: 'Path copied',
     copyPathHint: 'Click to copy this path',
     copyPathFor: (path)=>`Copy path for ${path}`,

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

@@ -16,6 +16,12 @@ export interface JsonTreeViewStrings {
     keyCount: (count: number) => string;
     /** Screen-reader text for the required-field marker. */
     requiredMarker: string;
+    /**
+     * Type badge tooltip title for a reference, given the type name (e.g. "String").
+     * Optional so catalogs written before it was added still type-check; falls
+     * back to the English default.
+     */
+    referenceType?: (typeLabel: string) => string;
     pathCopied: string;
     copyPathHint: string;
     copyPathFor: (path: string) => string;
@@ -48,7 +54,9 @@ export interface JsonTreeViewStrings {
     expandAll: string;
     collapseAll: string;
 }
-export declare const DEFAULT_JSON_TREE_VIEW_STRINGS: JsonTreeViewStrings;
+/** Strings with every optional key filled in, as the tree parts read them. */
+export type ResolvedJsonTreeViewStrings = Required<JsonTreeViewStrings>;
+export declare const DEFAULT_JSON_TREE_VIEW_STRINGS: ResolvedJsonTreeViewStrings;
 export interface JsonTreeViewProviderProps {
     /** Overrides merged over any outer provider's strings, then the English defaults. */
     strings?: Partial<JsonTreeViewStrings>;
@@ -61,5 +69,5 @@ export interface JsonTreeViewProviderProps {
  * including the toolbar and editors when they are rendered on their own.
  */
 export declare function JsonTreeViewProvider({ strings, tooltipContentClassName, children, }: JsonTreeViewProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function useJsonTreeViewStrings(): JsonTreeViewStrings;
+export declare function useJsonTreeViewStrings(): ResolvedJsonTreeViewStrings;
 export declare function useJsonTreeViewTooltipClassName(): string | undefined;

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

@@ -10,6 +10,7 @@ const DEFAULT_JSON_TREE_VIEW_STRINGS = {
     itemCount: (count)=>1 === count ? '1 item' : `${count} items`,
     keyCount: (count)=>1 === count ? '1 key' : `${count} keys`,
     requiredMarker: 'required',
+    referenceType: (typeLabel)=>`${typeLabel} · reference`,
     pathCopied: 'Path copied',
     copyPathHint: 'Click to copy this path',
     copyPathFor: (path)=>`Copy path for ${path}`,

package/dist/components/ui/prompt-value-control.cjs

@@ -28,10 +28,11 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const aria_ids_cjs_namespaceObject = require("../forms/aria-ids.cjs");
 const value_mode_strings_cjs_namespaceObject = require("./field-addons/value-mode-strings.cjs");
 const external_textarea_cjs_namespaceObject = require("./textarea.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const PromptValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, ref)=>{
+const PromptValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
     const text = {
         ...value_mode_strings_cjs_namespaceObject.DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -55,6 +56,7 @@ const PromptValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardR
         className: className,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": (0, aria_ids_cjs_namespaceObject.joinIds)(ariaDescribedBy, controlProps?.['aria-describedby']),
         rows: 1,
         minRows: 1,
         maxRows: 6

package/dist/components/ui/prompt-value-control.d.ts

@@ -17,6 +17,11 @@ export interface PromptValueControlProps {
     className?: string;
     'aria-label'?: string;
     'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    /** The value-mode wiring; its `aria-describedby` joins the control's own. */
+    controlProps?: {
+        'aria-describedby'?: string;
+    };
 }
 /**
  * A prompt an agent fills the value from: a textarea that starts one line tall and grows to six.

package/dist/components/ui/prompt-value-control.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback, useMemo } from "react";
+import { joinIds } from "../forms/aria-ids.js";
 import { DEFAULT_VALUE_MODE_STRINGS } from "./field-addons/value-mode-strings.js";
 import { Textarea } from "./textarea.js";
 import { composeRefs } from "../../lib/index.js";
-const PromptValueControl = /*#__PURE__*/ forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, ref)=>{
+const PromptValueControl = /*#__PURE__*/ forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
     const text = {
         ...DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -27,6 +28,7 @@ const PromptValueControl = /*#__PURE__*/ forwardRef(({ id, name, value, onChange
         className: className,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": joinIds(ariaDescribedBy, controlProps?.['aria-describedby']),
         rows: 1,
         minRows: 1,
         maxRows: 6

package/dist/components/ui/variable-value-control.cjs

@@ -28,12 +28,13 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const aria_ids_cjs_namespaceObject = require("../forms/aria-ids.cjs");
 const value_mode_strings_cjs_namespaceObject = require("./field-addons/value-mode-strings.cjs");
 const external_input_group_cjs_namespaceObject = require("./input-group.cjs");
 const external_popover_cjs_namespaceObject = require("./popover.cjs");
 const index_cjs_namespaceObject = require("./variable-picker/index.cjs");
 const external_lib_index_cjs_namespaceObject = require("../../lib/index.cjs");
-const VariableValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, value, onChange, onBlur, inputRef, variables, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, ref)=>{
+const VariableValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, value, onChange, onBlur, inputRef, variables, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
     const text = {
         ...value_mode_strings_cjs_namespaceObject.DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -70,6 +71,7 @@ const VariableValueControl = /*#__PURE__*/ external_react_namespaceObject.forwar
                 className: className,
                 "aria-label": ariaLabel,
                 "aria-labelledby": ariaLabelledBy,
+                "aria-describedby": (0, aria_ids_cjs_namespaceObject.joinIds)(ariaDescribedBy, controlProps?.['aria-describedby']),
                 children: reference && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                     className: "truncate font-mono text-sm",
                     children: reference

package/dist/components/ui/variable-value-control.d.ts

@@ -24,6 +24,11 @@ export interface VariableValueControlProps {
     className?: string;
     'aria-label'?: string;
     'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    /** The value-mode wiring; its `aria-describedby` joins the control's own. */
+    controlProps?: {
+        'aria-describedby'?: string;
+    };
 }
 /**
  * A value bound to a variable, for an `InputGroup`: the whole control is a picker whose trigger

package/dist/components/ui/variable-value-control.js

@@ -1,11 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useMemo, useState } from "react";
+import { joinIds } from "../forms/aria-ids.js";
 import { DEFAULT_VALUE_MODE_STRINGS } from "./field-addons/value-mode-strings.js";
 import { InputGroupPopoverTrigger } from "./input-group.js";
 import { Popover, PopoverContent } from "./popover.js";
 import { VariablePickerContent } from "./variable-picker/index.js";
 import { composeRefs } from "../../lib/index.js";
-const VariableValueControl = /*#__PURE__*/ forwardRef(({ id, value, onChange, onBlur, inputRef, variables, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, ref)=>{
+const VariableValueControl = /*#__PURE__*/ forwardRef(({ id, value, onChange, onBlur, inputRef, variables, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
     const text = {
         ...DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -42,6 +43,7 @@ const VariableValueControl = /*#__PURE__*/ forwardRef(({ id, value, onChange, on
                 className: className,
                 "aria-label": ariaLabel,
                 "aria-labelledby": ariaLabelledBy,
+                "aria-describedby": joinIds(ariaDescribedBy, controlProps?.['aria-describedby']),
                 children: reference && /*#__PURE__*/ jsx("span", {
                     className: "truncate font-mono text-sm",
                     children: reference