@kortix/ui 0.14.4 → 0.14.6

package/dist/customize/sections/connectors-view.js

@@ -421,14 +421,16 @@ function EmailSenderPolicyEditor({ projectId, connectorSlug, policy, canWrite =
     const [domains, setDomains] = useState(() => initial.allowedDomains.join('\n'));
     const [regex, setRegex] = useState(initial.allowedRegex ?? '');
     const [error, setError] = useState(null);
-    useEffect(() => {
+    const [syncedPolicy, setSyncedPolicy] = useState(policy);
+    if (policy !== syncedPolicy) {
+        setSyncedPolicy(policy);
         const next = normalizeEmailSenderPolicy(policy);
         setRestricted(next.mode === 'restricted');
         setEmails(next.allowedEmails.join('\n'));
         setDomains(next.allowedDomains.join('\n'));
         setRegex(next.allowedRegex ?? '');
         setError(null);
-    }, [policy]);
+    }
     const nextPolicy = () => ({
         mode: restricted ? 'restricted' : 'allow_all',
         allowedEmails: splitPolicyList(emails),
@@ -948,17 +950,13 @@ export function CustomConnectorForm({ projectId, emailChannelEnabled, onAdded, }
         const timer = window.setTimeout(() => setDiscoveryDraft(draft), 400);
         return () => window.clearTimeout(timer);
     }, [draft]);
-    useEffect(() => {
-        if (!emailChannelEnabled && draft.provider === 'channel' && draft.platform === 'email') {
-            setDraft((current) => ({ ...current, platform: 'slack' }));
-        }
-    }, [draft.platform, draft.provider, emailChannelEnabled]);
-    useEffect(() => {
-        // Channel connectors have no OAuth2-at-creation offer.
-        if (draft.provider === 'channel' && oauth2Selected) {
-            setOauth2Selected(false);
-        }
-    }, [draft.provider, oauth2Selected]);
+    if (!emailChannelEnabled && draft.provider === 'channel' && draft.platform === 'email') {
+        setDraft((current) => ({ ...current, platform: 'slack' }));
+    }
+    // Channel connectors have no OAuth2-at-creation offer.
+    if (draft.provider === 'channel' && oauth2Selected) {
+        setOauth2Selected(false);
+    }
     const save = useCreateCustomConnector(projectId, onAdded);
     const discovery = useQuery({
         queryKey: ['connector-auth-discovery', projectId, discoveryDraft],

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

@@ -287,26 +287,23 @@ export function GatewayRouting({ projectId, canWrite, projectDefaultPending, })
     const [advancedOpen, setAdvancedOpen] = useState(false);
     const [resetOpen, setResetOpen] = useState(false);
     const [availability, setAvailability] = useState({});
-    const hydratedPolicySignature = useRef(null);
+    const [hydratedPolicySignature, setHydratedPolicySignature] = useState(null);
     const previewRequestId = useRef(0);
-    useEffect(() => {
-        if (!routing.data?.project)
-            return;
-        const signature = editablePolicySignature(routing.data.project);
-        // Effective routing also changes when the header's project default changes.
-        // Keep an in-progress fallback draft intact unless the persisted project
-        // policy itself changed (save, reset, or an external editor update).
-        if (hydratedPolicySignature.current === signature)
-            return;
-        hydratedPolicySignature.current = signature;
-        setDraft(clonePolicy(routing.data.project));
-        setFallbackMode(fallbackModeForPolicy(routing.data.project.defaultFallback));
-        setAdvancedOpen((current) => current || hasAdvancedRoutingConfig(routing.data.project));
-    }, [routing.data]);
+    // Effective routing also changes when the header's project default changes.
+    // Keep an in-progress fallback draft intact unless the persisted project
+    // policy itself changed (save, reset, or an external editor update).
+    const persistedProject = routing.data?.project;
+    const persistedSignature = persistedProject ? editablePolicySignature(persistedProject) : null;
+    if (persistedProject && persistedSignature !== hydratedPolicySignature) {
+        setHydratedPolicySignature(persistedSignature);
+        setDraft(clonePolicy(persistedProject));
+        setFallbackMode(fallbackModeForPolicy(persistedProject.defaultFallback));
+        setAdvancedOpen((current) => current || hasAdvancedRoutingConfig(persistedProject));
+    }
+    const previewRoute = routing.preview.mutateAsync;
     // Debounced availability preview: whenever the draft's referenced models
     // change, ask the gateway which of them currently have a connected
     // provider so the chain editor can flag a dead fallback before save.
-    // biome-ignore lint/correctness/useExhaustiveDependencies: routing.preview's mutateAsync is a stable handle from useGatewayRoutingPolicy and shouldn't retrigger this debounce.
     useEffect(() => {
         if (!draft || !routing.data) {
             setAvailability({});
@@ -325,7 +322,7 @@ export function GatewayRouting({ projectId, canWrite, projectDefaultPending, })
         const timer = setTimeout(() => {
             Promise.all(targets.map(async (model) => {
                 try {
-                    const result = await routing.preview.mutateAsync({
+                    const result = await previewRoute({
                         requestedModel: model,
                         imageInput: false,
                     });
@@ -345,7 +342,7 @@ export function GatewayRouting({ projectId, canWrite, projectDefaultPending, })
             });
         }, 400);
         return () => clearTimeout(timer);
-    }, [draft, routing.data, modelDefaults.projectDefault]);
+    }, [draft, routing.data, modelDefaults.projectDefault, previewRoute]);
     const models = useMemo(() => {
         const byWire = new Map();
         for (const model of catalogModels) {
@@ -425,8 +422,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/rail-copy-context.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from 'react';
+import { createContext, useContext, useMemo } from 'react';
 import { railGroups } from './rail.js';
 export const DEFAULT_SETTINGS_RAIL_CHROME_COPY = {
     settings: 'Settings',
@@ -14,13 +14,15 @@ const DEFAULT_VALUE = {
 };
 const SettingsRailCopyContext = createContext(DEFAULT_VALUE);
 export function SettingsRailCopyProvider({ groups, chrome, children, }) {
-    return (_jsx(SettingsRailCopyContext.Provider, { value: { groups, chrome }, children: children }));
+    const value = useMemo(() => ({ groups, chrome }), [groups, chrome]);
+    return (_jsx(SettingsRailCopyContext.Provider, { value: value, children: children }));
 }
 export function useSettingsRailChromeCopy() {
     return useContext(SettingsRailCopyContext).chrome;
 }
 export function useSettingsRailItem(tab) {
-    for (const group of useContext(SettingsRailCopyContext).groups) {
+    const { groups } = useContext(SettingsRailCopyContext);
+    for (const group of groups) {
         const item = group.items.find((candidate) => candidate.tab === tab);
         if (item)
             return item;