@uipath/apollo-wind 2.55.0 → 2.57.0

package/dist/components/ui/model-picker/badges.cjs

@@ -0,0 +1,52 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    MODEL_BADGES: ()=>MODEL_BADGES
+});
+const MODEL_BADGES = {
+    'cost-basic': {
+        label: 'costBasic',
+        tooltip: 'costTooltip',
+        variant: 'mini'
+    },
+    'cost-standard': {
+        label: 'costStandard',
+        tooltip: 'costTooltip',
+        variant: 'mini'
+    },
+    'cost-premium': {
+        label: 'costPremium',
+        tooltip: 'costTooltip',
+        variant: 'mini'
+    }
+};
+exports.MODEL_BADGES = __webpack_exports__.MODEL_BADGES;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "MODEL_BADGES"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/model-picker/badges.d.ts

@@ -0,0 +1,41 @@
+/**
+ * The Apollo badge pool.
+ *
+ * Products do not invent their own badge kinds: they stamp badges from
+ * this shared pool (via the `badgesFor` prop), and grow the pool here
+ * when a new badge is needed. That keeps labels, colors, and semantics
+ * consistent across every product surface, and every pool label is
+ * localized once, centrally.
+ *
+ * Adding a badge is a design-system PR: one entry below plus its
+ * entry in `labels.ts`. The pool starts with the cost tiers
+ * (Basic / Standard / Premium).
+ *
+ * `customTagsFor` remains as an escape hatch for experiments, but the
+ * expectation is that anything worth shipping graduates into the pool.
+ */
+import type { StaticLabelKey } from './labels';
+/** Kinds available in the pool. Grows by design-system PR. */
+export type ModelBadgeKind = 'cost-basic' | 'cost-standard' | 'cost-premium';
+export interface ModelBadgeDefinition {
+    /**
+     * Which label the chip renders. A key rather than a string, so the pool
+     * stays declarative and the host's `labels` supply the wording.
+     */
+    label: StaticLabelKey;
+    /** Optional tooltip, same indirection. */
+    tooltip?: StaticLabelKey;
+    /**
+     * Semantic chip variant (`mini | info-mini | success-mini |
+     * warning-mini | error-mini`). These are the same tokens the
+     * apollo-react picker uses, so the prop surface matches; `ModelTagChip`
+     * maps them onto wind `Badge` variants.
+     */
+    variant: string;
+}
+/**
+ * Cost tiers render as neutral gray mini chips deliberately: the
+ * semantic warning/error palette would imply that high-cost models are
+ * risky, which they are not.
+ */
+export declare const MODEL_BADGES: Record<ModelBadgeKind, ModelBadgeDefinition>;

package/dist/components/ui/model-picker/badges.js

@@ -0,0 +1,18 @@
+const MODEL_BADGES = {
+    'cost-basic': {
+        label: 'costBasic',
+        tooltip: 'costTooltip',
+        variant: 'mini'
+    },
+    'cost-standard': {
+        label: 'costStandard',
+        tooltip: 'costTooltip',
+        variant: 'mini'
+    },
+    'cost-premium': {
+        label: 'costPremium',
+        tooltip: 'costTooltip',
+        variant: 'mini'
+    }
+};
+export { MODEL_BADGES };

package/dist/components/ui/model-picker/index.cjs

@@ -0,0 +1,117 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ModelTagChip: ()=>external_ModelTagChip_cjs_namespaceObject.ModelTagChip,
+    PickerSearchInput: ()=>PickerSearchInput_cjs_namespaceObject.PickerSearchInput,
+    defaultRowActions: ()=>ModelOptionRow_cjs_namespaceObject.defaultRowActions,
+    deriveModelTags: ()=>external_utils_cjs_namespaceObject.deriveModelTags,
+    filterModels: ()=>external_utils_cjs_namespaceObject.filterModels,
+    ModelOptionRow: ()=>ModelOptionRow_cjs_namespaceObject.ModelOptionRow,
+    formatContextWindow: ()=>external_labels_cjs_namespaceObject.formatContextWindow,
+    getSubstitutionTarget: ()=>external_utils_cjs_namespaceObject.getSubstitutionTarget,
+    groupModels: ()=>external_utils_cjs_namespaceObject.groupModels,
+    useModelPickerState: ()=>external_useModelPickerState_cjs_namespaceObject.useModelPickerState,
+    FolderSwitcher: ()=>FolderSwitcher_cjs_namespaceObject.FolderSwitcher,
+    defaultCostTier: ()=>external_utils_cjs_namespaceObject.defaultCostTier,
+    resolveHomeGeography: ()=>external_utils_cjs_namespaceObject.resolveHomeGeography,
+    PickerTrigger: ()=>PickerTrigger_cjs_namespaceObject.PickerTrigger,
+    isTextGenerationModel: ()=>external_utils_cjs_namespaceObject.isTextGenerationModel,
+    GroupedOptionList: ()=>OptionList_cjs_namespaceObject.GroupedOptionList,
+    GroupHeader: ()=>GroupHeader_cjs_namespaceObject.GroupHeader,
+    MODEL_BADGES: ()=>external_badges_cjs_namespaceObject.MODEL_BADGES,
+    optionDomId: ()=>OptionList_cjs_namespaceObject.optionDomId,
+    DEFAULT_MODEL_PICKER_LABELS: ()=>external_labels_cjs_namespaceObject.DEFAULT_MODEL_PICKER_LABELS,
+    PickerPopup: ()=>PickerPopup_cjs_namespaceObject.PickerPopup,
+    ModelPicker: ()=>external_ModelPicker_cjs_namespaceObject.ModelPicker,
+    VirtualOptionList: ()=>OptionList_cjs_namespaceObject.VirtualOptionList,
+    resolveLabels: ()=>external_labels_cjs_namespaceObject.resolveLabels
+});
+const external_badges_cjs_namespaceObject = require("./badges.cjs");
+const external_labels_cjs_namespaceObject = require("./labels.cjs");
+const external_ModelPicker_cjs_namespaceObject = require("./ModelPicker.cjs");
+const external_ModelTagChip_cjs_namespaceObject = require("./ModelTagChip.cjs");
+const FolderSwitcher_cjs_namespaceObject = require("./primitives/FolderSwitcher.cjs");
+const GroupHeader_cjs_namespaceObject = require("./primitives/GroupHeader.cjs");
+const ModelOptionRow_cjs_namespaceObject = require("./primitives/ModelOptionRow.cjs");
+const OptionList_cjs_namespaceObject = require("./primitives/OptionList.cjs");
+const PickerPopup_cjs_namespaceObject = require("./primitives/PickerPopup.cjs");
+const PickerSearchInput_cjs_namespaceObject = require("./primitives/PickerSearchInput.cjs");
+const PickerTrigger_cjs_namespaceObject = require("./primitives/PickerTrigger.cjs");
+const external_useModelPickerState_cjs_namespaceObject = require("./useModelPickerState.cjs");
+const external_utils_cjs_namespaceObject = require("./utils.cjs");
+exports.DEFAULT_MODEL_PICKER_LABELS = __webpack_exports__.DEFAULT_MODEL_PICKER_LABELS;
+exports.FolderSwitcher = __webpack_exports__.FolderSwitcher;
+exports.GroupHeader = __webpack_exports__.GroupHeader;
+exports.GroupedOptionList = __webpack_exports__.GroupedOptionList;
+exports.MODEL_BADGES = __webpack_exports__.MODEL_BADGES;
+exports.ModelOptionRow = __webpack_exports__.ModelOptionRow;
+exports.ModelPicker = __webpack_exports__.ModelPicker;
+exports.ModelTagChip = __webpack_exports__.ModelTagChip;
+exports.PickerPopup = __webpack_exports__.PickerPopup;
+exports.PickerSearchInput = __webpack_exports__.PickerSearchInput;
+exports.PickerTrigger = __webpack_exports__.PickerTrigger;
+exports.VirtualOptionList = __webpack_exports__.VirtualOptionList;
+exports.defaultCostTier = __webpack_exports__.defaultCostTier;
+exports.defaultRowActions = __webpack_exports__.defaultRowActions;
+exports.deriveModelTags = __webpack_exports__.deriveModelTags;
+exports.filterModels = __webpack_exports__.filterModels;
+exports.formatContextWindow = __webpack_exports__.formatContextWindow;
+exports.getSubstitutionTarget = __webpack_exports__.getSubstitutionTarget;
+exports.groupModels = __webpack_exports__.groupModels;
+exports.isTextGenerationModel = __webpack_exports__.isTextGenerationModel;
+exports.optionDomId = __webpack_exports__.optionDomId;
+exports.resolveHomeGeography = __webpack_exports__.resolveHomeGeography;
+exports.resolveLabels = __webpack_exports__.resolveLabels;
+exports.useModelPickerState = __webpack_exports__.useModelPickerState;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_MODEL_PICKER_LABELS",
+    "FolderSwitcher",
+    "GroupHeader",
+    "GroupedOptionList",
+    "MODEL_BADGES",
+    "ModelOptionRow",
+    "ModelPicker",
+    "ModelTagChip",
+    "PickerPopup",
+    "PickerSearchInput",
+    "PickerTrigger",
+    "VirtualOptionList",
+    "defaultCostTier",
+    "defaultRowActions",
+    "deriveModelTags",
+    "filterModels",
+    "formatContextWindow",
+    "getSubstitutionTarget",
+    "groupModels",
+    "isTextGenerationModel",
+    "optionDomId",
+    "resolveHomeGeography",
+    "resolveLabels",
+    "useModelPickerState"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,27 @@
+export type { ModelBadgeDefinition, ModelBadgeKind } from './badges';
+export { MODEL_BADGES } from './badges';
+export type { ModelPickerLabels, StaticLabelKey } from './labels';
+export { DEFAULT_MODEL_PICKER_LABELS, formatContextWindow, resolveLabels } from './labels';
+export type { ModelPickerChangeHandler, ModelPickerProps, ModelPickerSlotContext, ModelPickerSlots, ModelPickerVariant, } from './ModelPicker';
+export { ModelPicker } from './ModelPicker';
+export type { ModelTagChipProps } from './ModelTagChip';
+export { ModelTagChip } from './ModelTagChip';
+export type { FolderSwitcherFolder, FolderSwitcherProps } from './primitives/FolderSwitcher';
+export { FolderSwitcher } from './primitives/FolderSwitcher';
+export type { GroupHeaderProps } from './primitives/GroupHeader';
+export { GroupHeader } from './primitives/GroupHeader';
+export type { ModelOptionRowProps } from './primitives/ModelOptionRow';
+export { defaultRowActions, ModelOptionRow } from './primitives/ModelOptionRow';
+export type { AnnotatedModel, OptionListProps } from './primitives/OptionList';
+export { GroupedOptionList, optionDomId, VirtualOptionList } from './primitives/OptionList';
+export type { PickerPopupProps } from './primitives/PickerPopup';
+export { PickerPopup } from './primitives/PickerPopup';
+export type { PickerSearchInputProps } from './primitives/PickerSearchInput';
+export { PickerSearchInput } from './primitives/PickerSearchInput';
+export type { PickerTriggerProps } from './primitives/PickerTrigger';
+export { PickerTrigger } from './primitives/PickerTrigger';
+export type { ByomDetails, CostTier, DeprecationDetails, DiscoveryModel, ModelCostDetails, ModelFlatCosts, ModelTieredCost, ModelType, ModelDetails, ModelGeography, ModelGroup, ModelSubscriptionType, ModelTag, ModelTagKind, ModelVendor, RoutingDetails, } from './types';
+export type { UseModelPickerStateOptions, UseModelPickerStateResult } from './useModelPickerState';
+export { useModelPickerState } from './useModelPickerState';
+export type { DeriveModelTagsContext, GroupModelsContext, GroupStrategy } from './utils';
+export { defaultCostTier, deriveModelTags, filterModels, getSubstitutionTarget, groupModels, isTextGenerationModel, resolveHomeGeography, } from './utils';

package/dist/components/ui/model-picker/index.js

@@ -0,0 +1,14 @@
+import { MODEL_BADGES } from "./badges.js";
+import { DEFAULT_MODEL_PICKER_LABELS, formatContextWindow, resolveLabels } from "./labels.js";
+import { ModelPicker } from "./ModelPicker.js";
+import { ModelTagChip } from "./ModelTagChip.js";
+import { FolderSwitcher } from "./primitives/FolderSwitcher.js";
+import { GroupHeader } from "./primitives/GroupHeader.js";
+import { ModelOptionRow, defaultRowActions } from "./primitives/ModelOptionRow.js";
+import { GroupedOptionList, VirtualOptionList, optionDomId } from "./primitives/OptionList.js";
+import { PickerPopup } from "./primitives/PickerPopup.js";
+import { PickerSearchInput } from "./primitives/PickerSearchInput.js";
+import { PickerTrigger } from "./primitives/PickerTrigger.js";
+import { useModelPickerState } from "./useModelPickerState.js";
+import { defaultCostTier, deriveModelTags, filterModels, getSubstitutionTarget, groupModels, isTextGenerationModel, resolveHomeGeography } from "./utils.js";
+export { DEFAULT_MODEL_PICKER_LABELS, FolderSwitcher, GroupHeader, GroupedOptionList, MODEL_BADGES, ModelOptionRow, ModelPicker, ModelTagChip, PickerPopup, PickerSearchInput, PickerTrigger, VirtualOptionList, defaultCostTier, defaultRowActions, deriveModelTags, filterModels, formatContextWindow, getSubstitutionTarget, groupModels, isTextGenerationModel, optionDomId, resolveHomeGeography, resolveLabels, useModelPickerState };

package/dist/components/ui/model-picker/labels.cjs

@@ -0,0 +1,107 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DEFAULT_MODEL_PICKER_LABELS: ()=>DEFAULT_MODEL_PICKER_LABELS,
+    formatContextWindow: ()=>formatContextWindow,
+    resolveLabels: ()=>resolveLabels
+});
+function formatContextWindow(tokens) {
+    if (tokens >= 1000000) {
+        const m = tokens / 1000000;
+        return `${m % 1 === 0 ? m.toFixed(0) : m.toFixed(1)}M context`;
+    }
+    if (tokens >= 1000) return `${Math.round(tokens / 1000)}K context`;
+    return `${tokens} context`;
+}
+const DEFAULT_MODEL_PICKER_LABELS = {
+    fieldLabel: 'Model',
+    placeholder: 'Select a model',
+    searchPlaceholder: 'Search models',
+    listboxLabel: 'Models',
+    loading: 'Loading models',
+    emptyNoModels: 'No models available.',
+    emptyNoMatch: (query)=>`No models match "${query}".`,
+    resultCount: (count)=>`${count} ${1 === count ? 'model' : 'models'}`,
+    unknownValueTooltip: (value)=>`"${value}" is no longer available in this catalog. Pick a replacement to ensure your workflow continues to run.`,
+    recommendedTag: 'Recommended',
+    recommendedTagTooltip: 'Based on evaluation runs for this product',
+    previewTag: 'Preview',
+    customTag: 'Custom',
+    deprecatingTag: (date)=>`Deprecating ${date}`,
+    deprecatingTagTooltip: (replacement)=>`Will be replaced by ${replacement}`,
+    substitutedTag: (target)=>`Routes to ${target}`,
+    substitutedTagTooltip: (target)=>`This model is retired. Your traffic is currently being routed to ${target}. Update your configuration to make this explicit.`,
+    outOfRegionTag: (geography)=>`Out of region (${geography})`,
+    outOfRegionTagTooltip: (homeRegion)=>`Routes traffic outside ${homeRegion}`,
+    costBasic: 'Basic',
+    costStandard: 'Standard',
+    costPremium: 'Premium',
+    costTooltip: 'Relative cost tier for this product',
+    recommendedGroup: 'Recommended',
+    recommendedGroupHint: 'Based on evaluation runs for this product',
+    previewGroup: 'Preview',
+    previewGroupHint: 'Newer models in early access',
+    moreGroup: 'More models',
+    moreGroupHint: 'Available, not currently promoted by this product',
+    deprecatingGroup: 'Deprecating soon',
+    deprecatingGroupHint: 'Migrate before the usage end date',
+    byoGroup: 'Custom Models (BYO)',
+    byoGroupHint: 'Models you brought via your own connections',
+    otherGroup: 'Other',
+    allModelsGroup: 'All models',
+    modelCount: (count)=>`${count} ${1 === count ? 'model' : 'models'}`,
+    groupByAriaLabel: 'Group models by',
+    groupByCategory: 'Category',
+    groupByProvider: 'Provider',
+    allFolders: 'All folders',
+    editConfiguration: 'Edit configuration',
+    deleteConfiguration: 'Delete configuration',
+    deleteConfirmTitle: 'Delete custom model',
+    deleteConfirmMessage: (name)=>`This permanently deletes the "${name}" configuration for everyone in this tenant. This action cannot be undone.`,
+    deleteConfirmCancel: 'Cancel',
+    deleteConfirmConfirm: 'Delete',
+    useCustomModelTitle: 'Use custom model',
+    useCustomModelSubtitle: 'Bring a model from your own connection',
+    useCustomModelDisabledHint: 'Pass onUseCustomModel to wire this action.',
+    contextWindow: formatContextWindow
+};
+function resolveLabels(labels) {
+    return labels ? {
+        ...DEFAULT_MODEL_PICKER_LABELS,
+        ...labels
+    } : DEFAULT_MODEL_PICKER_LABELS;
+}
+exports.DEFAULT_MODEL_PICKER_LABELS = __webpack_exports__.DEFAULT_MODEL_PICKER_LABELS;
+exports.formatContextWindow = __webpack_exports__.formatContextWindow;
+exports.resolveLabels = __webpack_exports__.resolveLabels;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_MODEL_PICKER_LABELS",
+    "formatContextWindow",
+    "resolveLabels"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/model-picker/labels.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Every user-visible string the picker renders.
+ *
+ * The component is presentation-only: it holds no i18n machinery and resolves
+ * nothing itself. A host passes whatever its own catalog produced, and the
+ * English below fills in the rest — so an unlocalized host still renders real
+ * copy rather than raw keys.
+ *
+ * Strings that interpolate are functions rather than templates so a translator
+ * controls word order, which a `{name}`-style placeholder cannot express in
+ * every language.
+ */
+export interface ModelPickerLabels {
+    fieldLabel: string;
+    placeholder: string;
+    searchPlaceholder: string;
+    listboxLabel: string;
+    loading: string;
+    emptyNoModels: string;
+    emptyNoMatch: (query: string) => string;
+    resultCount: (count: number) => string;
+    unknownValueTooltip: (value: string) => string;
+    recommendedTag: string;
+    recommendedTagTooltip: string;
+    previewTag: string;
+    customTag: string;
+    deprecatingTag: (date: string) => string;
+    deprecatingTagTooltip: (replacement: string) => string;
+    substitutedTag: (target: string) => string;
+    substitutedTagTooltip: (target: string) => string;
+    outOfRegionTag: (geography: string) => string;
+    outOfRegionTagTooltip: (homeRegion: string) => string;
+    costBasic: string;
+    costStandard: string;
+    costPremium: string;
+    costTooltip: string;
+    recommendedGroup: string;
+    recommendedGroupHint: string;
+    previewGroup: string;
+    previewGroupHint: string;
+    moreGroup: string;
+    moreGroupHint: string;
+    deprecatingGroup: string;
+    deprecatingGroupHint: string;
+    byoGroup: string;
+    byoGroupHint: string;
+    otherGroup: string;
+    allModelsGroup: string;
+    /** Right-aligned count on a section header. */
+    modelCount: (count: number) => string;
+    groupByAriaLabel: string;
+    groupByCategory: string;
+    groupByProvider: string;
+    allFolders: string;
+    editConfiguration: string;
+    deleteConfiguration: string;
+    deleteConfirmTitle: string;
+    deleteConfirmMessage: (name: string) => string;
+    deleteConfirmCancel: string;
+    deleteConfirmConfirm: string;
+    useCustomModelTitle: string;
+    useCustomModelSubtitle: string;
+    useCustomModelDisabledHint: string;
+    /** The context-window column, e.g. "1M context". */
+    contextWindow: (tokens: number) => string;
+}
+/**
+ * The label keys whose value is a plain string — the ones a declarative
+ * lookup (the badge pool) can name without knowing an argument to pass.
+ */
+export type StaticLabelKey = {
+    [K in keyof ModelPickerLabels]: ModelPickerLabels[K] extends string ? K : never;
+}[keyof ModelPickerLabels];
+/**
+ * Format a token count the way the column reads: "1M context", "128K context".
+ * Exported so a host can reuse the rounding and only translate the suffix.
+ */
+export declare function formatContextWindow(tokens: number): string;
+export declare const DEFAULT_MODEL_PICKER_LABELS: ModelPickerLabels;
+/** Fill the gaps in a host's partial override. */
+export declare function resolveLabels(labels?: Partial<ModelPickerLabels>): ModelPickerLabels;

package/dist/components/ui/model-picker/labels.js

@@ -0,0 +1,67 @@
+function formatContextWindow(tokens) {
+    if (tokens >= 1000000) {
+        const m = tokens / 1000000;
+        return `${m % 1 === 0 ? m.toFixed(0) : m.toFixed(1)}M context`;
+    }
+    if (tokens >= 1000) return `${Math.round(tokens / 1000)}K context`;
+    return `${tokens} context`;
+}
+const DEFAULT_MODEL_PICKER_LABELS = {
+    fieldLabel: 'Model',
+    placeholder: 'Select a model',
+    searchPlaceholder: 'Search models',
+    listboxLabel: 'Models',
+    loading: 'Loading models',
+    emptyNoModels: 'No models available.',
+    emptyNoMatch: (query)=>`No models match "${query}".`,
+    resultCount: (count)=>`${count} ${1 === count ? 'model' : 'models'}`,
+    unknownValueTooltip: (value)=>`"${value}" is no longer available in this catalog. Pick a replacement to ensure your workflow continues to run.`,
+    recommendedTag: 'Recommended',
+    recommendedTagTooltip: 'Based on evaluation runs for this product',
+    previewTag: 'Preview',
+    customTag: 'Custom',
+    deprecatingTag: (date)=>`Deprecating ${date}`,
+    deprecatingTagTooltip: (replacement)=>`Will be replaced by ${replacement}`,
+    substitutedTag: (target)=>`Routes to ${target}`,
+    substitutedTagTooltip: (target)=>`This model is retired. Your traffic is currently being routed to ${target}. Update your configuration to make this explicit.`,
+    outOfRegionTag: (geography)=>`Out of region (${geography})`,
+    outOfRegionTagTooltip: (homeRegion)=>`Routes traffic outside ${homeRegion}`,
+    costBasic: 'Basic',
+    costStandard: 'Standard',
+    costPremium: 'Premium',
+    costTooltip: 'Relative cost tier for this product',
+    recommendedGroup: 'Recommended',
+    recommendedGroupHint: 'Based on evaluation runs for this product',
+    previewGroup: 'Preview',
+    previewGroupHint: 'Newer models in early access',
+    moreGroup: 'More models',
+    moreGroupHint: 'Available, not currently promoted by this product',
+    deprecatingGroup: 'Deprecating soon',
+    deprecatingGroupHint: 'Migrate before the usage end date',
+    byoGroup: 'Custom Models (BYO)',
+    byoGroupHint: 'Models you brought via your own connections',
+    otherGroup: 'Other',
+    allModelsGroup: 'All models',
+    modelCount: (count)=>`${count} ${1 === count ? 'model' : 'models'}`,
+    groupByAriaLabel: 'Group models by',
+    groupByCategory: 'Category',
+    groupByProvider: 'Provider',
+    allFolders: 'All folders',
+    editConfiguration: 'Edit configuration',
+    deleteConfiguration: 'Delete configuration',
+    deleteConfirmTitle: 'Delete custom model',
+    deleteConfirmMessage: (name)=>`This permanently deletes the "${name}" configuration for everyone in this tenant. This action cannot be undone.`,
+    deleteConfirmCancel: 'Cancel',
+    deleteConfirmConfirm: 'Delete',
+    useCustomModelTitle: 'Use custom model',
+    useCustomModelSubtitle: 'Bring a model from your own connection',
+    useCustomModelDisabledHint: 'Pass onUseCustomModel to wire this action.',
+    contextWindow: formatContextWindow
+};
+function resolveLabels(labels) {
+    return labels ? {
+        ...DEFAULT_MODEL_PICKER_LABELS,
+        ...labels
+    } : DEFAULT_MODEL_PICKER_LABELS;
+}
+export { DEFAULT_MODEL_PICKER_LABELS, formatContextWindow, resolveLabels };

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

@@ -0,0 +1,108 @@
+"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__, {
+    FolderSwitcher: ()=>FolderSwitcher
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_dropdown_menu_cjs_namespaceObject = require("../../dropdown-menu.cjs");
+const index_cjs_namespaceObject = require("../../../../lib/index.cjs");
+const FolderSwitcher = ({ folders, value, onChange, allFoldersLabel = 'All folders', showAllFolders = true, container })=>{
+    const [open, setOpen] = external_react_namespaceObject.useState(false);
+    const current = folders.find((f)=>f.id === value);
+    const isAll = null == value;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
+        modal: false,
+        onOpenChange: setOpen,
+        open: open,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.LayoutGrid, {
+                            className: "size-3.5"
+                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Folder, {
+                            className: "size-3.5"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "whitespace-nowrap",
+                            children: isAll ? allFoldersLabel : current?.label ?? allFoldersLabel
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                            "aria-hidden": true,
+                            className: (0, index_cjs_namespaceObject.cn)('size-3.5 text-foreground-muted transition-transform duration-150', open && 'rotate-180')
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
+                align: "start",
+                className: "min-w-[200px]",
+                container: container,
+                children: [
+                    showAllFolders && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                                className: "cursor-pointer",
+                                onSelect: ()=>onChange(null),
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.LayoutGrid, {
+                                        className: "size-3.5 text-foreground-muted"
+                                    }),
+                                    allFoldersLabel
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuSeparator, {})
+                        ]
+                    }),
+                    folders.map((f)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                            className: "cursor-pointer",
+                            onSelect: ()=>onChange(f.id),
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Folder, {
+                                    className: "size-3.5 text-foreground-muted"
+                                }),
+                                f.label
+                            ]
+                        }, f.id))
+                ]
+            })
+        ]
+    });
+};
+exports.FolderSwitcher = __webpack_exports__.FolderSwitcher;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "FolderSwitcher"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});