@tangle-network/sandbox-ui 0.80.0 → 0.81.0

package/dist/{WorkflowGraph-SJ2SG5TP.js → WorkflowGraph-472MC3ML.js}

@@ -11,7 +11,12 @@ import {
   fmtTokens,
   providerLabel,
   shortModel
-} from "./chunk-UEMWLVVY.js";
+} from "./chunk-2NS724P4.js";
+import {
+  ModelBrandStack,
+  modelBrandFor
+} from "./chunk-I3G23XHN.js";
+import "./chunk-EI44GEQ5.js";
 import "./chunk-U67V476Y.js";
 
 // src/workflows/WorkflowGraph.tsx
@@ -341,16 +346,18 @@ var KIND_ICON = {
 function NodeMark({
   kind,
   provider,
+  model,
   accent,
   tile
 }) {
   const Icon = kind && KIND_ICON[kind] || Circle;
+  const brand = !provider && model ? modelBrandFor(model) : null;
   const mark = Math.round(tile * (provider ? 0.58 : 0.5));
   return /* @__PURE__ */ jsx2(
     "span",
     {
       "aria-hidden": "true",
-      className: "flex shrink-0 items-center justify-center rounded-lg border border-border",
+      className: "flex shrink-0 items-center justify-center overflow-hidden rounded-lg border border-border",
       style: {
         width: tile,
         height: tile,
@@ -364,6 +371,19 @@ function NodeMark({
           size: mark,
           className: "rounded-[3px]"
         }
+      ) : brand ? (
+        // One lab's own model draws ONE mark (28px at `md`) and fills the tile. A
+        // HOSTED model draws two — host behind, lab in front — and that stack is
+        // 36px wide, which would push the lab chip past the border of an expanded
+        // card's 34px tile. So the stacked pair steps down unless the tile can hold
+        // it; the single mark never has to.
+        /* @__PURE__ */ jsx2(
+          ModelBrandStack,
+          {
+            identity: brand,
+            size: brand.combined || tile >= 38 ? "md" : "sm"
+          }
+        )
       ) : /* @__PURE__ */ jsx2(Icon, { size: mark, strokeWidth: 1.75, style: { color: accent } })
     }
   );
@@ -373,6 +393,10 @@ function NodeMark({
 import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var MUTED_TRACK = "color-mix(in srgb, hsl(var(--muted-foreground)) 22%, transparent)";
 var FIT_VIEW = { padding: 0.16, minZoom: 0.55, maxZoom: 1 };
+function fitViewOnLayoutChange() {
+  const moves = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === false;
+  return moves ? { ...FIT_VIEW, duration: 220 } : FIT_VIEW;
+}
 function useColorMode() {
   const [mode, setMode] = useState(
     () => typeof document !== "undefined" && document.documentElement.classList.contains("dark") ? "dark" : "light"
@@ -475,6 +499,7 @@ function WorkflowNode({ data }) {
   const accent = TONE_ACCENT[d.tone];
   const isAgent = d.kind === "agent.run";
   const subtitle = isAgent && state?.model ? shortModel(state.model) : d.subtitle;
+  const markModel = isAgent && state?.model ? state.model : d.model;
   const runBands = state !== void 0 && d.tone !== "trigger";
   const duration = fmtDuration(state?.durationMs);
   const cost = fmtCost(state?.costUsd);
@@ -538,6 +563,7 @@ function WorkflowNode({ data }) {
                   {
                     kind: d.kind,
                     provider: d.provider,
+                    model: markModel,
                     accent,
                     tile: Math.round(COMPACT_TILE * 0.62)
                   }
@@ -602,6 +628,7 @@ function WorkflowNode({ data }) {
               {
                 kind: d.kind,
                 provider: d.provider,
+                model: markModel,
                 accent,
                 tile: 34
               }
@@ -726,7 +753,7 @@ function WorkflowGraph({
     }
     const inst = rfRef.current;
     if (!inst || typeof requestAnimationFrame === "undefined") return;
-    const raf = requestAnimationFrame(() => inst.fitView(FIT_VIEW));
+    const raf = requestAnimationFrame(() => inst.fitView(fitViewOnLayoutChange()));
     return () => cancelAnimationFrame(raf);
   }, [structural]);
   const handleNodeClick = useCallback(
@@ -801,5 +828,6 @@ export {
   DirectionContext,
   WorkflowGraph,
   WorkflowNode,
-  buildStyledEdges
+  buildStyledEdges,
+  fitViewOnLayoutChange
 };

package/dist/chat.d.ts

@@ -5,7 +5,7 @@ import { ReasoningEffort, HarnessType } from '@tangle-network/agent-interface';
 export { modelProvider, snapHarnessToModel } from '@tangle-network/agent-interface';
 import * as Popover from '@radix-ui/react-dropdown-menu';
 import * as React from 'react';
-import { M as ModelInfo } from './model-picker-COjPVMzg.js';
+import { b as ModelInfo } from './model-brand-CsFykzMA.js';
 
 /**
  * A reasoning selection: `auto` is a UI-only sentinel ("let the harness/model default decide",

package/dist/chat.js

@@ -19,10 +19,11 @@ import {
   snapHarnessToModel,
   snapModelToHarness,
   validateComposerFiles
-} from "./chunk-UFVXAJSA.js";
+} from "./chunk-YBFGWPUF.js";
 import "./chunk-TK46XFLM.js";
-import "./chunk-IWIZ7RZE.js";
-import "./chunk-L62ZT6RS.js";
+import "./chunk-2T6KBMLN.js";
+import "./chunk-R4AR3TKR.js";
+import "./chunk-I3G23XHN.js";
 import "./chunk-EI44GEQ5.js";
 import "./chunk-U67V476Y.js";
 export {

package/dist/{chunk-UEMWLVVY.js → chunk-2NS724P4.js}

@@ -279,9 +279,11 @@ var CONTROL_FLOW = new Set(CONTROL_FLOW_KEYS);
 function actionKind(rec) {
   return Object.keys(rec).find((k) => !CONTROL_FLOW.has(k));
 }
+var MINTED_PROFILE_ID = /^ap_[A-Za-z0-9_-]{16}$/;
 function agentTitle(profile) {
   const named = str(profile);
-  return named ? humanizeIdentifier(named) : "AI Agent";
+  if (!named || MINTED_PROFILE_ID.test(named)) return "AI Agent";
+  return humanizeIdentifier(named);
 }
 function describeActionBase(action) {
   const rec = asRecord(action);

package/dist/{chunk-IWIZ7RZE.js → chunk-2T6KBMLN.js}

@@ -1,6 +1,6 @@
 import {
   moonshot_default
-} from "./chunk-L62ZT6RS.js";
+} from "./chunk-I3G23XHN.js";
 import {
   cn
 } from "./chunk-EI44GEQ5.js";

package/dist/{chunk-L62ZT6RS.js → chunk-I3G23XHN.js}

@@ -2,11 +2,10 @@ import {
   cn
 } from "./chunk-EI44GEQ5.js";
 
-// src/dashboard/model-picker.tsx
-import * as React from "react";
+// src/lib/model-brand.tsx
 import { TangleKnot } from "@tangle-network/brand";
 
-// src/dashboard/provider-logo.tsx
+// src/lib/provider-logo.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var LOGOS = {
   anthropic: { viewBox: "0 0 24 24", fill: "#D97757", paths: ["M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z"] },
@@ -46,10 +45,6 @@ function ProviderLogo({ provider, size = 16 }) {
   ] });
 }
 
-// src/dashboard/model-picker.tsx
-import { ChevronDown, Search, Sparkles, Loader2 } from "lucide-react";
-import * as Popover from "@radix-ui/react-dropdown-menu";
-
 // node_modules/.pnpm/@lobehub+icons-static-svg@1.90.0/node_modules/@lobehub/icons-static-svg/icons/ai21.svg
 var ai21_default = 'data:image/svg+xml,<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>AI21</title><path d="M6.47 17l-.367-1.189H2.718L2.35 17H0l3.398-9.789h2.026L8.864 17H6.47zm-2.052-6.993l-1.17 4.028H5.56l-1.142-4.028zm4.707-2.796h2.23V17h-2.23V7.211zM11.955 15c.1-.483.277-.946.524-1.37.214-.359.482-.68.795-.951.32-.273.658-.52 1.013-.741.28-.168.54-.33.781-.483.222-.14.433-.296.632-.468.172-.148.317-.325.428-.525.107-.199.16-.423.157-.65 0-.392-.104-.674-.313-.846a1.176 1.176 0 00-.775-.259 1.207 1.207 0 00-.863.329c-.231.219-.347.585-.347 1.098H11.8a3.387 3.387 0 01.224-1.245c.146-.377.371-.716.66-.993.306-.29.667-.514 1.06-.657A4.04 4.04 0 0115.183 7c.42-.002.84.057 1.244.175.376.107.73.287 1.04.531.305.246.55.562.714.923.185.419.275.875.265 1.335.005.39-.084.774-.259 1.12-.167.328-.38.63-.632.894-.246.259-.517.49-.808.693-.29.2-.554.37-.789.51-.326.224-.596.417-.809.58a3.872 3.872 0 00-.51.455 1.229 1.229 0 00-.265.434 1.633 1.633 0 00-.074.517h4.078V17h-6.606a9.24 9.24 0 01.183-2zM18.8 8.93a5.05 5.05 0 001.135-.105c.25-.049.484-.156.686-.314.163-.139.28-.324.34-.532.068-.25.1-.51.095-.77H23V17h-2.243v-6.475H18.8V8.93z"></path></svg>';
 
@@ -137,7 +132,7 @@ var xai_default = 'data:image/svg+xml,<svg fill="currentColor" fill-rule="evenod
 // node_modules/.pnpm/@lobehub+icons-static-svg@1.90.0/node_modules/@lobehub/icons-static-svg/icons/zai.svg
 var zai_default = 'data:image/svg+xml,<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Z.ai</title><path d="M12.105 2L9.927 4.953H.653L2.83 2h9.276zM23.254 19.048L21.078 22h-9.242l2.174-2.952h9.244zM24 2L9.264 22H0L14.736 2H24z"></path></svg>';
 
-// src/dashboard/model-picker.tsx
+// src/lib/model-brand.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function canonicalModelId(model) {
   const id = model.id;
@@ -145,56 +140,6 @@ function canonicalModelId(model) {
   const provider = model._provider ?? model.provider;
   return provider ? `${provider}/${id}` : id;
 }
-function modelDedupKey(model) {
-  const canonical = canonicalModelId(model).toLowerCase();
-  const segments = canonical.split("/").filter(Boolean);
-  const modelId = segments[segments.length - 1] ?? canonical;
-  const lab = resolveModelBrandIdentity(model).lab.key;
-  return lab === "unknown" ? canonical : `${lab}/${modelId}`;
-}
-function dedupeModels(models) {
-  const byKey = /* @__PURE__ */ new Map();
-  const result = [];
-  for (const model of models) {
-    const key = modelDedupKey(model);
-    const existingIndex = byKey.get(key);
-    if (existingIndex === void 0) {
-      byKey.set(key, result.length);
-      result.push(model);
-      continue;
-    }
-    const existing = result[existingIndex];
-    if (!existing.featured && model.featured) {
-      result[existingIndex] = model;
-    }
-  }
-  return result;
-}
-var DEFAULT_FEATURED_MODEL_IDS = [
-  "anthropic/claude-opus-4-8",
-  "anthropic/claude-sonnet-4-6",
-  "openai/gpt-5.4",
-  "google/gemini-2.5-pro",
-  "deepseek/deepseek-v3"
-];
-function formatPricing(pricing) {
-  const prompt = Number(pricing?.prompt ?? 0);
-  const completion = Number(pricing?.completion ?? 0);
-  if (!prompt && !completion) return null;
-  const fmt = (n) => {
-    const perM = n * 1e6;
-    if (perM === 0) return "0";
-    if (perM >= 1) return `$${perM.toFixed(2)}`;
-    return `$${perM.toFixed(2)}`;
-  };
-  return `${fmt(prompt)} / ${fmt(completion)} per 1M`;
-}
-function formatContext(ctx) {
-  if (!ctx) return null;
-  if (ctx >= 1e6) return `${(ctx / 1e6).toFixed(1)}M ctx`;
-  if (ctx >= 1e3) return `${Math.round(ctx / 1e3)}k ctx`;
-  return `${ctx} ctx`;
-}
 function resolveModelBrandIdentity(model) {
   const canonical = canonicalModelId(model);
   const hostKey = normalizeBrandKey(model.logos?.host ?? model.hostProvider ?? model._provider ?? model.provider ?? firstIdSegment(canonical));
@@ -209,352 +154,12 @@ function resolveModelBrandIdentity(model) {
     combined: host.key === lab.key
   };
 }
-var PRIORITY_MODEL_GROUPS = ["anthropic", "openai", "google", "deepseek", "zai", "moonshot"];
-function modelGroupKey(model) {
-  const identity = resolveModelBrandIdentity(model);
-  if (identity.lab.key !== "unknown") return identity.lab.key;
-  if (identity.host.key !== "unknown") return identity.host.key;
-  return (model._provider ?? model.provider ?? "other").toLowerCase();
-}
-function modelGroupLabel(key) {
-  if (key === "moonshot") return "Kimi";
-  const brand = brandInfo(normalizeBrandKey(key));
-  return brand.key === "unknown" ? key : brand.label;
-}
-function modelGroupRank(key) {
-  const priorityIndex = PRIORITY_MODEL_GROUPS.indexOf(normalizeBrandKey(key));
-  return priorityIndex === -1 ? Number.POSITIVE_INFINITY : priorityIndex;
-}
-function compareModelGroups(a, b) {
-  const aRank = modelGroupRank(a);
-  const bRank = modelGroupRank(b);
-  if (aRank !== bRank) return aRank - bRank;
-  return modelGroupLabel(a).localeCompare(modelGroupLabel(b));
-}
-function compareModelsByDisplayName(a, b) {
-  return (a.name ?? a.id).localeCompare(b.name ?? b.id);
-}
-function stripBrandPrefix(name, identity) {
-  if (!identity) return name;
-  for (const label of [identity.lab.label, identity.host.label]) {
-    if (!label) continue;
-    if (name.toLowerCase().startsWith(label.toLowerCase())) {
-      const after = name.slice(label.length);
-      if (/^[\s:]/.test(after)) {
-        const rest = after.replace(/^[\s:]+/, "").trim();
-        if (rest) return rest;
-      }
-    }
-  }
-  return name;
-}
-function ModelPicker({
-  value,
-  onChange,
-  models,
-  loading = false,
-  recents,
-  popular,
-  excludeProviders,
-  modalities,
-  variant = "field",
-  label = "Model",
-  placeholder = "Choose a model",
-  className,
-  triggerClassName,
-  disabled,
-  side,
-  avoidCollisions
-}) {
-  const [query, setQuery] = React.useState("");
-  const [open, setOpen] = React.useState(false);
-  const searchInputRef = React.useRef(null);
-  React.useLayoutEffect(() => {
-    if (!open) return;
-    const frame = requestAnimationFrame(() => {
-      searchInputRef.current?.focus();
-      searchInputRef.current?.select();
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [open]);
-  const deduped = React.useMemo(() => dedupeModels(models), [models]);
-  const filtered = React.useMemo(() => {
-    const excluded = new Set((excludeProviders ?? []).map((p) => p.toLowerCase()));
-    const allowedModalities = modalities ? new Set(modalities) : null;
-    const q = query.trim().toLowerCase();
-    return deduped.filter((m) => {
-      const provider = (m._provider ?? m.provider ?? "").toLowerCase();
-      if (excluded.has(provider)) return false;
-      if (allowedModalities && m.architecture?.modality && !allowedModalities.has(m.architecture.modality)) return false;
-      if (!q) return true;
-      const id = canonicalModelId(m).toLowerCase();
-      const name = (m.name ?? "").toLowerCase();
-      const identity = resolveModelBrandIdentity(m);
-      return id.includes(q) || name.includes(q) || provider.includes(q) || identity.host.label.toLowerCase().includes(q) || identity.lab.label.toLowerCase().includes(q);
-    });
-  }, [deduped, query, modalities, excludeProviders]);
-  const grouped = React.useMemo(() => {
-    const groups = /* @__PURE__ */ new Map();
-    for (const m of filtered) {
-      const key = modelGroupKey(m);
-      const list = groups.get(key);
-      if (list) list.push(m);
-      else groups.set(key, [m]);
-    }
-    return Array.from(groups.entries()).map(([key, list]) => [key, [...list].sort(compareModelsByDisplayName)]).sort(([a], [b]) => compareModelGroups(a, b));
-  }, [filtered]);
-  const current = React.useMemo(
-    () => models.find((m) => canonicalModelId(m) === value),
-    [models, value]
-  );
-  const currentIdentity = current ? resolveModelBrandIdentity(current) : null;
-  const currentLabel = stripBrandPrefix(
-    current?.name ?? current?.id ?? value,
-    currentIdentity
-  );
-  const recentIds = React.useMemo(() => {
-    if (!recents?.length) return [];
-    const lookup = new Map(models.map((m) => [canonicalModelId(m), m]));
-    return recents.map((id) => lookup.get(id)).filter((m) => Boolean(m)).slice(0, 4);
-  }, [recents, models]);
-  const popularModels = React.useMemo(() => {
-    if (!popular?.length) return [];
-    const lookup = new Map(models.map((m) => [canonicalModelId(m), m]));
-    return popular.map((id) => lookup.get(id)).filter((m) => Boolean(m));
-  }, [popular, models]);
-  const featuredModels = React.useMemo(() => {
-    const flagged = deduped.filter((m) => m.featured);
-    if (flagged.length > 0) return flagged;
-    const seedKeys = new Set(
-      DEFAULT_FEATURED_MODEL_IDS.map((id) => modelDedupKey({ id }))
-    );
-    const seeded = deduped.filter((m) => seedKeys.has(modelDedupKey(m)));
-    const order = DEFAULT_FEATURED_MODEL_IDS.map((id) => modelDedupKey({ id }));
-    return seeded.sort(
-      (a, b) => order.indexOf(modelDedupKey(a)) - order.indexOf(modelDedupKey(b))
-    );
-  }, [deduped]);
-  const handleSelect = (id) => {
-    onChange(id);
-    setOpen(false);
-    setQuery("");
-  };
-  const triggerLabel = label ? `${label}: ${currentLabel || placeholder}` : currentLabel || placeholder;
-  const trigger = variant === "pill" ? /* @__PURE__ */ jsxs2(
-    "button",
-    {
-      type: "button",
-      "aria-label": triggerLabel,
-      disabled,
-      className: cn(
-        "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container",
-        "px-2.5 text-xs font-medium text-foreground shadow-sm",
-        "transition-colors duration-[var(--transition-fast)]",
-        "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high",
-        "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-        "data-[state=open]:border-[var(--md3-outline)] data-[state=open]:bg-surface-container-high",
-        "disabled:opacity-50 disabled:cursor-not-allowed",
-        className,
-        triggerClassName
-      ),
-      children: [
-        currentIdentity ? /* @__PURE__ */ jsx2(ModelBrandStack, { identity: currentIdentity, size: "sm" }) : /* @__PURE__ */ jsx2(Sparkles, { className: "h-3 w-3 text-muted-foreground" }),
-        /* @__PURE__ */ jsx2("span", { className: "truncate max-w-[160px]", children: currentLabel || placeholder }),
-        /* @__PURE__ */ jsx2(ChevronDown, { className: "ml-auto h-3 w-3 shrink-0 text-muted-foreground transition-transform data-[state=open]:rotate-180" })
-      ]
-    }
-  ) : /* @__PURE__ */ jsxs2(
-    "button",
-    {
-      type: "button",
-      "aria-label": triggerLabel,
-      disabled,
-      className: cn(
-        "flex w-full items-center justify-between gap-2 rounded-[var(--radius-md)]",
-        "border border-[var(--md3-outline-variant)] bg-surface-container px-3 py-2.5 text-sm text-left",
-        "transition-colors duration-[var(--transition-fast)]",
-        "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high",
-        "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-        "data-[state=open]:border-[var(--md3-outline)] data-[state=open]:bg-surface-container-high",
-        "disabled:opacity-50 disabled:cursor-not-allowed",
-        className,
-        triggerClassName
-      ),
-      children: [
-        /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 items-center gap-2", children: [
-          currentIdentity && /* @__PURE__ */ jsx2(ModelBrandStack, { identity: currentIdentity, size: "sm" }),
-          /* @__PURE__ */ jsx2("span", { className: cn("truncate", current ? "text-foreground font-medium" : "text-muted-foreground"), children: currentLabel || placeholder })
-        ] }),
-        /* @__PURE__ */ jsx2(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform data-[state=open]:rotate-180" })
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxs2("div", { className: cn(variant === "field" ? "space-y-1.5" : "inline-flex", variant === "field" ? className : void 0), children: [
-    variant === "field" && label && /* @__PURE__ */ jsx2("label", { className: "block text-xs font-medium text-muted-foreground uppercase tracking-[0.06em]", children: label }),
-    /* @__PURE__ */ jsxs2(Popover.Root, { open, onOpenChange: setOpen, modal: false, children: [
-      /* @__PURE__ */ jsx2(Popover.Trigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsx2(Popover.Portal, { children: /* @__PURE__ */ jsxs2(
-        Popover.Content,
-        {
-          side,
-          sideOffset: 4,
-          align: variant === "pill" ? "start" : "start",
-          avoidCollisions,
-          collisionPadding: 24,
-          className: cn(
-            "z-50 w-[var(--radix-dropdown-menu-trigger-width)] min-w-[320px] max-w-[460px]",
-            // Cap to the smaller of the fixed height and the viewport space on
-            // the open side, so a list pinned downward never runs off-screen.
-            "max-h-[min(440px,var(--radix-dropdown-menu-content-available-height))] overflow-hidden flex flex-col",
-            "rounded-[var(--radius-md)] border border-[var(--md3-outline-variant)] bg-surface-container-highest shadow-[0_8px_30px_rgba(0,0,0,0.45)] ring-1 ring-[#ffffff14]",
-            "data-[state=open]:animate-in data-[state=closed]:animate-out",
-            "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-            "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95"
-          ),
-          children: [
-            /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 border-b border-[var(--md3-outline-variant)] bg-surface-container-high px-3 py-2", children: [
-              /* @__PURE__ */ jsx2(Search, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-              /* @__PURE__ */ jsx2(
-                "input",
-                {
-                  ref: searchInputRef,
-                  type: "text",
-                  value: query,
-                  onChange: (e) => setQuery(e.target.value),
-                  onKeyDown: (e) => {
-                    if (e.key.length === 1) e.stopPropagation();
-                  },
-                  placeholder: "Search models...",
-                  autoFocus: true,
-                  className: "flex-1 bg-transparent text-sm font-medium outline-none placeholder:font-normal placeholder:text-muted-foreground"
-                }
-              ),
-              loading && /* @__PURE__ */ jsx2(Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground" })
-            ] }),
-            /* @__PURE__ */ jsxs2("div", { className: "flex-1 overflow-y-auto", children: [
-              !query && featuredModels.length > 0 && /* @__PURE__ */ jsx2(Section, { label: "Recommended", tone: "featured", children: featuredModels.map((m) => /* @__PURE__ */ jsx2(
-                ModelRow,
-                {
-                  model: m,
-                  active: canonicalModelId(m) === value,
-                  onSelect: handleSelect,
-                  featured: true
-                },
-                `featured-${canonicalModelId(m)}`
-              )) }),
-              !query && popularModels.length > 0 && /* @__PURE__ */ jsx2(Section, { label: "Top models", tone: "featured", children: popularModels.map((m) => /* @__PURE__ */ jsx2(
-                ModelRow,
-                {
-                  model: m,
-                  active: canonicalModelId(m) === value,
-                  onSelect: handleSelect,
-                  featured: true
-                },
-                `popular-${canonicalModelId(m)}`
-              )) }),
-              !query && recentIds.length > 0 && /* @__PURE__ */ jsx2(Section, { label: "Recent", children: recentIds.map((m) => /* @__PURE__ */ jsx2(
-                ModelRow,
-                {
-                  model: m,
-                  active: canonicalModelId(m) === value,
-                  onSelect: handleSelect
-                },
-                `recent-${canonicalModelId(m)}`
-              )) }),
-              grouped.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "px-3 py-8 text-center text-xs text-muted-foreground", children: loading ? "Loading models..." : query ? "No models match." : "No models available." }) : grouped.map(([groupKey, list]) => /* @__PURE__ */ jsx2(Section, { label: modelGroupLabel(groupKey), children: list.map((m) => /* @__PURE__ */ jsx2(
-                ModelRow,
-                {
-                  model: m,
-                  active: canonicalModelId(m) === value,
-                  onSelect: handleSelect
-                },
-                canonicalModelId(m)
-              )) }, groupKey))
-            ] }),
-            /* @__PURE__ */ jsxs2("div", { className: "border-t border-[var(--md3-outline-variant)] px-3 py-1.5 text-[10px] text-muted-foreground", children: [
-              filtered.length,
-              " of ",
-              deduped.length,
-              " model",
-              deduped.length === 1 ? "" : "s"
-            ] })
-          ]
-        }
-      ) })
-    ] })
-  ] });
-}
-function Section({ label, children, tone }) {
-  const identity = brandInfo(normalizeBrandKey(label));
-  return /* @__PURE__ */ jsxs2("div", { className: "py-1", children: [
-    /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        className: cn(
-          "flex items-center gap-1.5 px-3 pt-1.5 pb-0.5 text-[10px] font-mono uppercase tracking-widest",
-          tone === "featured" ? "text-primary" : "text-muted-foreground"
-        ),
-        children: [
-          identity.key !== "unknown" && /* @__PURE__ */ jsx2(BrandLogo, { brand: identity, size: "xs" }),
-          /* @__PURE__ */ jsx2("span", { children: label })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx2("div", { children })
-  ] });
-}
-function PickerItem({
-  onSelect,
-  active,
-  featured,
-  children
-}) {
-  return /* @__PURE__ */ jsx2(
-    Popover.Item,
-    {
-      onSelect: (e) => {
-        e.preventDefault();
-        onSelect();
-      },
-      className: cn(
-        "flex cursor-pointer items-start gap-2 rounded-md px-3 py-2 outline-none",
-        "transition-colors duration-[var(--transition-fast)]",
-        "hover:bg-accent/50 focus:bg-accent/50",
-        featured && "mx-1 border border-primary/10 bg-primary/[0.04] px-2.5",
-        active && "bg-primary/10 font-medium text-foreground ring-1 ring-inset ring-primary/25 hover:bg-primary/15 focus:bg-primary/15"
-      ),
-      children
-    }
-  );
-}
-function ModelRow({
-  model,
-  active,
-  onSelect,
-  featured
-}) {
-  const id = canonicalModelId(model);
-  const pricing = formatPricing(model.pricing);
-  const ctx = formatContext(model.context_length);
-  const identity = resolveModelBrandIdentity(model);
-  const via = !identity.combined ? identity.host.label : null;
-  return /* @__PURE__ */ jsxs2(PickerItem, { onSelect: () => onSelect(id), active, featured, children: [
-    /* @__PURE__ */ jsx2(ModelBrandStack, { identity, size: "md" }),
-    /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate text-sm font-medium", children: model.name ?? model.id }),
-        via && /* @__PURE__ */ jsxs2("span", { className: "shrink-0 rounded-full border border-[var(--md3-outline-variant)] bg-surface-container px-1.5 py-px text-[9px] font-medium text-muted-foreground", children: [
-          "via ",
-          via
-        ] })
-      ] }),
-      (ctx || pricing) && /* @__PURE__ */ jsxs2("div", { className: "mt-0.5 flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
-        ctx && /* @__PURE__ */ jsx2("span", { className: "shrink-0", children: ctx }),
-        ctx && pricing && /* @__PURE__ */ jsx2("span", { className: "shrink-0 opacity-40", children: "\xB7" }),
-        pricing && /* @__PURE__ */ jsx2("span", { className: "shrink-0 font-mono", children: pricing })
-      ] })
-    ] })
-  ] });
+function modelBrandFor(model) {
+  const trimmed = model.trim();
+  if (!trimmed) return null;
+  const identity = resolveModelBrandIdentity({ id: trimmed });
+  const real = hasRealLogo(identity.host) || hasRealLogo(identity.lab);
+  return real ? identity : null;
 }
 function ModelBrandStack({ identity, size }) {
   if (identity.combined) return /* @__PURE__ */ jsx2(BrandLogo, { brand: identity.lab, size });
@@ -788,13 +393,10 @@ var BRAND_INFO = {
 export {
   moonshot_default,
   canonicalModelId,
-  modelDedupKey,
-  dedupeModels,
-  DEFAULT_FEATURED_MODEL_IDS,
-  formatPricing,
-  formatContext,
   resolveModelBrandIdentity,
-  stripBrandPrefix,
-  ModelPicker,
-  ModelBrandStack
+  modelBrandFor,
+  ModelBrandStack,
+  BrandLogo,
+  normalizeBrandKey,
+  brandInfo
 };