@iblai/iblai-js 2.11.0 → 2.11.2

package/dist/web-containers/source/next/index.esm.js

@@ -96915,7 +96915,7 @@ var analyticsAnalyticsOverview$3 = {
 	topicsChartDescription: "The most discussed topics, ranked by how many messages each one generated.",
 	activeUsersChartDescription: "Unique active users per day, showing how engagement changes over time.",
 	llmSpend: "LLM spend",
-	llmSpendDescription: "Raw cost of every traced LLM call in the selected period, from the trace store. Billing totals live on the Cost & LLM tab.",
+	llmSpendDescription: "Raw cost of every traced LLM call in the selected period, from the trace store. Billing totals live on the Cost tab.",
 	allTopics: "All topics",
 	topicsRankedFooter: "{shown} of {total} topics · ranked by message volume"
 };
@@ -102872,7 +102872,7 @@ var analyticsChartCard$3 = {
 	adjustRangeHint: "This card only — the page range stays where it is."
 };
 var analyticsCostTabs$3 = {
-	ariaLabel: "Cost & LLM sections",
+	ariaLabel: "Cost sections",
 	spend: "Spend",
 	usage: "Usage & latency",
 	traces: "Traces"
@@ -104063,7 +104063,7 @@ var analyticsAnalyticsOverview$2 = {
 	topicsChartDescription: "Les sujets les plus abordés, classés selon le nombre de messages générés.",
 	activeUsersChartDescription: "Utilisateurs actifs uniques par jour, pour suivre l’évolution de l’engagement.",
 	llmSpend: "Dépenses LLM",
-	llmSpendDescription: "Coût brut de chaque appel LLM tracé sur la période sélectionnée, issu du magasin de traces. Les totaux de facturation sont dans l'onglet Coûts et LLM.",
+	llmSpendDescription: "Coût brut de chaque appel LLM tracé sur la période sélectionnée, issu du magasin de traces. Les totaux de facturation sont dans l'onglet Coûts.",
 	allTopics: "Tous les sujets",
 	topicsRankedFooter: "{shown} sur {total} sujets · classés par volume de messages"
 };
@@ -110020,7 +110020,7 @@ var analyticsChartCard$2 = {
 	adjustRangeHint: "Cette carte uniquement — la plage de la page reste inchangée."
 };
 var analyticsCostTabs$2 = {
-	ariaLabel: "Sections Coûts et LLM",
+	ariaLabel: "Sections Coûts",
 	spend: "Dépenses",
 	usage: "Utilisation et latence",
 	traces: "Traces"
@@ -111211,7 +111211,7 @@ var analyticsAnalyticsOverview$1 = {
 	topicsChartDescription: "Los temas más tratados, ordenados por la cantidad de mensajes que generó cada uno.",
 	activeUsersChartDescription: "Usuarios activos únicos por día, para ver cómo cambia la participación con el tiempo.",
 	llmSpend: "Gasto LLM",
-	llmSpendDescription: "Costo bruto de cada llamada LLM trazada en el período seleccionado, del almacén de trazas. Los totales de facturación están en la pestaña Costos y LLM.",
+	llmSpendDescription: "Costo bruto de cada llamada LLM trazada en el período seleccionado, del almacén de trazas. Los totales de facturación están en la pestaña Costos.",
 	allTopics: "Todos los temas",
 	topicsRankedFooter: "{shown} de {total} temas · ordenados por volumen de mensajes"
 };
@@ -117168,7 +117168,7 @@ var analyticsChartCard$1 = {
 	adjustRangeHint: "Solo esta tarjeta — el rango de la página no cambia."
 };
 var analyticsCostTabs$1 = {
-	ariaLabel: "Secciones de Costos y LLM",
+	ariaLabel: "Secciones de Costos",
 	spend: "Gasto",
 	usage: "Uso y latencia",
 	traces: "Trazas"
@@ -118359,7 +118359,7 @@ var analyticsAnalyticsOverview = {
 	topicsChartDescription: "讨论最多的主题，按各自产生的消息数排序。",
 	activeUsersChartDescription: "每日独立活跃用户数，展示参与度随时间的变化。",
 	llmSpend: "LLM 支出",
-	llmSpendDescription: "所选时段内每次被追踪的 LLM 调用的原始成本，来自追踪存储。计费总额在成本与 LLM 页。",
+	llmSpendDescription: "所选时段内每次被追踪的 LLM 调用的原始成本，来自追踪存储。计费总额在成本页。",
 	allTopics: "所有主题",
 	topicsRankedFooter: "共 {total} 个主题，显示 {shown} 个 · 按消息量排序"
 };
@@ -124316,7 +124316,7 @@ var analyticsChartCard = {
 	adjustRangeHint: "仅此卡片 — 页面范围保持不变。"
 };
 var analyticsCostTabs = {
-	ariaLabel: "成本与 LLM 分区",
+	ariaLabel: "成本分区",
 	spend: "支出",
 	usage: "用量与延迟",
 	traces: "追踪"
@@ -225376,217 +225376,6 @@ function CreateApiModal$1({ isOpen, onClose, tenantKey, username }) {
                                                 : t('apiTabLabels.createModal.submit') })) }) })] })] }) }), apiKey && jsx(ApiKeyModal$1, { isOpen: true, onClose: () => setApiKey(null), apiKey: apiKey })] }));
 }
 
-/**
- * Small pure utilities colocated with the LLM tab.
- * Ported from standalone's `@/lib/utils` and `@/lib/error`.
- */
-// Canonical provider name for any label — a backend key ("azure_openai"), a
-// human label ("Microsoft"), or a local model's provider ("Meta"). Folds every
-// alias onto one identity so the same provider from different sources compares
-// equal. See getProviderName.
-const PROVIDER_NAME_BY_ALIAS = {
-    microsoft: 'azure_openai',
-    azureopenai: 'azure_openai',
-    openai: 'openai',
-    google: 'google',
-    gemini: 'google',
-    meta: 'llama',
-    metallama: 'llama',
-    llama: 'llama',
-    mistral: 'mistral',
-    mistralai: 'mistral',
-    nvidia: 'nvidia',
-    iblchatnvidia: 'nvidia',
-    deepseek: 'deepseek',
-    anthropic: 'anthropic',
-    iblchatanthropic: 'anthropic',
-    claude: 'anthropic',
-    groq: 'groq',
-    perplexity: 'perplexity',
-    xai: 'xai',
-    bedrock: 'bedrock',
-    amazonbedrock: 'bedrock',
-    amazon: 'bedrock',
-    iblchatbedrock: 'bedrock',
-    alibaba: 'alibaba',
-    qwen: 'alibaba',
-    ibm: 'ibm',
-    granite: 'ibm',
-    // ibl.ai's own hosted provider. The backend key is `iblai` (NameEnum.IBLAI);
-    // the extra aliases cover the `IBLChat<Vendor>` house spelling and the
-    // dotted/spaced brand forms, which all normalize to one of these.
-    iblai: 'iblai',
-    ibl: 'iblai',
-    iblchatibl: 'iblai',
-    iblchatiblai: 'iblai',
-};
-/**
- * Canonical provider name for any label, case- and punctuation-insensitive.
- * Folds backend keys and human/display labels onto one identity — e.g.
- * `getProviderName('Microsoft') === 'azure_openai'`,
- * `getProviderName('Meta') === 'llama'`, `getProviderName('Google') === 'google'`.
- * Unknown providers return their normalized (lowercased, alphanumeric-only) form.
- *
- * This is the single source of truth for provider identity, which matters as
- * soon as on-device models enter the picture: the local catalog labels its
- * providers the human way ("Meta", "Microsoft", "Alibaba") while the backend LLM
- * list uses wire keys ("llama", "azure_openai"). Comparing the two raw would
- * render a duplicate card for the same vendor.
- */
-function getProviderName(llmProvider) {
-    var _a;
-    const normalized = (llmProvider !== null && llmProvider !== void 0 ? llmProvider : '').toLowerCase().replace(/[^a-z0-9]/g, '');
-    return (_a = PROVIDER_NAME_BY_ALIAS[normalized]) !== null && _a !== void 0 ? _a : normalized;
-}
-/**
- * Whether two Ollama model refs name the same model, comparing by base name and
- * ignoring a trailing `:tag` (so "llama3.2" ≡ "llama3.2:latest", and
- * "granite4.1:8b" ≡ "granite4.1"). The download state and Ollama's /api/tags may
- * carry a tag suffix the catalog id doesn't (or vice-versa); an exact `===` then
- * fails to recognize a row's own in-flight download — the row shows "Download"
- * with no progress while the pull runs. Base-name matching is safe here because
- * every catalog model has a unique base (llama3.2, qwen3, mistral, granite4.1,
- * gpt-oss, gemma4), so it can never light up the wrong row.
- */
-function sameModel(a, b) {
-    const base = (ref) => (ref !== null && ref !== void 0 ? ref : '').toLowerCase().split(':')[0];
-    const ba = base(a);
-    return ba.length > 0 && ba === base(b);
-}
-/**
- * Whether a catalog model id (e.g. "granite4.1:8b") is among the installed
- * Ollama tags (e.g. "granite4.1:latest").
- *
- * Deliberately NOT the profile tab's `isModelInstalled`, which matches an exact
- * tag or the `<id>:` prefix: that is one-directional and misses a catalog id
- * that itself carries a tag ("granite4.1:8b" against an installed
- * "granite4.1:latest"). The picker needs the symmetric base-name comparison of
- * {@link sameModel} so a pulled model is recognized whichever side wears the tag.
- */
-function isLocalModelInstalled(modelId, installedTags) {
-    return !!(installedTags === null || installedTags === void 0 ? void 0 : installedTags.some((tag) => sameModel(tag, modelId)));
-}
-function canSwitchProvider(providers, name) {
-    const provider = providers.find((p) => p.name === name);
-    return !!(provider === null || provider === void 0 ? void 0 : provider.chat_models) && provider.chat_models.length > 0;
-}
-/**
- * Whether we hold a usable LLM key for this provider — its own credentials, or
- * the tenant's main keys when it is allowed to borrow them. An *absent*
- * `main_has_credentials` means the backend did not report on the main keys and
- * is treated as available (matching standalone's `@/lib/utils` and
- * `claw-sandbox`'s copy); only an explicit `false` rules the main keys out.
- */
-function canSwitchLLm(llm) {
-    if (llm === null || llm === void 0 ? void 0 : llm.has_credentials) {
-        return true;
-    }
-    return ((llm === null || llm === void 0 ? void 0 : llm.can_use_main_keys) &&
-        ((llm === null || llm === void 0 ? void 0 : llm.main_has_credentials) === true || (llm === null || llm === void 0 ? void 0 : llm.main_has_credentials) === undefined));
-}
-/**
- * Compares two raw provider names by the label the user actually sees on the
- * card, not by the backend key — the two diverge often enough to matter
- * (`bedrock` renders as "Amazon", `azure_openai` as "Microsoft", `iblai` as
- * "ibl.ai"). Comparison is case-insensitive (`sensitivity: 'base'`) so casing
- * never produces a surprising order. `getDetails` is the host-provided resolver
- * the grid renders with, so the sort always matches what is on screen; unknown
- * providers fall back to their raw name as the display name.
- */
-function compareLLMProvidersByDisplayName(a, b, getDetails) {
-    return getDetails(a).name.localeCompare(getDetails(b).name, undefined, {
-        sensitivity: 'base',
-    });
-}
-/**
- * Whether the user can reach *any* model of this provider.
- *
- * This is exactly the provider-level half of the per-model `isDisabled` rule in
- * `llm-tab/llm-provider-modal.tsx`: a model row there is disabled when
- * `!canSwitchLLm(provider) || !canSwitchProvider(llms, provider.name)`, and both
- * of those depend only on the provider — so when either fails, *every* model row
- * of that provider is disabled. `canSwitchProvider` is just "has at least one
- * `chat_models` entry", which is checked inline here to keep the helper pure and
- * free of the surrounding provider list.
- *
- * `canSwitchLLm` can return `undefined` (its `can_use_main_keys` branch), hence
- * the explicit `Boolean(...)`.
- */
-function canAccessProvider(provider) {
-    var _a, _b;
-    return Boolean(canSwitchLLm(provider !== null && provider !== void 0 ? provider : {})) && ((_b = (_a = provider === null || provider === void 0 ? void 0 : provider.chat_models) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0;
-}
-/**
- * Orders LLM provider cards as two alphabetical groups: providers the user can
- * actually use (see {@link canAccessProvider}) first, then the ones they can't —
- * each group sorted alphabetically by display name.
- *
- * The grouping predicate is deliberately the same one the grid grays cards with,
- * so the two always line up: group 1 renders normally, group 2 renders grayed.
- * Grouping on credentials alone would let a provider that has a key but ships no
- * chat models sort into the "usable" group while rendering grayed.
- *
- * Pure and non-mutating: RTK Query results are frozen, so the input is copied
- * before sorting. `Array.prototype.sort` is stable, so providers that tie on
- * both group and display name keep their original relative order.
- */
-function sortLLMProvidersByCredentials(providers, getDetails) {
-    return [...providers].sort((a, b) => {
-        const aUsable = canAccessProvider(a);
-        const bUsable = canAccessProvider(b);
-        if (aUsable !== bUsable)
-            return aUsable ? -1 : 1;
-        return compareLLMProvidersByDisplayName(a.name, b.name, getDetails);
-    });
-}
-function extractErrorMessage$1(error, fallback) {
-    var _a, _b;
-    const apiError = error;
-    return ((_a = apiError === null || apiError === void 0 ? void 0 : apiError.data) === null || _a === void 0 ? void 0 : _a.error) || ((_b = apiError === null || apiError === void 0 ? void 0 : apiError.error) === null || _b === void 0 ? void 0 : _b.error) || fallback;
-}
-
-// Logo + display name keyed by canonical provider name (see getProviderName).
-const PROVIDER_DETAILS_BY_NAME = {
-    groq: { logo: '/llm-groq-provider.png', name: 'Groq' },
-    nvidia: { logo: '/llm-nvidia-provider.webp', name: 'NVIDIA' },
-    azure_openai: { logo: '/llm-microsoft-provider.png', name: 'Microsoft' },
-    openai: { logo: '/llm-openai-provider-2.svg', name: 'OpenAI' },
-    mistral: { logo: '/llm-mistral-provider.jpeg', name: 'Mistral' },
-    google: { logo: '/llm-google-provider.svg', name: 'Google' },
-    llama: { logo: '/llm-llama-provider.jpeg', name: 'Meta' },
-    anthropic: { logo: '/llm-claude-provider.png', name: 'Anthropic' },
-    perplexity: { logo: '/llm-perplexity-provider.webp', name: 'Perplexity' },
-    deepseek: { logo: '/llm-deepseek-provider.png', name: 'DeepSeek' },
-    xai: { logo: '/llm-xai-provider.jpg', name: 'xAI' },
-    bedrock: { logo: '/llm-amazon-provider.png', name: 'Amazon' },
-    alibaba: { logo: '/llm-alibaba-provider.png', name: 'Alibaba' },
-    ibm: { logo: '/llm-ibm-provider.png', name: 'IBM' },
-    iblai: { logo: '/llm-iblai-provider.png', name: 'ibl.ai' },
-};
-/**
- * Returns the canonical logo path and display name for an LLM provider.
- *
- * Resolution goes through {@link getProviderName}, so a backend wire key
- * (`azure_openai`), a human label (`Microsoft`) and an on-device catalog's
- * provider string (`Meta`, `Alibaba`) all land on the same entry — the provider
- * grid merges cloud and on-device providers into one list, so the two spellings
- * have to agree.
- *
- * `logo` is a static-root path (e.g. `/llm-amazon-provider.png`); the package
- * ships the canonical assets under `@iblai/web-containers/public/` — copy them
- * into your app's static-root (`public/` for Next.js) so the paths resolve.
- */
-function getLLMProviderDetails(llmProvider, llmName) {
-    var _a;
-    const name = getProviderName(llmProvider);
-    // OpenAI and Google use a model-specific logo when a concrete model is named.
-    if (name === 'openai' && llmName)
-        return { logo: '/llm-openai-provider.jpg', name: 'OpenAI' };
-    if (name === 'google' && llmName)
-        return { logo: '/llm-gemini-provider.png', name: 'Google' };
-    return (_a = PROVIDER_DETAILS_BY_NAME[name]) !== null && _a !== void 0 ? _a : { logo: '/llm-generic-provider.png', name: llmProvider };
-}
-
 // Dynamic schema based on selected provider
 const createDynamicSchema$1 = (schemaFields) => {
     const schemaObj = {
@@ -225815,14 +225604,9 @@ function CreateLLMModal({ isOpen, onClose, tenantKey, onSuccess }) {
                                                 }
                                             }, children: [jsx(SelectTrigger, { children: jsx(SelectValue, { placeholder: t('llmsTabCreateLlmModal.selectProviderPlaceholder') }) }), jsx(SelectContent, { children: availableProviders.map((provider) => {
                                                         var _a, _b;
-                                                        // Prefer the logo the API ships; fall back to the
-                                                        // bundled provider artwork so known providers (ibl.ai
-                                                        // included) never degrade to a generic key emoji.
-                                                        const providerLogo = ((_a = provider === null || provider === void 0 ? void 0 : provider.service_info) === null || _a === void 0 ? void 0 : _a.logo) ||
-                                                            getLLMProviderDetails(provider.name).logo;
-                                                        const providerName = ((_b = provider === null || provider === void 0 ? void 0 : provider.service_info) === null || _b === void 0 ? void 0 : _b.display_name) ||
-                                                            provider.name;
-                                                        return (jsx(SelectItem, { value: provider.name, children: jsxs("div", { className: "flex items-center gap-2", children: [jsx("img", { src: providerLogo, alt: provider.name, className: "w-4 h-4 rounded-sm object-contain" }), providerName || provider.name] }) }, provider.name));
+                                                        const providerLogo = (_a = provider.service_info) === null || _a === void 0 ? void 0 : _a.logo;
+                                                        const providerName = ((_b = provider.service_info) === null || _b === void 0 ? void 0 : _b.display_name) || provider.name;
+                                                        return (jsx(SelectItem, { value: provider.name, children: jsxs("div", { className: "flex items-center gap-2", children: [providerLogo ? (jsx("img", { src: providerLogo, alt: providerName, className: "w-4 h-4 rounded-sm object-contain" })) : (jsx("span", { children: "\uD83D\uDD11" })), providerName] }) }, provider.name));
                                                     }) })] }), shouldShowError && (jsx("p", { className: "text-red-500 text-xs", children: (_b = field.state.meta.errors[0]) === null || _b === void 0 ? void 0 : _b.message }))] }));
                             } })), isCredentialsSchemaLoading && (jsxs("div", { className: "flex items-center justify-center py-4", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin mr-2" }), jsx("span", { className: "text-sm text-gray-600", children: t('llmsTabCreateLlmModal.loadingProviderConfigurations') })] })), showProviderForm && !isCredentialsSchemaLoading && !isAzureOpenAI && (jsx(Fragment$1, { children: schemaFields.map((fieldName) => (jsx(form.Field, { name: fieldName, children: (field) => {
                                     var _a, _b;
@@ -225909,26 +225693,18 @@ function IntegrationLLMsTab({ tenantKey }) {
         }
     };
     return (jsxs("div", { className: "space-y-4", children: [jsx(InfoBanner, { icon: jsx(Bot, { className: "w-5 h-5" }), children: t('llmsTabIntegrationLlmsTab.infoBannerText') }), jsx("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-x-auto", children: jsxs("table", { className: "w-full text-sm min-w-[600px]", children: [jsx("thead", { className: "bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600", children: jsxs("tr", { children: [jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400", children: t('llmsTabIntegrationLlmsTab.colName') }), jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400", children: t('llmsTabIntegrationLlmsTab.colKey') }), jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400 w-[50px]" })] }) }), jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-600", children: isMaskedCredentialsLoading ? (jsx("tr", { children: jsx("td", { colSpan: 3, className: "px-6 py-8 text-center text-sm text-gray-500", children: t('llmsTabIntegrationLlmsTab.loading') }) })) : maskedCredentials.length === 0 ? (jsx("tr", { children: jsx("td", { colSpan: 3, className: "px-6 py-8 text-center text-sm text-gray-500", children: t('llmsTabIntegrationLlmsTab.noLlmKeysFound') }) })) : (maskedCredentials.map((cred, idx) => {
-                                var _a, _b, _c;
+                                var _a, _b, _c, _d, _e;
                                 const provider = ((_a = cred.service_info) === null || _a === void 0 ? void 0 : _a.display_name) || cred.name;
-                                // Prefer the logo the API ships; fall back to the bundled
-                                // provider artwork so known providers (ibl.ai included) never
-                                // degrade to a generic key emoji.
-                                let logoUrl;
-                                let logoAlt;
-                                if ((_b = cred.service_info) === null || _b === void 0 ? void 0 : _b.logo) {
-                                    logoUrl = cred.service_info.logo;
-                                    logoAlt = cred.service_info.display_name || cred.service_info.name;
-                                }
-                                else {
-                                    logoUrl = getLLMProviderDetails(cred.name).logo;
-                                }
+                                // Logos are backend-owned (`service_info.logo`); no bundled fallback.
+                                const logoUrl = (_b = cred.service_info) === null || _b === void 0 ? void 0 : _b.logo;
                                 const isAzure = isAzureOpenAI(cred);
                                 const azureModels = isAzure ? getAzureModels(cred) : [];
                                 const isExpanded = expandedRows.has(cred.name);
-                                return (jsxs(React__default.Fragment, { children: [jsxs("tr", { children: [jsx("td", { className: "px-6 py-4", children: jsxs("div", { className: "flex items-center gap-2", children: [jsx("img", { src: logoUrl, alt: logoAlt || provider || cred.name, className: "w-6 h-6 rounded-sm object-contain" }), jsx("span", { className: "font-normal text-gray-900 dark:text-gray-100", children: provider || cred.name }), isAzure && azureModels.length > 0 && (jsx("button", { type: "button", onClick: () => toggleRowExpansion(cred.name), className: "p-0.5 hover:bg-gray-100 rounded", children: isExpanded ? (jsx(ChevronUp, { className: "h-4 w-4 text-gray-500" })) : (jsx(ChevronDown, { className: "h-4 w-4 text-gray-500" })) }))] }) }), jsx("td", { className: "px-6 py-4 font-mono text-sm text-gray-900 dark:text-gray-100", children: isAzure ? (jsx("span", { className: "text-xs text-gray-500", children: t('llmsTabIntegrationLlmsTab.azureModelCount', {
+                                return (jsxs(React__default.Fragment, { children: [jsxs("tr", { children: [jsx("td", { className: "px-6 py-4", children: jsxs("div", { className: "flex items-center gap-2", children: [logoUrl ? (jsx("img", { src: logoUrl, alt: ((_c = cred.service_info) === null || _c === void 0 ? void 0 : _c.display_name) ||
+                                                                    ((_d = cred.service_info) === null || _d === void 0 ? void 0 : _d.name) ||
+                                                                    cred.name, className: "w-6 h-6 rounded-sm object-contain" })) : (jsx("span", { className: "text-lg", children: '🔑' })), jsx("span", { className: "font-normal text-gray-900 dark:text-gray-100", children: provider || cred.name }), isAzure && azureModels.length > 0 && (jsx("button", { type: "button", onClick: () => toggleRowExpansion(cred.name), className: "p-0.5 hover:bg-gray-100 rounded", children: isExpanded ? (jsx(ChevronUp, { className: "h-4 w-4 text-gray-500" })) : (jsx(ChevronDown, { className: "h-4 w-4 text-gray-500" })) }))] }) }), jsx("td", { className: "px-6 py-4 font-mono text-sm text-gray-900 dark:text-gray-100", children: isAzure ? (jsx("span", { className: "text-xs text-gray-500", children: t('llmsTabIntegrationLlmsTab.azureModelCount', {
                                                             count: azureModels.length,
-                                                        }) })) : (String((_c = cred === null || cred === void 0 ? void 0 : cred.value) === null || _c === void 0 ? void 0 : _c.key).slice(0, 15) || '') }), jsx("td", { className: "px-6 py-4", children: jsx(Button$1, { variant: "ghost", size: "sm", className: "cursor-pointer mr-2", disabled: isDeletingIntegration || isDeletingCredential, onClick: () => handleDeleteCredential(cred.name, cred.platform, false), children: jsx(Trash, { className: "h-4 w-4" }) }) })] }), isAzure &&
+                                                        }) })) : (String((_e = cred === null || cred === void 0 ? void 0 : cred.value) === null || _e === void 0 ? void 0 : _e.key).slice(0, 15) || '') }), jsx("td", { className: "px-6 py-4", children: jsx(Button$1, { variant: "ghost", size: "sm", className: "cursor-pointer mr-2", disabled: isDeletingIntegration || isDeletingCredential, onClick: () => handleDeleteCredential(cred.name, cred.platform, false), children: jsx(Trash, { className: "h-4 w-4" }) }) })] }), isAzure &&
                                             isExpanded &&
                                             azureModels.map((model, modelIdx) => (jsxs("tr", { children: [jsx("td", { className: "px-6 py-4 pl-12", children: jsx("span", { className: "text-sm text-gray-700", children: model.modelName.toLowerCase() }) }), jsx("td", { className: "px-6 py-4 font-mono text-sm text-gray-600", children: model.maskedKey.slice(0, 15) || '' }), jsx("td", { className: "px-6 py-4", children: jsx(Button$1, { variant: "ghost", size: "sm", className: "cursor-pointer", disabled: isDeletingIntegration || isDeletingCredential, onClick: () => handleDeleteCredential(cred.name, cred.platform, false, model.modelName), children: jsx(Trash, { className: "h-4 w-4" }) }) })] }, `${cred.name}-${model.modelName}-${modelIdx}`)))] }, cred.name + idx));
                             })) })] }) })] }));
@@ -259377,6 +259153,202 @@ var reactPaginate = {exports: {}};
 	
 } (reactPaginate));
 
+/**
+ * A provider's logo as the backend serves it. Provider naming and artwork are
+ * owned by the API (`LLMResponse.logo`, `ExternalServiceInfo.logo`), so there
+ * is no bundled fallback image: a provider without a logo renders a neutral
+ * initial instead, keeping the card layout intact.
+ */
+function LLMProviderLogo({ logo, label, alt = label, size = 32, className, }) {
+    if (logo) {
+        return (jsx(Image$4, { src: logo, alt: alt, className: cn('h-full w-full object-contain', className), width: size, height: size, loading: "lazy" }));
+    }
+    return (jsx("span", { role: "img", "aria-label": alt, "data-testid": "llm-provider-logo-placeholder", className: cn('flex h-full w-full items-center justify-center rounded bg-gray-100 text-xs font-semibold text-gray-500 uppercase', className), children: label.charAt(0) }));
+}
+
+/**
+ * Small pure utilities colocated with the LLM tab.
+ * Ported from standalone's `@/lib/utils` and `@/lib/error`.
+ */
+/**
+ * The label a provider renders with: the backend's `display_name` when it
+ * ships one, else its raw `name`. There is deliberately no frontend map behind
+ * this — naming (and the logo next to it) is owned by the backend.
+ */
+function llmProviderLabel(provider) {
+    return provider.display_name || provider.name;
+}
+/**
+ * The label a chat model renders with: the backend's `display_name` (`GPT-4.1
+ * Mini`) when it ships one, else the raw wire key (`gpt-4.1-mini`). Same rule
+ * as {@link llmProviderLabel}; every model list (LLM tab, sandbox) goes through
+ * here so they never drift apart.
+ */
+function llmModelLabel(model) {
+    return model.display_name || model.llm_name;
+}
+// Canonical provider name for any label — a backend key ("azure_openai"), a
+// human label ("Microsoft"), or a local model's provider ("Meta"). Folds every
+// alias onto one identity so the same provider from different sources compares
+// equal. See getProviderName.
+const PROVIDER_NAME_BY_ALIAS = {
+    microsoft: 'azure_openai',
+    azureopenai: 'azure_openai',
+    openai: 'openai',
+    google: 'google',
+    gemini: 'google',
+    meta: 'llama',
+    metallama: 'llama',
+    llama: 'llama',
+    mistral: 'mistral',
+    mistralai: 'mistral',
+    nvidia: 'nvidia',
+    iblchatnvidia: 'nvidia',
+    deepseek: 'deepseek',
+    anthropic: 'anthropic',
+    iblchatanthropic: 'anthropic',
+    claude: 'anthropic',
+    groq: 'groq',
+    perplexity: 'perplexity',
+    xai: 'xai',
+    bedrock: 'bedrock',
+    amazonbedrock: 'bedrock',
+    amazon: 'bedrock',
+    iblchatbedrock: 'bedrock',
+    alibaba: 'alibaba',
+    qwen: 'alibaba',
+    ibm: 'ibm',
+    granite: 'ibm',
+    // ibl.ai's own hosted provider. The backend key is `iblai` (NameEnum.IBLAI);
+    // the extra aliases cover the `IBLChat<Vendor>` house spelling and the
+    // dotted/spaced brand forms, which all normalize to one of these.
+    iblai: 'iblai',
+    ibl: 'iblai',
+    iblchatibl: 'iblai',
+    iblchatiblai: 'iblai',
+};
+/**
+ * Canonical provider name for any label, case- and punctuation-insensitive.
+ * Folds backend keys and human/display labels onto one identity — e.g.
+ * `getProviderName('Microsoft') === 'azure_openai'`,
+ * `getProviderName('Meta') === 'llama'`, `getProviderName('Google') === 'google'`.
+ * Unknown providers return their normalized (lowercased, alphanumeric-only) form.
+ *
+ * This is the single source of truth for provider identity, which matters as
+ * soon as on-device models enter the picture: the local catalog labels its
+ * providers the human way ("Meta", "Microsoft", "Alibaba") while the backend LLM
+ * list uses wire keys ("llama", "azure_openai"). Comparing the two raw would
+ * render a duplicate card for the same vendor.
+ */
+function getProviderName(llmProvider) {
+    var _a;
+    const normalized = (llmProvider !== null && llmProvider !== void 0 ? llmProvider : '').toLowerCase().replace(/[^a-z0-9]/g, '');
+    return (_a = PROVIDER_NAME_BY_ALIAS[normalized]) !== null && _a !== void 0 ? _a : normalized;
+}
+/**
+ * Whether two Ollama model refs name the same model, comparing by base name and
+ * ignoring a trailing `:tag` (so "llama3.2" ≡ "llama3.2:latest", and
+ * "granite4.1:8b" ≡ "granite4.1"). The download state and Ollama's /api/tags may
+ * carry a tag suffix the catalog id doesn't (or vice-versa); an exact `===` then
+ * fails to recognize a row's own in-flight download — the row shows "Download"
+ * with no progress while the pull runs. Base-name matching is safe here because
+ * every catalog model has a unique base (llama3.2, qwen3, mistral, granite4.1,
+ * gpt-oss, gemma4), so it can never light up the wrong row.
+ */
+function sameModel(a, b) {
+    const base = (ref) => (ref !== null && ref !== void 0 ? ref : '').toLowerCase().split(':')[0];
+    const ba = base(a);
+    return ba.length > 0 && ba === base(b);
+}
+/**
+ * Whether a catalog model id (e.g. "granite4.1:8b") is among the installed
+ * Ollama tags (e.g. "granite4.1:latest").
+ *
+ * Deliberately NOT the profile tab's `isModelInstalled`, which matches an exact
+ * tag or the `<id>:` prefix: that is one-directional and misses a catalog id
+ * that itself carries a tag ("granite4.1:8b" against an installed
+ * "granite4.1:latest"). The picker needs the symmetric base-name comparison of
+ * {@link sameModel} so a pulled model is recognized whichever side wears the tag.
+ */
+function isLocalModelInstalled(modelId, installedTags) {
+    return !!(installedTags === null || installedTags === void 0 ? void 0 : installedTags.some((tag) => sameModel(tag, modelId)));
+}
+function canSwitchProvider(providers, name) {
+    const provider = providers.find((p) => p.name === name);
+    return !!(provider === null || provider === void 0 ? void 0 : provider.chat_models) && provider.chat_models.length > 0;
+}
+/**
+ * Whether we hold a usable LLM key for this provider — its own credentials, or
+ * the tenant's main keys when it is allowed to borrow them. An *absent*
+ * `main_has_credentials` means the backend did not report on the main keys and
+ * is treated as available (matching standalone's `@/lib/utils` and
+ * `claw-sandbox`'s copy); only an explicit `false` rules the main keys out.
+ */
+function canSwitchLLm(llm) {
+    if (llm === null || llm === void 0 ? void 0 : llm.has_credentials) {
+        return true;
+    }
+    return ((llm === null || llm === void 0 ? void 0 : llm.can_use_main_keys) &&
+        ((llm === null || llm === void 0 ? void 0 : llm.main_has_credentials) === true || (llm === null || llm === void 0 ? void 0 : llm.main_has_credentials) === undefined));
+}
+/**
+ * Compares two providers by the label the user actually sees on the card (see
+ * {@link llmProviderLabel}), not by the backend key. Comparison is
+ * case-insensitive (`sensitivity: 'base'`) so casing never produces a
+ * surprising order.
+ */
+function compareLLMProvidersByDisplayName(a, b) {
+    return llmProviderLabel(a).localeCompare(llmProviderLabel(b), undefined, {
+        sensitivity: 'base',
+    });
+}
+/**
+ * Whether the user can reach *any* model of this provider.
+ *
+ * This is exactly the provider-level half of the per-model `isDisabled` rule in
+ * `llm-tab/llm-provider-modal.tsx`: a model row there is disabled when
+ * `!canSwitchLLm(provider) || !canSwitchProvider(llms, provider.name)`, and both
+ * of those depend only on the provider — so when either fails, *every* model row
+ * of that provider is disabled. `canSwitchProvider` is just "has at least one
+ * `chat_models` entry", which is checked inline here to keep the helper pure and
+ * free of the surrounding provider list.
+ *
+ * `canSwitchLLm` can return `undefined` (its `can_use_main_keys` branch), hence
+ * the explicit `Boolean(...)`.
+ */
+function canAccessProvider(provider) {
+    var _a, _b;
+    return Boolean(canSwitchLLm(provider !== null && provider !== void 0 ? provider : {})) && ((_b = (_a = provider === null || provider === void 0 ? void 0 : provider.chat_models) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0;
+}
+/**
+ * Orders LLM provider cards as two alphabetical groups: providers the user can
+ * actually use (see {@link canAccessProvider}) first, then the ones they can't —
+ * each group sorted alphabetically by display name.
+ *
+ * The grouping predicate is deliberately the same one the grid grays cards with,
+ * so the two always line up: group 1 renders normally, group 2 renders grayed.
+ * Grouping on credentials alone would let a provider that has a key but ships no
+ * chat models sort into the "usable" group while rendering grayed.
+ *
+ * Pure and non-mutating: RTK Query results are frozen, so the input is copied
+ * before sorting. `Array.prototype.sort` is stable, so providers that tie on
+ * both group and display name keep their original relative order.
+ */
+function sortLLMProvidersByCredentials(providers) {
+    return [...providers].sort((a, b) => {
+        const aUsable = canAccessProvider(a);
+        const bUsable = canAccessProvider(b);
+        if (aUsable !== bUsable)
+            return aUsable ? -1 : 1;
+        return compareLLMProvidersByDisplayName(a, b);
+    });
+}
+function extractErrorMessage$1(error, fallback) {
+    var _a, _b;
+    const apiError = error;
+    return ((_a = apiError === null || apiError === void 0 ? void 0 : apiError.data) === null || _a === void 0 ? void 0 : _a.error) || ((_b = apiError === null || apiError === void 0 ? void 0 : apiError.error) === null || _b === void 0 ? void 0 : _b.error) || fallback;
+}
+
 function OverlayModal({ open, onClose, title, description, className, children, }) {
     const t = useT();
     const [mounted, setMounted] = useState(false);
@@ -270957,7 +270929,7 @@ function resolveLLMTabLabels(override, t) {
  * line beneath it. One click toggles download ⇄ cancel; once installed a click
  * selects it.
  */
-function LocalModelRow({ name, size, logo, status, progress, disabled = false, disabledReason, errorMessage, onActivate, labels: labelsProp, }) {
+function LocalModelRow({ name, size, logo, providerLabel, status, progress, disabled = false, disabledReason, errorMessage, onActivate, labels: labelsProp, }) {
     const t = useT();
     const labels = useMemo(() => labelsProp !== null && labelsProp !== void 0 ? labelsProp : buildLLMTabLabels(t).providerModal.localModel, [labelsProp, t]);
     const selected = status === 'selected';
@@ -270999,16 +270971,15 @@ function LocalModelRow({ name, size, logo, status, progress, disabled = false, d
                 : 'cursor-pointer border-gray-200 hover:border-blue-500 hover:bg-blue-50'), children: [downloading && (jsx("span", { "aria-hidden": "true", "data-testid": "llm-local-model-progress", className: "pointer-events-none absolute inset-y-0 left-0 z-0 bg-blue-500/40 motion-safe:transition-[width] motion-safe:duration-300", 
                 // Minimum width so the bar is visible the moment a download starts
                 // (progress 0 / "starting"), then tracks real progress.
-                style: { width: `${status === 'starting' ? 6 : Math.max(pct, 6)}%` } })), jsx("span", { className: "relative z-10 flex h-8 w-8 flex-shrink-0 items-center justify-center overflow-hidden rounded-lg", children: jsx(Image$4, { src: logo, alt: "", "aria-hidden": "true", width: 32, height: 32, className: cn('h-full w-full object-contain', {
-                        grayscale: isBusyDisabled,
-                    }), loading: "lazy" }) }), jsxs("span", { className: "relative z-10 flex min-w-0 flex-1 flex-col gap-1.5", children: [jsx("span", { className: "truncate text-sm font-medium text-[#646464] lowercase", children: name }), jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-sm text-gray-500", children: [jsx("span", { className: "flex-shrink-0 rounded bg-gray-100 px-2 py-0.5 text-sm font-medium text-gray-500", children: labels.onDevice }), status === 'not-installed' && (jsxs(Fragment$1, { children: [jsx("span", { "aria-hidden": "true", children: "\u00B7" }), jsx("span", { children: size }), jsx(Download, { className: "h-4 w-4", "aria-hidden": "true" })] })), status === 'starting' && (jsxs(Fragment$1, { children: [jsx("span", { "aria-hidden": "true", children: "\u00B7" }), jsx("span", { children: labels.starting })] })), status === 'downloading' && (jsxs(Fragment$1, { children: [jsx("span", { "aria-hidden": "true", children: "\u00B7" }), jsxs("span", { className: "tabular-nums group-hover:hidden group-focus-visible:hidden", children: [pct, "%"] }), jsxs("span", { className: "hidden items-center gap-1 text-blue-600 group-hover:flex group-focus-visible:flex", children: [jsx(X$2, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), labels.cancel] })] })), status === 'selected' && (jsxs("span", { className: "flex items-center gap-1 text-blue-600", children: [jsx(Check, { className: "h-4 w-4", "aria-hidden": "true" }), labels.inUse] })), status === 'error' && (jsxs(Fragment$1, { children: [jsx("span", { "aria-hidden": "true", children: "\u00B7" }), jsx("span", { className: "truncate text-red-500", children: errorMessage || labels.downloadFailedRetry }), jsx(RotateCcw, { className: "h-4 w-4 flex-shrink-0 text-red-500", "aria-hidden": "true" })] }))] })] })] }));
+                style: { width: `${status === 'starting' ? 6 : Math.max(pct, 6)}%` } })), jsx("span", { "aria-hidden": "true", className: "relative z-10 flex h-8 w-8 flex-shrink-0 items-center justify-center overflow-hidden rounded-lg", children: jsx(LLMProviderLogo, { logo: logo, label: providerLabel !== null && providerLabel !== void 0 ? providerLabel : name, alt: "", className: cn({ grayscale: isBusyDisabled }) }) }), jsxs("span", { className: "relative z-10 flex min-w-0 flex-1 flex-col gap-1.5", children: [jsx("span", { className: "truncate text-sm font-medium text-[#646464] lowercase", children: name }), jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-sm text-gray-500", children: [jsx("span", { className: "flex-shrink-0 rounded bg-gray-100 px-2 py-0.5 text-sm font-medium text-gray-500", children: labels.onDevice }), status === 'not-installed' && (jsxs(Fragment$1, { children: [jsx("span", { "aria-hidden": "true", children: "\u00B7" }), jsx("span", { children: size }), jsx(Download, { className: "h-4 w-4", "aria-hidden": "true" })] })), status === 'starting' && (jsxs(Fragment$1, { children: [jsx("span", { "aria-hidden": "true", children: "\u00B7" }), jsx("span", { children: labels.starting })] })), status === 'downloading' && (jsxs(Fragment$1, { children: [jsx("span", { "aria-hidden": "true", children: "\u00B7" }), jsxs("span", { className: "tabular-nums group-hover:hidden group-focus-visible:hidden", children: [pct, "%"] }), jsxs("span", { className: "hidden items-center gap-1 text-blue-600 group-hover:flex group-focus-visible:flex", children: [jsx(X$2, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), labels.cancel] })] })), status === 'selected' && (jsxs("span", { className: "flex items-center gap-1 text-blue-600", children: [jsx(Check, { className: "h-4 w-4", "aria-hidden": "true" }), labels.inUse] })), status === 'error' && (jsxs(Fragment$1, { children: [jsx("span", { "aria-hidden": "true", children: "\u00B7" }), jsx("span", { className: "truncate text-red-500", children: errorMessage || labels.downloadFailedRetry }), jsx(RotateCcw, { className: "h-4 w-4 flex-shrink-0 text-red-500", "aria-hidden": "true" })] }))] })] })] }));
 }
 
-function LLMProviderModal({ isOpen, onClose, onSelect, llmProvider, isSelecting, mentorSettings, llms, getLLMProviderDetails: getLLMProviderDetails$1 = getLLMProviderDetails, labels: labelsProp, }) {
+function LLMProviderModal({ isOpen, onClose, onSelect, llmProvider, isSelecting, mentorSettings, llms, labels: labelsProp, }) {
     var _a;
     const t = useT();
     const labels = React__default.useMemo(() => labelsProp !== null && labelsProp !== void 0 ? labelsProp : buildLLMTabLabels(t).providerModal, [labelsProp, t]);
     const [searchQuery, setSearchQuery] = React__default.useState('');
+    const providerLabel = llmProviderLabel(llmProvider);
     // On-device model download state (Tauri desktop only; `isAvailable` is false
     // on web, which hides every local row below).
     const { isAvailable, state: downloadState, ollamaStatus, systemMemory, startDownload, cancelDownload, } = useModelDownload();
@@ -271197,7 +271168,6 @@ function LLMProviderModal({ isOpen, onClose, onSelect, llmProvider, isSelecting,
                         if (item.kind === 'cloud') {
                             const llm = item.llm;
                             const isActive = isCloudActive(llm);
-                            const providerDetails = getLLMProviderDetails$1(llmProvider.name, llm.llm_name);
                             const isDisabled = !switchLLMAllowed || isSelecting || isActive || !switchProviderAllowed;
                             return (jsxs("button", { "data-model": llm.llm_name, disabled: isDisabled, onClick: () => {
                                     selectCloud(llm.llm_name);
@@ -271207,15 +271177,15 @@ function LLMProviderModal({ isOpen, onClose, onSelect, llmProvider, isSelecting,
                                     'cursor-not-allowed border-gray-100 bg-gray-50': isDisabled && !isActive,
                                     'hover:border-blue-500 hover:bg-blue-50': !isDisabled,
                                     'cursor-not-allowed border-blue-500 bg-blue-50': isActive,
-                                }), children: [jsx("span", { className: "flex h-8 w-8 items-center justify-center overflow-hidden rounded-lg", children: jsx(Image$4, { src: providerDetails.logo, alt: labels.providerIconAlt(providerDetails.name), className: cn('h-full w-full object-contain', {
+                                }), children: [jsx("span", { className: "flex h-8 w-8 items-center justify-center overflow-hidden rounded-lg", children: jsx(LLMProviderLogo, { logo: llmProvider.logo, label: providerLabel, alt: labels.providerIconAlt(providerLabel), className: cn({
                                                 // `grayscale` alone is a no-op on already-black marks,
                                                 // so fade them as well — same rule as the provider grid.
                                                 'opacity-40 grayscale': isDisabled && !isActive,
-                                            }), width: 32, height: 32, loading: "lazy" }) }), jsx("span", { className: "text-left text-sm font-medium text-gray-900", children: llm.display_name || llm.llm_name })] }, `cloud-${llm.llm_name}`));
+                                            }) }) }), jsx("span", { className: "text-left text-sm font-medium text-gray-900", children: llmModelLabel(llm) })] }, `cloud-${llm.llm_name}`));
                         }
                         const m = item.model;
                         const status = statusFor(m);
-                        return (jsx(LocalModelRow, { name: m.name, size: localModelDisplaySize(m), logo: getLLMProviderDetails$1(llmProvider.name, m.name).logo, status: status, progress: sameModel(downloadingModel, m.id) ? downloadState.progress : 0, onActivate: () => activateLocal(m, status), labels: labels.localModel }, `local-${m.id}`));
+                        return (jsx(LocalModelRow, { name: m.name, size: localModelDisplaySize(m), logo: llmProvider.logo, providerLabel: providerLabel, status: status, progress: sameModel(downloadingModel, m.id) ? downloadState.progress : 0, onActivate: () => activateLocal(m, status), labels: labels.localModel }, `local-${m.id}`));
                     }) }), jsx(AlertDialog, { open: !!pendingModel, onOpenChange: (open) => {
                         if (!open)
                             setPendingModel(null);
@@ -271231,7 +271201,7 @@ function LLMProviderModal({ isOpen, onClose, onSelect, llmProvider, isSelecting,
                     }, children: jsxs(AlertDialogContent, { children: [jsxs(AlertDialogHeader, { children: [jsx(AlertDialogTitle, { children: labels.alreadyDownloadingTitle }), jsx(AlertDialogDescription, { children: labels.alreadyDownloadingDescription(busyDownloadName !== null && busyDownloadName !== void 0 ? busyDownloadName : '') })] }), jsx(AlertDialogFooter, { children: jsx(AlertDialogAction, { onClick: () => setBusyDownloadName(null), children: labels.gotIt }) })] }) })] }) }));
 }
 
-function AgentLLMTab({ showConfigurationHeader = true, mentorId: mentorIdOverride, getLLMProviderDetails: getLLMProviderDetails$1 = getLLMProviderDetails, labels: labelsOverride, }) {
+function AgentLLMTab({ showConfigurationHeader = true, mentorId: mentorIdOverride, labels: labelsOverride, }) {
     var _a;
     const t = useT();
     const { tenantKey, mentorId: contextMentorId, username, enableRBAC } = useAgentSettings();
@@ -271274,8 +271244,8 @@ function AgentLLMTab({ showConfigurationHeader = true, mentorId: mentorIdOverrid
         }
         // Alphabetical among themselves; the whole local-only block still renders
         // after the API providers.
-        return result.sort((a, b) => compareLLMProvidersByDisplayName(a.provider, b.provider, getLLMProviderDetails$1));
-    }, [llmProviders, getLLMProviderDetails$1]);
+        return result.sort((a, b) => compareLLMProvidersByDisplayName({ name: a.provider }, { name: b.provider }));
+    }, [llmProviders]);
     // Providers this device can serve on-device models for, by normalized key.
     // Empty off Tauri on purpose: the web has no local runtime, so a zero-model
     // server provider must not stay visible just because its NAME happens to
@@ -271289,7 +271259,7 @@ function AgentLLMTab({ showConfigurationHeader = true, mentorId: mentorIdOverrid
     // Two alphabetical groups: providers we have a usable LLM key for first, then
     // the ones we don't. Ordering is independent of the search filter below, so it
     // holds for whatever the filter leaves.
-    const sortedLLMProviders = React__default.useMemo(() => sortLLMProvidersByCredentials(llmProviders !== null && llmProviders !== void 0 ? llmProviders : [], getLLMProviderDetails$1), [llmProviders, getLLMProviderDetails$1]);
+    const sortedLLMProviders = React__default.useMemo(() => sortLLMProvidersByCredentials(llmProviders !== null && llmProviders !== void 0 ? llmProviders : []), [llmProviders]);
     const [editMentor, { isLoading: isEditingMentor }] = useEditMentorMutation();
     const isDisabled = isMentorSettingsLoading || isLoadingLLMProviders || isEditingMentor;
     const isLoading = isMentorSettingsLoading || isLoadingLLMProviders;
@@ -271344,7 +271314,7 @@ function AgentLLMTab({ showConfigurationHeader = true, mentorId: mentorIdOverrid
                                                 localProviderKeys.has(getProviderName(model.name));
                                         })
                                             .map((model) => {
-                                            const providerDetails = getLLMProviderDetails$1(model.name);
+                                            const providerLabel = llmProviderLabel(model);
                                             const isActive = !!activeProviderKey && getProviderName(model.name) === activeProviderKey;
                                             // The generated LLM response type doesn't declare the
                                             // credential flags the backend actually sends, so read them
@@ -271372,29 +271342,28 @@ function AgentLLMTab({ showConfigurationHeader = true, mentorId: mentorIdOverrid
                                                         // @ts-ignore - can_use_main_keys property does not exist on LLMResponse type
                                                         can_use_main_keys: model === null || model === void 0 ? void 0 : model.can_use_main_keys,
                                                     });
-                                                }, children: [jsx("div", { className: "h-8 w-8 flex-shrink-0", children: jsx(Image$4, { src: providerDetails.logo, alt: labels.providerLogoAlt(providerDetails.name), className: cn('h-full w-full object-contain', {
+                                                }, children: [jsx("div", { className: "h-8 w-8 flex-shrink-0", children: jsx(LLMProviderLogo, { logo: model.logo, label: providerLabel, alt: labels.providerLogoAlt(providerLabel), className: cn({
                                                                 // `grayscale` only desaturates, so already-black
                                                                 // marks (OpenAI, xAI) looked untouched. Fading is
                                                                 // what actually reads as inactive at any hue.
                                                                 'opacity-40 grayscale': isGrayed,
-                                                            }), width: 32, height: 32, loading: "lazy" }) }), jsx("span", { className: "text-sm font-medium text-gray-900", children: providerDetails.name })] }, model.id));
+                                                            }) }) }), jsx("span", { className: "text-sm font-medium text-gray-900", children: providerLabel })] }, model.id));
                                         }), localOnlyProviders.map((lp) => {
-                                            const details = getLLMProviderDetails$1(lp.provider);
                                             return (jsxs("div", { "data-testid": "llm-provider-card", "data-provider": lp.provider, "data-disabled": "false", className: cn('flex cursor-pointer items-center gap-3 rounded-lg border border-gray-200 bg-white p-4 shadow-sm transition-shadow hover:shadow-md', { 'border-blue-500': lp.key === activeProviderKey }), onClick: () => {
                                                     if (isDisabled || disabled)
                                                         return;
                                                     setSelectedLLMProvider({
                                                         id: -1,
                                                         name: lp.provider,
-                                                        logo: details.logo,
+                                                        logo: null,
                                                         description: null,
                                                         chat_models: [],
                                                     });
-                                                }, children: [jsx("div", { className: "h-8 w-8 flex-shrink-0", children: jsx(Image$4, { src: details.logo, alt: labels.providerLogoAlt(details.name), className: "h-full w-full object-contain", width: 32, height: 32, loading: "lazy" }) }), jsx("span", { className: "text-sm font-medium text-gray-900", children: details.name })] }, `local-${lp.key}`));
+                                                }, children: [jsx("div", { className: "h-8 w-8 flex-shrink-0", children: jsx(LLMProviderLogo, { logo: null, label: lp.provider, alt: labels.providerLogoAlt(lp.provider) }) }), jsx("span", { className: "text-sm font-medium text-gray-900", children: lp.provider })] }, `local-${lp.key}`));
                                         })] })) })), selectedLLMProvider && mentorSettings && (jsx(LLMProviderModal, { isOpen: true, onClose: () => setSelectedLLMProvider(null), onSelect: updateMentorLLM, llmProvider: selectedLLMProvider, isSelecting: isEditingMentor, mentorSettings: {
                                     llm_name: mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.llm_name,
                                     llm_provider: mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.llm_provider,
-                                }, llms: (llmProviders !== null && llmProviders !== void 0 ? llmProviders : []), getLLMProviderDetails: getLLMProviderDetails$1, labels: labels.providerModal }))] })] })] }));
+                                }, llms: (llmProviders !== null && llmProviders !== void 0 ? llmProviders : []), labels: labels.providerModal }))] })] })] }));
 }
 
 function useTools({ labels }) {
@@ -275045,8 +275014,8 @@ function AgentVoiceTab({ labels: labelsOverride, defaultSubTab = 'voice', render
     /**
      * Provider chips, ordered by lowercasing each label and then sorting
      * alphabetically, so a newly added provider slots itself in without a
-     * hand-edit. We reuse the vendor logos already shipped in the host's
-     * static-root (see `getLLMProviderDetails` for the canonical paths).
+     * hand-edit. The vendor logos are shipped under this package's `public/`
+     * and must be copied into the host's static-root.
      * Browser falls back to a Lucide globe — there's no vendor logo for
      * "device speech engine".
      */
@@ -281151,8 +281120,8 @@ function StartExperimentModal({ isOpen, onClose, tenantKey, username, mentorUniq
     return (jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: jsxs(DialogContent, { "aria-label": "start-evaluation", className: "w-full max-w-md", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { children: labels.title }), jsx(DialogDescription, { children: labels.description })] }), jsxs("div", { className: "grid gap-4 mt-3", children: [jsxs("div", { className: "grid gap-1.5", children: [jsx(Label$1, { children: labels.benchmarkLabel }), jsx("div", { className: "rounded-md border border-gray-200 bg-gray-50 px-3 py-2 text-sm font-medium text-gray-800", children: datasetName })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label$1, { htmlFor: "experiment-name", children: labels.experimentNameLabel }), jsx(Input, { id: "experiment-name", value: runName, onChange: (event) => setRunName(event.target.value), placeholder: labels.experimentNamePlaceholder, maxLength: 255, disabled: isStarting })] })] }), jsxs(DialogFooter, { className: "mt-4", children: [jsx(Button$1, { variant: "outline", onClick: handleClose, disabled: isStarting, children: labels.cancel }), jsxs(Button$1, { onClick: handleStart, disabled: isStarting, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [isStarting && jsx(LoaderCircle, { className: "h-4 w-4 mr-1 animate-spin" }), labels.start] })] })] }) }));
 }
 
-function EvaluateLlmPicker({ tenantKey, username, mentorId, value, onChange, getLLMProviderDetails, placeholder, pickerTitle, pickerDescription, selectorAriaLabel, searchPlaceholder, emptyMessage, logoAlt, disabled, }) {
-    var _a, _b;
+function EvaluateLlmPicker({ tenantKey, username, mentorId, value, onChange, placeholder, pickerTitle, pickerDescription, selectorAriaLabel, searchPlaceholder, emptyMessage, logoAlt, disabled, }) {
+    var _a, _b, _c;
     const [showProviders, setShowProviders] = React__default.useState(false);
     const [selectedProvider, setSelectedProvider] = React__default.useState(null);
     const [providerSearch, setProviderSearch] = React__default.useState('');
@@ -281163,7 +281132,14 @@ function EvaluateLlmPicker({ tenantKey, username, mentorId, value, onChange, get
         mentorId,
     }, { skip: !tenantKey || !username || !mentorId });
     const filteredProviders = React__default.useMemo(() => (llmProviders !== null && llmProviders !== void 0 ? llmProviders : []).filter((model) => model.name.toLowerCase().includes(providerSearch.toLowerCase())), [llmProviders, providerSearch]);
-    const currentDetails = value ? getLLMProviderDetails(value.llm_provider, value.llm_name) : null;
+    // The selected provider's backend row, for its logo and label; `undefined`
+    // until the catalogue loads or when the stored key no longer matches one.
+    const currentProvider = value
+        ? llmProviders === null || llmProviders === void 0 ? void 0 : llmProviders.find((model) => model.name === value.llm_provider)
+        : undefined;
+    const currentLabel = currentProvider
+        ? llmProviderLabel(currentProvider)
+        : ((_a = value === null || value === void 0 ? void 0 : value.llm_provider) !== null && _a !== void 0 ? _a : '');
     const handleProviderClick = (model) => {
         setSelectedProvider({
             id: model.id,
@@ -281184,17 +281160,17 @@ function EvaluateLlmPicker({ tenantKey, username, mentorId, value, onChange, get
         setSelectedProvider(null);
         setShowProviders(false);
     };
-    return (jsxs(Fragment$1, { children: [jsxs(Button$1, { type: "button", variant: "ghost", disabled: disabled, onClick: () => setShowProviders(true), "aria-label": selectorAriaLabel, className: "flex h-9 cursor-pointer items-center gap-2 px-2 text-sm font-medium text-[#646464] transition-colors hover:text-[#484848] disabled:opacity-50", children: [(currentDetails === null || currentDetails === void 0 ? void 0 : currentDetails.logo) ? (jsx(Image$4, { src: currentDetails.logo, alt: logoAlt.replace('{name}', currentDetails.name), width: 20, height: 20, className: "h-5 w-5 flex-shrink-0 object-contain", loading: "lazy" })) : (jsx(Bot, { className: "h-5 w-5 flex-shrink-0 text-gray-400" })), jsx("span", { className: "max-w-[220px] truncate", children: (value === null || value === void 0 ? void 0 : value.llm_name) || (currentDetails === null || currentDetails === void 0 ? void 0 : currentDetails.name) || placeholder }), jsx(ChevronDown, { className: "h-4 w-4 text-gray-500" })] }), jsx(Dialog, { open: showProviders, onOpenChange: (open) => !open && setShowProviders(false), children: jsxs(DialogContent, { "aria-label": "evaluate-llm-picker", className: "max-h-[90vh] w-full max-w-3xl overflow-y-auto", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { children: pickerTitle }), jsx(DialogDescription, { children: pickerDescription })] }), jsxs("div", { className: "relative", children: [jsx(Search, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-gray-400" }), jsx(Input, { placeholder: searchPlaceholder, className: "pl-9", value: providerSearch, onChange: (event) => setProviderSearch(event.target.value) })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-10", children: jsx(Spinner, {}) })) : (jsxs("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", children: [filteredProviders.map((model) => {
-                                    const details = getLLMProviderDetails(model.name);
+    return (jsxs(Fragment$1, { children: [jsxs(Button$1, { type: "button", variant: "ghost", disabled: disabled, onClick: () => setShowProviders(true), "aria-label": selectorAriaLabel, className: "flex h-9 cursor-pointer items-center gap-2 px-2 text-sm font-medium text-[#646464] transition-colors hover:text-[#484848] disabled:opacity-50", children: [(currentProvider === null || currentProvider === void 0 ? void 0 : currentProvider.logo) ? (jsx(LLMProviderLogo, { logo: currentProvider.logo, label: currentLabel, alt: logoAlt.replace('{name}', currentLabel), size: 20, className: "h-5 w-5 flex-shrink-0" })) : (jsx(Bot, { className: "h-5 w-5 flex-shrink-0 text-gray-400" })), jsx("span", { className: "max-w-[220px] truncate", children: (value === null || value === void 0 ? void 0 : value.llm_name) || currentLabel || placeholder }), jsx(ChevronDown, { className: "h-4 w-4 text-gray-500" })] }), jsx(Dialog, { open: showProviders, onOpenChange: (open) => !open && setShowProviders(false), children: jsxs(DialogContent, { "aria-label": "evaluate-llm-picker", className: "max-h-[90vh] w-full max-w-3xl overflow-y-auto", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { children: pickerTitle }), jsx(DialogDescription, { children: pickerDescription })] }), jsxs("div", { className: "relative", children: [jsx(Search, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-gray-400" }), jsx(Input, { placeholder: searchPlaceholder, className: "pl-9", value: providerSearch, onChange: (event) => setProviderSearch(event.target.value) })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-10", children: jsx(Spinner, {}) })) : (jsxs("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", children: [filteredProviders.map((model) => {
+                                    const label = llmProviderLabel(model);
                                     const isCurrent = (value === null || value === void 0 ? void 0 : value.llm_provider) === model.name;
-                                    return (jsxs("button", { type: "button", onClick: () => handleProviderClick(model), className: cn('flex cursor-pointer items-center gap-3 rounded-lg border border-gray-200 bg-white p-3 text-left shadow-sm transition-shadow hover:shadow-md', isCurrent && 'border-blue-500'), children: [jsx("div", { className: "h-8 w-8 flex-shrink-0", children: details.logo && (jsx(Image$4, { src: details.logo, alt: logoAlt.replace('{name}', details.name), className: "h-full w-full object-contain", width: 32, height: 32, loading: "lazy" })) }), jsx("span", { className: "truncate text-sm font-medium text-gray-900", children: details.name })] }, model.id));
+                                    return (jsxs("button", { type: "button", onClick: () => handleProviderClick(model), className: cn('flex cursor-pointer items-center gap-3 rounded-lg border border-gray-200 bg-white p-3 text-left shadow-sm transition-shadow hover:shadow-md', isCurrent && 'border-blue-500'), children: [jsx("div", { className: "h-8 w-8 flex-shrink-0", children: jsx(LLMProviderLogo, { logo: model.logo, label: label, alt: logoAlt.replace('{name}', label) }) }), jsx("span", { className: "truncate text-sm font-medium text-gray-900", children: label })] }, model.id));
                                 }), filteredProviders.length === 0 && (jsx("p", { className: "col-span-full py-6 text-center text-sm text-gray-500", children: emptyMessage }))] }))] }) }), selectedProvider && (jsx(LLMProviderModal, { isOpen: true, onClose: () => setSelectedProvider(null), onSelect: handleSelect, llmProvider: selectedProvider, isSelecting: false, mentorSettings: {
-                    llm_name: (_a = value === null || value === void 0 ? void 0 : value.llm_name) !== null && _a !== void 0 ? _a : '',
-                    llm_provider: (_b = value === null || value === void 0 ? void 0 : value.llm_provider) !== null && _b !== void 0 ? _b : '',
-                }, llms: (llmProviders !== null && llmProviders !== void 0 ? llmProviders : []), getLLMProviderDetails: getLLMProviderDetails }))] }));
+                    llm_name: (_b = value === null || value === void 0 ? void 0 : value.llm_name) !== null && _b !== void 0 ? _b : '',
+                    llm_provider: (_c = value === null || value === void 0 ? void 0 : value.llm_provider) !== null && _c !== void 0 ? _c : '',
+                }, llms: (llmProviders !== null && llmProviders !== void 0 ? llmProviders : []) }))] }));
 }
 
-function LlmJudgeModal({ isOpen, onClose, tenantKey, username, mentorId, datasetName, runName, labels, getLLMProviderDetails, }) {
+function LlmJudgeModal({ isOpen, onClose, tenantKey, username, mentorId, datasetName, runName, labels, }) {
     const [criteria, setCriteria] = React__default.useState('');
     const [scoreName, setScoreName] = React__default.useState('');
     const [llm, setLlm] = React__default.useState(null);
@@ -281246,7 +281222,7 @@ function LlmJudgeModal({ isOpen, onClose, tenantKey, username, mentorId, dataset
                                                 if (!Number.isNaN(parsed)) {
                                                     setMaxConcurrency(Math.min(20, Math.max(1, parsed)));
                                                 }
-                                            }, disabled: isSubmitting, className: "mt-2" })] })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Label$1, { className: "m-0", children: labels.llmLabel }), jsx(EvaluateLlmPicker, { tenantKey: tenantKey, username: username, mentorId: mentorId, value: llm, onChange: setLlm, getLLMProviderDetails: getLLMProviderDetails, placeholder: labels.selectLlmPlaceholder, pickerTitle: labels.pickerTitle, pickerDescription: labels.pickerDescription, selectorAriaLabel: labels.pickerSelectorAriaLabel, searchPlaceholder: labels.pickerSearchPlaceholder, emptyMessage: labels.pickerEmpty, logoAlt: labels.pickerLogoAlt, disabled: isSubmitting })] })] }), jsxs(DialogFooter, { className: "mt-4", children: [jsx(Button$1, { variant: "outline", onClick: handleClose, disabled: isSubmitting, children: labels.cancel }), jsxs(Button$1, { onClick: handleSubmit, disabled: isSubmitting || !criteria.trim() || !scoreName.trim() || !llm, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [isSubmitting && jsx(LoaderCircle, { className: "h-4 w-4 mr-1 animate-spin" }), labels.submit] })] })] }) }));
+                                            }, disabled: isSubmitting, className: "mt-2" })] })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Label$1, { className: "m-0", children: labels.llmLabel }), jsx(EvaluateLlmPicker, { tenantKey: tenantKey, username: username, mentorId: mentorId, value: llm, onChange: setLlm, placeholder: labels.selectLlmPlaceholder, pickerTitle: labels.pickerTitle, pickerDescription: labels.pickerDescription, selectorAriaLabel: labels.pickerSelectorAriaLabel, searchPlaceholder: labels.pickerSearchPlaceholder, emptyMessage: labels.pickerEmpty, logoAlt: labels.pickerLogoAlt, disabled: isSubmitting })] })] }), jsxs(DialogFooter, { className: "mt-4", children: [jsx(Button$1, { variant: "outline", onClick: handleClose, disabled: isSubmitting, children: labels.cancel }), jsxs(Button$1, { onClick: handleSubmit, disabled: isSubmitting || !criteria.trim() || !scoreName.trim() || !llm, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [isSubmitting && jsx(LoaderCircle, { className: "h-4 w-4 mr-1 animate-spin" }), labels.submit] })] })] }) }));
 }
 
 function renderItemText(value) {
@@ -281366,7 +281342,7 @@ function ManualScoreRow({ tenantKey, username, datasetName, runName, traceId, ru
 }
 /** Poll cadence while the run (or one of its reviews) is still producing data. */
 const ACTIVE_POLL_INTERVAL_MS = 10000;
-function ExperimentDetailModal({ isOpen, onClose, tenantKey, username, mentorId, datasetName, runName, labels, getLLMProviderDetails, }) {
+function ExperimentDetailModal({ isOpen, onClose, tenantKey, username, mentorId, datasetName, runName, labels, }) {
     var _a;
     const [showJudge, setShowJudge] = React__default.useState(false);
     const [expandedTrace, setExpandedTrace] = React__default.useState(null);
@@ -281393,6 +281369,15 @@ function ExperimentDetailModal({ isOpen, onClose, tenantKey, username, mentorId,
         page: 1,
         limit: 50,
     }, { refetchOnMountOrArgChange: true, pollingInterval });
+    // Provider rows, for the logo/label next to each review's judging LLM. Same
+    // args as the judge picker's query, so RTK Query serves both from one cache
+    // entry.
+    const { data: llmProviders } = useGetLlmsQuery({
+        org: tenantKey,
+        // @ts-ignore - userId not on generated signature
+        userId: username,
+        mentorId,
+    }, { skip: !tenantKey || !username || !mentorId });
     const runItems = (_a = run === null || run === void 0 ? void 0 : run.dataset_run_items) !== null && _a !== void 0 ? _a : [];
     // The backend returns run items in nondeterministic order (the eval store
     // is eventually consistent), so the raw order can shift between refetches.
@@ -281485,7 +281470,7 @@ function ExperimentDetailModal({ isOpen, onClose, tenantKey, username, mentorId,
                                             : labels.detailModal.tracesSuffixPlural, reviewCounts.pending > 0 && (jsxs("span", { className: "ml-2 inline-flex items-center gap-1 text-xs text-blue-600", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), reviewCounts.pending, " ", labels.detailModal.reviewsRunningLabel] })), reviewCounts.completed > 0 && (jsxs("span", { className: "ml-2 text-xs text-gray-500", children: ["\u00B7 ", reviewCounts.completed, " ", labels.detailModal.reviewsCompletedLabel] })), reviewCounts.failed > 0 && (jsxs("span", { className: "ml-2 text-xs text-red-500", children: ["\u00B7 ", reviewCounts.failed, " ", labels.detailModal.reviewsFailedLabel] }))] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Button$1, { size: "sm", variant: "outline", onClick: () => {
                                                 refetchRun();
                                                 refetchReviews();
-                                            }, disabled: isRunFetching || isReviewsFetching, "aria-label": labels.detailModal.refresh, title: labels.detailModal.refresh, children: jsx(RefreshCw, { className: isRunFetching || isReviewsFetching ? 'h-4 w-4 animate-spin' : 'h-4 w-4' }) }), jsxs(Button$1, { size: "sm", onClick: () => setShowJudge(true), disabled: runItems.length === 0, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [jsx(Sparkles, { className: "h-4 w-4 mr-1" }), labels.detailModal.newReview] })] })] }), jsx("p", { className: "text-xs text-gray-500", children: labels.detailModal.reviewsHint })] }), allReviews.length > 0 && (jsx(ReviewsList, { reviews: allReviews, runItems: runItems, labels: labels, getLLMProviderDetails: getLLMProviderDetails })), isRunLoading ? (jsx("div", { className: "flex justify-center items-center h-40", children: jsx(Spinner, {}) })) : (jsxs("div", { className: "space-y-3", children: [runItems.length === 0 && (jsx("div", { className: "rounded-md border border-gray-200 bg-gray-50 p-6 text-center text-sm text-gray-600", children: labels.detailModal.waitingHint })), sortedRunItems.map((item) => {
+                                            }, disabled: isRunFetching || isReviewsFetching, "aria-label": labels.detailModal.refresh, title: labels.detailModal.refresh, children: jsx(RefreshCw, { className: isRunFetching || isReviewsFetching ? 'h-4 w-4 animate-spin' : 'h-4 w-4' }) }), jsxs(Button$1, { size: "sm", onClick: () => setShowJudge(true), disabled: runItems.length === 0, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [jsx(Sparkles, { className: "h-4 w-4 mr-1" }), labels.detailModal.newReview] })] })] }), jsx("p", { className: "text-xs text-gray-500", children: labels.detailModal.reviewsHint })] }), allReviews.length > 0 && (jsx(ReviewsList, { reviews: allReviews, runItems: runItems, labels: labels, llmProviders: llmProviders !== null && llmProviders !== void 0 ? llmProviders : [] })), isRunLoading ? (jsx("div", { className: "flex justify-center items-center h-40", children: jsx(Spinner, {}) })) : (jsxs("div", { className: "space-y-3", children: [runItems.length === 0 && (jsx("div", { className: "rounded-md border border-gray-200 bg-gray-50 p-6 text-center text-sm text-gray-600", children: labels.detailModal.waitingHint })), sortedRunItems.map((item) => {
                             var _a;
                             // Sort scores by created_at so the order is stable across refetches.
                             const scores = [...((_a = item.scores) !== null && _a !== void 0 ? _a : [])].sort((a, b) => {
@@ -281502,7 +281487,7 @@ function ExperimentDetailModal({ isOpen, onClose, tenantKey, username, mentorId,
                                                             var _a, _b;
                                                             return (jsxs("div", { className: "group inline-flex items-center gap-1.5 rounded-full border border-gray-200 bg-gray-50 px-2 py-1 text-xs", title: (_a = score.comment) !== null && _a !== void 0 ? _a : undefined, children: [jsx("span", { className: "font-medium text-gray-700", children: score.name }), jsx("span", { className: "text-gray-600", children: (_b = score.string_value) !== null && _b !== void 0 ? _b : score.value }), jsx("button", { type: "button", "aria-label": labels.detailModal.removeScoreAriaLabel, onClick: () => handleDeleteScore(score.id), className: "opacity-50 transition-opacity group-hover:opacity-100", children: jsx(Trash2, { className: "h-3 w-3 text-red-500" }) })] }, score.id));
                                                         }) })) : (jsx("p", { className: "text-xs text-gray-500", children: labels.detailModal.noScoresHint }))] }), jsxs("div", { className: "space-y-1 pt-2 border-t border-gray-100", children: [jsx("p", { className: "text-xs font-medium text-gray-500", children: labels.detailModal.addScoreHeading }), jsx(ManualScoreRow, { tenantKey: tenantKey, username: username, datasetName: datasetName, runName: runName, traceId: item.trace_id, runId: (run === null || run === void 0 ? void 0 : run.id) || undefined, labels: labels.detailModal })] })] }))] }, item.id));
-                        })] })), showJudge && run && (jsx(LlmJudgeModal, { isOpen: showJudge, onClose: () => setShowJudge(false), tenantKey: tenantKey, username: username, mentorId: mentorId, datasetName: datasetName, runName: runName, labels: labels.evaluateModal, getLLMProviderDetails: getLLMProviderDetails }))] }) }));
+                        })] })), showJudge && run && (jsx(LlmJudgeModal, { isOpen: showJudge, onClose: () => setShowJudge(false), tenantKey: tenantKey, username: username, mentorId: mentorId, datasetName: datasetName, runName: runName, labels: labels.evaluateModal }))] }) }));
 }
 /**
  * Reviews list — surfaces every LLM-as-Judge task recorded against this
@@ -281514,14 +281499,14 @@ function ExperimentDetailModal({ isOpen, onClose, tenantKey, username, mentorId,
  * Per row: status badge, the score this review is producing, the LLM
  * doing the judging, when it started, and (on failure) the error.
  */
-function ReviewsList({ reviews, runItems, labels, getLLMProviderDetails, }) {
+function ReviewsList({ reviews, runItems, labels, llmProviders, }) {
     const [expandedReview, setExpandedReview] = React__default.useState(null);
     return (jsxs("div", { className: "mb-4 rounded-md border border-gray-200", children: [jsx("div", { className: "px-4 py-2 border-b border-gray-200 bg-gray-50", children: jsx("h4", { className: "text-xs font-semibold uppercase tracking-wide text-gray-600", children: labels.detailModal.reviewsHeading }) }), jsx("ul", { className: "divide-y divide-gray-100", children: reviews.map((review) => {
-                    var _a, _b, _c, _d, _e, _f, _g;
+                    var _a, _b, _c, _d;
                     const provider = (_a = review.request_metadata) === null || _a === void 0 ? void 0 : _a.llm_provider;
                     const llmName = (_b = review.request_metadata) === null || _b === void 0 ? void 0 : _b.llm_name;
                     const criteria = (_c = review.request_metadata) === null || _c === void 0 ? void 0 : _c.criteria;
-                    const providerDetails = provider ? getLLMProviderDetails(provider, llmName) : undefined;
+                    const providerRow = provider ? llmProviders.find((p) => p.name === provider) : undefined;
                     const started = parseEvalDate((_d = review.started_at) !== null && _d !== void 0 ? _d : review.created_at);
                     const completed = parseEvalDate(review.completed_at);
                     const rowKey = review.task_id || `${review.id}`;
@@ -281538,7 +281523,7 @@ function ReviewsList({ reviews, runItems, labels, getLLMProviderDetails, }) {
                                 .map((score) => ({ score, questionText }));
                         })
                         : [];
-                    return (jsxs("li", { children: [jsxs("button", { type: "button", onClick: () => setExpandedReview(isExpanded ? null : rowKey), "aria-expanded": isExpanded, "aria-label": labels.detailModal.reviewDetailsAriaLabel, className: "w-full px-4 py-3 flex flex-col gap-2 text-left hover:bg-gray-50 sm:flex-row sm:items-start sm:justify-between", children: [jsxs("div", { className: "min-w-0 flex-1", children: [jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [jsx(ChevronDown, { className: cn('h-4 w-4 flex-shrink-0 text-gray-400 transition-transform', isExpanded && 'rotate-180') }), jsx(ReviewStatusBadge, { status: review.status, labels: labels.detailModal.reviewStatus }), jsx("span", { className: "text-sm font-medium text-gray-900 truncate", children: review.score_name || labels.detailModal.reviewUnnamedScore })] }), criteria && !isExpanded && (jsx("p", { className: "text-xs text-gray-600 mt-1 line-clamp-2", children: criteria })), review.error_message && !isExpanded && (jsx("p", { className: "text-xs text-red-600 mt-1 line-clamp-2", children: review.error_message }))] }), jsxs("div", { className: "flex flex-col items-end gap-1 text-xs text-gray-500 sm:min-w-[12rem]", children: [(providerDetails === null || providerDetails === void 0 ? void 0 : providerDetails.logo) ? (jsxs("span", { className: "inline-flex items-center gap-1", children: [jsx("img", { src: providerDetails.logo, alt: (_g = (_f = (_e = providerDetails.name) !== null && _e !== void 0 ? _e : llmName) !== null && _f !== void 0 ? _f : provider) !== null && _g !== void 0 ? _g : '', className: "h-3 w-3" }), llmName !== null && llmName !== void 0 ? llmName : provider] })) : llmName || provider ? (jsx("span", { children: llmName !== null && llmName !== void 0 ? llmName : provider })) : null, completed
+                    return (jsxs("li", { children: [jsxs("button", { type: "button", onClick: () => setExpandedReview(isExpanded ? null : rowKey), "aria-expanded": isExpanded, "aria-label": labels.detailModal.reviewDetailsAriaLabel, className: "w-full px-4 py-3 flex flex-col gap-2 text-left hover:bg-gray-50 sm:flex-row sm:items-start sm:justify-between", children: [jsxs("div", { className: "min-w-0 flex-1", children: [jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [jsx(ChevronDown, { className: cn('h-4 w-4 flex-shrink-0 text-gray-400 transition-transform', isExpanded && 'rotate-180') }), jsx(ReviewStatusBadge, { status: review.status, labels: labels.detailModal.reviewStatus }), jsx("span", { className: "text-sm font-medium text-gray-900 truncate", children: review.score_name || labels.detailModal.reviewUnnamedScore })] }), criteria && !isExpanded && (jsx("p", { className: "text-xs text-gray-600 mt-1 line-clamp-2", children: criteria })), review.error_message && !isExpanded && (jsx("p", { className: "text-xs text-red-600 mt-1 line-clamp-2", children: review.error_message }))] }), jsxs("div", { className: "flex flex-col items-end gap-1 text-xs text-gray-500 sm:min-w-[12rem]", children: [(providerRow === null || providerRow === void 0 ? void 0 : providerRow.logo) ? (jsxs("span", { className: "inline-flex items-center gap-1", children: [jsx("img", { src: providerRow.logo, alt: llmProviderLabel(providerRow), className: "h-3 w-3" }), llmName !== null && llmName !== void 0 ? llmName : provider] })) : llmName || provider ? (jsx("span", { children: llmName !== null && llmName !== void 0 ? llmName : provider })) : null, completed
                                                 ? `${labels.detailModal.reviewFinishedPrefix} ${formatDistanceToNow(completed, { addSuffix: true })}`
                                                 : started
                                                     ? `${labels.detailModal.reviewStartedPrefix} ${formatDistanceToNow(started, { addSuffix: true })}`
@@ -281900,7 +281885,7 @@ function AgentEvaluationTab({ userIsStudent: userIsStudentProp, ...props }) {
         return null;
     return jsx(AgentEvaluationTabContent, { ...props });
 }
-function AgentEvaluationTabContent({ getLLMProviderDetails, labels: labelsOverride, PaginationComponent, }) {
+function AgentEvaluationTabContent({ labels: labelsOverride, PaginationComponent, }) {
     var _a, _b;
     const { tenantKey, mentorId, username } = useAgentSettings();
     const dispatch = useDispatch();
@@ -282051,7 +282036,7 @@ function AgentEvaluationTabContent({ getLLMProviderDetails, labels: labelsOverri
                                                                                 }), children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), labels.actions.delete] })] })] }) })] }, (_b = (_a = run.task_record_id) !== null && _a !== void 0 ? _a : run.id) !== null && _b !== void 0 ? _b : run.name));
                                             }), runs.length === 0 && (jsx(TableRow$1, { children: jsx(TableCell$1, { colSpan: 5, className: "p-6 text-center text-sm text-gray-500", children: labels.table.emptyState.replace('{dataset}', selectedBenchmark) }) }))] })] })) }) })), selectedBenchmark &&
                         totalPages > 1 &&
-                        (PaginationComponent ? (jsx(PaginationComponent, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: isRunsLoading })) : (jsx(AdvancedPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage }))), showManageBenchmarks && (jsx(Dialog, { open: showManageBenchmarks, onOpenChange: setShowManageBenchmarks, children: jsxs(DialogContent, { "aria-label": "manage-benchmarks", className: "max-w-4xl max-h-[85vh] overflow-y-auto", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { children: labels.manageBenchmarksModal.title }), jsx(DialogDescription, { children: labels.manageBenchmarksModal.description })] }), jsx(BenchmarksTab, { tenantKey: tenantKey, username: username })] }) })), showStart && (jsx(StartExperimentModal, { isOpen: showStart, onClose: () => setShowStart(false), tenantKey: tenantKey, username: username, mentorUniqueId: mentorId, datasetName: selectedBenchmark, onStarted: () => setPage(1), labels: labels.startExperimentModal })), selectedRun && (jsx(ExperimentDetailModal, { isOpen: !!selectedRun, onClose: () => setSelectedRun(null), tenantKey: tenantKey, username: username, mentorId: mentorId, datasetName: selectedRun.datasetName, runName: selectedRun.runName, labels: labels, getLLMProviderDetails: getLLMProviderDetails })), judgeRun && (jsx(LlmJudgeModal, { isOpen: !!judgeRun, onClose: () => setJudgeRun(null), tenantKey: tenantKey, username: username, mentorId: mentorId, datasetName: judgeRun.datasetName, runName: judgeRun.runName, labels: labels.evaluateModal, getLLMProviderDetails: getLLMProviderDetails })), deleteRun && (jsx(DeleteExperimentModal, { isOpen: !!deleteRun, onClose: () => setDeleteRun(null), tenantKey: tenantKey, username: username, datasetName: deleteRun.datasetName, runName: deleteRun.runName, labels: labels.deleteModal }))] })] }));
+                        (PaginationComponent ? (jsx(PaginationComponent, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: isRunsLoading })) : (jsx(AdvancedPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage }))), showManageBenchmarks && (jsx(Dialog, { open: showManageBenchmarks, onOpenChange: setShowManageBenchmarks, children: jsxs(DialogContent, { "aria-label": "manage-benchmarks", className: "max-w-4xl max-h-[85vh] overflow-y-auto", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { children: labels.manageBenchmarksModal.title }), jsx(DialogDescription, { children: labels.manageBenchmarksModal.description })] }), jsx(BenchmarksTab, { tenantKey: tenantKey, username: username })] }) })), showStart && (jsx(StartExperimentModal, { isOpen: showStart, onClose: () => setShowStart(false), tenantKey: tenantKey, username: username, mentorUniqueId: mentorId, datasetName: selectedBenchmark, onStarted: () => setPage(1), labels: labels.startExperimentModal })), selectedRun && (jsx(ExperimentDetailModal, { isOpen: !!selectedRun, onClose: () => setSelectedRun(null), tenantKey: tenantKey, username: username, mentorId: mentorId, datasetName: selectedRun.datasetName, runName: selectedRun.runName, labels: labels })), judgeRun && (jsx(LlmJudgeModal, { isOpen: !!judgeRun, onClose: () => setJudgeRun(null), tenantKey: tenantKey, username: username, mentorId: mentorId, datasetName: judgeRun.datasetName, runName: judgeRun.runName, labels: labels.evaluateModal })), deleteRun && (jsx(DeleteExperimentModal, { isOpen: !!deleteRun, onClose: () => setDeleteRun(null), tenantKey: tenantKey, username: username, datasetName: deleteRun.datasetName, runName: deleteRun.runName, labels: labels.deleteModal }))] })] }));
 }
 
 const CUSTOM_AGENTS_LIMIT = 6;
@@ -338443,5 +338428,5 @@ var index_es = /*#__PURE__*/Object.freeze({
     vectorsRatio: vectorsRatio
 });
 
-export { AGENT_ACCESS_TAB_LABELS, AGENT_ANALYTICS_TAB_LABELS, AGENT_API_TAB_LABELS, AGENT_DATASETS_TAB_LABELS, AGENT_DISCLAIMERS_TAB_LABELS, AGENT_EMBED_TAB_LABELS, AGENT_EVALUATION_TAB_LABELS, AGENT_GRADER_TAB_LABELS, AGENT_HISTORY_TAB_LABELS, AGENT_HUMAN_SUPPORT_TAB_LABELS, AGENT_LLM_TAB_LABELS, AGENT_LTI_TAB_LABELS, AGENT_MEMORY_TAB_LABELS, AGENT_PICKER_LABELS, AGENT_PRIVACY_TAB_LABELS, AGENT_PROMPTS_TAB_LABELS, AGENT_SAFETY_TAB_LABELS, AGENT_SCREENSHARE_TAB_LABELS, AGENT_SEARCH_LABELS, AGENT_SETTINGS_TAB_LABELS, AGENT_SKILLS_TAB_LABELS, AGENT_SPEND_CAPS_TAB_LABELS, AGENT_TASKS_TAB_LABELS, AGENT_TOOLS_TAB_LABELS, AGENT_VOICE_TAB_LABELS, Account, AgentAccessTab, AgentAnalyticsTab, AgentApiTab, AgentCard, AgentDatasetsTab, AgentDisclaimersTab, AgentEmbedTab, AgentEmptyState, AgentEvaluationTab, AgentGraderTab, AgentHistoryTab, AgentHumanSupportTab, AgentLLMTab, AgentLtiTab, AgentMemoryTab, AgentPrivacyTab, AgentPromptsTab, AgentSafetyTab, AgentScreenShareTab, AgentSearch, AgentSearchFilters, AgentSearchInput, AgentSettingsProvider, AgentSettingsTab, AgentSkillsTab, AgentSpendCapsTab, AgentTasksTab, AgentToolsTab, AgentVoiceTab, AppSidebar, CATALOGS, Chat, ClientErrorPage, ConversationStarters$1 as ConversationStarters, CopyButton, CopyMentorModal, CourseBox, CourseContentLayout, CourseContentTabPage, CreatePathwayModal, CredentialDetailModal, CredentialMiniBox, DEFAULT_ANALYTICS_HUB_TABS, DEFAULT_LOCALE, DeleteMentorModal, EMPTY_PROGRAM_SETTINGS_FORM, EdxIframe, ErrorPage, GRADING_TOOL_NAME, GreetingMethod, LLMProviderModal, LocalModelRow, McpTab, MediaBox, MentorSelectionGrid, NavBar, OrganizationTab, PLATFORM_SIDEBAR_FLYOUT_ITEM_COLOR, PLATFORM_SIDEBAR_FLYOUT_TITLE_COLOR, PLATFORM_SIDEBAR_NAV_ACTIVE_BG_OPEN, PLATFORM_SIDEBAR_NAV_MUTED, PathwayDetailModal, PlatformAccountSheet, PlatformSidebar, PlatformSidebarCollapsedLabelFlyout, PlatformSidebarCollapsedNavFlyout, PlatformSidebarFooter, PlatformSidebarNavDivider, PlatformSidebarNavSection, PlatformSidebarSubNavItem, ProfileInfoCards, ProfileTabs, ProgramDetailModal, ProjectsSidebarDropdown, SPEND_CAPS_SUB_TABS, SUPPORTED_LOCALES, SidebarInset, SidebarProvider, SidebarTrigger, SpendCapUsage, SsoLogin, StarButton, UserProfileDropdown, UserProfileModal, WebContainersI18nProvider, formatDateString, getCatalog, getLLMProviderDetails, getProviderName, initializeLocalStorageWithObject, isValidLocale, resolveAgentPickerLabels, resolveAgentSearchLabels, resolveLLMTabLabels, resolveSettingsTabLabels, useAgentSearch, useAgentSearchWithPagination, useAgentSettings, useAgentStar, useGetChatDetails, usePlatformSidebarFooterActions, usePlatformSidebarNavCallback, useSidebar, useT, useTimeTracker, useWebContainersI18n, useWebContainersLocale };
+export { AGENT_ACCESS_TAB_LABELS, AGENT_ANALYTICS_TAB_LABELS, AGENT_API_TAB_LABELS, AGENT_DATASETS_TAB_LABELS, AGENT_DISCLAIMERS_TAB_LABELS, AGENT_EMBED_TAB_LABELS, AGENT_EVALUATION_TAB_LABELS, AGENT_GRADER_TAB_LABELS, AGENT_HISTORY_TAB_LABELS, AGENT_HUMAN_SUPPORT_TAB_LABELS, AGENT_LLM_TAB_LABELS, AGENT_LTI_TAB_LABELS, AGENT_MEMORY_TAB_LABELS, AGENT_PICKER_LABELS, AGENT_PRIVACY_TAB_LABELS, AGENT_PROMPTS_TAB_LABELS, AGENT_SAFETY_TAB_LABELS, AGENT_SCREENSHARE_TAB_LABELS, AGENT_SEARCH_LABELS, AGENT_SETTINGS_TAB_LABELS, AGENT_SKILLS_TAB_LABELS, AGENT_SPEND_CAPS_TAB_LABELS, AGENT_TASKS_TAB_LABELS, AGENT_TOOLS_TAB_LABELS, AGENT_VOICE_TAB_LABELS, Account, AgentAccessTab, AgentAnalyticsTab, AgentApiTab, AgentCard, AgentDatasetsTab, AgentDisclaimersTab, AgentEmbedTab, AgentEmptyState, AgentEvaluationTab, AgentGraderTab, AgentHistoryTab, AgentHumanSupportTab, AgentLLMTab, AgentLtiTab, AgentMemoryTab, AgentPrivacyTab, AgentPromptsTab, AgentSafetyTab, AgentScreenShareTab, AgentSearch, AgentSearchFilters, AgentSearchInput, AgentSettingsProvider, AgentSettingsTab, AgentSkillsTab, AgentSpendCapsTab, AgentTasksTab, AgentToolsTab, AgentVoiceTab, AppSidebar, CATALOGS, Chat, ClientErrorPage, ConversationStarters$1 as ConversationStarters, CopyButton, CopyMentorModal, CourseBox, CourseContentLayout, CourseContentTabPage, CreatePathwayModal, CredentialDetailModal, CredentialMiniBox, DEFAULT_ANALYTICS_HUB_TABS, DEFAULT_LOCALE, DeleteMentorModal, EMPTY_PROGRAM_SETTINGS_FORM, EdxIframe, ErrorPage, GRADING_TOOL_NAME, GreetingMethod, LLMProviderModal, LocalModelRow, McpTab, MediaBox, MentorSelectionGrid, NavBar, OrganizationTab, PLATFORM_SIDEBAR_FLYOUT_ITEM_COLOR, PLATFORM_SIDEBAR_FLYOUT_TITLE_COLOR, PLATFORM_SIDEBAR_NAV_ACTIVE_BG_OPEN, PLATFORM_SIDEBAR_NAV_MUTED, PathwayDetailModal, PlatformAccountSheet, PlatformSidebar, PlatformSidebarCollapsedLabelFlyout, PlatformSidebarCollapsedNavFlyout, PlatformSidebarFooter, PlatformSidebarNavDivider, PlatformSidebarNavSection, PlatformSidebarSubNavItem, ProfileInfoCards, ProfileTabs, ProgramDetailModal, ProjectsSidebarDropdown, SPEND_CAPS_SUB_TABS, SUPPORTED_LOCALES, SidebarInset, SidebarProvider, SidebarTrigger, SpendCapUsage, SsoLogin, StarButton, UserProfileDropdown, UserProfileModal, WebContainersI18nProvider, formatDateString, getCatalog, getProviderName, initializeLocalStorageWithObject, isValidLocale, resolveAgentPickerLabels, resolveAgentSearchLabels, resolveLLMTabLabels, resolveSettingsTabLabels, useAgentSearch, useAgentSearchWithPagination, useAgentSettings, useAgentStar, useGetChatDetails, usePlatformSidebarFooterActions, usePlatformSidebarNavCallback, useSidebar, useT, useTimeTracker, useWebContainersI18n, useWebContainersLocale };
 //# sourceMappingURL=index.esm.js.map