@ai-matrx/agents 0.59.213 → 0.59.215

package/dist/models/react/index.js

@@ -96,6 +96,20 @@ import {
 import { Input } from "@ai-matrx/design-system/controls";
 import { MakerBrandGlyph, ServiceBrandGlyph } from "@ai-matrx/icons/brand-glyphs";
 
+// models/react/icons.tsx
+import {
+  AudioLinesIcon as GAudioLinesIcon,
+  BoxesIcon as GBoxesIcon,
+  FileTextIcon as GFileTextIcon,
+  ImageIcon as GImageIcon,
+  LanguagesIcon as GLanguagesIcon,
+  LayersIcon as GLayersIcon,
+  ScaleIcon as GScaleIcon,
+  ShieldIcon as GShieldIcon,
+  SlidersHorizontalIcon as GSlidersHorizontalIcon,
+  TypeIcon as GTypeIcon
+} from "@ai-matrx/design-system/icons";
+
 // catalog/shared/icon-paths.ts
 var SHAPES = {
   star: {
@@ -205,6 +219,7 @@ var ICON_PATHS = SHAPES;
 var ICON_NAMES = Object.keys(ICON_PATHS);
 
 // catalog/react/icons.tsx
+import { FolderIcon, RotateCcwIcon, TagIcon } from "@ai-matrx/design-system/icons";
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 function Svg({ children, ...props }) {
   return /* @__PURE__ */ jsx2(
@@ -252,9 +267,6 @@ function makeIcon(name) {
   };
 }
 var ArrowUpDownIcon = makeIcon("arrowUpDown");
-var FolderIcon = makeIcon("folder");
-var TagIcon = makeIcon("tag");
-var RotateCcwIcon = makeIcon("rotateCcw");
 var LoaderIcon = makeIcon("loader");
 var UsersIcon = makeIcon("users");
 var MessageCircleIcon = makeIcon("messageCircle");
@@ -273,115 +285,17 @@ function MousePointerClickIcon(props) {
 }
 
 // models/react/icons.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function Svg2({ children, ...props }) {
-  return /* @__PURE__ */ jsx3(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      ...props,
-      children
-    }
-  );
-}
-function ShieldIcon(props) {
-  return /* @__PURE__ */ jsx3(Svg2, { ...props, children: /* @__PURE__ */ jsx3("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }) });
-}
-function SlidersHorizontalIcon(props) {
-  return /* @__PURE__ */ jsxs2(Svg2, { ...props, children: [
-    /* @__PURE__ */ jsx3("path", { d: "M10 5H3" }),
-    /* @__PURE__ */ jsx3("path", { d: "M12 19H3" }),
-    /* @__PURE__ */ jsx3("path", { d: "M14 3v4" }),
-    /* @__PURE__ */ jsx3("path", { d: "M16 17v4" }),
-    /* @__PURE__ */ jsx3("path", { d: "M21 12h-9" }),
-    /* @__PURE__ */ jsx3("path", { d: "M21 19h-5" }),
-    /* @__PURE__ */ jsx3("path", { d: "M21 5h-7" }),
-    /* @__PURE__ */ jsx3("path", { d: "M8 10v4" }),
-    /* @__PURE__ */ jsx3("path", { d: "M8 12H3" })
-  ] });
-}
-function TypeIcon(props) {
-  return /* @__PURE__ */ jsxs2(Svg2, { ...props, children: [
-    /* @__PURE__ */ jsx3("path", { d: "M12 4v16" }),
-    /* @__PURE__ */ jsx3("path", { d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2" }),
-    /* @__PURE__ */ jsx3("path", { d: "M9 20h6" })
-  ] });
-}
-function ImageIcon(props) {
-  return /* @__PURE__ */ jsxs2(Svg2, { ...props, children: [
-    /* @__PURE__ */ jsx3("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
-    /* @__PURE__ */ jsx3("circle", { cx: "9", cy: "9", r: "2" }),
-    /* @__PURE__ */ jsx3("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
-  ] });
-}
-function AudioLinesIcon(props) {
-  return /* @__PURE__ */ jsxs2(Svg2, { ...props, children: [
-    /* @__PURE__ */ jsx3("path", { d: "M2 10v3" }),
-    /* @__PURE__ */ jsx3("path", { d: "M6 6v11" }),
-    /* @__PURE__ */ jsx3("path", { d: "M10 3v18" }),
-    /* @__PURE__ */ jsx3("path", { d: "M14 8v7" }),
-    /* @__PURE__ */ jsx3("path", { d: "M18 5v13" }),
-    /* @__PURE__ */ jsx3("path", { d: "M22 10v3" })
-  ] });
-}
-function BoxesIcon(props) {
-  return /* @__PURE__ */ jsxs2(Svg2, { ...props, children: [
-    /* @__PURE__ */ jsx3("path", { d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z" }),
-    /* @__PURE__ */ jsx3("path", { d: "m7 16.5-4.74-2.85" }),
-    /* @__PURE__ */ jsx3("path", { d: "m7 16.5 5-3" }),
-    /* @__PURE__ */ jsx3("path", { d: "M7 16.5v5.17" }),
-    /* @__PURE__ */ jsx3("path", { d: "M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z" }),
-    /* @__PURE__ */ jsx3("path", { d: "m17 16.5-5-3" }),
-    /* @__PURE__ */ jsx3("path", { d: "m17 16.5 4.74-2.85" }),
-    /* @__PURE__ */ jsx3("path", { d: "M17 16.5v5.17" }),
-    /* @__PURE__ */ jsx3("path", { d: "M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z" }),
-    /* @__PURE__ */ jsx3("path", { d: "M12 8 7.26 5.15" }),
-    /* @__PURE__ */ jsx3("path", { d: "m12 8 4.74-2.85" }),
-    /* @__PURE__ */ jsx3("path", { d: "M12 13.5V8" })
-  ] });
-}
-function FileTextIcon(props) {
-  return /* @__PURE__ */ jsxs2(Svg2, { ...props, children: [
-    /* @__PURE__ */ jsx3("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }),
-    /* @__PURE__ */ jsx3("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }),
-    /* @__PURE__ */ jsx3("path", { d: "M10 9H8" }),
-    /* @__PURE__ */ jsx3("path", { d: "M16 13H8" }),
-    /* @__PURE__ */ jsx3("path", { d: "M16 17H8" })
-  ] });
-}
-function LayersIcon(props) {
-  return /* @__PURE__ */ jsxs2(Svg2, { ...props, children: [
-    /* @__PURE__ */ jsx3("path", { d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z" }),
-    /* @__PURE__ */ jsx3("path", { d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12" }),
-    /* @__PURE__ */ jsx3("path", { d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17" })
-  ] });
-}
-function ScaleIcon(props) {
-  return /* @__PURE__ */ jsxs2(Svg2, { ...props, children: [
-    /* @__PURE__ */ jsx3("path", { d: "M12 3v18" }),
-    /* @__PURE__ */ jsx3("path", { d: "m19 8 3 8a5 5 0 0 1-6 0zV7" }),
-    /* @__PURE__ */ jsx3("path", { d: "M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1" }),
-    /* @__PURE__ */ jsx3("path", { d: "m5 8 3 8a5 5 0 0 1-6 0zV7" }),
-    /* @__PURE__ */ jsx3("path", { d: "M7 21h10" })
-  ] });
-}
-function LanguagesIcon(props) {
-  return /* @__PURE__ */ jsxs2(Svg2, { ...props, children: [
-    /* @__PURE__ */ jsx3("path", { d: "m5 8 6 6" }),
-    /* @__PURE__ */ jsx3("path", { d: "m4 14 6-6 2-3" }),
-    /* @__PURE__ */ jsx3("path", { d: "M2 5h12" }),
-    /* @__PURE__ */ jsx3("path", { d: "M7 2h1" }),
-    /* @__PURE__ */ jsx3("path", { d: "m22 22-5-10-5 10" }),
-    /* @__PURE__ */ jsx3("path", { d: "M14 18h6" })
-  ] });
-}
+var sized = (Glyph) => Glyph;
+var ShieldIcon = sized(GShieldIcon);
+var SlidersHorizontalIcon = sized(GSlidersHorizontalIcon);
+var TypeIcon = sized(GTypeIcon);
+var ImageIcon = sized(GImageIcon);
+var AudioLinesIcon = sized(GAudioLinesIcon);
+var BoxesIcon = sized(GBoxesIcon);
+var FileTextIcon = sized(GFileTextIcon);
+var LayersIcon = sized(GLayersIcon);
+var ScaleIcon = sized(GScaleIcon);
+var LanguagesIcon = sized(GLanguagesIcon);
 
 // models/react/ModelListDropdown.tsx
 import { ChevronDownIcon, ChevronRightIcon, SearchIcon, StarIcon, VideoIcon } from "@ai-matrx/design-system/icons";
@@ -549,7 +463,7 @@ function serviceCountLabel(count) {
 }
 
 // models/react/ModelListDropdown.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var PANEL_HEIGHT = 640;
 var LIST_MAX_HEIGHT = `min(${PANEL_HEIGHT}px, var(--radix-popper-available-height, 70dvh))`;
 var LIST_WIDTH = 520;
@@ -587,15 +501,15 @@ var INTERACTION_LABEL = {
 };
 function SpeedDots({ value }) {
   const label = speedRatingLabel(value);
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "span",
     {
       className: "inline-flex items-center gap-1",
       title: label == null ? "No speed rating yet" : `Speed ${label}/5`,
       children: [
-        /* @__PURE__ */ jsx4("span", { className: "text-[11px] font-medium tabular-nums text-foreground/80", children: speedRatingWord(value) }),
-        /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-0.5", children: [
-          [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3("span", { className: "text-[11px] font-medium tabular-nums text-foreground/80", children: speedRatingWord(value) }),
+        /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-0.5", children: [
+          [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx3(
             "span",
             {
               className: cn(
@@ -605,7 +519,7 @@ function SpeedDots({ value }) {
             },
             i
           )),
-          value != null && value >= 6 && /* @__PURE__ */ jsx4("span", { className: "text-[9px] leading-none text-amber-500", children: "+" })
+          value != null && value >= 6 && /* @__PURE__ */ jsx3("span", { className: "text-[9px] leading-none text-amber-500", children: "+" })
         ] })
       ]
     }
@@ -614,40 +528,40 @@ function SpeedDots({ value }) {
 function SpeedCell({ value }) {
   const word = speedRatingWord(value);
   const label = speedRatingLabel(value);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     DelayedHint,
     {
       label: label == null ? "No speed rating yet" : `Speed ${word} (${label}/5)`,
-      children: /* @__PURE__ */ jsx4("span", { className: "inline-block w-11 text-right text-[11px] font-medium tabular-nums text-foreground/80", children: word })
+      children: /* @__PURE__ */ jsx3("span", { className: "inline-block w-11 text-right text-[11px] font-medium tabular-nums text-foreground/80", children: word })
     }
   );
 }
 function CostTier({ tier }) {
   if (!tier)
-    return /* @__PURE__ */ jsx4("span", { className: "text-[11px] text-muted-foreground/50", children: "\u2014" });
+    return /* @__PURE__ */ jsx3("span", { className: "text-[11px] text-muted-foreground/50", children: "\u2014" });
   const rating = priceTierRating(tier);
   const word = costRatingWord(rating);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     DelayedHint,
     {
       label: `Relative cost ${word} (${rating >= 6 ? "5+" : rating}/5 compared with other models)`,
-      children: /* @__PURE__ */ jsx4("span", { className: "inline-block w-11 text-right text-[11px] font-medium tabular-nums text-foreground/80", children: word })
+      children: /* @__PURE__ */ jsx3("span", { className: "inline-block w-11 text-right text-[11px] font-medium tabular-nums text-foreground/80", children: word })
     }
   );
 }
 function ModalityIcons({ list }) {
   if (list.length === 0)
-    return /* @__PURE__ */ jsx4("span", { className: "text-[11px] text-muted-foreground/50", children: "\u2014" });
-  return /* @__PURE__ */ jsx4("span", { className: "inline-flex flex-nowrap items-center gap-1 whitespace-nowrap", children: list.map((m) => {
+    return /* @__PURE__ */ jsx3("span", { className: "text-[11px] text-muted-foreground/50", children: "\u2014" });
+  return /* @__PURE__ */ jsx3("span", { className: "inline-flex flex-nowrap items-center gap-1 whitespace-nowrap", children: list.map((m) => {
     const Icon = MODALITY_ICON[m];
-    return /* @__PURE__ */ jsxs3(
+    return /* @__PURE__ */ jsxs2(
       "span",
       {
         className: "inline-flex shrink-0 items-center gap-0.5 text-xs text-foreground/70",
         title: m,
         children: [
-          /* @__PURE__ */ jsx4(Icon, { className: "h-3 w-3" }),
-          /* @__PURE__ */ jsx4("span", { className: "capitalize", children: m })
+          /* @__PURE__ */ jsx3(Icon, { className: "h-3 w-3" }),
+          /* @__PURE__ */ jsx3("span", { className: "capitalize", children: m })
         ]
       },
       m
@@ -659,9 +573,9 @@ function AdminRow({
   value,
   mono
 }) {
-  return /* @__PURE__ */ jsxs3("div", { className: "flex items-baseline gap-2 whitespace-nowrap", children: [
-    /* @__PURE__ */ jsx4("span", { className: "w-[76px] shrink-0 text-[10px] uppercase tracking-wide text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs2("div", { className: "flex items-baseline gap-2 whitespace-nowrap", children: [
+    /* @__PURE__ */ jsx3("span", { className: "w-[76px] shrink-0 text-[10px] uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx3(
       "span",
       {
         className: cn(
@@ -689,16 +603,16 @@ function AdminOfferingBlock({
   total
 }) {
   const unit = offering.usageBasis ? `/ ${offering.usageBasis}` : "/ 1M tokens";
-  return /* @__PURE__ */ jsxs3("div", { className: "rounded-md border border-border p-2", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs3("span", { className: "truncate text-[11px] font-semibold text-foreground", children: [
+  return /* @__PURE__ */ jsxs2("div", { className: "rounded-md border border-border p-2", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs2("span", { className: "truncate text-[11px] font-semibold text-foreground", children: [
         "Offering ",
         index + 1,
         " of ",
         total,
         index === 0 ? " \u2014 preferred" : ""
       ] }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(
         "span",
         {
           className: cn(
@@ -709,21 +623,21 @@ function AdminOfferingBlock({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ jsx4(AdminRow, { label: "Model", value: offering.providerModelId, mono: true }),
-      /* @__PURE__ */ jsx4(AdminRow, { label: "Vendor", value: offering.vendor, mono: true }),
-      /* @__PURE__ */ jsx4(AdminRow, { label: "API", value: offering.apiName, mono: true }),
-      /* @__PURE__ */ jsx4(AdminRow, { label: "Translator", value: offering.translatorKey, mono: true }),
-      /* @__PURE__ */ jsx4(AdminRow, { label: "Transport", value: offering.transport, mono: true }),
-      /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsxs2("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsx3(AdminRow, { label: "Model", value: offering.providerModelId, mono: true }),
+      /* @__PURE__ */ jsx3(AdminRow, { label: "Vendor", value: offering.vendor, mono: true }),
+      /* @__PURE__ */ jsx3(AdminRow, { label: "API", value: offering.apiName, mono: true }),
+      /* @__PURE__ */ jsx3(AdminRow, { label: "Translator", value: offering.translatorKey, mono: true }),
+      /* @__PURE__ */ jsx3(AdminRow, { label: "Transport", value: offering.transport, mono: true }),
+      /* @__PURE__ */ jsx3(
         AdminRow,
         {
           label: "Endpoint",
           value: offering.endpointDisplayName || offering.endpointInternalName ? `${offering.endpointDisplayName ?? "\u2014"} (${offering.endpointInternalName ?? "\u2014"})` : null
         }
       ),
-      /* @__PURE__ */ jsx4(AdminRow, { label: "Priority", value: String(offering.priority), mono: true }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(AdminRow, { label: "Priority", value: String(offering.priority), mono: true }),
+      /* @__PURE__ */ jsx3(
         AdminRow,
         {
           label: "Points in",
@@ -731,7 +645,7 @@ function AdminOfferingBlock({
           mono: true
         }
       ),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(
         AdminRow,
         {
           label: "Points out",
@@ -739,7 +653,7 @@ function AdminOfferingBlock({
           mono: true
         }
       ),
-      offering.pointsCachedInput != null && /* @__PURE__ */ jsx4(
+      offering.pointsCachedInput != null && /* @__PURE__ */ jsx3(
         AdminRow,
         {
           label: "Points cached",
@@ -747,15 +661,15 @@ function AdminOfferingBlock({
           mono: true
         }
       ),
-      offering.pricing.length === 0 ? /* @__PURE__ */ jsx4(AdminRow, { label: "Pricing", value: "\u2014 (no pricing rows)" }) : offering.pricing.map((band, i) => /* @__PURE__ */ jsxs3("div", { className: "space-y-0.5", children: [
-        band.maxTokens != null && /* @__PURE__ */ jsx4(
+      offering.pricing.length === 0 ? /* @__PURE__ */ jsx3(AdminRow, { label: "Pricing", value: "\u2014 (no pricing rows)" }) : offering.pricing.map((band, i) => /* @__PURE__ */ jsxs2("div", { className: "space-y-0.5", children: [
+        band.maxTokens != null && /* @__PURE__ */ jsx3(
           AdminRow,
           {
             label: `Band ${i + 1}`,
             value: `\u2264 ${formatCount(band.maxTokens)} tokens`
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           AdminRow,
           {
             label: "Input $",
@@ -763,7 +677,7 @@ function AdminOfferingBlock({
             mono: true
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           AdminRow,
           {
             label: "Output $",
@@ -771,7 +685,7 @@ function AdminOfferingBlock({
             mono: true
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           AdminRow,
           {
             label: "Cached $",
@@ -780,26 +694,26 @@ function AdminOfferingBlock({
           }
         )
       ] }, i)),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(
         AdminRow,
         {
           label: "Billing",
           value: offering.usageBasis ? `Usage basis: ${offering.usageBasis}` : offering.tokenBilled ? "Token-billed (provider-reported tokens)" : "Standard $ / 1M tokens"
         }
       ),
-      /* @__PURE__ */ jsx4(AdminRow, { label: "Offering", value: offering.offeringId, mono: true })
+      /* @__PURE__ */ jsx3(AdminRow, { label: "Offering", value: offering.offeringId, mono: true })
     ] })
   ] });
 }
 function AdminOfferingsSection({ model }) {
   const offerings = model.admin?.offerings ?? [];
-  return /* @__PURE__ */ jsxs3("div", { className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "shrink-0 border-b border-border px-3 py-2 text-[10px] uppercase tracking-wide text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs2("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "shrink-0 border-b border-border px-3 py-2 text-[10px] uppercase tracking-wide text-muted-foreground", children: [
       "Offerings \u2014 real vendor / wire data (",
       offerings.length,
       ")"
     ] }),
-    /* @__PURE__ */ jsx4("div", { className: "min-h-0 flex-1 space-y-2 overflow-y-auto p-2", children: offerings.length === 0 ? /* @__PURE__ */ jsx4("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-2 text-[11px] text-destructive-ink", children: "No offerings \u2014 this model is not callable (a model without an `ai.offering` row cannot be routed)." }) : offerings.map((o, i) => /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3("div", { className: "min-h-0 flex-1 space-y-2 overflow-y-auto p-2", children: offerings.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-2 text-[11px] text-destructive-ink", children: "No offerings \u2014 this model is not callable (a model without an `ai.offering` row cannot be routed)." }) : offerings.map((o, i) => /* @__PURE__ */ jsx3(
       AdminOfferingBlock,
       {
         offering: o,
@@ -824,13 +738,13 @@ function ModelDetailCard({
 }) {
   const pinnedHere = (t) => !!isCurrentModel && !!pinnedOfferingId && t.offeringId === pinnedOfferingId;
   const anyPinnedHere = model.tiers.some(pinnedHere);
-  return /* @__PURE__ */ jsxs3("div", { className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-start justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs3("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx4("div", { className: "truncate text-sm font-semibold text-foreground", children: model.name }),
-          model.maker && /* @__PURE__ */ jsxs3("div", { className: "mt-0.5 flex items-center gap-1 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs2("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx3("div", { className: "truncate text-sm font-semibold text-foreground", children: model.name }),
+          model.maker && /* @__PURE__ */ jsxs2("div", { className: "mt-0.5 flex items-center gap-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx3(
               MakerBrandGlyph,
               {
                 maker: model.maker,
@@ -838,13 +752,13 @@ function ModelDetailCard({
                 className: "h-3.5 w-3.5"
               }
             ),
-            /* @__PURE__ */ jsx4("span", { children: model.maker })
+            /* @__PURE__ */ jsx3("span", { children: model.maker })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
-          model.isPrimary && /* @__PURE__ */ jsx4("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-foreground/70", children: "Default" }),
-          model.isPremium && /* @__PURE__ */ jsx4("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-foreground/70", children: "Premium" }),
-          model.isDeprecated && !model.retiredAt && /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
+          model.isPrimary && /* @__PURE__ */ jsx3("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-foreground/70", children: "Default" }),
+          model.isPremium && /* @__PURE__ */ jsx3("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-foreground/70", children: "Premium" }),
+          model.isDeprecated && !model.retiredAt && /* @__PURE__ */ jsx3(
             "span",
             {
               className: "rounded bg-destructive/15 px-1.5 py-0.5 text-[10px] font-medium text-destructive-ink",
@@ -852,7 +766,7 @@ function ModelDetailCard({
               children: "Deprecated"
             }
           ),
-          model.retiredAt && /* @__PURE__ */ jsx4(
+          model.retiredAt && /* @__PURE__ */ jsx3(
             "span",
             {
               className: "rounded bg-destructive/15 px-1.5 py-0.5 text-[10px] font-medium text-destructive-ink",
@@ -862,19 +776,19 @@ function ModelDetailCard({
           )
         ] })
       ] }),
-      model.description && /* @__PURE__ */ jsx4("p", { className: "mt-2 line-clamp-3 text-xs text-muted-foreground", children: model.description }),
-      /* @__PURE__ */ jsxs3("dl", { className: "mt-3 space-y-2 text-xs", children: [
-        /* @__PURE__ */ jsxs3("div", { children: [
-          /* @__PURE__ */ jsx4("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Input" }),
-          /* @__PURE__ */ jsx4("dd", { children: /* @__PURE__ */ jsx4(ModalityIcons, { list: model.input }) })
+      model.description && /* @__PURE__ */ jsx3("p", { className: "mt-2 line-clamp-3 text-xs text-muted-foreground", children: model.description }),
+      /* @__PURE__ */ jsxs2("dl", { className: "mt-3 space-y-2 text-xs", children: [
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx3("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Input" }),
+          /* @__PURE__ */ jsx3("dd", { children: /* @__PURE__ */ jsx3(ModalityIcons, { list: model.input }) })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { children: [
-          /* @__PURE__ */ jsx4("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Output" }),
-          /* @__PURE__ */ jsx4("dd", { children: /* @__PURE__ */ jsx4(ModalityIcons, { list: model.output }) })
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx3("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Output" }),
+          /* @__PURE__ */ jsx3("dd", { children: /* @__PURE__ */ jsx3(ModalityIcons, { list: model.output }) })
         ] }),
-        model.features.buckets.length > 0 && /* @__PURE__ */ jsxs3("div", { children: [
-          /* @__PURE__ */ jsx4("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Features" }),
-          /* @__PURE__ */ jsx4("dd", { className: "flex flex-wrap gap-1", children: model.features.buckets.map((b) => /* @__PURE__ */ jsx4(
+        model.features.buckets.length > 0 && /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx3("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Features" }),
+          /* @__PURE__ */ jsx3("dd", { className: "flex flex-wrap gap-1", children: model.features.buckets.map((b) => /* @__PURE__ */ jsx3(
             "span",
             {
               className: "whitespace-nowrap rounded border border-border px-1.5 py-0.5 text-[10px] text-foreground/80",
@@ -884,10 +798,10 @@ function ModelDetailCard({
             b
           )) })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "col-span-2", children: [
-            /* @__PURE__ */ jsx4("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Points / 1M tokens" }),
-            /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsx3("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Points / 1M tokens" }),
+            /* @__PURE__ */ jsx3(
               "dd",
               {
                 className: "whitespace-nowrap text-sm font-semibold tabular-nums text-foreground",
@@ -896,31 +810,31 @@ function ModelDetailCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs3("div", { children: [
-            /* @__PURE__ */ jsx4("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Context window" }),
-            /* @__PURE__ */ jsx4("dd", { className: "tabular-nums text-foreground/80", children: model.contextWindow?.toLocaleString() ?? "\u2014" })
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx3("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Context window" }),
+            /* @__PURE__ */ jsx3("dd", { className: "tabular-nums text-foreground/80", children: model.contextWindow?.toLocaleString() ?? "\u2014" })
           ] }),
-          /* @__PURE__ */ jsxs3("div", { children: [
-            /* @__PURE__ */ jsx4("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Max output" }),
-            /* @__PURE__ */ jsx4("dd", { className: "tabular-nums text-foreground/80", children: model.maxTokens?.toLocaleString() ?? "\u2014" })
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx3("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Max output" }),
+            /* @__PURE__ */ jsx3("dd", { className: "tabular-nums text-foreground/80", children: model.maxTokens?.toLocaleString() ?? "\u2014" })
           ] }),
-          /* @__PURE__ */ jsxs3("div", { children: [
-            /* @__PURE__ */ jsx4("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Cost" }),
-            /* @__PURE__ */ jsx4("dd", { children: /* @__PURE__ */ jsx4(CostTier, { tier }) })
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx3("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Cost" }),
+            /* @__PURE__ */ jsx3("dd", { children: /* @__PURE__ */ jsx3(CostTier, { tier }) })
           ] }),
-          /* @__PURE__ */ jsxs3("div", { children: [
-            /* @__PURE__ */ jsx4("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Speed" }),
-            /* @__PURE__ */ jsx4("dd", { children: /* @__PURE__ */ jsx4(SpeedDots, { value: model.speedRating }) })
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx3("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Speed" }),
+            /* @__PURE__ */ jsx3("dd", { children: /* @__PURE__ */ jsx3(SpeedDots, { value: model.speedRating }) })
           ] }),
-          /* @__PURE__ */ jsxs3("div", { children: [
-            /* @__PURE__ */ jsx4("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Interaction" }),
-            /* @__PURE__ */ jsx4("dd", { className: "text-foreground/80", children: INTERACTION_LABEL[model.interaction] })
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx3("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Interaction" }),
+            /* @__PURE__ */ jsx3("dd", { className: "text-foreground/80", children: INTERACTION_LABEL[model.interaction] })
           ] })
         ] }),
-        model.tiers[0]?.servedVia && /* @__PURE__ */ jsxs3("div", { children: [
-          /* @__PURE__ */ jsx4("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: model.tiers.length === 1 ? SERVICE_LABEL : SERVICE_LABEL_PLURAL }),
-          /* @__PURE__ */ jsx4("dd", { className: "flex flex-wrap gap-1", children: onPinOffering ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-            /* @__PURE__ */ jsx4(
+        model.tiers[0]?.servedVia && /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx3("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: model.tiers.length === 1 ? SERVICE_LABEL : SERVICE_LABEL_PLURAL }),
+          /* @__PURE__ */ jsx3("dd", { className: "flex flex-wrap gap-1", children: onPinOffering ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+            /* @__PURE__ */ jsx3(
               "button",
               {
                 type: "button",
@@ -938,7 +852,7 @@ function ModelDetailCard({
             ),
             model.tiers.map((t) => {
               const pinned = pinnedHere(t);
-              return /* @__PURE__ */ jsx4(
+              return /* @__PURE__ */ jsx3(
                 "button",
                 {
                   type: "button",
@@ -959,7 +873,7 @@ function ModelDetailCard({
                 t.offeringId
               );
             })
-          ] }) : model.tiers.map((t, i) => /* @__PURE__ */ jsx4(
+          ] }) : model.tiers.map((t, i) => /* @__PURE__ */ jsx3(
             "span",
             {
               className: i === 0 ? SERVICE_CHIP_SELECTED : SERVICE_CHIP_UNSELECTED,
@@ -969,18 +883,18 @@ function ModelDetailCard({
             t.offeringId
           )) })
         ] }),
-        model.multilingual && /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1 text-foreground/80", children: [
-          /* @__PURE__ */ jsx4(LanguagesIcon, { className: "h-3.5 w-3.5" }),
-          /* @__PURE__ */ jsx4("span", { children: "Multilingual" })
+        model.multilingual && /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1 text-foreground/80", children: [
+          /* @__PURE__ */ jsx3(LanguagesIcon, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsx3("span", { children: "Multilingual" })
         ] }),
-        model.features.raw.length > 0 && /* @__PURE__ */ jsxs3("div", { children: [
-          /* @__PURE__ */ jsx4("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "All capability flags" }),
-          /* @__PURE__ */ jsx4("dd", { className: "font-mono text-[10px] leading-relaxed text-muted-foreground/80", children: model.features.raw.join(", ") })
+        model.features.raw.length > 0 && /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx3("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "All capability flags" }),
+          /* @__PURE__ */ jsx3("dd", { className: "font-mono text-[10px] leading-relaxed text-muted-foreground/80", children: model.features.raw.join(", ") })
         ] })
       ] }),
-      includeAdminSection && variant === "admin" && /* @__PURE__ */ jsx4("div", { className: "mt-3 rounded-md border border-border", children: /* @__PURE__ */ jsx4(AdminOfferingsSection, { model }) })
+      includeAdminSection && variant === "admin" && /* @__PURE__ */ jsx3("div", { className: "mt-3 rounded-md border border-border", children: /* @__PURE__ */ jsx3(AdminOfferingsSection, { model }) })
     ] }),
-    /* @__PURE__ */ jsx4("div", { className: "shrink-0 border-t border-border p-3", children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3("div", { className: "shrink-0 border-t border-border p-3", children: /* @__PURE__ */ jsx3(
       "button",
       {
         type: "button",
@@ -996,13 +910,13 @@ function DelayedHint({
   label,
   children
 }) {
-  return /* @__PURE__ */ jsxs3(Tooltip, { children: [
-    /* @__PURE__ */ jsx4(TooltipTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx4(TooltipContent, { side: "top", sideOffset: 6, className: "max-w-64 text-xs", children: label })
+  return /* @__PURE__ */ jsxs2(Tooltip, { children: [
+    /* @__PURE__ */ jsx3(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx3(TooltipContent, { side: "top", sideOffset: 6, className: "max-w-64 text-xs", children: label })
   ] });
 }
 function ChipRow({ children }) {
-  return /* @__PURE__ */ jsx4("div", { className: "flex flex-nowrap gap-1 overflow-x-auto pb-0.5", children });
+  return /* @__PURE__ */ jsx3("div", { className: "flex flex-nowrap gap-1 overflow-x-auto pb-0.5", children });
 }
 function ChipToggle({
   active,
@@ -1010,7 +924,7 @@ function ChipToggle({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     "button",
     {
       type: "button",
@@ -1029,7 +943,7 @@ function MakerFilterButton({
   active,
   onClick
 }) {
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "button",
     {
       type: "button",
@@ -1041,8 +955,8 @@ function MakerFilterButton({
         active ? "border-primary bg-primary/10 text-foreground" : "border-border text-muted-foreground hover:text-foreground"
       ),
       children: [
-        /* @__PURE__ */ jsx4(MakerBrandGlyph, { maker, colored: true, className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ jsx4(DelayedHint, { label: maker, children: /* @__PURE__ */ jsx4("span", { className: "min-w-0 truncate text-[11px] font-medium leading-tight", children: maker }) })
+        /* @__PURE__ */ jsx3(MakerBrandGlyph, { maker, colored: true, className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ jsx3(DelayedHint, { label: maker, children: /* @__PURE__ */ jsx3("span", { className: "min-w-0 truncate text-[11px] font-medium leading-tight", children: maker }) })
       ]
     }
   );
@@ -1052,7 +966,7 @@ function ServiceFilterButton({
   active,
   onClick
 }) {
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "button",
     {
       type: "button",
@@ -1064,8 +978,8 @@ function ServiceFilterButton({
         active ? "border-primary bg-primary/10 text-foreground" : "border-border text-muted-foreground hover:text-foreground"
       ),
       children: [
-        /* @__PURE__ */ jsx4(ServiceBrandGlyph, { service, className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ jsx4(DelayedHint, { label: service, children: /* @__PURE__ */ jsx4("span", { className: "min-w-0 truncate text-[11px] font-medium leading-tight", children: service }) })
+        /* @__PURE__ */ jsx3(ServiceBrandGlyph, { service, className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ jsx3(DelayedHint, { label: service, children: /* @__PURE__ */ jsx3("span", { className: "min-w-0 truncate text-[11px] font-medium leading-tight", children: service }) })
       ]
     }
   );
@@ -1076,11 +990,11 @@ function TriStateChips({
   yesLabel,
   noLabel
 }) {
-  return /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-1", children: [
+  return /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-1", children: [
     ["any", "Any"],
     ["yes", yesLabel],
     ["no", noLabel]
-  ].map(([key, label]) => /* @__PURE__ */ jsx4(
+  ].map(([key, label]) => /* @__PURE__ */ jsx3(
     ChipToggle,
     {
       active: value === key,
@@ -1094,8 +1008,8 @@ function FilterSection({
   label,
   children
 }) {
-  return /* @__PURE__ */ jsxs3("div", { children: [
-    /* @__PURE__ */ jsx4("div", { className: "mb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: label }),
+  return /* @__PURE__ */ jsxs2("div", { children: [
+    /* @__PURE__ */ jsx3("div", { className: "mb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: label }),
     children
   ] });
 }
@@ -1140,8 +1054,8 @@ function FiltersPanel({
       { key: "premium", label: "Premium" }
     ] : []
   ];
-  const setChip = (kind) => /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap gap-1", children: [
-    /* @__PURE__ */ jsx4(
+  const setChip = (kind) => /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap gap-1", children: [
+    /* @__PURE__ */ jsx3(
       ChipToggle,
       {
         active: filters[kind].size === 0,
@@ -1149,7 +1063,7 @@ function FiltersPanel({
         children: "Any"
       }
     ),
-    (kind === "makers" ? makerOptions : kind === "services" ? serviceOptions : kind === "vendors" ? vendorOptions : apiOptions).map((v) => /* @__PURE__ */ jsx4(
+    (kind === "makers" ? makerOptions : kind === "services" ? serviceOptions : kind === "vendors" ? vendorOptions : apiOptions).map((v) => /* @__PURE__ */ jsx3(
       ChipToggle,
       {
         active: filters[kind].has(v),
@@ -1159,9 +1073,9 @@ function FiltersPanel({
       v
     ))
   ] });
-  return /* @__PURE__ */ jsxs3("div", { className: "flex h-full flex-col text-xs", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "min-h-0 flex-1 space-y-3 overflow-y-auto p-3 pb-4", children: [
-      /* @__PURE__ */ jsx4(FilterSection, { label: "Sort by", children: /* @__PURE__ */ jsx4(ChipRow, { children: sortOptions.map((o) => /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs2("div", { className: "flex h-full flex-col text-xs", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "min-h-0 flex-1 space-y-3 overflow-y-auto p-3 pb-4", children: [
+      /* @__PURE__ */ jsx3(FilterSection, { label: "Sort by", children: /* @__PURE__ */ jsx3(ChipRow, { children: sortOptions.map((o) => /* @__PURE__ */ jsx3(
         ChipToggle,
         {
           active: filters.sort === o.key,
@@ -1170,8 +1084,8 @@ function FiltersPanel({
         },
         o.key
       )) }) }),
-      /* @__PURE__ */ jsx4(FilterSection, { label: "Input", children: /* @__PURE__ */ jsxs3(ChipRow, { children: [
-        /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(FilterSection, { label: "Input", children: /* @__PURE__ */ jsxs2(ChipRow, { children: [
+        /* @__PURE__ */ jsx3(
           ChipToggle,
           {
             active: filters.input.size === 0,
@@ -1179,18 +1093,18 @@ function FiltersPanel({
             children: "Any"
           }
         ),
-        INPUT_MODALITIES.map((m) => /* @__PURE__ */ jsx4(
+        INPUT_MODALITIES.map((m) => /* @__PURE__ */ jsx3(
           ChipToggle,
           {
             active: filters.input.has(m),
             onClick: () => toggleModality("input", m),
-            children: /* @__PURE__ */ jsx4("span", { className: "capitalize", children: m })
+            children: /* @__PURE__ */ jsx3("span", { className: "capitalize", children: m })
           },
           m
         ))
       ] }) }),
-      /* @__PURE__ */ jsx4(FilterSection, { label: "Output", children: /* @__PURE__ */ jsxs3(ChipRow, { children: [
-        /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(FilterSection, { label: "Output", children: /* @__PURE__ */ jsxs2(ChipRow, { children: [
+        /* @__PURE__ */ jsx3(
           ChipToggle,
           {
             active: filters.output.size === 0,
@@ -1198,18 +1112,18 @@ function FiltersPanel({
             children: "Any"
           }
         ),
-        OUTPUT_MODALITIES.map((m) => /* @__PURE__ */ jsx4(
+        OUTPUT_MODALITIES.map((m) => /* @__PURE__ */ jsx3(
           ChipToggle,
           {
             active: filters.output.has(m),
             onClick: () => toggleModality("output", m),
-            children: /* @__PURE__ */ jsx4("span", { className: "capitalize", children: m })
+            children: /* @__PURE__ */ jsx3("span", { className: "capitalize", children: m })
           },
           m
         ))
       ] }) }),
-      variant === "admin" && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-        /* @__PURE__ */ jsx4(FilterSection, { label: "Deprecated", children: /* @__PURE__ */ jsx4(
+      variant === "admin" && /* @__PURE__ */ jsxs2(Fragment2, { children: [
+        /* @__PURE__ */ jsx3(FilterSection, { label: "Deprecated", children: /* @__PURE__ */ jsx3(
           TriStateChips,
           {
             value: filters.deprecated,
@@ -1218,7 +1132,7 @@ function FiltersPanel({
             noLabel: "Active only"
           }
         ) }),
-        /* @__PURE__ */ jsx4(FilterSection, { label: "Availability", children: /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(FilterSection, { label: "Availability", children: /* @__PURE__ */ jsx3(
           TriStateChips,
           {
             value: filters.availability,
@@ -1227,7 +1141,7 @@ function FiltersPanel({
             noLabel: "Unavailable"
           }
         ) }),
-        /* @__PURE__ */ jsx4(FilterSection, { label: "Premium", children: /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(FilterSection, { label: "Premium", children: /* @__PURE__ */ jsx3(
           TriStateChips,
           {
             value: filters.premium,
@@ -1236,11 +1150,11 @@ function FiltersPanel({
             noLabel: "Standard only"
           }
         ) }),
-        /* @__PURE__ */ jsx4(FilterSection, { label: "Vendor", children: setChip("vendors") }),
-        /* @__PURE__ */ jsx4(FilterSection, { label: "API", children: setChip("apis") })
+        /* @__PURE__ */ jsx3(FilterSection, { label: "Vendor", children: setChip("vendors") }),
+        /* @__PURE__ */ jsx3(FilterSection, { label: "API", children: setChip("apis") })
       ] }),
-      /* @__PURE__ */ jsx4(FilterSection, { label: "Maker", children: /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-3 gap-1", children: [
-        /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(FilterSection, { label: "Maker", children: /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-3 gap-1", children: [
+        /* @__PURE__ */ jsx3(
           ChipToggle,
           {
             active: filters.makers.size === 0,
@@ -1249,7 +1163,7 @@ function FiltersPanel({
             children: "Any"
           }
         ),
-        makerOptions.map((maker) => /* @__PURE__ */ jsx4(
+        makerOptions.map((maker) => /* @__PURE__ */ jsx3(
           MakerFilterButton,
           {
             maker,
@@ -1259,8 +1173,8 @@ function FiltersPanel({
           maker
         ))
       ] }) }),
-      /* @__PURE__ */ jsx4(FilterSection, { label: SERVICE_LABEL, children: /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-3 gap-1", children: [
-        /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(FilterSection, { label: SERVICE_LABEL, children: /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-3 gap-1", children: [
+        /* @__PURE__ */ jsx3(
           ChipToggle,
           {
             active: filters.services.size === 0,
@@ -1269,7 +1183,7 @@ function FiltersPanel({
             children: "Any"
           }
         ),
-        serviceOptions.map((service) => /* @__PURE__ */ jsx4(
+        serviceOptions.map((service) => /* @__PURE__ */ jsx3(
           ServiceFilterButton,
           {
             service,
@@ -1279,7 +1193,7 @@ function FiltersPanel({
           service
         ))
       ] }) }),
-      /* @__PURE__ */ jsx4(FilterSection, { label: "Features", children: /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-1", children: FEATURE_BUCKET_ORDER.map((b) => /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(FilterSection, { label: "Features", children: /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-1", children: FEATURE_BUCKET_ORDER.map((b) => /* @__PURE__ */ jsx3(
         ChipToggle,
         {
           active: filters.features.has(b),
@@ -1288,8 +1202,8 @@ function FiltersPanel({
         },
         b
       )) }) }),
-      /* @__PURE__ */ jsx4(FilterSection, { label: "Interaction", children: /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-1", children: ["any", "turn", "single", "extraction", "realtime"].map(
-        (i) => /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(FilterSection, { label: "Interaction", children: /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-1", children: ["any", "turn", "single", "extraction", "realtime"].map(
+        (i) => /* @__PURE__ */ jsx3(
           ChipToggle,
           {
             active: filters.interaction === i,
@@ -1300,20 +1214,20 @@ function FiltersPanel({
         )
       ) }) })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "z-10 flex shrink-0 flex-nowrap items-center gap-1 border-t border-border bg-popover px-3 py-2", children: [
-      /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsxs2("div", { className: "z-10 flex shrink-0 flex-nowrap items-center gap-1 border-t border-border bg-popover px-3 py-2", children: [
+      /* @__PURE__ */ jsx3(
         ChipToggle,
         {
           active: filters.multilingualOnly,
           onClick: () => setFilters((f) => ({ ...f, multilingualOnly: !f.multilingualOnly })),
           className: "flex-1 justify-center",
-          children: /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx4(LanguagesIcon, { className: "h-3 w-3" }),
+          children: /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx3(LanguagesIcon, { className: "h-3 w-3" }),
             " Multilingual"
           ] })
         }
       ),
-      variant === "user" && /* @__PURE__ */ jsx4(
+      variant === "user" && /* @__PURE__ */ jsx3(
         ChipToggle,
         {
           active: filters.includeDeprecated,
@@ -1344,7 +1258,7 @@ function ModelRow({
   const retired = model.retiredAt != null;
   const retiredTitle = retired ? `Retired ${model.retiredAt?.slice(0, 10)} \u2014 the provider no longer serves this model, so it cannot be selected.` : locked ? TOP_TIER_LOCKED_TITLE : void 0;
   const blocked = retired || locked;
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       role: "button",
@@ -1366,7 +1280,7 @@ function ModelRow({
         selected && "bg-muted"
       ),
       children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           "button",
           {
             type: "button",
@@ -1380,20 +1294,20 @@ function ModelRow({
               "flex h-4 w-4 items-center justify-center rounded transition-colors",
               isFavorite ? "text-amber-400" : "text-muted-foreground/30 hover:text-muted-foreground"
             ),
-            children: /* @__PURE__ */ jsx4(StarIcon, { className: cn("h-3 w-3", isFavorite && "fill-amber-400") })
+            children: /* @__PURE__ */ jsx3(StarIcon, { className: cn("h-3 w-3", isFavorite && "fill-amber-400") })
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           "span",
           {
             className: "flex w-5 justify-center",
             title: model.maker ?? void 0,
-            children: /* @__PURE__ */ jsx4(MakerBrandGlyph, { maker: model.maker, colored: true, className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ jsx3(MakerBrandGlyph, { maker: model.maker, colored: true, className: "h-3.5 w-3.5" })
           }
         ),
-        /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx4(DelayedHint, { label: model.name, children: /* @__PURE__ */ jsx4("span", { className: "truncate text-xs font-medium text-foreground", children: model.name }) }),
-          isDecisionModelCapability(model) && /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx3(DelayedHint, { label: model.name, children: /* @__PURE__ */ jsx3("span", { className: "truncate text-xs font-medium text-foreground", children: model.name }) }),
+          isDecisionModelCapability(model) && /* @__PURE__ */ jsx3(
             "span",
             {
               className: "shrink-0 rounded border border-primary/40 bg-primary/10 px-1 text-[9px] font-medium text-foreground/80",
@@ -1401,7 +1315,7 @@ function ModelRow({
               children: "decision"
             }
           ),
-          model.isDeprecated && !retired && /* @__PURE__ */ jsx4(
+          model.isDeprecated && !retired && /* @__PURE__ */ jsx3(
             "span",
             {
               className: "shrink-0 rounded bg-destructive/15 px-1 text-[9px] text-destructive-ink",
@@ -1409,7 +1323,7 @@ function ModelRow({
               children: "dep"
             }
           ),
-          retired && /* @__PURE__ */ jsx4(
+          retired && /* @__PURE__ */ jsx3(
             "span",
             {
               className: "shrink-0 rounded bg-destructive/15 px-1 text-[9px] text-destructive-ink",
@@ -1417,7 +1331,7 @@ function ModelRow({
               children: "retired"
             }
           ),
-          unavailable && /* @__PURE__ */ jsx4(
+          unavailable && /* @__PURE__ */ jsx3(
             "span",
             {
               className: "shrink-0 rounded bg-destructive/15 px-1 text-[9px] text-destructive-ink",
@@ -1425,14 +1339,14 @@ function ModelRow({
               children: "off"
             }
           ),
-          classTier ? /* @__PURE__ */ jsx4(
+          classTier ? /* @__PURE__ */ jsx3(
             "span",
             {
               className: "shrink-0 rounded border border-primary/40 bg-primary/10 px-1 text-[9px] font-medium text-foreground/80",
               title: `Runs on ${classTier.servedVia}`,
               children: classTier.servedVia
             }
-          ) : model.tiers.length > 1 && /* @__PURE__ */ jsx4(
+          ) : model.tiers.length > 1 && /* @__PURE__ */ jsx3(
             "span",
             {
               className: "shrink-0 rounded border border-primary/40 bg-primary/10 px-1 text-[9px] font-medium text-foreground/80",
@@ -1441,19 +1355,19 @@ function ModelRow({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx4(SpeedCell, { value: model.speedRating }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(SpeedCell, { value: model.speedRating }),
+        /* @__PURE__ */ jsx3(
           DelayedHint,
           {
             label: model.contextWindow == null ? "No context window listed" : `Context window ${formatCount(model.contextWindow)} tokens`,
-            children: /* @__PURE__ */ jsx4("span", { className: "block w-12 whitespace-nowrap text-right font-mono text-[11px] tabular-nums text-foreground/80", children: model.contextWindow == null ? "\u2014" : fmtPointsCompact(model.contextWindow) })
+            children: /* @__PURE__ */ jsx3("span", { className: "block w-12 whitespace-nowrap text-right font-mono text-[11px] tabular-nums text-foreground/80", children: model.contextWindow == null ? "\u2014" : fmtPointsCompact(model.contextWindow) })
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           DelayedHint,
           {
             label: tier == null ? "No relative cost rating yet" : `Relative cost ${tier.replace("+", "")}${tier.endsWith("+") ? "+" : ""} \u2014 more $ is more expensive`,
-            children: /* @__PURE__ */ jsx4("span", { className: "block w-[2.75rem] text-right", children: /* @__PURE__ */ jsx4(CostTier, { tier }) })
+            children: /* @__PURE__ */ jsx3("span", { className: "block w-[2.75rem] text-right", children: /* @__PURE__ */ jsx3(CostTier, { tier }) })
           }
         )
       ]
@@ -1463,7 +1377,7 @@ function ModelRow({
 function LocalModelRow({ model, selected, onSelect }) {
   const unusable = model.unusable ?? null;
   const dim = model.needsMoreMemory === true;
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       role: "button",
@@ -1486,12 +1400,12 @@ function LocalModelRow({ model, selected, onSelect }) {
         selected && "bg-muted"
       ),
       children: [
-        /* @__PURE__ */ jsx4("span", { className: "w-4" }),
-        /* @__PURE__ */ jsx4("span", { className: "flex w-5 justify-center", title: model.maker ?? void 0, children: /* @__PURE__ */ jsx4(MakerBrandGlyph, { maker: model.maker ?? null, colored: true, className: "h-3.5 w-3.5" }) }),
-        /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx4("span", { className: "truncate text-xs font-medium text-foreground", children: model.name }),
-            /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3("span", { className: "w-4" }),
+        /* @__PURE__ */ jsx3("span", { className: "flex w-5 justify-center", title: model.maker ?? void 0, children: /* @__PURE__ */ jsx3(MakerBrandGlyph, { maker: model.maker ?? null, colored: true, className: "h-3.5 w-3.5" }) }),
+        /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx3("span", { className: "truncate text-xs font-medium text-foreground", children: model.name }),
+            /* @__PURE__ */ jsx3(
               "span",
               {
                 className: "shrink-0 rounded border border-primary/40 bg-primary/10 px-1 text-[9px] font-medium text-foreground/80",
@@ -1499,13 +1413,13 @@ function LocalModelRow({ model, selected, onSelect }) {
                 children: "local"
               }
             ),
-            dim && /* @__PURE__ */ jsx4("span", { className: "shrink-0 rounded bg-muted px-1 text-[9px] text-muted-foreground", title: "Needs more memory than this computer has free", children: "needs memory" })
+            dim && /* @__PURE__ */ jsx3("span", { className: "shrink-0 rounded bg-muted px-1 text-[9px] text-muted-foreground", title: "Needs more memory than this computer has free", children: "needs memory" })
           ] }),
-          unusable && /* @__PURE__ */ jsx4("span", { "data-local-model-reason": true, className: "truncate text-[11px] text-muted-foreground", children: unusable })
+          unusable && /* @__PURE__ */ jsx3("span", { "data-local-model-reason": true, className: "truncate text-[11px] text-muted-foreground", children: unusable })
         ] }),
-        /* @__PURE__ */ jsx4("span", { className: "w-11" }),
-        /* @__PURE__ */ jsx4("span", { className: "block w-12 whitespace-nowrap text-right font-mono text-[11px] tabular-nums text-foreground/80", children: model.contextWindow == null ? "\u2014" : fmtPointsCompact(model.contextWindow) }),
-        /* @__PURE__ */ jsx4("span", { className: "w-[2.75rem]" })
+        /* @__PURE__ */ jsx3("span", { className: "w-11" }),
+        /* @__PURE__ */ jsx3("span", { className: "block w-12 whitespace-nowrap text-right font-mono text-[11px] tabular-nums text-foreground/80", children: model.contextWindow == null ? "\u2014" : fmtPointsCompact(model.contextWindow) }),
+        /* @__PURE__ */ jsx3("span", { className: "w-[2.75rem]" })
       ]
     }
   );
@@ -1842,7 +1756,7 @@ function ModelListDropdown({
     onOfferingPinChange(offeringId);
     if (model.id !== value) onValueChange(model.id);
   };
-  const trigger = /* @__PURE__ */ jsxs3(
+  const trigger = /* @__PURE__ */ jsxs2(
     "button",
     {
       type: "button",
@@ -1861,8 +1775,8 @@ function ModelListDropdown({
         className
       ),
       children: [
-        triggerVariant === "settings" ? /* @__PURE__ */ jsx4("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: shown ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-          /* @__PURE__ */ jsx4(
+        triggerVariant === "settings" ? /* @__PURE__ */ jsx3("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: shown ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          /* @__PURE__ */ jsx3(
             MakerBrandGlyph,
             {
               maker: shown.maker,
@@ -1870,15 +1784,15 @@ function ModelListDropdown({
               className: "h-3.5 w-3.5 shrink-0"
             }
           ),
-          /* @__PURE__ */ jsxs3("span", { className: "min-w-0 whitespace-normal text-left leading-tight", children: [
+          /* @__PURE__ */ jsxs2("span", { className: "min-w-0 whitespace-normal text-left leading-tight", children: [
             shown.name,
-            selectedClassLabel && /* @__PURE__ */ jsxs3("span", { className: "text-muted-foreground", children: [
+            selectedClassLabel && /* @__PURE__ */ jsxs2("span", { className: "text-muted-foreground", children: [
               " \xB7 ",
               selectedClassLabel
             ] })
           ] })
-        ] }) : /* @__PURE__ */ jsx4("span", { className: "min-w-0 whitespace-normal text-left leading-tight text-muted-foreground", children: isLoading ? "Loading models\u2026" : emptyOptionLabel && !value ? emptyOptionLabel : placeholder }) }) : /* @__PURE__ */ jsx4("span", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: shown ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-          /* @__PURE__ */ jsx4(
+        ] }) : /* @__PURE__ */ jsx3("span", { className: "min-w-0 whitespace-normal text-left leading-tight text-muted-foreground", children: isLoading ? "Loading models\u2026" : emptyOptionLabel && !value ? emptyOptionLabel : placeholder }) }) : /* @__PURE__ */ jsx3("span", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: shown ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          /* @__PURE__ */ jsx3(
             MakerBrandGlyph,
             {
               maker: shown.maker,
@@ -1886,15 +1800,15 @@ function ModelListDropdown({
               className: "h-3.5 w-3.5 shrink-0"
             }
           ),
-          /* @__PURE__ */ jsxs3("span", { className: "min-w-0 truncate", children: [
+          /* @__PURE__ */ jsxs2("span", { className: "min-w-0 truncate", children: [
             shown.name,
-            selectedClassLabel && /* @__PURE__ */ jsxs3("span", { className: "text-muted-foreground", children: [
+            selectedClassLabel && /* @__PURE__ */ jsxs2("span", { className: "text-muted-foreground", children: [
               " \xB7 ",
               selectedClassLabel
             ] })
           ] })
-        ] }) : /* @__PURE__ */ jsx4("span", { className: "min-w-0 truncate text-muted-foreground", children: isLoading ? "Loading models\u2026" : emptyOptionLabel && !value ? emptyOptionLabel : placeholder }) }),
-        /* @__PURE__ */ jsx4(
+        ] }) : /* @__PURE__ */ jsx3("span", { className: "min-w-0 truncate text-muted-foreground", children: isLoading ? "Loading models\u2026" : emptyOptionLabel && !value ? emptyOptionLabel : placeholder }) }),
+        /* @__PURE__ */ jsx3(
           ChevronDownIcon,
           {
             className: cn(
@@ -1906,11 +1820,11 @@ function ModelListDropdown({
       ]
     }
   );
-  const listPanel = /* @__PURE__ */ jsxs3("div", { className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5 border-b border-border p-2", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "relative flex-1", children: [
-        /* @__PURE__ */ jsx4(SearchIcon, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
-        /* @__PURE__ */ jsx4(
+  const listPanel = /* @__PURE__ */ jsxs2("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5 border-b border-border p-2", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ jsx3(SearchIcon, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx3(
           Input,
           {
             adornment: "start",
@@ -1921,7 +1835,7 @@ function ModelListDropdown({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsxs2(
         "button",
         {
           type: "button",
@@ -1931,14 +1845,14 @@ function ModelListDropdown({
             rightPanel === "filters" ? "border-primary bg-primary/10 text-foreground" : "border-border text-muted-foreground hover:text-foreground"
           ),
           children: [
-            /* @__PURE__ */ jsx4(SlidersHorizontalIcon, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsx3(SlidersHorizontalIcon, { className: "h-3.5 w-3.5" }),
             "Filters",
-            activeFilterCount > 0 && /* @__PURE__ */ jsx4("span", { className: "text-primary", children: activeFilterCount })
+            activeFilterCount > 0 && /* @__PURE__ */ jsx3("span", { className: "text-primary", children: activeFilterCount })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-1 border-b border-border px-2 py-1", children: ["all", "favorites"].map((t) => /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-1 border-b border-border px-2 py-1", children: ["all", "favorites"].map((t) => /* @__PURE__ */ jsxs2(
       "button",
       {
         type: "button",
@@ -1948,7 +1862,7 @@ function ModelListDropdown({
           tab === t ? "bg-accent text-foreground" : "text-muted-foreground hover:text-foreground"
         ),
         children: [
-          t === "favorites" && /* @__PURE__ */ jsx4(
+          t === "favorites" && /* @__PURE__ */ jsx3(
             StarIcon,
             {
               className: cn(
@@ -1958,30 +1872,30 @@ function ModelListDropdown({
             }
           ),
           t === "all" ? "All" : "Favorites",
-          t === "favorites" && favoriteSet.size > 0 && /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: favoriteSet.size })
+          t === "favorites" && favoriteSet.size > 0 && /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground", children: favoriteSet.size })
         ]
       },
       t
     )) }),
-    /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-[16px_20px_minmax(0,1fr)_2.75rem_3rem_2.75rem] gap-2 border-b border-border px-2 py-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: [
-      /* @__PURE__ */ jsx4("span", { className: "w-4" }),
-      /* @__PURE__ */ jsx4("span", { className: "w-5", title: "Maker", "aria-label": "Maker" }),
-      /* @__PURE__ */ jsx4("span", { children: "Name" }),
-      /* @__PURE__ */ jsx4("span", { className: "w-11 text-right", children: "Speed" }),
-      /* @__PURE__ */ jsx4(DelayedHint, { label: "How many tokens this model can hold in one conversation", children: /* @__PURE__ */ jsx4("span", { className: "block w-12 text-right", title: "Context window", children: "Window" }) }),
-      /* @__PURE__ */ jsx4(DelayedHint, { label: "Relative cost band \u2014 more $ is more expensive. Not your personal usage.", children: /* @__PURE__ */ jsx4("span", { className: "block w-[2.75rem] text-right", children: "Cost" }) })
+    /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-[16px_20px_minmax(0,1fr)_2.75rem_3rem_2.75rem] gap-2 border-b border-border px-2 py-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: [
+      /* @__PURE__ */ jsx3("span", { className: "w-4" }),
+      /* @__PURE__ */ jsx3("span", { className: "w-5", title: "Maker", "aria-label": "Maker" }),
+      /* @__PURE__ */ jsx3("span", { children: "Name" }),
+      /* @__PURE__ */ jsx3("span", { className: "w-11 text-right", children: "Speed" }),
+      /* @__PURE__ */ jsx3(DelayedHint, { label: "How many tokens this model can hold in one conversation", children: /* @__PURE__ */ jsx3("span", { className: "block w-12 text-right", title: "Context window", children: "Window" }) }),
+      /* @__PURE__ */ jsx3(DelayedHint, { label: "Relative cost band \u2014 more $ is more expensive. Not your personal usage.", children: /* @__PURE__ */ jsx3("span", { className: "block w-[2.75rem] text-right", children: "Cost" }) })
     ] }),
-    /* @__PURE__ */ jsx4("div", { className: "min-h-0 flex-1 overflow-y-auto p-1", children: error ? /* @__PURE__ */ jsxs3("div", { className: "p-3 text-xs text-destructive", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "font-medium", children: [
+    /* @__PURE__ */ jsx3("div", { className: "min-h-0 flex-1 overflow-y-auto p-1", children: error ? /* @__PURE__ */ jsxs2("div", { className: "p-3 text-xs text-destructive", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "font-medium", children: [
         "Failed to load ",
         variant,
         " catalog"
       ] }),
-      /* @__PURE__ */ jsx4("div", { className: "mt-0.5 font-mono text-[11px] opacity-80", children: error }),
-      variant === "admin" && /* @__PURE__ */ jsx4("div", { className: "mt-1 text-[11px] text-muted-foreground", children: "If this is a 42501, the admin_model_catalog RPC rejected your role (super admin required)." }),
+      /* @__PURE__ */ jsx3("div", { className: "mt-0.5 font-mono text-[11px] opacity-80", children: error }),
+      variant === "admin" && /* @__PURE__ */ jsx3("div", { className: "mt-1 text-[11px] text-muted-foreground", children: "If this is a 42501, the admin_model_catalog RPC rejected your role (super admin required)." }),
       ports.renderErrorAction?.(void 0)
-    ] }) : isLoading ? /* @__PURE__ */ jsx4("div", { className: "p-4 text-center text-xs text-muted-foreground", children: "Loading catalog\u2026" }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      emptyOptionLabel && onClear && /* @__PURE__ */ jsx4(
+    ] }) : isLoading ? /* @__PURE__ */ jsx3("div", { className: "p-4 text-center text-xs text-muted-foreground", children: "Loading catalog\u2026" }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      emptyOptionLabel && onClear && /* @__PURE__ */ jsx3(
         "button",
         {
           type: "button",
@@ -1993,14 +1907,14 @@ function ModelListDropdown({
           children: emptyOptionLabel
         }
       ),
-      localRows.length > 0 && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-        localRunnable.length > 0 && /* @__PURE__ */ jsx4("div", { className: GROUP_HEADING, children: localGroupLabel }),
-        localRunnable.map((l) => /* @__PURE__ */ jsx4(LocalModelRow, { model: l, selected: l.id === value, onSelect: () => handleSelectLocal(l) }, l.id)),
-        localUnusable.length > 0 && /* @__PURE__ */ jsx4("div", { className: GROUP_HEADING, children: "Cannot run here" }),
-        localUnusable.map((l) => /* @__PURE__ */ jsx4(LocalModelRow, { model: l, selected: false, onSelect: () => void 0 }, l.id)),
-        filtered.length > 0 && /* @__PURE__ */ jsx4("div", { className: GROUP_HEADING, children: "Cloud" })
+      localRows.length > 0 && /* @__PURE__ */ jsxs2(Fragment2, { children: [
+        localRunnable.length > 0 && /* @__PURE__ */ jsx3("div", { className: GROUP_HEADING, children: localGroupLabel }),
+        localRunnable.map((l) => /* @__PURE__ */ jsx3(LocalModelRow, { model: l, selected: l.id === value, onSelect: () => handleSelectLocal(l) }, l.id)),
+        localUnusable.length > 0 && /* @__PURE__ */ jsx3("div", { className: GROUP_HEADING, children: "Cannot run here" }),
+        localUnusable.map((l) => /* @__PURE__ */ jsx3(LocalModelRow, { model: l, selected: false, onSelect: () => void 0 }, l.id)),
+        filtered.length > 0 && /* @__PURE__ */ jsx3("div", { className: GROUP_HEADING, children: "Cloud" })
       ] }),
-      filtered.length === 0 ? localRows.length > 0 ? null : /* @__PURE__ */ jsx4("div", { className: "p-4 text-center text-xs text-muted-foreground", children: "No models match your filters." }) : listRows.map(({ model: m, classTier }) => /* @__PURE__ */ jsx4(
+      filtered.length === 0 ? localRows.length > 0 ? null : /* @__PURE__ */ jsx3("div", { className: "p-4 text-center text-xs text-muted-foreground", children: "No models match your filters." }) : listRows.map(({ model: m, classTier }) => /* @__PURE__ */ jsx3(
         ModelRow,
         {
           model: m,
@@ -2021,26 +1935,26 @@ function ModelListDropdown({
         classTier ? `${m.id}:${classTier.offeringId}` : m.id
       ))
     ] }) }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-2 border-t border-border px-2 py-1 text-[10px] text-muted-foreground", children: [
-      /* @__PURE__ */ jsx4("span", { children: error ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-2 border-t border-border px-2 py-1 text-[10px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsx3("span", { children: error ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
         "Models couldn't be loaded",
         ports.renderErrorAction?.(String(error))
-      ] }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      ] }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
         listRows.length + localRunnable.length,
         " model",
         listRows.length + localRunnable.length === 1 ? "" : "s",
-        variant === "user" && (hiddenModelIds?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        variant === "user" && (hiddenModelIds?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
           " \xB7 ",
-          ports.settingsHref && LinkComponent ? /* @__PURE__ */ jsxs3(LinkComponent, { href: ports.settingsHref, className: "underline hover:text-foreground", children: [
+          ports.settingsHref && LinkComponent ? /* @__PURE__ */ jsxs2(LinkComponent, { href: ports.settingsHref, className: "underline hover:text-foreground", children: [
             hiddenModelIds?.length,
             " hidden by you"
-          ] }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+          ] }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
             hiddenModelIds?.length,
             " hidden by you"
           ] })
         ] }) : null
       ] }) }),
-      isSuperAdmin && catalogVariant == null && /* @__PURE__ */ jsxs3(
+      isSuperAdmin && catalogVariant == null && /* @__PURE__ */ jsxs2(
         "button",
         {
           type: "button",
@@ -2051,7 +1965,7 @@ function ModelListDropdown({
             variant === "admin" ? "bg-primary/10 text-foreground" : "hover:text-foreground"
           ),
           children: [
-            /* @__PURE__ */ jsx4(ShieldIcon, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx3(ShieldIcon, { className: "h-3 w-3" }),
             "Admin"
           ]
         }
@@ -2061,19 +1975,19 @@ function ModelListDropdown({
   if (disabled) {
     return trigger;
   }
-  const mobileBody = /* @__PURE__ */ jsx4("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: mobileDetail ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsxs3(
+  const mobileBody = /* @__PURE__ */ jsx3("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: mobileDetail ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsxs2(
       "button",
       {
         onClick: () => setMobileDetail(null),
         className: "flex shrink-0 items-center gap-1.5 border-b border-border px-3 py-2.5 text-sm font-medium text-primary",
         children: [
-          /* @__PURE__ */ jsx4(ChevronRightIcon, { className: "h-4 w-4 rotate-180" }),
+          /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "h-4 w-4 rotate-180" }),
           " Back"
         ]
       }
     ),
-    /* @__PURE__ */ jsx4("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx3(
       ModelDetailCard,
       {
         model: mobileDetail,
@@ -2086,19 +2000,19 @@ function ModelListDropdown({
         includeAdminSection: true
       }
     ) })
-  ] }) : mobileFilters ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsxs3(
+  ] }) : mobileFilters ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsxs2(
       "button",
       {
         onClick: () => setMobileFilters(false),
         className: "flex shrink-0 items-center gap-1.5 border-b border-border px-3 py-2.5 text-sm font-medium text-primary",
         children: [
-          /* @__PURE__ */ jsx4(ChevronRightIcon, { className: "h-4 w-4 rotate-180" }),
+          /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "h-4 w-4 rotate-180" }),
           " Back"
         ]
       }
     ),
-    /* @__PURE__ */ jsx4("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx3(
       FiltersPanel,
       {
         filters,
@@ -2112,18 +2026,18 @@ function ModelListDropdown({
     ) })
   ] }) : listPanel });
   if (isMobile && inline) {
-    return /* @__PURE__ */ jsx4(TooltipProvider, { delayDuration: HOVER_DELAY_MS, skipDelayDuration: HOVER_DELAY_MS, children: mobileBody });
+    return /* @__PURE__ */ jsx3(TooltipProvider, { delayDuration: HOVER_DELAY_MS, skipDelayDuration: HOVER_DELAY_MS, children: mobileBody });
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsxs3(Drawer, { open, onOpenChange: handleOpen, children: [
-      /* @__PURE__ */ jsx4(DrawerTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsx4(DrawerContent, { className: "h-[85dvh]", children: /* @__PURE__ */ jsxs3(
+    return /* @__PURE__ */ jsxs2(Drawer, { open, onOpenChange: handleOpen, children: [
+      /* @__PURE__ */ jsx3(DrawerTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx3(DrawerContent, { className: "h-[85dvh]", children: /* @__PURE__ */ jsxs2(
         TooltipProvider,
         {
           delayDuration: HOVER_DELAY_MS,
           skipDelayDuration: HOVER_DELAY_MS,
           children: [
-            /* @__PURE__ */ jsx4(DrawerTitle, { className: "sr-only", children: "Select model" }),
+            /* @__PURE__ */ jsx3(DrawerTitle, { className: "sr-only", children: "Select model" }),
             mobileBody
           ]
         }
@@ -2132,18 +2046,18 @@ function ModelListDropdown({
   }
   const popoverWidth = LIST_WIDTH + DETAIL_WIDTH + (variant === "admin" ? ADMIN_PANEL_WIDTH : 0);
   const adminPanelModel = hovered ?? selected;
-  const desktopBody = /* @__PURE__ */ jsx4(
+  const desktopBody = /* @__PURE__ */ jsx3(
     TooltipProvider,
     {
       delayDuration: HOVER_DELAY_MS,
       skipDelayDuration: HOVER_DELAY_MS,
-      children: /* @__PURE__ */ jsx4("div", { className: "h-full overflow-x-auto overflow-y-hidden", children: /* @__PURE__ */ jsxs3(
+      children: /* @__PURE__ */ jsx3("div", { className: "h-full overflow-x-auto overflow-y-hidden", children: /* @__PURE__ */ jsxs2(
         "div",
         {
           className: "flex h-full",
           style: inline ? void 0 : { minWidth: popoverWidth },
           children: [
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx3(
               "div",
               {
                 className: "flex h-full min-h-0 flex-col border-r border-border",
@@ -2151,12 +2065,12 @@ function ModelListDropdown({
                 children: listPanel
               }
             ),
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx3(
               "div",
               {
                 className: "flex h-full min-h-0 flex-col overflow-hidden",
                 style: inline ? { flex: "1 1 0", minWidth: INLINE_DETAIL_MIN_WIDTH } : { width: DETAIL_WIDTH, flexShrink: 0 },
-                children: rightPanel === "filters" ? /* @__PURE__ */ jsx4(
+                children: rightPanel === "filters" ? /* @__PURE__ */ jsx3(
                   FiltersPanel,
                   {
                     filters,
@@ -2167,11 +2081,11 @@ function ModelListDropdown({
                     vendorOptions,
                     apiOptions
                   }
-                ) : rightPanel === "detail" && hovered ? /* @__PURE__ */ jsx4(
+                ) : rightPanel === "detail" && hovered ? /* @__PURE__ */ jsx3(
                   "div",
                   {
                     className: "h-full animate-in fade-in-0 duration-300",
-                    children: /* @__PURE__ */ jsx4(
+                    children: /* @__PURE__ */ jsx3(
                       ModelDetailCard,
                       {
                         model: hovered,
@@ -2185,20 +2099,20 @@ function ModelListDropdown({
                     )
                   },
                   hovered.id
-                ) : /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center", children: [
-                  /* @__PURE__ */ jsx4(MousePointerClickIcon, { className: "h-6 w-6 text-muted-foreground/40" }),
-                  /* @__PURE__ */ jsx4("p", { className: "text-xs leading-relaxed text-muted-foreground/70", children: "Hover a model to preview its details, or click to select." })
+                ) : /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center", children: [
+                  /* @__PURE__ */ jsx3(MousePointerClickIcon, { className: "h-6 w-6 text-muted-foreground/40" }),
+                  /* @__PURE__ */ jsx3("p", { className: "text-xs leading-relaxed text-muted-foreground/70", children: "Hover a model to preview its details, or click to select." })
                 ] })
               }
             ),
-            variant === "admin" && /* @__PURE__ */ jsx4(
+            variant === "admin" && /* @__PURE__ */ jsx3(
               "div",
               {
                 className: "flex h-full min-h-0 shrink-0 flex-col overflow-hidden border-l border-border",
                 style: { width: ADMIN_PANEL_WIDTH },
-                children: adminPanelModel ? /* @__PURE__ */ jsx4(AdminOfferingsSection, { model: adminPanelModel }) : /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center", children: [
-                  /* @__PURE__ */ jsx4(ShieldIcon, { className: "h-6 w-6 text-muted-foreground/40" }),
-                  /* @__PURE__ */ jsx4("p", { className: "text-xs leading-relaxed text-muted-foreground/70", children: "Hover a model to see every offering's real vendor, api, provider model id and $ pricing." })
+                children: adminPanelModel ? /* @__PURE__ */ jsx3(AdminOfferingsSection, { model: adminPanelModel }) : /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center", children: [
+                  /* @__PURE__ */ jsx3(ShieldIcon, { className: "h-6 w-6 text-muted-foreground/40" }),
+                  /* @__PURE__ */ jsx3("p", { className: "text-xs leading-relaxed text-muted-foreground/70", children: "Hover a model to see every offering's real vendor, api, provider model id and $ pricing." })
                 ] })
               }
             )
@@ -2208,11 +2122,11 @@ function ModelListDropdown({
     }
   );
   if (inline) {
-    return /* @__PURE__ */ jsx4("div", { className: "h-full w-full min-w-0", children: desktopBody });
+    return /* @__PURE__ */ jsx3("div", { className: "h-full w-full min-w-0", children: desktopBody });
   }
-  return /* @__PURE__ */ jsxs3(Popover, { open, onOpenChange: handleOpen, modal: false, children: [
-    /* @__PURE__ */ jsx4(PopoverTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs2(Popover, { open, onOpenChange: handleOpen, modal: false, children: [
+    /* @__PURE__ */ jsx3(PopoverTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx3(
       PopoverContent,
       {
         align: "start",
@@ -2483,7 +2397,7 @@ function fromDiscovery(result) {
 }
 
 // models/react/ModelDiscovery.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var KINDS = [
   { value: "text", label: "Text" },
   { value: "vision", label: "Vision" },
@@ -2554,8 +2468,8 @@ function ModelDiscovery({
       if (abortRef.current === controller) setResolving(null);
     }
   };
-  return /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-col gap-4", "data-testid": "model-discovery", children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-col gap-4", "data-testid": "model-discovery", children: [
+    /* @__PURE__ */ jsx4(
       Tabs,
       {
         "aria-label": "Find a model",
@@ -2567,14 +2481,14 @@ function ModelDiscovery({
         ]
       }
     ),
-    tab === "search" ? /* @__PURE__ */ jsx5(SearchTab, { port, onPick: (repo) => void resolve(repo) }) : /* @__PURE__ */ jsx5(LinkTab, { busy: resolving !== null, onResolve: (l) => void resolve(l) }),
-    resolving ? /* @__PURE__ */ jsxs4("p", { className: "text-sm text-muted-foreground", children: [
+    tab === "search" ? /* @__PURE__ */ jsx4(SearchTab, { port, onPick: (repo) => void resolve(repo) }) : /* @__PURE__ */ jsx4(LinkTab, { busy: resolving !== null, onResolve: (l) => void resolve(l) }),
+    resolving ? /* @__PURE__ */ jsxs3("p", { className: "text-sm text-muted-foreground", children: [
       "Reading ",
       resolving,
       "\u2026"
     ] }) : null,
-    resolveError ? /* @__PURE__ */ jsx5(ErrorNotice, { message: resolveError, size: "compact" }) : null,
-    result ? /* @__PURE__ */ jsx5(
+    resolveError ? /* @__PURE__ */ jsx4(ErrorNotice, { message: resolveError, size: "compact" }) : null,
+    result ? /* @__PURE__ */ jsx4(
       DiscoveryResultView,
       {
         result,
@@ -2592,8 +2506,8 @@ function ModelDiscovery({
 }
 function LinkTab({ busy, onResolve }) {
   const [link, setLink] = useState2("");
-  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [
-    /* @__PURE__ */ jsx5("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [
+    /* @__PURE__ */ jsx4("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx4(
       Field,
       {
         "aria-label": "Model link",
@@ -2610,7 +2524,7 @@ function LinkTab({ busy, onResolve }) {
         autoComplete: "off"
       }
     ) }),
-    /* @__PURE__ */ jsx5(Button, { variant: "primary", onClick: () => onResolve(link), disabled: busy || !link.trim(), children: busy ? "Finding versions\u2026" : "Find versions" })
+    /* @__PURE__ */ jsx4(Button, { variant: "primary", onClick: () => onResolve(link), disabled: busy || !link.trim(), children: busy ? "Finding versions\u2026" : "Find versions" })
   ] });
 }
 function SearchTab({ port, onPick }) {
@@ -2639,10 +2553,10 @@ function SearchTab({ port, onPick }) {
   useEffect3(() => {
     if (port.search) void run(null);
   }, [kind, sort]);
-  if (!port.search) return /* @__PURE__ */ jsx5("p", { className: "text-sm text-muted-foreground", children: "Search is not available here yet. Paste a link instead." });
-  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [
-      /* @__PURE__ */ jsx5("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx5(
+  if (!port.search) return /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground", children: "Search is not available here yet. Paste a link instead." });
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [
+      /* @__PURE__ */ jsx4("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx4(
         SearchField,
         {
           placeholder: "Search models",
@@ -2656,26 +2570,26 @@ function SearchTab({ port, onPick }) {
           }
         }
       ) }),
-      /* @__PURE__ */ jsx5(Select, { "aria-label": "Kind", value: kind, onValueChange: setKind, options: KINDS.map((k) => ({ value: k.value, label: k.label })) }),
-      /* @__PURE__ */ jsx5(Select, { "aria-label": "Order", value: sort, onValueChange: setSort, options: SORTS.map((s) => ({ value: s.value, label: s.label })) }),
-      /* @__PURE__ */ jsx5(Button, { onClick: () => void run(null), disabled: busy, children: "Search" })
+      /* @__PURE__ */ jsx4(Select, { "aria-label": "Kind", value: kind, onValueChange: setKind, options: KINDS.map((k) => ({ value: k.value, label: k.label })) }),
+      /* @__PURE__ */ jsx4(Select, { "aria-label": "Order", value: sort, onValueChange: setSort, options: SORTS.map((s) => ({ value: s.value, label: s.label })) }),
+      /* @__PURE__ */ jsx4(Button, { onClick: () => void run(null), disabled: busy, children: "Search" })
     ] }),
-    error ? /* @__PURE__ */ jsx5(ErrorNotice, { message: error, size: "compact" }) : null,
-    page && page.results.length === 0 && !busy ? /* @__PURE__ */ jsx5("p", { className: "text-sm text-muted-foreground", children: "No models found" }) : null,
-    page?.results.length ? /* @__PURE__ */ jsx5("ul", { className: "flex flex-col divide-y divide-border rounded-md border border-border", "aria-label": "Search results", children: page.results.map((hit) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsxs4("button", { type: "button", onClick: () => onPick(hit.repo), className: "flex w-full items-center gap-3 px-3 py-2 text-left hover:bg-accent", children: [
-      /* @__PURE__ */ jsxs4(Avatar, { size: "sm", children: [
-        hit.maker_avatar_url ? /* @__PURE__ */ jsx5(AvatarImage, { src: hit.maker_avatar_url, alt: hit.maker ?? "" }) : null,
-        /* @__PURE__ */ jsx5(AvatarFallback, { children: initials(hit.maker ?? hit.repo) })
+    error ? /* @__PURE__ */ jsx4(ErrorNotice, { message: error, size: "compact" }) : null,
+    page && page.results.length === 0 && !busy ? /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground", children: "No models found" }) : null,
+    page?.results.length ? /* @__PURE__ */ jsx4("ul", { className: "flex flex-col divide-y divide-border rounded-md border border-border", "aria-label": "Search results", children: page.results.map((hit) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs3("button", { type: "button", onClick: () => onPick(hit.repo), className: "flex w-full items-center gap-3 px-3 py-2 text-left hover:bg-accent", children: [
+      /* @__PURE__ */ jsxs3(Avatar, { size: "sm", children: [
+        hit.maker_avatar_url ? /* @__PURE__ */ jsx4(AvatarImage, { src: hit.maker_avatar_url, alt: hit.maker ?? "" }) : null,
+        /* @__PURE__ */ jsx4(AvatarFallback, { children: initials(hit.maker ?? hit.repo) })
       ] }),
-      /* @__PURE__ */ jsxs4("span", { className: "flex min-w-0 flex-1 flex-col", children: [
-        /* @__PURE__ */ jsx5("span", { className: "truncate text-sm font-medium text-foreground", children: hit.name || hit.repo }),
-        /* @__PURE__ */ jsx5("span", { className: "truncate text-xs text-muted-foreground", children: [hit.maker, hit.downloads != null ? `${formatCount2(hit.downloads)} downloads` : null, hit.license, sizeOf(hit.size_bytes)].filter(Boolean).join(" \xB7 ") })
+      /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+        /* @__PURE__ */ jsx4("span", { className: "truncate text-sm font-medium text-foreground", children: hit.name || hit.repo }),
+        /* @__PURE__ */ jsx4("span", { className: "truncate text-xs text-muted-foreground", children: [hit.maker, hit.downloads != null ? `${formatCount2(hit.downloads)} downloads` : null, hit.license, sizeOf(hit.size_bytes)].filter(Boolean).join(" \xB7 ") })
       ] }),
-      hit.has_gguf ? /* @__PURE__ */ jsx5(Badge, { tone: "success", children: "GGUF ready" }) : null,
-      hit.gated ? /* @__PURE__ */ jsx5(Badge, { tone: "warning", children: "Needs access" }) : null
+      hit.has_gguf ? /* @__PURE__ */ jsx4(Badge, { tone: "success", children: "GGUF ready" }) : null,
+      hit.gated ? /* @__PURE__ */ jsx4(Badge, { tone: "warning", children: "Needs access" }) : null
     ] }) }, hit.repo)) }) : null,
-    busy ? /* @__PURE__ */ jsx5("p", { className: "text-sm text-muted-foreground", children: "Searching\u2026" }) : null,
-    page?.next_cursor && !busy ? /* @__PURE__ */ jsx5(Button, { variant: "quiet", onClick: () => void run(page.next_cursor), children: "Show more" }) : null
+    busy ? /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground", children: "Searching\u2026" }) : null,
+    page?.next_cursor && !busy ? /* @__PURE__ */ jsx4(Button, { variant: "quiet", onClick: () => void run(page.next_cursor), children: "Show more" }) : null
   ] });
 }
 function DiscoveryResultView({ result, device, runtimes, want = DEFAULT_WANT, chooseLabel = "Choose", mode = "device", onChoose, renderVariantActions, renderActions }) {
@@ -2698,21 +2612,21 @@ function DiscoveryResultView({ result, device, runtimes, want = DEFAULT_WANT, ch
       setChoosing(null);
     }
   };
-  return /* @__PURE__ */ jsxs4("section", { className: "flex flex-col gap-3", "aria-label": "Model versions", children: [
-    /* @__PURE__ */ jsxs4("header", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsxs4(Avatar, { size: "md", children: [
-        avatar ? /* @__PURE__ */ jsx5(AvatarImage, { src: avatar, alt: result.maker ?? "" }) : null,
-        /* @__PURE__ */ jsx5(AvatarFallback, { children: initials(result.maker ?? result.repo) })
+  return /* @__PURE__ */ jsxs3("section", { className: "flex flex-col gap-3", "aria-label": "Model versions", children: [
+    /* @__PURE__ */ jsxs3("header", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsxs3(Avatar, { size: "md", children: [
+        avatar ? /* @__PURE__ */ jsx4(AvatarImage, { src: avatar, alt: result.maker ?? "" }) : null,
+        /* @__PURE__ */ jsx4(AvatarFallback, { children: initials(result.maker ?? result.repo) })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-        /* @__PURE__ */ jsx5("h3", { className: "truncate text-base font-semibold text-foreground", children: result.name || model.common_name || result.repo }),
-        /* @__PURE__ */ jsx5("p", { className: "truncate text-xs text-muted-foreground", children: [result.maker, result.repo, result.license_id ? `License ${result.license_id}` : null].filter(Boolean).join(" \xB7 ") }),
-        result.summary ? /* @__PURE__ */ jsx5("p", { className: "line-clamp-2 text-sm text-muted-foreground", children: result.summary }) : null
+      /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+        /* @__PURE__ */ jsx4("h3", { className: "truncate text-base font-semibold text-foreground", children: result.name || model.common_name || result.repo }),
+        /* @__PURE__ */ jsx4("p", { className: "truncate text-xs text-muted-foreground", children: [result.maker, result.repo, result.license_id ? `License ${result.license_id}` : null].filter(Boolean).join(" \xB7 ") }),
+        result.summary ? /* @__PURE__ */ jsx4("p", { className: "line-clamp-2 text-sm text-muted-foreground", children: result.summary }) : null
       ] })
     ] }),
-    source && !source.runnable_as_is && source.why_not ? /* @__PURE__ */ jsx5("p", { className: "rounded-md border border-border px-3 py-2 text-sm text-foreground", children: source.why_not }) : null,
-    ranked.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-sm text-muted-foreground", children: "No downloadable versions were found at this link." }) : null,
-    /* @__PURE__ */ jsx5("ul", { className: "flex flex-col gap-2", "aria-label": "Versions", children: ranked.map((r) => /* @__PURE__ */ jsx5(
+    source && !source.runnable_as_is && source.why_not ? /* @__PURE__ */ jsx4("p", { className: "rounded-md border border-border px-3 py-2 text-sm text-foreground", children: source.why_not }) : null,
+    ranked.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground", children: "No downloadable versions were found at this link." }) : null,
+    /* @__PURE__ */ jsx4("ul", { className: "flex flex-col gap-2", "aria-label": "Versions", children: ranked.map((r) => /* @__PURE__ */ jsx4(
       VariantRow,
       {
         ranked: r,
@@ -2725,7 +2639,7 @@ function DiscoveryResultView({ result, device, runtimes, want = DEFAULT_WANT, ch
       },
       r.variant.key
     )) }),
-    done ? done.ok ? /* @__PURE__ */ jsx5("p", { className: "text-sm text-foreground", children: done.text }) : /* @__PURE__ */ jsx5(ErrorNotice, { message: done.text, size: "compact" }) : null,
+    done ? done.ok ? /* @__PURE__ */ jsx4("p", { className: "text-sm text-foreground", children: done.text }) : /* @__PURE__ */ jsx4(ErrorNotice, { message: done.text, size: "compact" }) : null,
     renderActions?.(result, ranked)
   ] });
 }
@@ -2737,29 +2651,29 @@ function VariantRow({ ranked, mode, chooseLabel, busy, choosingThis, onChoose, e
   const label = v.quant || v.key;
   const publisher = v.discovery?.publisher ?? null;
   const size = sizeOf(v.total_bytes);
-  return /* @__PURE__ */ jsxs4("li", { className: "flex flex-col gap-2 rounded-md border border-border p-3", "data-testid": "discovery-variant", "data-runs": verdict.runs === null ? void 0 : String(verdict.runs), "data-recommended": ranked.recommended ? "true" : void 0, children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsx5("span", { className: "text-sm font-medium text-foreground", children: label }),
-      ranked.recommended ? /* @__PURE__ */ jsx5(Badge, { tone: "primary", children: "Recommended" }) : null,
-      verdict.badge ? /* @__PURE__ */ jsx5(Badge, { tone: "warning", children: verdict.badge }) : null,
-      /* @__PURE__ */ jsx5("span", { className: "text-xs text-muted-foreground", children: [v.format.toUpperCase(), size, publisher ? `by ${publisher}` : null].filter(Boolean).join(" \xB7 ") }),
-      /* @__PURE__ */ jsxs4("span", { className: "ml-auto flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs3("li", { className: "flex flex-col gap-2 rounded-md border border-border p-3", "data-testid": "discovery-variant", "data-runs": verdict.runs === null ? void 0 : String(verdict.runs), "data-recommended": ranked.recommended ? "true" : void 0, children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx4("span", { className: "text-sm font-medium text-foreground", children: label }),
+      ranked.recommended ? /* @__PURE__ */ jsx4(Badge, { tone: "primary", children: "Recommended" }) : null,
+      verdict.badge ? /* @__PURE__ */ jsx4(Badge, { tone: "warning", children: verdict.badge }) : null,
+      /* @__PURE__ */ jsx4("span", { className: "text-xs text-muted-foreground", children: [v.format.toUpperCase(), size, publisher ? `by ${publisher}` : null].filter(Boolean).join(" \xB7 ") }),
+      /* @__PURE__ */ jsxs3("span", { className: "ml-auto flex items-center gap-2", children: [
         extra,
-        verdict.reason ? /* @__PURE__ */ jsx5("span", { className: "text-xs text-muted-foreground", "data-testid": "choose-reason", children: verdict.reason }) : null,
-        /* @__PURE__ */ jsx5(Button, { variant: ranked.recommended ? "primary" : "outline", disabled: busy || blocked, onClick: onChoose, children: choosingThis ? "Working\u2026" : chooseLabel })
+        verdict.reason ? /* @__PURE__ */ jsx4("span", { className: "text-xs text-muted-foreground", "data-testid": "choose-reason", children: verdict.reason }) : null,
+        /* @__PURE__ */ jsx4(Button, { variant: ranked.recommended ? "primary" : "outline", disabled: busy || blocked, onClick: onChoose, children: choosingThis ? "Working\u2026" : chooseLabel })
       ] })
     ] }),
-    verdict.runtime ? /* @__PURE__ */ jsx5("p", { className: "text-xs text-muted-foreground", "data-testid": "variant-runtime", children: verdict.runtime }) : null,
-    /* @__PURE__ */ jsx5("ul", { className: "flex flex-col gap-0.5", children: verdict.lines.map((line) => /* @__PURE__ */ jsx5("li", { className: "text-xs text-muted-foreground", children: line }, line)) }),
-    v.artifacts.length ? /* @__PURE__ */ jsxs4(Collapsible, { children: [
-      /* @__PURE__ */ jsxs4(CollapsibleTrigger, { className: "text-xs text-muted-foreground hover:text-foreground", children: [
+    verdict.runtime ? /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted-foreground", "data-testid": "variant-runtime", children: verdict.runtime }) : null,
+    /* @__PURE__ */ jsx4("ul", { className: "flex flex-col gap-0.5", children: verdict.lines.map((line) => /* @__PURE__ */ jsx4("li", { className: "text-xs text-muted-foreground", children: line }, line)) }),
+    v.artifacts.length ? /* @__PURE__ */ jsxs3(Collapsible, { children: [
+      /* @__PURE__ */ jsxs3(CollapsibleTrigger, { className: "text-xs text-muted-foreground hover:text-foreground", children: [
         "Files in this version (",
         v.artifacts.length,
         ")"
       ] }),
-      /* @__PURE__ */ jsx5(CollapsibleContent, { children: /* @__PURE__ */ jsx5("ul", { className: "mt-1 flex flex-col gap-0.5", children: v.artifacts.map((a) => /* @__PURE__ */ jsxs4("li", { className: "flex gap-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsx5("span", { className: "min-w-0 flex-1 truncate font-mono", children: a.path }),
-        /* @__PURE__ */ jsx5("span", { children: sizeOf(a.size_bytes) ?? "" })
+      /* @__PURE__ */ jsx4(CollapsibleContent, { children: /* @__PURE__ */ jsx4("ul", { className: "mt-1 flex flex-col gap-0.5", children: v.artifacts.map((a) => /* @__PURE__ */ jsxs3("li", { className: "flex gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx4("span", { className: "min-w-0 flex-1 truncate font-mono", children: a.path }),
+        /* @__PURE__ */ jsx4("span", { children: sizeOf(a.size_bytes) ?? "" })
       ] }, a.path || a.url)) }) })
     ] }) : null
   ] });