@kortix/ui 0.14.4 → 0.14.5

package/README.md

@@ -6,10 +6,14 @@ by CSS variables. The whole session UI lives here, one module per
 responsibility (layout below). `apps/web` imports it like any host: the module
 entries, the primitives, and a short list of deep paths (below).
 
-**Built with @kortix/ui:** [Lumen](../../apps/whitelabel-demo), a complete white-label agent
-product in its own brand. Every screen is a module of this package.
+**Built with @kortix/ui:** three white-label examples in `apps/white-label/`
+([README](../../apps/white-label/README.md)):
+[Lumen Workspace](../../apps/white-label/reskin), the Kortix workspace under its own
+theme, where every screen is a module of this package;
+[Team Console](../../apps/white-label/team-console), an internal tool; and
+[Lumen](../../apps/white-label/lumen), a legal AI SaaS with its own stack.
 
-<p align="center"><img src="https://github.com/kortix-ai/suna/raw/dev/apps/whitelabel-demo/public/screenshots/session.png" width="720" alt="Lumen: the Kortix session workspace in Lumen's brand" /></p>
+<p align="center"><img src="https://github.com/kortix-ai/suna/raw/dev/apps/white-label/lumen/public/screenshots/assistant-source.png" width="720" alt="Lumen: the @kortix/ui session thread in Lumen's brand, with a cited answer and its source" /></p>
 
 Install: `npm i @kortix/ui @kortix/sdk`. Both packages carry the Kortix release
 version, so install the same version of each. The module entries (`session`,
@@ -298,7 +302,7 @@ const brand: KortixTheme = {
 `THEME_COLOR_VARS` maps each color key to its variable. Plain CSS works too:
 set the same variables in your own `:root` / `.dark` after the import. Never
 fork a component. Roobert (`--font-roobert`) is for Kortix-owned surfaces only.
-`apps/whitelabel-demo/src/config/theme.ts` is the reference.
+`apps/white-label/reskin/src/config/theme.ts` is the reference.
 
 How it stays themable:
 

package/dist/customize/sections/llm-provider/constants.d.ts

@@ -1,3 +1,2 @@
-export declare const MANAGED_MODEL_ID_SET: Set<string>;
 export declare const CODEX_AUTH_JSON_SECRET_NAME = "CODEX_AUTH_JSON";
 export declare const LEGACY_RUNTIME_AUTH_JSON_SECRET_NAME = "OPENCODE_AUTH_JSON";

package/dist/customize/sections/llm-provider/constants.js

@@ -1,4 +1,2 @@
-import { DEFAULT_MANAGED_MODEL_IDS } from '@kortix/llm-catalog';
-export const MANAGED_MODEL_ID_SET = new Set(DEFAULT_MANAGED_MODEL_IDS);
 export const CODEX_AUTH_JSON_SECRET_NAME = 'CODEX_AUTH_JSON';
 export const LEGACY_RUNTIME_AUTH_JSON_SECRET_NAME = 'OPENCODE_AUTH_JSON';

package/dist/customize/sections/llm-provider/models-tab-group.d.ts

@@ -1,6 +1,6 @@
 import { type ModelContext } from './models-tab-row.js';
 import type { ModelGroup } from './model-rows.js';
-export declare function ModelsTabGroup({ group, access, enablement, defaults, pickerCatalog, canWrite, holdsDataClaim, platformFee, }: ModelContext & {
+export declare function ModelsTabGroup({ group, access, enablement, defaults, canWrite, platformFee, }: ModelContext & {
     group: ModelGroup;
     platformFee: number | undefined;
 }): import("react").JSX.Element;

package/dist/customize/sections/llm-provider/models-tab-group.js

@@ -6,18 +6,21 @@ import { errorToast } from '../../../primitives/toast.js';
 import { ProviderLogoStatus } from '../../providers/provider-connect.js';
 import { useTranslations } from '../../../i18n/index.js';
 import { ModelsTabRow } from './models-tab-row.js';
-export function ModelsTabGroup({ group, access, enablement, defaults, pickerCatalog, canWrite, holdsDataClaim, platformFee, }) {
+export function ModelsTabGroup({ group, access, enablement, defaults, canWrite, platformFee, }) {
     const tAccess = useTranslations('modelAccess');
     const tList = useTranslations('modelsList');
     const providerDisabled = access.data?.disabledProviders.includes(group.providerID) ?? false;
     const groupOn = group.rows.filter(({ model }) => model.enabled).length;
-    const dataClaim = group.providerID === 'kortix' &&
-        group.rows.every(({ model }) => holdsDataClaim(model.modelID));
+    // Platinum Inference serves every model it lists on zero-retention terms:
+    // the Kortix managed models and the Platinum provider alike.
+    const dataClaim = group.providerID === 'platinum' ||
+        (group.providerID === 'kortix' &&
+            group.rows.every(({ model }) => !model.modelID.includes('/')));
     return (_jsxs("section", { "data-provider-group": group.providerID, className: "bg-popover overflow-hidden rounded-lg border", children: [_jsxs("header", { className: "border-border flex items-center gap-3 border-b px-4 py-3", children: [_jsx(ProviderLogoStatus, { providerId: group.providerID, label: group.providerName, status: providerDisabled
                             ? 'none'
                             : group.providerID === 'kortix'
                                 ? 'included'
-                                : 'connected', size: "medium" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-foreground truncate text-sm font-medium", children: group.providerName }), group.providerID === 'kortix' && platformFee !== undefined ? (_jsx("p", { className: "text-muted-foreground text-xs", children: tList('platformFee', { fee: platformFee }) })) : null, dataClaim ? (_jsxs("p", { className: "text-muted-foreground text-xs", children: [_jsx(Hint, { label: tAccess('zdrDescription'), side: "top", className: "max-w-xs", children: _jsx("span", { tabIndex: 0, className: "cursor-help", children: tAccess('zdrTitle') }) }), ' · ', _jsx(Hint, { label: tAccess('usProvidersDescription'), side: "top", className: "max-w-xs", children: _jsx("span", { tabIndex: 0, className: "cursor-help", children: tAccess('usProvidersTitle') }) })] })) : null] }), _jsx("span", { className: "text-muted-foreground shrink-0 text-xs tabular-nums", children: tList('onCount', { on: groupOn, total: group.rows.length }) }), _jsx(ProviderSwitch, { access: access, providerId: group.providerID, name: group.providerName, canWrite: canWrite })] }), group.rows.map(({ model, wireId, isRollingAlias }) => (_jsx(ModelsTabRow, { model: model, wireId: wireId, isRollingAlias: isRollingAlias, group: group, providerDisabled: providerDisabled, access: access, enablement: enablement, defaults: defaults, pickerCatalog: pickerCatalog, canWrite: canWrite, holdsDataClaim: holdsDataClaim }, wireId)))] }, group.providerID));
+                                : 'connected', size: "medium" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-foreground truncate text-sm font-medium", children: group.providerName }), group.providerID === 'kortix' && platformFee !== undefined ? (_jsx("p", { className: "text-muted-foreground text-xs", children: tList('platformFee', { fee: platformFee }) })) : null, dataClaim ? (_jsx("p", { className: "text-muted-foreground text-xs", children: _jsx(Hint, { label: tAccess('zdrDescription'), side: "top", className: "max-w-xs", children: _jsx("span", { tabIndex: 0, className: "cursor-help", children: tAccess('zdrTitle') }) }) })) : null] }), _jsx("span", { className: "text-muted-foreground shrink-0 text-xs tabular-nums", children: tList('onCount', { on: groupOn, total: group.rows.length }) }), _jsx(ProviderSwitch, { access: access, providerId: group.providerID, name: group.providerName, canWrite: canWrite })] }), group.rows.map(({ model, wireId, isRollingAlias }) => (_jsx(ModelsTabRow, { model: model, wireId: wireId, isRollingAlias: isRollingAlias, group: group, providerDisabled: providerDisabled, access: access, enablement: enablement, defaults: defaults, canWrite: canWrite }, wireId)))] }, group.providerID));
 }
 /**
  * A whole provider on or off for this project. Credentials stay either way.

package/dist/customize/sections/llm-provider/models-tab-row.d.ts

@@ -1,28 +1,12 @@
-import { useModelAccess, useModelDefaults, useModelEnablement, useProjectModelPickerCatalog } from '@kortix/sdk/react';
-import { type ReactNode } from 'react';
+import { useModelAccess, useModelDefaults, useModelEnablement } from '@kortix/sdk/react';
 import type { ModelGroup, ModelRow } from './model-rows.js';
 export type ModelContext = {
     access: ReturnType<typeof useModelAccess>;
     enablement: ReturnType<typeof useModelEnablement>;
     defaults: ReturnType<typeof useModelDefaults>;
-    pickerCatalog: ReturnType<typeof useProjectModelPickerCatalog>;
     canWrite: boolean;
-    holdsDataClaim: (modelID: string) => boolean;
 };
-export declare function ModelsTabRow({ model, wireId, isRollingAlias, group, providerDisabled, access, enablement, defaults, pickerCatalog, canWrite, holdsDataClaim, }: ModelRow & ModelContext & {
+export declare function ModelsTabRow({ model, wireId, isRollingAlias, group, providerDisabled, access, enablement, defaults, canWrite, }: ModelRow & ModelContext & {
     group: ModelGroup;
     providerDisabled: boolean;
 }): import("react").JSX.Element;
-type ManagedPricingRoute = NonNullable<NonNullable<ReturnType<typeof useProjectModelPickerCatalog>>['managedPricingRoutes']>[string][number];
-/**
- * The row's price, underlined; hovering opens every serving route's price and
- * the data notes. The routes used to be printed as full sentences under each
- * managed model — four lines of numbers per row.
- */
-export declare function ModelPriceHoverCard({ modelName, routes, dataClaim, children, }: {
-    modelName: string;
-    routes: readonly ManagedPricingRoute[];
-    dataClaim: boolean;
-    children: ReactNode;
-}): import("react").JSX.Element;
-export {};

package/dist/customize/sections/llm-provider/models-tab-row.js

@@ -2,13 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Badge } from '../../../primitives/badge.js';
 import Hint from '../../../primitives/hint.js';
-import { HoverCard, HoverCardContent, HoverCardTrigger } from '../../../primitives/hover-card.js';
 import { Switch } from '../../../primitives/switch.js';
 import { Tag } from '../../../primitives/tag.js';
 import { errorToast } from '../../../primitives/toast.js';
 import { useTranslations } from '../../../i18n/index.js';
 import { cn } from '../../../internal/lib/utils.js';
-import { isManagedModelId, MANAGED_ENDPOINT_PROVIDERS } from '@kortix/llm-catalog';
 import { wireToModelKey, } from '@kortix/sdk/react';
 import { CheckIcon as Check, FolderSimpleIcon as Folder, DotsThreeIcon as MoreHorizontal, StarIcon as Star, } from '@phosphor-icons/react';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '../../../primitives/dropdown-menu.js';
@@ -18,11 +16,11 @@ import { formatPricePerMillion, formatTokenCount } from './utils.js';
 /** A row status pill as the Models board draws it: sentence case, Roobert,
  *  round. `Badge`'s default is the uppercase mono label used elsewhere. */
 const STATUS_PILL = 'rounded-full font-sans text-xs tracking-normal normal-case';
-export function ModelsTabRow({ model, wireId, isRollingAlias, group, providerDisabled, access, enablement, defaults, pickerCatalog, canWrite, holdsDataClaim, }) {
+export function ModelsTabRow({ model, wireId, isRollingAlias, group, providerDisabled, access, enablement, defaults, canWrite, }) {
     const tAccess = useTranslations('modelAccess');
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const tList = useTranslations('modelsList');
-    const isManaged = group.providerID === 'kortix' && isManagedModelId(model.modelID);
+    const isManaged = group.providerID === 'kortix' && !model.modelID.includes('/');
     const enabled = !!model.enabled;
     const modelDisabled = access.data?.disabledModels.includes(wireId) ?? false;
     const hiddenFromPicker = !!access.data && !enabled && !providerDisabled && !modelDisabled;
@@ -36,19 +34,8 @@ export function ModelsTabRow({ model, wireId, isRollingAlias, group, providerDis
     // provider — so this is the same comparison as the line above.
     const isAccountDefault = defaults.accountDefault?.modelID === wireId;
     const ctx = formatTokenCount(model.contextWindow);
-    const pricingRoutes = isManaged
-        ? pickerCatalog?.managedPricingRoutes?.[wireId]
-        : undefined;
-    // The row shows ONE price — the cheapest route's, as "from" —
-    // and the hover card shows every route. The routes used to be
-    // printed as full sentences under each managed model.
-    const hasRoutes = !!pricingRoutes && pricingRoutes.length > 0;
-    const priceIn = formatPricePerMillion(hasRoutes
-        ? Math.min(...pricingRoutes.map((route) => route.input))
-        : model.cost?.input);
-    const priceOut = formatPricePerMillion(hasRoutes
-        ? Math.min(...pricingRoutes.map((route) => route.output))
-        : model.cost?.output);
+    const priceIn = formatPricePerMillion(model.cost?.input);
+    const priceOut = formatPricePerMillion(model.cost?.output);
     const turnedOff = modelDisabled || providerDisabled;
     const metaLine = hiddenFromPicker
         ? tList('hiddenLine')
@@ -62,7 +49,7 @@ export function ModelsTabRow({ model, wireId, isRollingAlias, group, providerDis
                     : null,
                 ctx ? tList('context', { value: ctx }) : null,
                 priceIn && priceOut
-                    ? tList(hasRoutes ? 'fromPrice' : 'price', {
+                    ? tList('price', {
                         input: priceIn,
                         output: priceOut,
                     })
@@ -74,7 +61,7 @@ export function ModelsTabRow({ model, wireId, isRollingAlias, group, providerDis
     // A plain row, NOT a <label>: it holds several controls and a
     // label binds to the FIRST labelable one, so "click the row
     // to toggle" never did what it looked like.
-    _jsxs("div", { "data-model-id": wireId, className: "border-border hover:bg-hover flex min-h-13 items-center gap-3 border-t px-4 py-2 transition-[background-color] duration-(--duration-normal) first-of-type:border-t-0", children: [_jsxs("div", { className: "min-w-0 flex-1 space-y-0.5", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: cn('truncate text-sm font-medium', turnedOff ? 'text-muted-foreground' : 'text-foreground'), children: model.modelName }), isProjectDefault && (_jsx(Hint, { label: tI18nComplete.raw('text68cde35131cf'), side: "bottom", children: _jsx(Badge, { variant: "info", size: "sm", className: STATUS_PILL, children: tI18nComplete.raw('text5e06ae1125b5') }) })), isAccountDefault && (_jsx(Hint, { label: tI18nComplete.raw('textd197e66e9634'), side: "bottom", children: _jsx(Badge, { variant: "info", size: "sm", className: STATUS_PILL, children: tI18nComplete.raw('text071c0f5e8495') }) })), hiddenFromPicker && (_jsx(Hint, { label: tAccess('hiddenHint'), side: "bottom", children: _jsx(Badge, { variant: "muted", size: "sm", className: STATUS_PILL, children: tAccess('hidden') }) })), modelDisabled && !providerDisabled && (_jsx(Badge, { variant: "destructive", size: "sm", className: STATUS_PILL, children: tAccess('disabled') })), isRollingAlias && (_jsx(Hint, { label: tI18nComplete.raw('text7482f09d1b13'), side: "bottom", children: _jsx(Tag, { children: tI18nComplete.raw('textf096ba0a2aa6') }) }))] }), metaLine ? (hasRoutes && !hiddenFromPicker && !modelDisabled ? (_jsx(ModelPriceHoverCard, { modelName: model.modelName, routes: pricingRoutes, dataClaim: holdsDataClaim(model.modelID), children: metaLine })) : (_jsx("p", { className: "text-muted-foreground text-xs tabular-nums", children: metaLine }))) : null] }), _jsx("div", { className: "flex w-18 shrink-0 justify-end", children: _jsx(ModelCapabilityIcons, { chips: true, reasoning: model.capabilities?.reasoning, toolCall: model.capabilities?.toolcall, vision: model.capabilities?.vision }) }), canWrite && (enabled || hiddenFromPicker) ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", disabled: defaults.isUpdating, "aria-label": tI18nComplete('text43d1a2b807aa', {
+    _jsxs("div", { "data-model-id": wireId, className: "border-border hover:bg-hover flex min-h-13 items-center gap-3 border-t px-4 py-2 transition-[background-color] duration-(--duration-normal) first-of-type:border-t-0", children: [_jsxs("div", { className: "min-w-0 flex-1 space-y-0.5", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: cn('truncate text-sm font-medium', turnedOff ? 'text-muted-foreground' : 'text-foreground'), children: model.modelName }), isProjectDefault && (_jsx(Hint, { label: tI18nComplete.raw('text68cde35131cf'), side: "bottom", children: _jsx(Badge, { variant: "info", size: "sm", className: STATUS_PILL, children: tI18nComplete.raw('text5e06ae1125b5') }) })), isAccountDefault && (_jsx(Hint, { label: tI18nComplete.raw('textd197e66e9634'), side: "bottom", children: _jsx(Badge, { variant: "info", size: "sm", className: STATUS_PILL, children: tI18nComplete.raw('text071c0f5e8495') }) })), hiddenFromPicker && (_jsx(Hint, { label: tAccess('hiddenHint'), side: "bottom", children: _jsx(Badge, { variant: "muted", size: "sm", className: STATUS_PILL, children: tAccess('hidden') }) })), modelDisabled && !providerDisabled && (_jsx(Badge, { variant: "destructive", size: "sm", className: STATUS_PILL, children: tAccess('disabled') })), isRollingAlias && (_jsx(Hint, { label: tI18nComplete.raw('text7482f09d1b13'), side: "bottom", children: _jsx(Tag, { children: tI18nComplete.raw('textf096ba0a2aa6') }) }))] }), metaLine ? (_jsx("p", { className: "text-muted-foreground text-xs tabular-nums", children: metaLine })) : null] }), _jsx("div", { className: "flex w-18 shrink-0 justify-end", children: _jsx(ModelCapabilityIcons, { chips: true, reasoning: model.capabilities?.reasoning, toolCall: model.capabilities?.toolcall, vision: model.capabilities?.vision }) }), canWrite && (enabled || hiddenFromPicker) ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", disabled: defaults.isUpdating, "aria-label": tI18nComplete('text43d1a2b807aa', {
                                 value0: model.modelName,
                             }), title: tI18nComplete.raw('textc3b312278ee5'), className: "text-muted-foreground hover:text-foreground hover:bg-muted data-[state=open]:bg-muted data-[state=open]:text-foreground flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-md transition-[color,background-color] duration-(--duration-normal) disabled:cursor-not-allowed disabled:opacity-50", children: _jsx(MoreHorizontal, { className: "size-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-90", children: [hiddenFromPicker && (_jsx(DropdownMenuItem, { disabled: access.isUpdating, onSelect: () => void access
                                     .setEnabled({ target: 'model', id: wireId, enabled: false })
@@ -96,14 +83,3 @@ export function ModelsTabRow({ model, wireId, isRollingAlias, group, providerDis
                     .setEnabled({ target: 'model', id: wireId, enabled: next })
                     .catch((error) => errorToast(error instanceof Error ? error.message : tAccess('modelError'))), className: "shrink-0" })] }, wireId));
 }
-/**
- * The row's price, underlined; hovering opens every serving route's price and
- * the data notes. The routes used to be printed as full sentences under each
- * managed model — four lines of numbers per row.
- */
-export function ModelPriceHoverCard({ modelName, routes, dataClaim, children, }) {
-    const tAccess = useTranslations('modelAccess');
-    const tList = useTranslations('modelsList');
-    return (_jsxs(HoverCard, { openDelay: 150, children: [_jsx(HoverCardTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "text-foreground decoration-muted-foreground block cursor-help text-left text-xs tabular-nums underline decoration-dotted underline-offset-3", children: children }) }), _jsxs(HoverCardContent, { align: "start", className: "w-98 space-y-3 p-4", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [_jsx("p", { className: "text-foreground text-sm font-medium tabular-nums", children: tList('perMillion', { model: modelName }) }), _jsx(Hint, { label: tAccess('pricingEstimate'), children: _jsx("span", { tabIndex: 0, className: "text-muted-foreground cursor-help text-xs", children: tList('estimate') }) })] }), _jsxs("div", { className: "space-y-1.5 text-xs tabular-nums", children: [_jsxs("div", { className: "text-muted-foreground flex gap-2", children: [_jsx("span", { className: "min-w-0 flex-1", children: tList('route') }), _jsx("span", { className: "w-13 shrink-0 text-right", children: tList('input') }), _jsx("span", { className: "w-13 shrink-0 text-right", children: tList('cached') }), _jsx("span", { className: "w-13 shrink-0 text-right", children: tList('output') })] }), routes.map((price) => (_jsxs("div", { className: "text-foreground flex gap-2", "data-pricing-route": price.route, children: [_jsxs("span", { className: "min-w-0 flex-1 truncate", children: [MANAGED_ENDPOINT_PROVIDERS[price.route] ??
-                                                price.route.split('/')[0], price.role === 'preferred' ? ` · ${tAccess('pricingPreferred')}` : ''] }), _jsx("span", { className: "w-13 shrink-0 text-right", children: formatPricePerMillion(price.input) }), _jsx("span", { className: "w-13 shrink-0 text-right", children: formatPricePerMillion(price.cacheRead) }), _jsx("span", { className: "w-13 shrink-0 text-right", children: formatPricePerMillion(price.output) })] }, price.route)))] }), dataClaim ? (_jsxs("div", { className: "border-border text-muted-foreground space-y-1 border-t pt-3 text-xs text-pretty", children: [_jsxs("p", { children: [tAccess('zdrTitle'), ". ", tAccess('zdrDescription')] }), _jsxs("p", { children: [tAccess('usProvidersTitle'), ". ", tAccess('usProvidersDescription')] })] })) : null] })] }));
-}

package/dist/customize/sections/llm-provider/models-tab.d.ts

@@ -1,4 +1,3 @@
-export { ModelPriceHoverCard } from './models-tab-row.js';
 /**
  * `search` used to be driven by the provider modal's always-on search bar,
  * which JAY-510 deleted (it sat above the tabs and filtered whichever tab

package/dist/customize/sections/llm-provider/models-tab.js

@@ -1,7 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ModelsTabGroup } from './models-tab-group.js';
-export { ModelPriceHoverCard } from './models-tab-row.js';
 import { useTranslations } from '../../../i18n/index.js';
 /**
  * `ModelsTab` — "which models can this project use".
@@ -23,7 +22,6 @@ import { useTranslations } from '../../../i18n/index.js';
  */
 import { Button } from '../../../primitives/button.js';
 import { errorToast } from '../../../primitives/toast.js';
-import { isManagedModelId } from '@kortix/llm-catalog';
 import { useModelAccess, useModelDefaults, useModelEnablement, useProjectModelPickerCatalog, useProjectModels, } from '@kortix/sdk/react';
 import { useMemo, useRef, useState } from 'react';
 import { InputGroupSearch, InputGroupSearchClear, InputGroupSearchIcon, InputGroupSearchInput, } from '../../../primitives/input-group.js';
@@ -74,13 +72,6 @@ export function ModelsTab({ projectId, search: hostSearch, canWrite = false, })
     if (models.length === 0) {
         return (_jsxs("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-1 px-6 text-center", children: [_jsx("p", { className: "text-foreground text-sm", children: tI18nComplete.raw('textc7a9aa43558f') }), _jsx("p", { className: "text-muted-foreground max-w-xs text-xs text-pretty", children: tI18nComplete.raw('text2cedbc7a36d8') })] }));
     }
-    // One managed model clears the ZDR + US claim when it serves from Kortix's
-    // own managed pool. Only a Morph route breaks it; a missing price feed still
-    // serves from the verified US ZDR pool.
-    const holdsDataClaim = (modelID) => {
-        const routes = pickerCatalog?.managedPricingRoutes?.[modelID];
-        return isManagedModelId(modelID) && !routes?.some((route) => route.route === 'morph');
-    };
     // No horizontal padding of its own: `CapabilityPageShell` supplies the page
     // column, and 20px more here indented this tab's content past the tab strip
     // that selects it.
@@ -89,6 +80,6 @@ export function ModelsTab({ projectId, search: hostSearch, canWrite = false, })
                             .catch((error) => errorToast(error instanceof Error ? error.message : tAccess('resetError'))), children: tI18nComplete.raw('text5eed7e9fc8f3') })), _jsx("span", { className: "text-muted-foreground ml-auto shrink-0 text-xs tabular-nums", children: tList('onCount', { on: enabledCount, total: models.length }) })] }), groups.length === 0 ? (_jsx("div", { className: "flex min-h-[200px] items-center justify-center px-6 text-center", children: _jsx("p", { className: "text-muted-foreground text-xs", children: search
                         ? tI18nComplete('textb475669b9d30', { value0: search })
                         : tI18nComplete.raw('textb12da9202e8c') }) })) : (_jsx("div", { className: "space-y-6", children: groups.map((group) => {
-                    return (_jsx(ModelsTabGroup, { group: group, access: access, enablement: enablement, defaults: defaults, pickerCatalog: pickerCatalog, canWrite: canWrite, holdsDataClaim: holdsDataClaim, platformFee: platformFee }, group.providerID));
+                    return (_jsx(ModelsTabGroup, { group: group, access: access, enablement: enablement, defaults: defaults, canWrite: canWrite, platformFee: platformFee }, group.providerID));
                 }) }))] }));
 }

package/dist/customize/sections/llm-provider/use-connected-providers.js

@@ -9,7 +9,7 @@ import { useMemo } from 'react';
 import { useTranslations } from '../../../i18n/index.js';
 import { PROJECT_ACTIONS } from '../../../internal/lib/project-actions.js';
 import { useProjectCan } from '../../../internal/lib/use-project-can.js';
-import { CODEX_AUTH_JSON_SECRET_NAME, LEGACY_RUNTIME_AUTH_JSON_SECRET_NAME, MANAGED_MODEL_ID_SET, } from './constants.js';
+import { CODEX_AUTH_JSON_SECRET_NAME, LEGACY_RUNTIME_AUTH_JSON_SECRET_NAME, } from './constants.js';
 import { isProviderStateLoading } from './provider-loading-state.js';
 import { useLlmProviderCatalogRevision } from './use-live-catalog.js';
 import { buildCodexProvider, buildKortixManagedProvider } from './utils.js';
@@ -50,7 +50,7 @@ export function useConnectedProviders(projectId, enabled) {
                     models: Object.fromEntries(Object.entries(pickerCatalog.models).filter(([, model]) => model.enabled !== false)),
                 },
             ],
-        }, MANAGED_MODEL_ID_SET, tI18nComplete.raw('texte0a770200f93'));
+        }, tI18nComplete.raw('texte0a770200f93'));
     }, [managedModelsEnabled, pickerCatalog, tI18nComplete]);
     const connectedProviders = useMemo(() => {
         const hasCodexSubscription = secretNames.has(CODEX_AUTH_JSON_SECRET_NAME) ||

package/dist/customize/sections/llm-provider/utils.d.ts

@@ -32,7 +32,7 @@ export declare function buildCodexProvider(ocProviders: RuntimeProvidersSnapshot
  * Pure and exported so both rules are pinned by tests; the hook only wires
  * inputs in.
  */
-export declare function buildKortixManagedProvider(ocProviders: RuntimeProvidersSnapshot, managedModelIds: ReadonlySet<string>, includedHint: string): LlmProviderEntry | null;
+export declare function buildKortixManagedProvider(ocProviders: RuntimeProvidersSnapshot, includedHint: string): LlmProviderEntry | null;
 /**
  * The managed provider row's note on the "Add a key" grid.
  *

package/dist/customize/sections/llm-provider/utils.js

@@ -1,4 +1,3 @@
-import { getManagedModel } from '@kortix/llm-catalog';
 import { CODEX_AUTH_JSON_SECRET_NAME, LEGACY_RUNTIME_AUTH_JSON_SECRET_NAME } from './constants.js';
 export function providerDisconnectPlan(provider) {
     const removesSubscription = provider.id === 'codex' || provider.id === 'openai';
@@ -72,32 +71,26 @@ export function buildCodexProvider(ocProviders, tI18nComplete) {
  * Pure and exported so both rules are pinned by tests; the hook only wires
  * inputs in.
  */
-export function buildKortixManagedProvider(ocProviders, managedModelIds, includedHint) {
+export function buildKortixManagedProvider(ocProviders, includedHint) {
     const connectedIds = new Set(ocProviders?.connected ?? []);
     const kortix = (ocProviders?.all ?? []).find((p) => p.id === 'kortix');
     if (!kortix || !connectedIds.has('kortix'))
         return null;
     const models = [];
     for (const [id, m] of Object.entries(kortix.models ?? {})) {
-        if (!managedModelIds.has(id))
-            continue;
-        // Best-effort capability/limit passthrough for the "Models in depth"
-        // display (models-tab.tsx / catalog-tab.tsx) — the opencode provider
-        // snapshot mirrors these when it has them; `vision`/`limit` otherwise
-        // fall back to `@kortix/llm-catalog`'s curated managed-model table,
-        // the canonical home for both (see MANAGED_MODELS' doc comment —
-        // managed slugs aren't reliably on models.dev, so this table is
-        // authoritative for them, not a guess).
+        // Managed = served under the `kortix` provider: what Platinum Inference
+        // offers. Capabilities and limits come with the served entry.
         const raw = m;
-        const managed = getManagedModel(id);
+        if (raw.provider !== 'kortix' || id.includes('/'))
+            continue;
         models.push({
             id,
             name: (raw.name || id).replace('(latest)', '').trim(),
             released: raw.release_date ?? null,
             reasoning: raw.reasoning,
             tool_call: raw.tool_call,
-            attachment: managed?.vision,
-            limit: raw.limit ?? managed?.limit,
+            attachment: raw.attachment,
+            limit: raw.limit,
         });
     }
     if (models.length === 0)

package/dist/customize/sections/view/gateway/_shared.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getManagedModel } from '@kortix/llm-catalog';
 import { CheckIcon as Check } from '@phosphor-icons/react';
 import { Copy } from '../../../../icons/copy.js';
 import { useTranslations } from '../../../../i18n/index.js';
@@ -17,7 +16,7 @@ export function modelLabel(id) {
     return tail.replace(/[-_]/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());
 }
 export function displayModel(id) {
-    return getManagedModel(id)?.name ?? id.split('/').pop() ?? id;
+    return id.split('/').pop() ?? id;
 }
 export function tint(accent, pct) {
     return `color-mix(in oklch, ${accent} ${pct}%, transparent)`;

package/dist/customize/sections/view/gateway/gateway-routing.js

@@ -425,8 +425,9 @@ export function GatewayRouting({ projectId, canWrite, projectDefaultPending, })
             if (current.defaultFallback?.models.length)
                 return current;
             const inherited = routing.data.effective.defaultFallback.models.filter((model) => model !== primaryModel);
-            const preferred = models.find((model) => modelKeyToWire(model) === 'deepseek-v4.1-flash') ??
-                models.find((model) => modelKeyToWire(model) !== primaryModel);
+            // No model id is hardcoded: the platform fallback already follows the
+            // served lineup (`inherited`); otherwise take the first other model.
+            const preferred = models.find((model) => modelKeyToWire(model) !== primaryModel);
             return {
                 ...current,
                 defaultFallback: {

package/dist/customize/sections/view/sandbox-provider-coverage.d.ts

@@ -8,19 +8,14 @@ export type SandboxProviderMode = 'automatic' | 'pinned';
 export declare function SandboxProviderLabel({ provider }: {
     provider: string;
 }): import("react").JSX.Element;
-export declare function describeProviderMode(mode: SandboxProviderMode, selectedProvider: SandboxProvider | null, tI18nComplete: UiTranslator): {
-    label: string;
-    selectedProvider: string | null;
-};
 export declare function describeProviderCoverage(status: ProviderCoverageStatus, tI18nComplete: UiTranslator): {
     label: string;
     tone: 'ok' | 'busy' | 'fail' | 'idle';
 };
 export interface SandboxProviderBadgeCopy {
     states?: Partial<Record<ProviderCoverageStatus, string>>;
-    selected?: string;
-    selectedAria?: string;
 }
+/** Every sandbox runs on Platinum: a deprecated provider's coverage is not shown. */
 export declare function availableProviderCoverage(coverage: SandboxTemplate['provider_coverage'] | null | undefined): ProviderCoverageEntry[];
 /**
  * The freshest observation across every routable provider, or `null` when
@@ -34,19 +29,9 @@ export declare function latestObservedAt(coverage: SandboxTemplate['provider_cov
  *
  * It replaces `SandboxTemplateProviderCoverage`, which baked its own
  * "Session runtime" label, its badge list and its "Checked …" stamp into one
- * `flex` block. That composite could only ever be dropped into a layout whole,
- * so `sandbox-tab.tsx` ended up nesting a labelled row inside another labelled
- * row — two labels and an un-positionable timestamp in a single wrapping
- * footer. Owning just the badge lets the caller build the row.
- *
- * `SandboxTemplateProviderModeBadge` is gone with it: routing mode is static
- * configuration, not live status, so the card states it as a labelled fact in
- * the spec grid (`describeProviderMode` still supplies the words) rather than
- * floating a bare badge in the runtime strip.
+ * `flex` block. Owning just the badge lets the caller build the row.
  */
-export declare function SandboxProviderBadge({ item, selected, copy, }: {
+export declare function SandboxProviderBadge({ item, copy, }: {
     item: ProviderCoverageEntry;
-    /** Pinned mode only — marks the provider sessions actually route to. */
-    selected?: boolean;
     copy?: SandboxProviderBadgeCopy;
 }): import("react").JSX.Element;

package/dist/customize/sections/view/sandbox-provider-coverage.js

@@ -1,21 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslations } from '../../../i18n/index.js';
 import { Badge } from '../../../primitives/badge.js';
-import { formatSandboxProvider, isLegacySandboxProvider, sandboxProviderRank, } from '../../../internal/lib/sandbox-providers.js';
+import { formatSandboxProvider, isLegacySandboxProvider, } from '../../../internal/lib/sandbox-providers.js';
 /** A provider's name, with a `Legacy` badge for the legacy fallback provider (Daytona). */
 export function SandboxProviderLabel({ provider }) {
     const t = useTranslations('settings.sandbox');
     return (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [formatSandboxProvider(provider), isLegacySandboxProvider(provider) ? (_jsx(Badge, { variant: "muted", size: "sm", children: t('provider.legacy') })) : null] }));
 }
-export function describeProviderMode(mode, selectedProvider, tI18nComplete) {
-    if (mode === 'automatic')
-        return { label: tI18nComplete.raw('textd461a493a375'), selectedProvider: null };
-    const selected = selectedProvider ? formatSandboxProvider(selectedProvider) : null;
-    return {
-        label: tI18nComplete.raw('text3b3c31642567'),
-        selectedProvider: selected,
-    };
-}
 export function describeProviderCoverage(status, tI18nComplete) {
     switch (status) {
         case 'ready':
@@ -32,10 +23,9 @@ export function describeProviderCoverage(status, tI18nComplete) {
             return { label: tI18nComplete.raw('textb764cdc0eab7'), tone: 'idle' };
     }
 }
+/** Every sandbox runs on Platinum: a deprecated provider's coverage is not shown. */
 export function availableProviderCoverage(coverage) {
-    return (coverage ?? [])
-        .filter((item) => item.available)
-        .sort((a, b) => sandboxProviderRank(a.provider) - sandboxProviderRank(b.provider));
+    return (coverage ?? []).filter((item) => item.available && !isLegacySandboxProvider(item.provider));
 }
 function providerCoverageVariant(tone) {
     if (tone === 'ok')
@@ -64,22 +54,12 @@ export function latestObservedAt(coverage) {
  *
  * It replaces `SandboxTemplateProviderCoverage`, which baked its own
  * "Session runtime" label, its badge list and its "Checked …" stamp into one
- * `flex` block. That composite could only ever be dropped into a layout whole,
- * so `sandbox-tab.tsx` ended up nesting a labelled row inside another labelled
- * row — two labels and an un-positionable timestamp in a single wrapping
- * footer. Owning just the badge lets the caller build the row.
- *
- * `SandboxTemplateProviderModeBadge` is gone with it: routing mode is static
- * configuration, not live status, so the card states it as a labelled fact in
- * the spec grid (`describeProviderMode` still supplies the words) rather than
- * floating a bare badge in the runtime strip.
+ * `flex` block. Owning just the badge lets the caller build the row.
  */
-export function SandboxProviderBadge({ item, selected = false, copy = {}, }) {
+export function SandboxProviderBadge({ item, copy = {}, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    const t = useTranslations('settings.sandbox');
-    const legacy = isLegacySandboxProvider(item.provider);
     const state = describeProviderCoverage(item.status, tI18nComplete);
     const stateLabel = copy.states?.[item.status] ?? state.label;
     const provider = formatSandboxProvider(item.provider);
-    return (_jsxs(Badge, { variant: providerCoverageVariant(state.tone), size: "xs", "aria-label": `${provider}${legacy ? ` ${t('provider.legacy')}` : ''}${selected ? ` ${copy.selectedAria ?? 'selected'}` : ''}: ${stateLabel}`, children: [provider, legacy ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "opacity-50", "aria-hidden": "true", children: tI18nComplete.raw('text3b9453dad42b') }), t('provider.legacy')] })) : null, selected ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "opacity-50", "aria-hidden": "true", children: tI18nComplete.raw('text3b9453dad42b') }), copy.selected ?? 'Selected'] })) : null, _jsx("span", { className: "opacity-50", "aria-hidden": "true", children: tI18nComplete.raw('text3b9453dad42b') }), stateLabel] }));
+    return (_jsxs(Badge, { variant: providerCoverageVariant(state.tone), size: "xs", "aria-label": `${provider}: ${stateLabel}`, children: [provider, _jsx("span", { className: "opacity-50", "aria-hidden": "true", children: tI18nComplete.raw('text3b9453dad42b') }), stateLabel] }));
 }

package/dist/customize/settings/tabs/sandbox-tab.d.ts

@@ -1,8 +1,6 @@
 import { type ReactNode } from 'react';
-import type { UiTranslator } from '../../../i18n/index.js';
 import { type SandboxTemplate } from '@kortix/sdk';
 import { type Icon as PhosphorIcon } from '@phosphor-icons/react';
-import { type SandboxProvider, type SandboxProviderMode } from '../../sections/view/sandbox-provider-coverage.js';
 type TemplateTone = 'ok' | 'busy' | 'fail' | 'idle';
 /** Exported for test only — `TemplateCard` itself owns mutations and cannot
  *  render under `renderToStaticMarkup`, so the presentation decisions are
@@ -36,27 +34,13 @@ export declare function describeBase(template: SandboxTemplate, labels?: {
     icon: PhosphorIcon;
     mono: boolean;
 };
-/** Where sessions built from this template actually run. Static configuration,
- *  not live status — which is why it belongs in the spec grid next to CPU and
- *  memory, and NOT in the runtime footer where a bare `Automatic` badge used
- *  to float with no label attached to it. */
-export declare function describeRouting(providerMode: SandboxProviderMode, selectedProvider: SandboxProvider | null, tI18nComplete: UiTranslator, labels?: {
-    automatic?: string;
-    pinned?: string;
-    pinnedWithProvider?: (provider: string) => string;
-}): {
-    label: string;
-    icon: PhosphorIcon;
-};
 /** Locale-aware age for the runtime footer's "Checked …" stamp. */
 export declare function TemplateStateLine({ tone, label }: {
     tone: TemplateTone;
     label: string;
 }): import("react").JSX.Element;
-export declare function TemplateRuntimeFooter({ coverage, providerMode, selectedProvider, formatObservedAt, runtimeLabel, checkedLabel, badgeCopy, }: {
+export declare function TemplateRuntimeFooter({ coverage, formatObservedAt, runtimeLabel, checkedLabel, badgeCopy, }: {
     coverage: SandboxTemplate['provider_coverage'] | null | undefined;
-    providerMode: SandboxProviderMode;
-    selectedProvider: SandboxProvider | null;
     formatObservedAt: (observedAt: string) => string;
     runtimeLabel: string;
     checkedLabel: (value: string) => string;
@@ -71,15 +55,6 @@ export interface SandboxTabViewProps {
      *  by the container from the same `canManage` gate as everything else in
      *  this tab. `undefined` (not rendered) for a non-manager. */
     headerAction?: ReactNode;
-    /** `SandboxProviderRow` — the per-project provider pin, moved here from
-     *  `general-tab.tsx`. A slot for the same reason `templatesSlot` is one: it
-     *  owns a `useMutation`/`useQueryClient` and cannot render under
-     *  `renderToStaticMarkup` with no `QueryClientProvider`.
-     *
-     *  Rendered ABOVE the loading/error branch on purpose. It is fed by the
-     *  PROJECT query, not the snapshots query, so a slow or failed template read
-     *  must not hide a control that has nothing to do with it. */
-    sandboxProviderSlot?: ReactNode;
     /** `1 | 2 | null` — drives whether the manifest hint below reads
      *  `kortix.toml` or `kortix.yaml`. `null`/anything else falls back to
      *  `kortix.toml`, matching `sandbox-view.tsx`'s own ternary default. */
@@ -110,7 +85,7 @@ export interface SandboxTabViewProps {
  *  read. Kept separate from `SandboxTab` so this renders under
  *  `renderToStaticMarkup` with no `QueryClientProvider` — see
  *  `GeneralTabView` for the same split. */
-export declare function SandboxTabView({ isLoading, isError, errorMessage, onRetry, headerAction, sandboxProviderSlot, manifestVersion, templatesError, isEmpty, emptyAction, templatesSlot, copy: copyOverride, }: SandboxTabViewProps): import("react").JSX.Element;
+export declare function SandboxTabView({ isLoading, isError, errorMessage, onRetry, headerAction, manifestVersion, templatesError, isEmpty, emptyAction, templatesSlot, copy: copyOverride, }: SandboxTabViewProps): import("react").JSX.Element;
 /** Container: owns every hook (project + snapshots queries, the template
  *  form's open/edit state) and renders `SandboxTabView` with real data +
  *  the templates slot, plus `SandboxTemplateForm` as a sibling (it owns its