@uipath/apollo-wind 2.54.1 → 2.56.0

package/dist/components/ui/model-picker/primitives/FolderSwitcher.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { DropdownMenuContent } from '../../dropdown-menu';
+/**
+ * A single folder the picker can scope to. `id` is opaque to the
+ * picker — the host re-fetches Discovery with whatever it means.
+ */
+export interface FolderSwitcherFolder {
+    id: string;
+    label: string;
+}
+export interface FolderSwitcherProps {
+    /** Real folders the user can scope to. */
+    folders: readonly FolderSwitcherFolder[];
+    /**
+     * Current folder id. Pass `null` for the "All folders" sentinel
+     * (no `X-UiPath-FolderKey` header on the Discovery request).
+     */
+    value: string | null;
+    onChange: (next: string | null) => void;
+    /** Label for the "All folders" sentinel. Default: `'All folders'`. */
+    allFoldersLabel?: string;
+    /**
+     * Render the "All folders" sentinel. Default: `true`. Set to `false`
+     * when the host requires the picker to be scoped to a specific
+     * folder (no tenant-wide BYO view).
+     */
+    showAllFolders?: boolean;
+    /** Portal target, forwarded from the picker for shadow-root hosts. */
+    container?: React.ComponentProps<typeof DropdownMenuContent>['container'];
+}
+/**
+ * Toolbar folder switcher: a pill with a grid/folder indicator, label
+ * and chevron, opening a menu of "All folders" + per-folder items.
+ *
+ * The menu is non-modal so it doesn't trap focus away from the
+ * surrounding picker popover, which owns its own dismissal.
+ */
+export declare const FolderSwitcher: React.FC<FolderSwitcherProps>;

package/dist/components/ui/model-picker/primitives/FolderSwitcher.js

@@ -0,0 +1,74 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, Folder, LayoutGrid } from "lucide-react";
+import { useState } from "react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../../dropdown-menu.js";
+import { cn } from "../../../../lib/index.js";
+const FolderSwitcher = ({ folders, value, onChange, allFoldersLabel = 'All folders', showAllFolders = true, container })=>{
+    const [open, setOpen] = useState(false);
+    const current = folders.find((f)=>f.id === value);
+    const isAll = null == value;
+    return /*#__PURE__*/ jsxs(DropdownMenu, {
+        modal: false,
+        onOpenChange: setOpen,
+        open: open,
+        children: [
+            /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsxs("button", {
+                    className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-border bg-popover px-3 py-1.5 text-xs leading-4 font-semibold text-brand hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
+                    "data-slot": "model-picker-folder-switcher",
+                    type: "button",
+                    children: [
+                        isAll ? /*#__PURE__*/ jsx(LayoutGrid, {
+                            className: "size-3.5"
+                        }) : /*#__PURE__*/ jsx(Folder, {
+                            className: "size-3.5"
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            className: "whitespace-nowrap",
+                            children: isAll ? allFoldersLabel : current?.label ?? allFoldersLabel
+                        }),
+                        /*#__PURE__*/ jsx(ChevronDown, {
+                            "aria-hidden": true,
+                            className: cn('size-3.5 text-foreground-muted transition-transform duration-150', open && 'rotate-180')
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxs(DropdownMenuContent, {
+                align: "start",
+                className: "min-w-[200px]",
+                container: container,
+                children: [
+                    showAllFolders && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                                className: "cursor-pointer",
+                                onSelect: ()=>onChange(null),
+                                children: [
+                                    /*#__PURE__*/ jsx(LayoutGrid, {
+                                        className: "size-3.5 text-foreground-muted"
+                                    }),
+                                    allFoldersLabel
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(DropdownMenuSeparator, {})
+                        ]
+                    }),
+                    folders.map((f)=>/*#__PURE__*/ jsxs(DropdownMenuItem, {
+                            className: "cursor-pointer",
+                            onSelect: ()=>onChange(f.id),
+                            children: [
+                                /*#__PURE__*/ jsx(Folder, {
+                                    className: "size-3.5 text-foreground-muted"
+                                }),
+                                f.label
+                            ]
+                        }, f.id))
+                ]
+            })
+        ]
+    });
+};
+export { FolderSwitcher };

package/dist/components/ui/model-picker/primitives/GroupHeader.cjs

@@ -0,0 +1,84 @@
+"use strict";
+"use client";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    GroupHeader: ()=>GroupHeader
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const index_cjs_namespaceObject = require("../../../../lib/index.cjs");
+const GroupHeader = ({ label, hint, count, countLabel, dense, isFirst, leadingIcon, collapsible, collapsed, onToggle, active, 'data-testid': dataTestId })=>{
+    const resolvedCountLabel = countLabel ?? (null != count ? `${count} ${1 === count ? 'model' : 'models'}` : null);
+    const base = (0, index_cjs_namespaceObject.cn)('flex w-full items-center gap-2 bg-surface-raised text-left', active && 'ring-2 ring-ring ring-inset', dense ? 'px-3 pb-1' : 'px-3.5 pb-1.5', isFirst ? dense ? 'pt-1.5' : 'pt-3' : dense ? 'pt-2.5 border-t border-border' : 'pt-3.5 border-t border-border');
+    const content = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            leadingIcon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                "aria-hidden": true,
+                className: "flex items-center text-foreground-muted",
+                children: leadingIcon
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: (0, index_cjs_namespaceObject.cn)('flex-auto font-bold tracking-wide text-foreground-muted uppercase', dense ? 'text-[10px] leading-tight' : 'text-[11px] leading-tight'),
+                children: label
+            }),
+            null != resolvedCountLabel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: (0, index_cjs_namespaceObject.cn)('shrink-0 font-normal text-foreground-subtle', dense ? 'text-[10px]' : 'text-[11px]'),
+                children: resolvedCountLabel
+            }),
+            collapsible && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
+                "aria-hidden": true,
+                className: (0, index_cjs_namespaceObject.cn)('size-4 shrink-0 text-foreground-muted transition-transform duration-150', collapsed ? 'rotate-0' : 'rotate-90')
+            })
+        ]
+    });
+    if (collapsible) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        "aria-expanded": !collapsed,
+        className: (0, index_cjs_namespaceObject.cn)(base, 'cursor-pointer hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none'),
+        "data-active": active || void 0,
+        "data-slot": "model-picker-group-header",
+        "data-testid": dataTestId,
+        onClick: onToggle,
+        tabIndex: -1,
+        title: hint,
+        type: "button",
+        children: content
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: base,
+        "data-slot": "model-picker-group-header",
+        "data-testid": dataTestId,
+        role: "presentation",
+        title: hint,
+        children: content
+    });
+};
+exports.GroupHeader = __webpack_exports__.GroupHeader;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "GroupHeader"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/model-picker/primitives/GroupHeader.d.ts

@@ -0,0 +1,64 @@
+import type * as React from 'react';
+export interface GroupHeaderProps {
+    label: string;
+    /**
+     * Descriptive hint about the group. Surfaced as a `title` tooltip on
+     * the header — inline hints added more chrome than information.
+     */
+    hint?: string;
+    /**
+     * Right-aligned model count (e.g. "3 models"). Pass when known; the
+     * header pluralizes automatically. Omit to suppress.
+     */
+    count?: number;
+    /**
+     * Pre-localized "{n} models" / "{n} model" label rendered to the
+     * right of the title. When provided, overrides the built-in
+     * (English-only) ternary derived from `count`.
+     */
+    countLabel?: string;
+    /** Reduces vertical padding for the compact picker. */
+    dense?: boolean;
+    /**
+     * Whether this is the first header in the list. When true, no
+     * `border-top` is drawn — that line would double up with the search
+     * row's existing `border-bottom`.
+     */
+    isFirst?: boolean;
+    /**
+     * Leading icon glyph rendered before the label. Used for the BYO
+     * accordion's shield icon. Falls back to nothing when omitted.
+     */
+    leadingIcon?: React.ReactNode;
+    /**
+     * When `true`, the header renders as a button with a trailing
+     * chevron (rotated based on `collapsed`) and calls `onToggle` on
+     * click. Used for the BYO accordion at the bottom of the list.
+     */
+    collapsible?: boolean;
+    /** Current collapsed state (rotates chevron) when `collapsible`. */
+    collapsed?: boolean;
+    /** Click handler; required when `collapsible`. */
+    onToggle?: () => void;
+    /**
+     * The keyboard highlight is resting on this (collapsed) section. Rows
+     * inside are not rendered, so the header stands in for them visually;
+     * `→` on the search field reopens it.
+     */
+    active?: boolean;
+    /** Optional test id forwarded to the header. */
+    'data-testid'?: string;
+}
+/**
+ * Section header rendered between model groups in the picker dropdown.
+ * Exported so teams can render their own grouped layouts.
+ *
+ * Two modes:
+ *   - **Static** (default): a label band with optional leading icon +
+ *     trailing count. No interactivity. Used for Recommended / Preview
+ *     / More / Deprecating / per-vendor sections.
+ *   - **Collapsible**: same chrome, but the entire band is a button
+ *     with a trailing chevron that flips on `collapsed`. Used by the
+ *     BYO accordion at the bottom of the Category view.
+ */
+export declare const GroupHeader: React.FC<GroupHeaderProps>;

package/dist/components/ui/model-picker/primitives/GroupHeader.js

@@ -0,0 +1,50 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "lucide-react";
+import { cn } from "../../../../lib/index.js";
+const GroupHeader = ({ label, hint, count, countLabel, dense, isFirst, leadingIcon, collapsible, collapsed, onToggle, active, 'data-testid': dataTestId })=>{
+    const resolvedCountLabel = countLabel ?? (null != count ? `${count} ${1 === count ? 'model' : 'models'}` : null);
+    const base = cn('flex w-full items-center gap-2 bg-surface-raised text-left', active && 'ring-2 ring-ring ring-inset', dense ? 'px-3 pb-1' : 'px-3.5 pb-1.5', isFirst ? dense ? 'pt-1.5' : 'pt-3' : dense ? 'pt-2.5 border-t border-border' : 'pt-3.5 border-t border-border');
+    const content = /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            leadingIcon && /*#__PURE__*/ jsx("span", {
+                "aria-hidden": true,
+                className: "flex items-center text-foreground-muted",
+                children: leadingIcon
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: cn('flex-auto font-bold tracking-wide text-foreground-muted uppercase', dense ? 'text-[10px] leading-tight' : 'text-[11px] leading-tight'),
+                children: label
+            }),
+            null != resolvedCountLabel && /*#__PURE__*/ jsx("span", {
+                className: cn('shrink-0 font-normal text-foreground-subtle', dense ? 'text-[10px]' : 'text-[11px]'),
+                children: resolvedCountLabel
+            }),
+            collapsible && /*#__PURE__*/ jsx(ChevronRight, {
+                "aria-hidden": true,
+                className: cn('size-4 shrink-0 text-foreground-muted transition-transform duration-150', collapsed ? 'rotate-0' : 'rotate-90')
+            })
+        ]
+    });
+    if (collapsible) return /*#__PURE__*/ jsx("button", {
+        "aria-expanded": !collapsed,
+        className: cn(base, 'cursor-pointer hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none'),
+        "data-active": active || void 0,
+        "data-slot": "model-picker-group-header",
+        "data-testid": dataTestId,
+        onClick: onToggle,
+        tabIndex: -1,
+        title: hint,
+        type: "button",
+        children: content
+    });
+    return /*#__PURE__*/ jsx("div", {
+        className: base,
+        "data-slot": "model-picker-group-header",
+        "data-testid": dataTestId,
+        role: "presentation",
+        title: hint,
+        children: content
+    });
+};
+export { GroupHeader };

package/dist/components/ui/model-picker/primitives/ModelOptionRow.cjs

@@ -0,0 +1,178 @@
+"use strict";
+"use client";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    FULL_OPTION_HEIGHT: ()=>FULL_OPTION_HEIGHT,
+    defaultRowActions: ()=>defaultRowActions,
+    DENSE_OPTION_HEIGHT: ()=>DENSE_OPTION_HEIGHT,
+    ModelOptionRow: ()=>ModelOptionRow
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_tooltip_cjs_namespaceObject = require("../../tooltip.cjs");
+const index_cjs_namespaceObject = require("../../../../lib/index.cjs");
+const external_labels_cjs_namespaceObject = require("../labels.cjs");
+const external_ModelTagChip_cjs_namespaceObject = require("../ModelTagChip.cjs");
+const external_utils_cjs_namespaceObject = require("../utils.cjs");
+const FULL_OPTION_HEIGHT = 64;
+const DENSE_OPTION_HEIGHT = 44;
+const ModelOptionRowInner = ({ model, index, active, selected, onSelect, onActivate, tagContext, tagVariants, renderActions, renderMeta, dense, hideTagKinds, id, 'data-testid': dataTestId })=>{
+    const labels = tagContext?.labels ?? external_labels_cjs_namespaceObject.DEFAULT_MODEL_PICKER_LABELS;
+    const inlineTags = (0, external_utils_cjs_namespaceObject.deriveModelTags)(model, tagContext ?? {}).filter((t)=>!hideTagKinds?.includes(t.kind));
+    const primaryLabel = model.displayName ?? null;
+    const primary = primaryLabel ?? model.modelName;
+    const usesFriendlyName = !!primaryLabel && primaryLabel !== model.modelId;
+    const techId = usesFriendlyName ? model.modelId : null;
+    const contextTokens = model.modelDetails?.contextWindowTokens;
+    const contextLabel = null != contextTokens && contextTokens > 0 ? labels.contextWindow(contextTokens) : null;
+    const rowActions = renderActions ? renderActions(model) : null;
+    const meta = renderMeta?.(model);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        "aria-selected": selected,
+        className: (0, index_cjs_namespaceObject.cn)('@container relative flex w-full cursor-pointer items-start justify-start text-left', dense ? 'min-h-11 gap-2 px-3 py-1.5' : 'min-h-16 gap-3 px-3.5 py-2.5', selected ? 'bg-surface-selected shadow-[inset_3px_0_0_var(--brand)]' : active ? 'bg-surface-hover' : 'bg-transparent', !selected && 'hover:bg-surface-hover'),
+        "data-slot": "model-picker-row",
+        "data-testid": dataTestId,
+        id: id,
+        onClick: ()=>onSelect(model),
+        onMouseEnter: onActivate ? ()=>onActivate(index) : void 0,
+        role: "option",
+        tabIndex: -1,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "min-w-0 flex-1",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex min-w-0 flex-nowrap items-center gap-1.5",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: (0, index_cjs_namespaceObject.cn)('min-w-0 flex-[0_1_auto] truncate leading-snug font-semibold text-foreground', dense ? 'text-xs' : 'text-sm'),
+                                children: primary
+                            }),
+                            inlineTags.map((t)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    className: "flex min-w-0 shrink items-center overflow-hidden [&_[data-slot=model-picker-tag]]:max-w-full [&_[data-slot=model-picker-tag]]:truncate",
+                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ModelTagChip_cjs_namespaceObject.ModelTagChip, {
+                                        tag: t,
+                                        variants: tagVariants
+                                    })
+                                }, `${t.kind}-${t.label}`))
+                        ]
+                    }),
+                    techId && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "mt-0.5 block truncate font-mono text-[11px] text-foreground-muted",
+                        children: techId
+                    }),
+                    model.byoConnectionLabel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: (0, index_cjs_namespaceObject.cn)('block max-w-full truncate text-xs text-foreground-muted', !techId && 'mt-0.5'),
+                        children: model.byoConnectionLabel
+                    })
+                ]
+            }),
+            (contextLabel ?? meta) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex shrink-0 flex-col items-end gap-1 pt-px @max-[380px]:hidden",
+                onClick: (e)=>e.stopPropagation(),
+                children: [
+                    contextLabel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-[11px] leading-tight text-foreground-muted",
+                        children: contextLabel
+                    }),
+                    meta
+                ]
+            }),
+            rowActions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "flex shrink-0 items-center gap-0.5 pt-px text-foreground-muted",
+                onClick: (e)=>e.stopPropagation(),
+                children: rowActions
+            })
+        ]
+    });
+};
+const ModelOptionRow = /*#__PURE__*/ external_react_namespaceObject.memo(ModelOptionRowInner);
+ModelOptionRow.displayName = 'ModelOptionRow';
+function defaultRowActions(model, options = {}) {
+    const { labels = external_labels_cjs_namespaceObject.DEFAULT_MODEL_PICKER_LABELS, onEdit, onDelete } = options;
+    if (!onEdit && !onDelete) return null;
+    if (!(0, external_utils_cjs_namespaceObject.isByoModel)(model)) return null;
+    const editTitle = labels.editConfiguration;
+    const deleteTitle = labels.deleteConfiguration;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.TooltipProvider, {
+        children: [
+            onEdit && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                            "aria-label": editTitle,
+                            className: "cursor-pointer rounded p-1 text-inherit hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
+                            onClick: ()=>onEdit(model),
+                            tabIndex: -1,
+                            type: "button",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Pencil, {
+                                className: "size-3.5"
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
+                        children: editTitle
+                    })
+                ]
+            }),
+            onDelete && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                            "aria-label": deleteTitle,
+                            className: "cursor-pointer rounded p-1 text-inherit hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
+                            onClick: ()=>onDelete(model),
+                            tabIndex: -1,
+                            type: "button",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Trash2, {
+                                className: "size-3.5"
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
+                        children: deleteTitle
+                    })
+                ]
+            })
+        ]
+    });
+}
+exports.DENSE_OPTION_HEIGHT = __webpack_exports__.DENSE_OPTION_HEIGHT;
+exports.FULL_OPTION_HEIGHT = __webpack_exports__.FULL_OPTION_HEIGHT;
+exports.ModelOptionRow = __webpack_exports__.ModelOptionRow;
+exports.defaultRowActions = __webpack_exports__.defaultRowActions;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DENSE_OPTION_HEIGHT",
+    "FULL_OPTION_HEIGHT",
+    "ModelOptionRow",
+    "defaultRowActions"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/model-picker/primitives/ModelOptionRow.d.ts

@@ -0,0 +1,95 @@
+import * as React from 'react';
+import { type ModelPickerLabels } from '../labels';
+import type { DiscoveryModel } from '../types';
+import { type DeriveModelTagsContext } from '../utils';
+export interface ModelOptionRowProps {
+    model: DiscoveryModel;
+    /**
+     * Position of this row in the flat option list. Passed back through
+     * `onActivate` so the row's handlers stay referentially stable — the
+     * key to `React.memo` skipping re-renders of untouched rows.
+     */
+    index: number;
+    active: boolean;
+    selected: boolean;
+    /**
+     * Called with the row's model on click. Pass a stable reference
+     * (e.g. the `choose` callback from `useModelPickerState`) so
+     * memoization holds.
+     */
+    onSelect: (model: DiscoveryModel) => void;
+    /**
+     * Called with the row's index on pointer-enter (drives the keyboard
+     * active-row highlight). Pass a stable reference.
+     */
+    onActivate?: (index: number) => void;
+    /**
+     * Context forwarded to `deriveModelTags`. Carries `homeRegion`,
+     * `recommendedModelIds` / `previewModelIds` (Model Hub overrides),
+     * `badgesFor`, `customTagsFor`, and `labels`.
+     */
+    tagContext?: DeriveModelTagsContext;
+    /**
+     * Variant lookup for tag kinds the design system doesn't know about.
+     * Forwarded straight to `<ModelTagChip>`. Built-in kinds keep their
+     * default variant unless explicitly overridden here.
+     */
+    tagVariants?: Record<string, string>;
+    /**
+     * Right-aligned actions renderer, called with the row's model.
+     * Return `null` to suppress actions for a given row. When omitted,
+     * no actions render (the standalone `defaultRowActions` needs an
+     * `onEdit` handler the row cannot invent).
+     */
+    renderActions?: (model: DiscoveryModel) => React.ReactNode;
+    /**
+     * Extra meta renderer (below the context line in the right column).
+     * Use for cost bars, latency badges, etc.
+     */
+    renderMeta?: (model: DiscoveryModel) => React.ReactNode;
+    /**
+     * Reduces row height + font sizes for tight surfaces (chat input
+     * footers, narrow side panels). The stock picker doesn't use this;
+     * kept for teams composing their own pickers from primitives.
+     */
+    dense?: boolean;
+    /**
+     * Tag kinds to hide from chip rendering. Tags are still derived; this
+     * only affects display.
+     */
+    hideTagKinds?: readonly string[];
+    /**
+     * Stable DOM id assigned to the row. Used by the search input's
+     * `aria-activedescendant` so screen readers announce the highlighted
+     * row while keyboard focus stays on the input.
+     */
+    id?: string;
+    'data-testid'?: string;
+}
+declare const FULL_OPTION_HEIGHT = 64;
+declare const DENSE_OPTION_HEIGHT = 44;
+export declare const ModelOptionRow: React.NamedExoticComponent<ModelOptionRowProps>;
+/**
+ * Default row-actions renderer: edit (and optionally delete) icon
+ * buttons for BYO models. Exported so consumers can fall back to it
+ * when overriding row actions selectively (e.g. add a "Set default"
+ * action without losing edit).
+ *
+ * Renders nothing without a handler — an action button that does
+ * nothing is worse than no button. Admin-gated by default: the picker
+ * only calls this when `canManageByo` is true. Standalone consumers
+ * should gate the call themselves before passing the result into
+ * `renderActions`.
+ */
+export declare function defaultRowActions(model: DiscoveryModel, options?: {
+    /** Strings for the action tooltips. Defaults to English. */
+    labels?: ModelPickerLabels;
+    /** Edit activation — the picker navigates to the configuration page. */
+    onEdit?: (model: DiscoveryModel) => void;
+    /**
+     * Delete activation — optional. When provided, a delete icon renders
+     * alongside edit on BYO rows.
+     */
+    onDelete?: (model: DiscoveryModel) => void;
+}): React.ReactNode;
+export { DENSE_OPTION_HEIGHT, FULL_OPTION_HEIGHT };