@ai-matrx/agents 0.59.213 → 0.59.215

package/dist/models/react/index.cjs

@@ -114,6 +114,9 @@ var import_design_system = require("@ai-matrx/design-system");
 var import_controls = require("@ai-matrx/design-system/controls");
 var import_brand_glyphs = require("@ai-matrx/icons/brand-glyphs");
 
+// models/react/icons.tsx
+var import_icons2 = require("@ai-matrx/design-system/icons");
+
 // catalog/shared/icon-paths.ts
 var SHAPES = {
   star: {
@@ -223,6 +226,7 @@ var ICON_PATHS = SHAPES;
 var ICON_NAMES = Object.keys(ICON_PATHS);
 
 // catalog/react/icons.tsx
+var import_icons = require("@ai-matrx/design-system/icons");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function Svg({ children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -270,9 +274,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");
@@ -291,118 +292,20 @@ function MousePointerClickIcon(props) {
 }
 
 // models/react/icons.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function Svg2({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "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__ */ (0, import_jsx_runtime3.jsx)(Svg2, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsxs)(Svg2, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M10 5H3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 19H3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14 3v4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M16 17v4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 12h-9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 19h-5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 5h-7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 10v4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 12H3" })
-  ] });
-}
-function TypeIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Svg2, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 4v16" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M9 20h6" })
-  ] });
-}
-function ImageIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Svg2, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "9", cy: "9", r: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
-  ] });
-}
-function AudioLinesIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Svg2, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M2 10v3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M6 6v11" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M10 3v18" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14 8v7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18 5v13" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M22 10v3" })
-  ] });
-}
-function BoxesIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Svg2, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m7 16.5-4.74-2.85" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m7 16.5 5-3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M7 16.5v5.17" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m17 16.5-5-3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m17 16.5 4.74-2.85" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M17 16.5v5.17" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 8 7.26 5.15" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m12 8 4.74-2.85" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 13.5V8" })
-  ] });
-}
-function FileTextIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Svg2, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M10 9H8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M16 13H8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M16 17H8" })
-  ] });
-}
-function LayersIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Svg2, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsxs)(Svg2, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 3v18" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m19 8 3 8a5 5 0 0 1-6 0zV7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m5 8 3 8a5 5 0 0 1-6 0zV7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M7 21h10" })
-  ] });
-}
-function LanguagesIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Svg2, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m5 8 6 6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m4 14 6-6 2-3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M2 5h12" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M7 2h1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m22 22-5-10-5 10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14 18h6" })
-  ] });
-}
+var sized = (Glyph) => Glyph;
+var ShieldIcon = sized(import_icons2.ShieldIcon);
+var SlidersHorizontalIcon = sized(import_icons2.SlidersHorizontalIcon);
+var TypeIcon = sized(import_icons2.TypeIcon);
+var ImageIcon = sized(import_icons2.ImageIcon);
+var AudioLinesIcon = sized(import_icons2.AudioLinesIcon);
+var BoxesIcon = sized(import_icons2.BoxesIcon);
+var FileTextIcon = sized(import_icons2.FileTextIcon);
+var LayersIcon = sized(import_icons2.LayersIcon);
+var ScaleIcon = sized(import_icons2.ScaleIcon);
+var LanguagesIcon = sized(import_icons2.LanguagesIcon);
 
 // models/react/ModelListDropdown.tsx
-var import_icons3 = require("@ai-matrx/design-system/icons");
+var import_icons5 = require("@ai-matrx/design-system/icons");
 
 // models/succession.ts
 var MAX_SUCCESSION_HOPS = 8;
@@ -567,7 +470,7 @@ function serviceCountLabel(count) {
 }
 
 // models/react/ModelListDropdown.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("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;
@@ -586,7 +489,7 @@ var MODALITY_ICON = {
   text: TypeIcon,
   image: ImageIcon,
   audio: AudioLinesIcon,
-  video: import_icons3.VideoIcon,
+  video: import_icons5.VideoIcon,
   document: FileTextIcon,
   entities: BoxesIcon,
   embedding: LayersIcon,
@@ -605,15 +508,15 @@ var INTERACTION_LABEL = {
 };
 function SpeedDots({ value }) {
   const label = speedRatingLabel(value);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "span",
     {
       className: "inline-flex items-center gap-1",
       title: label == null ? "No speed rating yet" : `Speed ${label}/5`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-[11px] font-medium tabular-nums text-foreground/80", children: speedRatingWord(value) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "inline-flex items-center gap-0.5", children: [
-          [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[11px] font-medium tabular-nums text-foreground/80", children: speedRatingWord(value) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "inline-flex items-center gap-0.5", children: [
+          [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "span",
             {
               className: (0, import_design_system.cn)(
@@ -623,7 +526,7 @@ function SpeedDots({ value }) {
             },
             i
           )),
-          value != null && value >= 6 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-[9px] leading-none text-amber-500", children: "+" })
+          value != null && value >= 6 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[9px] leading-none text-amber-500", children: "+" })
         ] })
       ]
     }
@@ -632,40 +535,40 @@ function SpeedDots({ value }) {
 function SpeedCell({ value }) {
   const word = speedRatingWord(value);
   const label = speedRatingLabel(value);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     DelayedHint,
     {
       label: label == null ? "No speed rating yet" : `Speed ${word} (${label}/5)`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "inline-block w-11 text-right text-[11px] font-medium tabular-nums text-foreground/80", children: word })
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-[11px] text-muted-foreground/50", children: "\u2014" });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[11px] text-muted-foreground/50", children: "\u2014" });
   const rating = priceTierRating(tier);
   const word = costRatingWord(rating);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     DelayedHint,
     {
       label: `Relative cost ${word} (${rating >= 6 ? "5+" : rating}/5 compared with other models)`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "inline-block w-11 text-right text-[11px] font-medium tabular-nums text-foreground/80", children: word })
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-[11px] text-muted-foreground/50", children: "\u2014" });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "inline-flex flex-nowrap items-center gap-1 whitespace-nowrap", children: list.map((m) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[11px] text-muted-foreground/50", children: "\u2014" });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "inline-flex flex-nowrap items-center gap-1 whitespace-nowrap", children: list.map((m) => {
     const Icon = MODALITY_ICON[m];
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "span",
       {
         className: "inline-flex shrink-0 items-center gap-0.5 text-xs text-foreground/70",
         title: m,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "h-3 w-3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "capitalize", children: m })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { className: "h-3 w-3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "capitalize", children: m })
         ]
       },
       m
@@ -677,9 +580,9 @@ function AdminRow({
   value,
   mono
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-baseline gap-2 whitespace-nowrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "w-[76px] shrink-0 text-[10px] uppercase tracking-wide text-muted-foreground", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-baseline gap-2 whitespace-nowrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "w-[76px] shrink-0 text-[10px] uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "span",
       {
         className: (0, import_design_system.cn)(
@@ -707,16 +610,16 @@ function AdminOfferingBlock({
   total
 }) {
   const unit = offering.usageBasis ? `/ ${offering.usageBasis}` : "/ 1M tokens";
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "rounded-md border border-border p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "truncate text-[11px] font-semibold text-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "rounded-md border border-border p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "truncate text-[11px] font-semibold text-foreground", children: [
         "Offering ",
         index + 1,
         " of ",
         total,
         index === 0 ? " \u2014 preferred" : ""
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "span",
         {
           className: (0, import_design_system.cn)(
@@ -727,21 +630,21 @@ function AdminOfferingBlock({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AdminRow, { label: "Model", value: offering.providerModelId, mono: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AdminRow, { label: "Vendor", value: offering.vendor, mono: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AdminRow, { label: "API", value: offering.apiName, mono: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AdminRow, { label: "Translator", value: offering.translatorKey, mono: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AdminRow, { label: "Transport", value: offering.transport, mono: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AdminRow, { label: "Model", value: offering.providerModelId, mono: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AdminRow, { label: "Vendor", value: offering.vendor, mono: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AdminRow, { label: "API", value: offering.apiName, mono: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AdminRow, { label: "Translator", value: offering.translatorKey, mono: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AdminRow, { label: "Transport", value: offering.transport, mono: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         AdminRow,
         {
           label: "Endpoint",
           value: offering.endpointDisplayName || offering.endpointInternalName ? `${offering.endpointDisplayName ?? "\u2014"} (${offering.endpointInternalName ?? "\u2014"})` : null
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AdminRow, { label: "Priority", value: String(offering.priority), mono: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AdminRow, { label: "Priority", value: String(offering.priority), mono: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         AdminRow,
         {
           label: "Points in",
@@ -749,7 +652,7 @@ function AdminOfferingBlock({
           mono: true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         AdminRow,
         {
           label: "Points out",
@@ -757,7 +660,7 @@ function AdminOfferingBlock({
           mono: true
         }
       ),
-      offering.pointsCachedInput != null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      offering.pointsCachedInput != null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         AdminRow,
         {
           label: "Points cached",
@@ -765,15 +668,15 @@ function AdminOfferingBlock({
           mono: true
         }
       ),
-      offering.pricing.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AdminRow, { label: "Pricing", value: "\u2014 (no pricing rows)" }) : offering.pricing.map((band, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "space-y-0.5", children: [
-        band.maxTokens != null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      offering.pricing.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AdminRow, { label: "Pricing", value: "\u2014 (no pricing rows)" }) : offering.pricing.map((band, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "space-y-0.5", children: [
+        band.maxTokens != null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           AdminRow,
           {
             label: `Band ${i + 1}`,
             value: `\u2264 ${(0, import_format.formatCount)(band.maxTokens)} tokens`
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           AdminRow,
           {
             label: "Input $",
@@ -781,7 +684,7 @@ function AdminOfferingBlock({
             mono: true
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           AdminRow,
           {
             label: "Output $",
@@ -789,7 +692,7 @@ function AdminOfferingBlock({
             mono: true
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           AdminRow,
           {
             label: "Cached $",
@@ -798,26 +701,26 @@ function AdminOfferingBlock({
           }
         )
       ] }, i)),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         AdminRow,
         {
           label: "Billing",
           value: offering.usageBasis ? `Usage basis: ${offering.usageBasis}` : offering.tokenBilled ? "Token-billed (provider-reported tokens)" : "Standard $ / 1M tokens"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AdminRow, { label: "Offering", value: offering.offeringId, mono: true })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AdminRow, { label: "Offering", value: offering.offeringId, mono: true })
     ] })
   ] });
 }
 function AdminOfferingsSection({ model }) {
   const offerings = model.admin?.offerings ?? [];
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "shrink-0 border-b border-border px-3 py-2 text-[10px] uppercase tracking-wide text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("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__ */ (0, import_jsx_runtime4.jsx)("div", { className: "min-h-0 flex-1 space-y-2 overflow-y-auto p-2", children: offerings.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "min-h-0 flex-1 space-y-2 overflow-y-auto p-2", children: offerings.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)(
       AdminOfferingBlock,
       {
         offering: o,
@@ -842,13 +745,13 @@ function ModelDetailCard({
 }) {
   const pinnedHere = (t) => !!isCurrentModel && !!pinnedOfferingId && t.offeringId === pinnedOfferingId;
   const anyPinnedHere = model.tiers.some(pinnedHere);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "truncate text-sm font-semibold text-foreground", children: model.name }),
-          model.maker && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mt-0.5 flex items-center gap-1 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "truncate text-sm font-semibold text-foreground", children: model.name }),
+          model.maker && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mt-0.5 flex items-center gap-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               import_brand_glyphs.MakerBrandGlyph,
               {
                 maker: model.maker,
@@ -856,13 +759,13 @@ function ModelDetailCard({
                 className: "h-3.5 w-3.5"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: model.maker })
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: model.maker })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
-          model.isPrimary && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-foreground/70", children: "Default" }),
-          model.isPremium && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
+          model.isPrimary && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-foreground/70", children: "Default" }),
+          model.isPremium && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)(
             "span",
             {
               className: "rounded bg-destructive/15 px-1.5 py-0.5 text-[10px] font-medium text-destructive-ink",
@@ -870,7 +773,7 @@ function ModelDetailCard({
               children: "Deprecated"
             }
           ),
-          model.retiredAt && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          model.retiredAt && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "span",
             {
               className: "rounded bg-destructive/15 px-1.5 py-0.5 text-[10px] font-medium text-destructive-ink",
@@ -880,19 +783,19 @@ function ModelDetailCard({
           )
         ] })
       ] }),
-      model.description && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mt-2 line-clamp-3 text-xs text-muted-foreground", children: model.description }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("dl", { className: "mt-3 space-y-2 text-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Input" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ModalityIcons, { list: model.input }) })
+      model.description && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mt-2 line-clamp-3 text-xs text-muted-foreground", children: model.description }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("dl", { className: "mt-3 space-y-2 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Input" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ModalityIcons, { list: model.input }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Output" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ModalityIcons, { list: model.output }) })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Output" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ModalityIcons, { list: model.output }) })
         ] }),
-        model.features.buckets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Features" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { className: "flex flex-wrap gap-1", children: model.features.buckets.map((b) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        model.features.buckets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Features" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { className: "flex flex-wrap gap-1", children: model.features.buckets.map((b) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "span",
             {
               className: "whitespace-nowrap rounded border border-border px-1.5 py-0.5 text-[10px] text-foreground/80",
@@ -902,10 +805,10 @@ function ModelDetailCard({
             b
           )) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "col-span-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Points / 1M tokens" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Points / 1M tokens" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "dd",
               {
                 className: "whitespace-nowrap text-sm font-semibold tabular-nums text-foreground",
@@ -914,31 +817,31 @@ function ModelDetailCard({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Context window" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { className: "tabular-nums text-foreground/80", children: model.contextWindow?.toLocaleString() ?? "\u2014" })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Context window" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { className: "tabular-nums text-foreground/80", children: model.contextWindow?.toLocaleString() ?? "\u2014" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Max output" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { className: "tabular-nums text-foreground/80", children: model.maxTokens?.toLocaleString() ?? "\u2014" })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Max output" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { className: "tabular-nums text-foreground/80", children: model.maxTokens?.toLocaleString() ?? "\u2014" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Cost" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CostTier, { tier }) })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Cost" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CostTier, { tier }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Speed" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SpeedDots, { value: model.speedRating }) })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Speed" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SpeedDots, { value: model.speedRating }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Interaction" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { className: "text-foreground/80", children: INTERACTION_LABEL[model.interaction] })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Interaction" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { className: "text-foreground/80", children: INTERACTION_LABEL[model.interaction] })
           ] })
         ] }),
-        model.tiers[0]?.servedVia && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: model.tiers.length === 1 ? SERVICE_LABEL : SERVICE_LABEL_PLURAL }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { className: "flex flex-wrap gap-1", children: onPinOffering ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        model.tiers[0]?.servedVia && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { className: "mb-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: model.tiers.length === 1 ? SERVICE_LABEL : SERVICE_LABEL_PLURAL }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { className: "flex flex-wrap gap-1", children: onPinOffering ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "button",
               {
                 type: "button",
@@ -956,7 +859,7 @@ function ModelDetailCard({
             ),
             model.tiers.map((t) => {
               const pinned = pinnedHere(t);
-              return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "button",
                 {
                   type: "button",
@@ -977,7 +880,7 @@ function ModelDetailCard({
                 t.offeringId
               );
             })
-          ] }) : model.tiers.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          ] }) : model.tiers.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "span",
             {
               className: i === 0 ? SERVICE_CHIP_SELECTED : SERVICE_CHIP_UNSELECTED,
@@ -987,18 +890,18 @@ function ModelDetailCard({
             t.offeringId
           )) })
         ] }),
-        model.multilingual && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-1 text-foreground/80", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LanguagesIcon, { className: "h-3.5 w-3.5" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Multilingual" })
+        model.multilingual && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-1 text-foreground/80", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LanguagesIcon, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Multilingual" })
         ] }),
-        model.features.raw.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "All capability flags" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { className: "font-mono text-[10px] leading-relaxed text-muted-foreground/80", children: model.features.raw.join(", ") })
+        model.features.raw.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "All capability flags" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { className: "font-mono text-[10px] leading-relaxed text-muted-foreground/80", children: model.features.raw.join(", ") })
         ] })
       ] }),
-      includeAdminSection && variant === "admin" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mt-3 rounded-md border border-border", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AdminOfferingsSection, { model }) })
+      includeAdminSection && variant === "admin" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mt-3 rounded-md border border-border", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AdminOfferingsSection, { model }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "shrink-0 border-t border-border p-3", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "shrink-0 border-t border-border p-3", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
         type: "button",
@@ -1014,13 +917,13 @@ function DelayedHint({
   label,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system.Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system.TooltipTrigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system.TooltipContent, { side: "top", sideOffset: 6, className: "max-w-64 text-xs", children: label })
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system.Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.TooltipContent, { side: "top", sideOffset: 6, className: "max-w-64 text-xs", children: label })
   ] });
 }
 function ChipRow({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-nowrap gap-1 overflow-x-auto pb-0.5", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex flex-nowrap gap-1 overflow-x-auto pb-0.5", children });
 }
 function ChipToggle({
   active,
@@ -1028,7 +931,7 @@ function ChipToggle({
   children,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "button",
     {
       type: "button",
@@ -1047,7 +950,7 @@ function MakerFilterButton({
   active,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "button",
     {
       type: "button",
@@ -1059,8 +962,8 @@ function MakerFilterButton({
         active ? "border-primary bg-primary/10 text-foreground" : "border-border text-muted-foreground hover:text-foreground"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_brand_glyphs.MakerBrandGlyph, { maker, colored: true, className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DelayedHint, { label: maker, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "min-w-0 truncate text-[11px] font-medium leading-tight", children: maker }) })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_brand_glyphs.MakerBrandGlyph, { maker, colored: true, className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DelayedHint, { label: maker, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "min-w-0 truncate text-[11px] font-medium leading-tight", children: maker }) })
       ]
     }
   );
@@ -1070,7 +973,7 @@ function ServiceFilterButton({
   active,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "button",
     {
       type: "button",
@@ -1082,8 +985,8 @@ function ServiceFilterButton({
         active ? "border-primary bg-primary/10 text-foreground" : "border-border text-muted-foreground hover:text-foreground"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_brand_glyphs.ServiceBrandGlyph, { service, className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DelayedHint, { label: service, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "min-w-0 truncate text-[11px] font-medium leading-tight", children: service }) })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_brand_glyphs.ServiceBrandGlyph, { service, className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DelayedHint, { label: service, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "min-w-0 truncate text-[11px] font-medium leading-tight", children: service }) })
       ]
     }
   );
@@ -1094,11 +997,11 @@ function TriStateChips({
   yesLabel,
   noLabel
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-wrap gap-1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex flex-wrap gap-1", children: [
     ["any", "Any"],
     ["yes", yesLabel],
     ["no", noLabel]
-  ].map(([key, label]) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  ].map(([key, label]) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     ChipToggle,
     {
       active: value === key,
@@ -1112,8 +1015,8 @@ function FilterSection({
   label,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: label }),
     children
   ] });
 }
@@ -1158,8 +1061,8 @@ function FiltersPanel({
       { key: "premium", label: "Premium" }
     ] : []
   ];
-  const setChip = (kind) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const setChip = (kind) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       ChipToggle,
       {
         active: filters[kind].size === 0,
@@ -1167,7 +1070,7 @@ function FiltersPanel({
         children: "Any"
       }
     ),
-    (kind === "makers" ? makerOptions : kind === "services" ? serviceOptions : kind === "vendors" ? vendorOptions : apiOptions).map((v) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    (kind === "makers" ? makerOptions : kind === "services" ? serviceOptions : kind === "vendors" ? vendorOptions : apiOptions).map((v) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       ChipToggle,
       {
         active: filters[kind].has(v),
@@ -1177,9 +1080,9 @@ function FiltersPanel({
       v
     ))
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex h-full flex-col text-xs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "min-h-0 flex-1 space-y-3 overflow-y-auto p-3 pb-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FilterSection, { label: "Sort by", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ChipRow, { children: sortOptions.map((o) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex h-full flex-col text-xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "min-h-0 flex-1 space-y-3 overflow-y-auto p-3 pb-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FilterSection, { label: "Sort by", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChipRow, { children: sortOptions.map((o) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         ChipToggle,
         {
           active: filters.sort === o.key,
@@ -1188,8 +1091,8 @@ function FiltersPanel({
         },
         o.key
       )) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FilterSection, { label: "Input", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(ChipRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FilterSection, { label: "Input", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(ChipRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           ChipToggle,
           {
             active: filters.input.size === 0,
@@ -1197,18 +1100,18 @@ function FiltersPanel({
             children: "Any"
           }
         ),
-        INPUT_MODALITIES.map((m) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        INPUT_MODALITIES.map((m) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           ChipToggle,
           {
             active: filters.input.has(m),
             onClick: () => toggleModality("input", m),
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "capitalize", children: m })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "capitalize", children: m })
           },
           m
         ))
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FilterSection, { label: "Output", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(ChipRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FilterSection, { label: "Output", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(ChipRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           ChipToggle,
           {
             active: filters.output.size === 0,
@@ -1216,18 +1119,18 @@ function FiltersPanel({
             children: "Any"
           }
         ),
-        OUTPUT_MODALITIES.map((m) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        OUTPUT_MODALITIES.map((m) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           ChipToggle,
           {
             active: filters.output.has(m),
             onClick: () => toggleModality("output", m),
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "capitalize", children: m })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "capitalize", children: m })
           },
           m
         ))
       ] }) }),
-      variant === "admin" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FilterSection, { label: "Deprecated", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      variant === "admin" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FilterSection, { label: "Deprecated", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           TriStateChips,
           {
             value: filters.deprecated,
@@ -1236,7 +1139,7 @@ function FiltersPanel({
             noLabel: "Active only"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FilterSection, { label: "Availability", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FilterSection, { label: "Availability", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           TriStateChips,
           {
             value: filters.availability,
@@ -1245,7 +1148,7 @@ function FiltersPanel({
             noLabel: "Unavailable"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FilterSection, { label: "Premium", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FilterSection, { label: "Premium", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           TriStateChips,
           {
             value: filters.premium,
@@ -1254,11 +1157,11 @@ function FiltersPanel({
             noLabel: "Standard only"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FilterSection, { label: "Vendor", children: setChip("vendors") }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FilterSection, { label: "API", children: setChip("apis") })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FilterSection, { label: "Vendor", children: setChip("vendors") }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FilterSection, { label: "API", children: setChip("apis") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FilterSection, { label: "Maker", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "grid grid-cols-3 gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FilterSection, { label: "Maker", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "grid grid-cols-3 gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           ChipToggle,
           {
             active: filters.makers.size === 0,
@@ -1267,7 +1170,7 @@ function FiltersPanel({
             children: "Any"
           }
         ),
-        makerOptions.map((maker) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        makerOptions.map((maker) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           MakerFilterButton,
           {
             maker,
@@ -1277,8 +1180,8 @@ function FiltersPanel({
           maker
         ))
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FilterSection, { label: SERVICE_LABEL, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "grid grid-cols-3 gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FilterSection, { label: SERVICE_LABEL, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "grid grid-cols-3 gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           ChipToggle,
           {
             active: filters.services.size === 0,
@@ -1287,7 +1190,7 @@ function FiltersPanel({
             children: "Any"
           }
         ),
-        serviceOptions.map((service) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        serviceOptions.map((service) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           ServiceFilterButton,
           {
             service,
@@ -1297,7 +1200,7 @@ function FiltersPanel({
           service
         ))
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FilterSection, { label: "Features", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-wrap gap-1", children: FEATURE_BUCKET_ORDER.map((b) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FilterSection, { label: "Features", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex flex-wrap gap-1", children: FEATURE_BUCKET_ORDER.map((b) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         ChipToggle,
         {
           active: filters.features.has(b),
@@ -1306,8 +1209,8 @@ function FiltersPanel({
         },
         b
       )) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FilterSection, { label: "Interaction", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-wrap gap-1", children: ["any", "turn", "single", "extraction", "realtime"].map(
-        (i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FilterSection, { label: "Interaction", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex flex-wrap gap-1", children: ["any", "turn", "single", "extraction", "realtime"].map(
+        (i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           ChipToggle,
           {
             active: filters.interaction === i,
@@ -1318,20 +1221,20 @@ function FiltersPanel({
         )
       ) }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("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__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("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__ */ (0, import_jsx_runtime3.jsx)(
         ChipToggle,
         {
           active: filters.multilingualOnly,
           onClick: () => setFilters((f) => ({ ...f, multilingualOnly: !f.multilingualOnly })),
           className: "flex-1 justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LanguagesIcon, { className: "h-3 w-3" }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LanguagesIcon, { className: "h-3 w-3" }),
             " Multilingual"
           ] })
         }
       ),
-      variant === "user" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      variant === "user" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         ChipToggle,
         {
           active: filters.includeDeprecated,
@@ -1362,7 +1265,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__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
     {
       role: "button",
@@ -1384,7 +1287,7 @@ function ModelRow({
         selected && "bg-muted"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "button",
           {
             type: "button",
@@ -1398,20 +1301,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__ */ (0, import_jsx_runtime4.jsx)(import_icons3.StarIcon, { className: (0, import_design_system.cn)("h-3 w-3", isFavorite && "fill-amber-400") })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons5.StarIcon, { className: (0, import_design_system.cn)("h-3 w-3", isFavorite && "fill-amber-400") })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "span",
           {
             className: "flex w-5 justify-center",
             title: model.maker ?? void 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_brand_glyphs.MakerBrandGlyph, { maker: model.maker, colored: true, className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_brand_glyphs.MakerBrandGlyph, { maker: model.maker, colored: true, className: "h-3.5 w-3.5" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DelayedHint, { label: model.name, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate text-xs font-medium text-foreground", children: model.name }) }),
-          isDecisionModelCapability(model) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DelayedHint, { label: model.name, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "truncate text-xs font-medium text-foreground", children: model.name }) }),
+          isDecisionModelCapability(model) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "span",
             {
               className: "shrink-0 rounded border border-primary/40 bg-primary/10 px-1 text-[9px] font-medium text-foreground/80",
@@ -1419,7 +1322,7 @@ function ModelRow({
               children: "decision"
             }
           ),
-          model.isDeprecated && !retired && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          model.isDeprecated && !retired && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "span",
             {
               className: "shrink-0 rounded bg-destructive/15 px-1 text-[9px] text-destructive-ink",
@@ -1427,7 +1330,7 @@ function ModelRow({
               children: "dep"
             }
           ),
-          retired && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          retired && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "span",
             {
               className: "shrink-0 rounded bg-destructive/15 px-1 text-[9px] text-destructive-ink",
@@ -1435,7 +1338,7 @@ function ModelRow({
               children: "retired"
             }
           ),
-          unavailable && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          unavailable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "span",
             {
               className: "shrink-0 rounded bg-destructive/15 px-1 text-[9px] text-destructive-ink",
@@ -1443,14 +1346,14 @@ function ModelRow({
               children: "off"
             }
           ),
-          classTier ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          classTier ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "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__ */ (0, import_jsx_runtime4.jsx)(
+          ) : model.tiers.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "span",
             {
               className: "shrink-0 rounded border border-primary/40 bg-primary/10 px-1 text-[9px] font-medium text-foreground/80",
@@ -1459,19 +1362,19 @@ function ModelRow({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SpeedCell, { value: model.speedRating }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SpeedCell, { value: model.speedRating }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           DelayedHint,
           {
             label: model.contextWindow == null ? "No context window listed" : `Context window ${(0, import_format.formatCount)(model.contextWindow)} tokens`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           DelayedHint,
           {
             label: tier == null ? "No relative cost rating yet" : `Relative cost ${tier.replace("+", "")}${tier.endsWith("+") ? "+" : ""} \u2014 more $ is more expensive`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "block w-[2.75rem] text-right", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CostTier, { tier }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "block w-[2.75rem] text-right", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CostTier, { tier }) })
           }
         )
       ]
@@ -1481,7 +1384,7 @@ function ModelRow({
 function LocalModelRow({ model, selected, onSelect }) {
   const unusable = model.unusable ?? null;
   const dim = model.needsMoreMemory === true;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
     {
       role: "button",
@@ -1504,12 +1407,12 @@ function LocalModelRow({ model, selected, onSelect }) {
         selected && "bg-muted"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "flex w-5 justify-center", title: model.maker ?? void 0, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_brand_glyphs.MakerBrandGlyph, { maker: model.maker ?? null, colored: true, className: "h-3.5 w-3.5" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate text-xs font-medium text-foreground", children: model.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "flex w-5 justify-center", title: model.maker ?? void 0, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_brand_glyphs.MakerBrandGlyph, { maker: model.maker ?? null, colored: true, className: "h-3.5 w-3.5" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "truncate text-xs font-medium text-foreground", children: model.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "span",
               {
                 className: "shrink-0 rounded border border-primary/40 bg-primary/10 px-1 text-[9px] font-medium text-foreground/80",
@@ -1517,13 +1420,13 @@ function LocalModelRow({ model, selected, onSelect }) {
                 children: "local"
               }
             ),
-            dim && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("span", { "data-local-model-reason": true, className: "truncate text-[11px] text-muted-foreground", children: unusable })
+          unusable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "data-local-model-reason": true, className: "truncate text-[11px] text-muted-foreground", children: unusable })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "w-11" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("span", { className: "w-[2.75rem]" })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "w-11" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("span", { className: "w-[2.75rem]" })
       ]
     }
   );
@@ -1860,7 +1763,7 @@ function ModelListDropdown({
     onOfferingPinChange(offeringId);
     if (model.id !== value) onValueChange(model.id);
   };
-  const trigger = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "button",
     {
       type: "button",
@@ -1879,8 +1782,8 @@ function ModelListDropdown({
         className
       ),
       children: [
-        triggerVariant === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: shown ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        triggerVariant === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: shown ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             import_brand_glyphs.MakerBrandGlyph,
             {
               maker: shown.maker,
@@ -1888,15 +1791,15 @@ function ModelListDropdown({
               className: "h-3.5 w-3.5 shrink-0"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "min-w-0 whitespace-normal text-left leading-tight", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "min-w-0 whitespace-normal text-left leading-tight", children: [
             shown.name,
-            selectedClassLabel && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "text-muted-foreground", children: [
+            selectedClassLabel && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "text-muted-foreground", children: [
               " \xB7 ",
               selectedClassLabel
             ] })
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "min-w-0 whitespace-normal text-left leading-tight text-muted-foreground", children: isLoading ? "Loading models\u2026" : emptyOptionLabel && !value ? emptyOptionLabel : placeholder }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: shown ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "min-w-0 whitespace-normal text-left leading-tight text-muted-foreground", children: isLoading ? "Loading models\u2026" : emptyOptionLabel && !value ? emptyOptionLabel : placeholder }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: shown ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             import_brand_glyphs.MakerBrandGlyph,
             {
               maker: shown.maker,
@@ -1904,16 +1807,16 @@ function ModelListDropdown({
               className: "h-3.5 w-3.5 shrink-0"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "min-w-0 truncate", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "min-w-0 truncate", children: [
             shown.name,
-            selectedClassLabel && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "text-muted-foreground", children: [
+            selectedClassLabel && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "text-muted-foreground", children: [
               " \xB7 ",
               selectedClassLabel
             ] })
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "min-w-0 truncate text-muted-foreground", children: isLoading ? "Loading models\u2026" : emptyOptionLabel && !value ? emptyOptionLabel : placeholder }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_icons3.ChevronDownIcon,
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "min-w-0 truncate text-muted-foreground", children: isLoading ? "Loading models\u2026" : emptyOptionLabel && !value ? emptyOptionLabel : placeholder }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_icons5.ChevronDownIcon,
           {
             className: (0, import_design_system.cn)(
               "shrink-0 text-muted-foreground/60",
@@ -1924,11 +1827,11 @@ function ModelListDropdown({
       ]
     }
   );
-  const listPanel = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-1.5 border-b border-border p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "relative flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.SearchIcon, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const listPanel = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-1.5 border-b border-border p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons5.SearchIcon, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           import_controls.Input,
           {
             adornment: "start",
@@ -1939,7 +1842,7 @@ function ModelListDropdown({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "button",
         {
           type: "button",
@@ -1949,14 +1852,14 @@ function ModelListDropdown({
             rightPanel === "filters" ? "border-primary bg-primary/10 text-foreground" : "border-border text-muted-foreground hover:text-foreground"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SlidersHorizontalIcon, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SlidersHorizontalIcon, { className: "h-3.5 w-3.5" }),
             "Filters",
-            activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-primary", children: activeFilterCount })
+            activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-primary", children: activeFilterCount })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex items-center gap-1 border-b border-border px-2 py-1", children: ["all", "favorites"].map((t) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex items-center gap-1 border-b border-border px-2 py-1", children: ["all", "favorites"].map((t) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "button",
       {
         type: "button",
@@ -1966,8 +1869,8 @@ function ModelListDropdown({
           tab === t ? "bg-accent text-foreground" : "text-muted-foreground hover:text-foreground"
         ),
         children: [
-          t === "favorites" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_icons3.StarIcon,
+          t === "favorites" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_icons5.StarIcon,
             {
               className: (0, import_design_system.cn)(
                 "h-3 w-3",
@@ -1976,30 +1879,30 @@ function ModelListDropdown({
             }
           ),
           t === "all" ? "All" : "Favorites",
-          t === "favorites" && favoriteSet.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-muted-foreground", children: favoriteSet.size })
+          t === "favorites" && favoriteSet.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-muted-foreground", children: favoriteSet.size })
         ]
       },
       t
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("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__ */ (0, import_jsx_runtime4.jsx)("span", { className: "w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "w-5", title: "Maker", "aria-label": "Maker" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Name" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "w-11 text-right", children: "Speed" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DelayedHint, { label: "How many tokens this model can hold in one conversation", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "block w-12 text-right", title: "Context window", children: "Window" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DelayedHint, { label: "Relative cost band \u2014 more $ is more expensive. Not your personal usage.", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "block w-[2.75rem] text-right", children: "Cost" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("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__ */ (0, import_jsx_runtime3.jsx)("span", { className: "w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "w-5", title: "Maker", "aria-label": "Maker" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "w-11 text-right", children: "Speed" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DelayedHint, { label: "How many tokens this model can hold in one conversation", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "block w-12 text-right", title: "Context window", children: "Window" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DelayedHint, { label: "Relative cost band \u2014 more $ is more expensive. Not your personal usage.", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "block w-[2.75rem] text-right", children: "Cost" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto p-1", children: error ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "p-3 text-xs text-destructive", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "font-medium", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto p-1", children: error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "p-3 text-xs text-destructive", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "font-medium", children: [
         "Failed to load ",
         variant,
         " catalog"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mt-0.5 font-mono text-[11px] opacity-80", children: error }),
-      variant === "admin" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mt-0.5 font-mono text-[11px] opacity-80", children: error }),
+      variant === "admin" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("div", { className: "p-4 text-center text-xs text-muted-foreground", children: "Loading catalog\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-      emptyOptionLabel && onClear && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    ] }) : isLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "p-4 text-center text-xs text-muted-foreground", children: "Loading catalog\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      emptyOptionLabel && onClear && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "button",
         {
           type: "button",
@@ -2011,14 +1914,14 @@ function ModelListDropdown({
           children: emptyOptionLabel
         }
       ),
-      localRows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-        localRunnable.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: GROUP_HEADING, children: localGroupLabel }),
-        localRunnable.map((l) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LocalModelRow, { model: l, selected: l.id === value, onSelect: () => handleSelectLocal(l) }, l.id)),
-        localUnusable.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: GROUP_HEADING, children: "Cannot run here" }),
-        localUnusable.map((l) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LocalModelRow, { model: l, selected: false, onSelect: () => void 0 }, l.id)),
-        filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: GROUP_HEADING, children: "Cloud" })
+      localRows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        localRunnable.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: GROUP_HEADING, children: localGroupLabel }),
+        localRunnable.map((l) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LocalModelRow, { model: l, selected: l.id === value, onSelect: () => handleSelectLocal(l) }, l.id)),
+        localUnusable.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: GROUP_HEADING, children: "Cannot run here" }),
+        localUnusable.map((l) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LocalModelRow, { model: l, selected: false, onSelect: () => void 0 }, l.id)),
+        filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: GROUP_HEADING, children: "Cloud" })
       ] }),
-      filtered.length === 0 ? localRows.length > 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "p-4 text-center text-xs text-muted-foreground", children: "No models match your filters." }) : listRows.map(({ model: m, classTier }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      filtered.length === 0 ? localRows.length > 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "p-4 text-center text-xs text-muted-foreground", children: "No models match your filters." }) : listRows.map(({ model: m, classTier }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         ModelRow,
         {
           model: m,
@@ -2039,26 +1942,26 @@ function ModelListDropdown({
         classTier ? `${m.id}:${classTier.offeringId}` : m.id
       ))
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center justify-between gap-2 border-t border-border px-2 py-1 text-[10px] text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: error ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center justify-between gap-2 border-t border-border px-2 py-1 text-[10px] text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
         "Models couldn't be loaded",
         ports.renderErrorAction?.(String(error))
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
         listRows.length + localRunnable.length,
         " model",
         listRows.length + localRunnable.length === 1 ? "" : "s",
-        variant === "user" && (hiddenModelIds?.length ?? 0) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        variant === "user" && (hiddenModelIds?.length ?? 0) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
           " \xB7 ",
-          ports.settingsHref && LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(LinkComponent, { href: ports.settingsHref, className: "underline hover:text-foreground", children: [
+          ports.settingsHref && LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(LinkComponent, { href: ports.settingsHref, className: "underline hover:text-foreground", children: [
             hiddenModelIds?.length,
             " hidden by you"
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
             hiddenModelIds?.length,
             " hidden by you"
           ] })
         ] }) : null
       ] }) }),
-      isSuperAdmin && catalogVariant == null && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      isSuperAdmin && catalogVariant == null && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "button",
         {
           type: "button",
@@ -2069,7 +1972,7 @@ function ModelListDropdown({
             variant === "admin" ? "bg-primary/10 text-foreground" : "hover:text-foreground"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ShieldIcon, { className: "h-3 w-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ShieldIcon, { className: "h-3 w-3" }),
             "Admin"
           ]
         }
@@ -2079,19 +1982,19 @@ function ModelListDropdown({
   if (disabled) {
     return trigger;
   }
-  const mobileBody = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: mobileDetail ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  const mobileBody = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: mobileDetail ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "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__ */ (0, import_jsx_runtime4.jsx)(import_icons3.ChevronRightIcon, { className: "h-4 w-4 rotate-180" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons5.ChevronRightIcon, { className: "h-4 w-4 rotate-180" }),
           " Back"
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       ModelDetailCard,
       {
         model: mobileDetail,
@@ -2104,19 +2007,19 @@ function ModelListDropdown({
         includeAdminSection: true
       }
     ) })
-  ] }) : mobileFilters ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  ] }) : mobileFilters ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "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__ */ (0, import_jsx_runtime4.jsx)(import_icons3.ChevronRightIcon, { className: "h-4 w-4 rotate-180" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons5.ChevronRightIcon, { className: "h-4 w-4 rotate-180" }),
           " Back"
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       FiltersPanel,
       {
         filters,
@@ -2130,18 +2033,18 @@ function ModelListDropdown({
     ) })
   ] }) : listPanel });
   if (isMobile && inline) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system.TooltipProvider, { delayDuration: HOVER_DELAY_MS, skipDelayDuration: HOVER_DELAY_MS, children: mobileBody });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.TooltipProvider, { delayDuration: HOVER_DELAY_MS, skipDelayDuration: HOVER_DELAY_MS, children: mobileBody });
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system.Drawer, { open, onOpenChange: handleOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system.DrawerTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system.DrawerContent, { className: "h-[85dvh]", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system.Drawer, { open, onOpenChange: handleOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.DrawerTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.DrawerContent, { className: "h-[85dvh]", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         import_design_system.TooltipProvider,
         {
           delayDuration: HOVER_DELAY_MS,
           skipDelayDuration: HOVER_DELAY_MS,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system.DrawerTitle, { className: "sr-only", children: "Select model" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.DrawerTitle, { className: "sr-only", children: "Select model" }),
             mobileBody
           ]
         }
@@ -2150,18 +2053,18 @@ function ModelListDropdown({
   }
   const popoverWidth = LIST_WIDTH + DETAIL_WIDTH + (variant === "admin" ? ADMIN_PANEL_WIDTH : 0);
   const adminPanelModel = hovered ?? selected;
-  const desktopBody = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const desktopBody = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_design_system.TooltipProvider,
     {
       delayDuration: HOVER_DELAY_MS,
       skipDelayDuration: HOVER_DELAY_MS,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "h-full overflow-x-auto overflow-y-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "h-full overflow-x-auto overflow-y-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "div",
         {
           className: "flex h-full",
           style: inline ? void 0 : { minWidth: popoverWidth },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "div",
               {
                 className: "flex h-full min-h-0 flex-col border-r border-border",
@@ -2169,12 +2072,12 @@ function ModelListDropdown({
                 children: listPanel
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "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__ */ (0, import_jsx_runtime4.jsx)(
+                children: rightPanel === "filters" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   FiltersPanel,
                   {
                     filters,
@@ -2185,11 +2088,11 @@ function ModelListDropdown({
                     vendorOptions,
                     apiOptions
                   }
-                ) : rightPanel === "detail" && hovered ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                ) : rightPanel === "detail" && hovered ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "div",
                   {
                     className: "h-full animate-in fade-in-0 duration-300",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                       ModelDetailCard,
                       {
                         model: hovered,
@@ -2203,20 +2106,20 @@ function ModelListDropdown({
                     )
                   },
                   hovered.id
-                ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MousePointerClickIcon, { className: "h-6 w-6 text-muted-foreground/40" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-xs leading-relaxed text-muted-foreground/70", children: "Hover a model to preview its details, or click to select." })
+                ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MousePointerClickIcon, { className: "h-6 w-6 text-muted-foreground/40" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime4.jsx)(
+            variant === "admin" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "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__ */ (0, import_jsx_runtime4.jsx)(AdminOfferingsSection, { model: adminPanelModel }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ShieldIcon, { className: "h-6 w-6 text-muted-foreground/40" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime3.jsx)(AdminOfferingsSection, { model: adminPanelModel }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ShieldIcon, { className: "h-6 w-6 text-muted-foreground/40" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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." })
                 ] })
               }
             )
@@ -2226,11 +2129,11 @@ function ModelListDropdown({
     }
   );
   if (inline) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "h-full w-full min-w-0", children: desktopBody });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "h-full w-full min-w-0", children: desktopBody });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system.Popover, { open, onOpenChange: handleOpen, modal: false, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system.PopoverTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system.Popover, { open, onOpenChange: handleOpen, modal: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.PopoverTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_design_system.PopoverContent,
       {
         align: "start",
@@ -2501,7 +2404,7 @@ function fromDiscovery(result) {
 }
 
 // models/react/ModelDiscovery.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var KINDS = [
   { value: "text", label: "Text" },
   { value: "vision", label: "Vision" },
@@ -2572,8 +2475,8 @@ function ModelDiscovery({
       if (abortRef.current === controller) setResolving(null);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 flex-col gap-4", "data-testid": "model-discovery", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex min-w-0 flex-col gap-4", "data-testid": "model-discovery", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       import_controls2.Tabs,
       {
         "aria-label": "Find a model",
@@ -2585,14 +2488,14 @@ function ModelDiscovery({
         ]
       }
     ),
-    tab === "search" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SearchTab, { port, onPick: (repo) => void resolve(repo) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LinkTab, { busy: resolving !== null, onResolve: (l) => void resolve(l) }),
-    resolving ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+    tab === "search" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SearchTab, { port, onPick: (repo) => void resolve(repo) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LinkTab, { busy: resolving !== null, onResolve: (l) => void resolve(l) }),
+    resolving ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
       "Reading ",
       resolving,
       "\u2026"
     ] }) : null,
-    resolveError ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.ErrorNotice, { message: resolveError, size: "compact" }) : null,
-    result ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    resolveError ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.ErrorNotice, { message: resolveError, size: "compact" }) : null,
+    result ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       DiscoveryResultView,
       {
         result,
@@ -2610,8 +2513,8 @@ function ModelDiscovery({
 }
 function LinkTab({ busy, onResolve }) {
   const [link, setLink] = (0, import_react4.useState)("");
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       import_controls2.Field,
       {
         "aria-label": "Model link",
@@ -2628,7 +2531,7 @@ function LinkTab({ busy, onResolve }) {
         autoComplete: "off"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_controls2.Button, { variant: "primary", onClick: () => onResolve(link), disabled: busy || !link.trim(), children: busy ? "Finding versions\u2026" : "Find versions" })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls2.Button, { variant: "primary", onClick: () => onResolve(link), disabled: busy || !link.trim(), children: busy ? "Finding versions\u2026" : "Find versions" })
   ] });
 }
 function SearchTab({ port, onPick }) {
@@ -2657,10 +2560,10 @@ function SearchTab({ port, onPick }) {
   (0, import_react4.useEffect)(() => {
     if (port.search) void run(null);
   }, [kind, sort]);
-  if (!port.search) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground", children: "Search is not available here yet. Paste a link instead." });
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  if (!port.search) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm text-muted-foreground", children: "Search is not available here yet. Paste a link instead." });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         import_controls2.SearchField,
         {
           placeholder: "Search models",
@@ -2674,26 +2577,26 @@ function SearchTab({ port, onPick }) {
           }
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_controls2.Select, { "aria-label": "Kind", value: kind, onValueChange: setKind, options: KINDS.map((k) => ({ value: k.value, label: k.label })) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_controls2.Select, { "aria-label": "Order", value: sort, onValueChange: setSort, options: SORTS.map((s) => ({ value: s.value, label: s.label })) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_controls2.Button, { onClick: () => void run(null), disabled: busy, children: "Search" })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls2.Select, { "aria-label": "Kind", value: kind, onValueChange: setKind, options: KINDS.map((k) => ({ value: k.value, label: k.label })) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls2.Select, { "aria-label": "Order", value: sort, onValueChange: setSort, options: SORTS.map((s) => ({ value: s.value, label: s.label })) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls2.Button, { onClick: () => void run(null), disabled: busy, children: "Search" })
     ] }),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.ErrorNotice, { message: error, size: "compact" }) : null,
-    page && page.results.length === 0 && !busy ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground", children: "No models found" }) : null,
-    page?.results.length ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "flex flex-col divide-y divide-border rounded-md border border-border", "aria-label": "Search results", children: page.results.map((hit) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("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__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Avatar, { size: "sm", children: [
-        hit.maker_avatar_url ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.AvatarImage, { src: hit.maker_avatar_url, alt: hit.maker ?? "" }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.AvatarFallback, { children: initials(hit.maker ?? hit.repo) })
+    error ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.ErrorNotice, { message: error, size: "compact" }) : null,
+    page && page.results.length === 0 && !busy ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm text-muted-foreground", children: "No models found" }) : null,
+    page?.results.length ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "flex flex-col divide-y divide-border rounded-md border border-border", "aria-label": "Search results", children: page.results.map((hit) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("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__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Avatar, { size: "sm", children: [
+        hit.maker_avatar_url ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.AvatarImage, { src: hit.maker_avatar_url, alt: hit.maker ?? "" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.AvatarFallback, { children: initials(hit.maker ?? hit.repo) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "truncate text-sm font-medium text-foreground", children: hit.name || hit.repo }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: [hit.maker, hit.downloads != null ? `${(0, import_format3.formatCount)(hit.downloads)} downloads` : null, hit.license, sizeOf(hit.size_bytes)].filter(Boolean).join(" \xB7 ") })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate text-sm font-medium text-foreground", children: hit.name || hit.repo }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: [hit.maker, hit.downloads != null ? `${(0, import_format3.formatCount)(hit.downloads)} downloads` : null, hit.license, sizeOf(hit.size_bytes)].filter(Boolean).join(" \xB7 ") })
       ] }),
-      hit.has_gguf ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_controls2.Badge, { tone: "success", children: "GGUF ready" }) : null,
-      hit.gated ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_controls2.Badge, { tone: "warning", children: "Needs access" }) : null
+      hit.has_gguf ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls2.Badge, { tone: "success", children: "GGUF ready" }) : null,
+      hit.gated ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls2.Badge, { tone: "warning", children: "Needs access" }) : null
     ] }) }, hit.repo)) }) : null,
-    busy ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground", children: "Searching\u2026" }) : null,
-    page?.next_cursor && !busy ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_controls2.Button, { variant: "quiet", onClick: () => void run(page.next_cursor), children: "Show more" }) : null
+    busy ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm text-muted-foreground", children: "Searching\u2026" }) : null,
+    page?.next_cursor && !busy ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls2.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 }) {
@@ -2716,21 +2619,21 @@ function DiscoveryResultView({ result, device, runtimes, want = DEFAULT_WANT, ch
       setChoosing(null);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "flex flex-col gap-3", "aria-label": "Model versions", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Avatar, { size: "md", children: [
-        avatar ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.AvatarImage, { src: avatar, alt: result.maker ?? "" }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.AvatarFallback, { children: initials(result.maker ?? result.repo) })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "flex flex-col gap-3", "aria-label": "Model versions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Avatar, { size: "md", children: [
+        avatar ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.AvatarImage, { src: avatar, alt: result.maker ?? "" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.AvatarFallback, { children: initials(result.maker ?? result.repo) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { className: "truncate text-base font-semibold text-foreground", children: result.name || model.common_name || result.repo }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)("p", { className: "line-clamp-2 text-sm text-muted-foreground", children: result.summary }) : null
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: "truncate text-base font-semibold text-foreground", children: result.name || model.common_name || result.repo }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("p", { className: "line-clamp-2 text-sm text-muted-foreground", children: result.summary }) : null
       ] })
     ] }),
-    source && !source.runnable_as_is && source.why_not ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "rounded-md border border-border px-3 py-2 text-sm text-foreground", children: source.why_not }) : null,
-    ranked.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground", children: "No downloadable versions were found at this link." }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "flex flex-col gap-2", "aria-label": "Versions", children: ranked.map((r) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    source && !source.runnable_as_is && source.why_not ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "rounded-md border border-border px-3 py-2 text-sm text-foreground", children: source.why_not }) : null,
+    ranked.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm text-muted-foreground", children: "No downloadable versions were found at this link." }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "flex flex-col gap-2", "aria-label": "Versions", children: ranked.map((r) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       VariantRow,
       {
         ranked: r,
@@ -2743,7 +2646,7 @@ function DiscoveryResultView({ result, device, runtimes, want = DEFAULT_WANT, ch
       },
       r.variant.key
     )) }),
-    done ? done.ok ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-foreground", children: done.text }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.ErrorNotice, { message: done.text, size: "compact" }) : null,
+    done ? done.ok ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm text-foreground", children: done.text }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.ErrorNotice, { message: done.text, size: "compact" }) : null,
     renderActions?.(result, ranked)
   ] });
 }
@@ -2755,29 +2658,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__ */ (0, import_jsx_runtime5.jsxs)("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__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-sm font-medium text-foreground", children: label }),
-      ranked.recommended ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_controls2.Badge, { tone: "primary", children: "Recommended" }) : null,
-      verdict.badge ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_controls2.Badge, { tone: "warning", children: verdict.badge }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-xs text-muted-foreground", children: [v.format.toUpperCase(), size, publisher ? `by ${publisher}` : null].filter(Boolean).join(" \xB7 ") }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "ml-auto flex items-center gap-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("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__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-sm font-medium text-foreground", children: label }),
+      ranked.recommended ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls2.Badge, { tone: "primary", children: "Recommended" }) : null,
+      verdict.badge ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls2.Badge, { tone: "warning", children: verdict.badge }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-xs text-muted-foreground", children: [v.format.toUpperCase(), size, publisher ? `by ${publisher}` : null].filter(Boolean).join(" \xB7 ") }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "ml-auto flex items-center gap-2", children: [
         extra,
-        verdict.reason ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-xs text-muted-foreground", "data-testid": "choose-reason", children: verdict.reason }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_controls2.Button, { variant: ranked.recommended ? "primary" : "outline", disabled: busy || blocked, onClick: onChoose, children: choosingThis ? "Working\u2026" : chooseLabel })
+        verdict.reason ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-xs text-muted-foreground", "data-testid": "choose-reason", children: verdict.reason }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls2.Button, { variant: ranked.recommended ? "primary" : "outline", disabled: busy || blocked, onClick: onChoose, children: choosingThis ? "Working\u2026" : chooseLabel })
       ] })
     ] }),
-    verdict.runtime ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-muted-foreground", "data-testid": "variant-runtime", children: verdict.runtime }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "flex flex-col gap-0.5", children: verdict.lines.map((line) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { className: "text-xs text-muted-foreground", children: line }, line)) }),
-    v.artifacts.length ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Collapsible, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.CollapsibleTrigger, { className: "text-xs text-muted-foreground hover:text-foreground", children: [
+    verdict.runtime ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-xs text-muted-foreground", "data-testid": "variant-runtime", children: verdict.runtime }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "flex flex-col gap-0.5", children: verdict.lines.map((line) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { className: "text-xs text-muted-foreground", children: line }, line)) }),
+    v.artifacts.length ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Collapsible, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.CollapsibleTrigger, { className: "text-xs text-muted-foreground hover:text-foreground", children: [
         "Files in this version (",
         v.artifacts.length,
         ")"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "mt-1 flex flex-col gap-0.5", children: v.artifacts.map((a) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { className: "flex gap-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "min-w-0 flex-1 truncate font-mono", children: a.path }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: sizeOf(a.size_bytes) ?? "" })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "mt-1 flex flex-col gap-0.5", children: v.artifacts.map((a) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { className: "flex gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "min-w-0 flex-1 truncate font-mono", children: a.path }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: sizeOf(a.size_bytes) ?? "" })
       ] }, a.path || a.url)) }) })
     ] }) : null
   ] });