@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/domains/llm/models-dev-logo-slugs.d.ts

@@ -0,0 +1 @@
+export * from '../../src/domains/llm/models-dev-logo-slugs';

package/dist/domains/llm/models-dev-logo-slugs.es.js

@@ -0,0 +1,229 @@
+// src/domains/llm/models-dev-logo-slugs.ts
+var modelsDevLogoSlugs = /* @__PURE__ */ new Set([
+	"302ai",
+	"abacus",
+	"abliteration-ai",
+	"above",
+	"agentrouter",
+	"agnes",
+	"ai-router",
+	"ai21",
+	"aiand",
+	"aihubmix",
+	"aimlapi",
+	"ainetcafe",
+	"aixy",
+	"aki-io",
+	"alibaba",
+	"alibaba-cn",
+	"alibaba-coding-plan",
+	"alibaba-coding-plan-cn",
+	"alibaba-token-plan",
+	"amazon-bedrock",
+	"ambient",
+	"amd",
+	"anthropic",
+	"anyapi",
+	"arcee",
+	"atomic-chat",
+	"auriko",
+	"azure",
+	"azure-cognitive-services",
+	"bailing",
+	"baseten",
+	"bee",
+	"berget",
+	"blueclaw",
+	"bothub",
+	"boundless",
+	"cerebras",
+	"clarifai",
+	"claudinio",
+	"cloudferro-sherlock",
+	"cloudflare-ai-gateway",
+	"cloudflare-workers-ai",
+	"cohere",
+	"commandcode",
+	"coralbricks",
+	"crossmodel",
+	"crusoe",
+	"daoxe",
+	"databricks",
+	"deepinfra",
+	"deepseek",
+	"digitalocean",
+	"dinference",
+	"drun",
+	"ebcloud",
+	"echo",
+	"edenai",
+	"empiriolabs",
+	"engy",
+	"evroc",
+	"fastrouter",
+	"fireworks-ai",
+	"freemodel",
+	"friendli",
+	"frogbot",
+	"github-copilot",
+	"gitlab",
+	"google",
+	"google-vertex",
+	"google-vertex-anthropic",
+	"greenpt",
+	"groq",
+	"helicone",
+	"hetzner",
+	"hopper",
+	"hpc-ai",
+	"huggingface",
+	"hyper",
+	"impossibl",
+	"inception",
+	"inceptron",
+	"inco",
+	"infer",
+	"inference",
+	"inferx",
+	"infomaniak",
+	"io-net",
+	"iteracompute",
+	"jalapeno",
+	"jiekou",
+	"kenari",
+	"kilo",
+	"kimi-code-plan-cn",
+	"kimi-code-plan-global",
+	"klokintegration",
+	"kosmik",
+	"kuae-cloud-coding-plan",
+	"lilac",
+	"liquid",
+	"llmgateway",
+	"llmgateway-providers",
+	"llmtech",
+	"llmtr",
+	"lmstudio",
+	"longcat",
+	"lowrouter",
+	"lucidquery",
+	"lynkr",
+	"meganova",
+	"melious",
+	"merge-gateway",
+	"meta",
+	"minimax",
+	"minimax-cn",
+	"minimax-cn-coding-plan",
+	"minimax-coding-plan",
+	"mistral",
+	"mixlayer",
+	"moark",
+	"modal",
+	"model-oracle-ai",
+	"modelis",
+	"modelscope",
+	"modular",
+	"moonshotai",
+	"moonshotai-cn",
+	"munito",
+	"munito-eu",
+	"nan",
+	"nano-gpt",
+	"nearai",
+	"nebius",
+	"neon",
+	"neosmith",
+	"neuralwatt",
+	"nova",
+	"novita-ai",
+	"nvidia",
+	"oci",
+	"ofox",
+	"ollama-cloud",
+	"openai",
+	"opencode",
+	"opencode-go",
+	"openreason",
+	"openrouter",
+	"opper",
+	"orcarouter",
+	"ovhcloud",
+	"pareto",
+	"pendra",
+	"perplexity",
+	"perplexity-agent",
+	"pioneer",
+	"poe",
+	"poolside",
+	"prime",
+	"privatemode-ai",
+	"qihang-ai",
+	"qiniu-ai",
+	"qvac",
+	"reflection",
+	"regolo-ai",
+	"routing-run",
+	"runinfra",
+	"salad-cloud",
+	"sambanova",
+	"scaleway",
+	"scnet-token-plan",
+	"scx-ai",
+	"sensenova",
+	"siliconflow",
+	"siliconflow-cn",
+	"snowflake-cortex",
+	"stackit",
+	"standardcompute",
+	"stepfun",
+	"stepfun-ai",
+	"stepfun-ai-step-plan",
+	"stepfun-step-plan",
+	"subconscious",
+	"submodel",
+	"tempr",
+	"tencent-coding-plan",
+	"tencent-token-plan",
+	"tencent-tokenhub",
+	"tensorx",
+	"the-grid-ai",
+	"thinkingmachines",
+	"tinfoil",
+	"togetherai",
+	"tokengo",
+	"tokenrouter",
+	"trustedrouter",
+	"umans-ai",
+	"umans-ai-coding-plan",
+	"unorouter",
+	"vancine",
+	"venice",
+	"vercel",
+	"vispark",
+	"vivgrid",
+	"volcengine",
+	"volcengine-coding-plan",
+	"vultr",
+	"wafer.ai",
+	"wallaby",
+	"wally",
+	"wandb",
+	"watsonx",
+	"xai",
+	"xiaomi",
+	"xiaomi-token-plan-ams",
+	"xiaomi-token-plan-cn",
+	"xiaomi-token-plan-sgp",
+	"xpersona",
+	"zai",
+	"zai-coding-plan",
+	"zeldoc",
+	"zenifra",
+	"zenmux",
+	"zhipuai",
+	"zhipuai-coding-plan"
+]);
+export { modelsDevLogoSlugs };
+
+//# sourceMappingURL=models-dev-logo-slugs.es.js.map

package/dist/domains/llm/models-dev-logo-slugs.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models-dev-logo-slugs.es.js","names":[],"sources":["../../../src/domains/llm/models-dev-logo-slugs.ts"],"sourcesContent":["export const modelsDevLogoSlugs = new Set([\n  '302ai',\n  'abacus',\n  'abliteration-ai',\n  'above',\n  'agentrouter',\n  'agnes',\n  'ai-router',\n  'ai21',\n  'aiand',\n  'aihubmix',\n  'aimlapi',\n  'ainetcafe',\n  'aixy',\n  'aki-io',\n  'alibaba',\n  'alibaba-cn',\n  'alibaba-coding-plan',\n  'alibaba-coding-plan-cn',\n  'alibaba-token-plan',\n  'amazon-bedrock',\n  'ambient',\n  'amd',\n  'anthropic',\n  'anyapi',\n  'arcee',\n  'atomic-chat',\n  'auriko',\n  'azure',\n  'azure-cognitive-services',\n  'bailing',\n  'baseten',\n  'bee',\n  'berget',\n  'blueclaw',\n  'bothub',\n  'boundless',\n  'cerebras',\n  'clarifai',\n  'claudinio',\n  'cloudferro-sherlock',\n  'cloudflare-ai-gateway',\n  'cloudflare-workers-ai',\n  'cohere',\n  'commandcode',\n  'coralbricks',\n  'crossmodel',\n  'crusoe',\n  'daoxe',\n  'databricks',\n  'deepinfra',\n  'deepseek',\n  'digitalocean',\n  'dinference',\n  'drun',\n  'ebcloud',\n  'echo',\n  'edenai',\n  'empiriolabs',\n  'engy',\n  'evroc',\n  'fastrouter',\n  'fireworks-ai',\n  'freemodel',\n  'friendli',\n  'frogbot',\n  'github-copilot',\n  'gitlab',\n  'google',\n  'google-vertex',\n  'google-vertex-anthropic',\n  'greenpt',\n  'groq',\n  'helicone',\n  'hetzner',\n  'hopper',\n  'hpc-ai',\n  'huggingface',\n  'hyper',\n  'impossibl',\n  'inception',\n  'inceptron',\n  'inco',\n  'infer',\n  'inference',\n  'inferx',\n  'infomaniak',\n  'io-net',\n  'iteracompute',\n  'jalapeno',\n  'jiekou',\n  'kenari',\n  'kilo',\n  'kimi-code-plan-cn',\n  'kimi-code-plan-global',\n  'klokintegration',\n  'kosmik',\n  'kuae-cloud-coding-plan',\n  'lilac',\n  'liquid',\n  'llmgateway',\n  'llmgateway-providers',\n  'llmtech',\n  'llmtr',\n  'lmstudio',\n  'longcat',\n  'lowrouter',\n  'lucidquery',\n  'lynkr',\n  'meganova',\n  'melious',\n  'merge-gateway',\n  'meta',\n  'minimax',\n  'minimax-cn',\n  'minimax-cn-coding-plan',\n  'minimax-coding-plan',\n  'mistral',\n  'mixlayer',\n  'moark',\n  'modal',\n  'model-oracle-ai',\n  'modelis',\n  'modelscope',\n  'modular',\n  'moonshotai',\n  'moonshotai-cn',\n  'munito',\n  'munito-eu',\n  'nan',\n  'nano-gpt',\n  'nearai',\n  'nebius',\n  'neon',\n  'neosmith',\n  'neuralwatt',\n  'nova',\n  'novita-ai',\n  'nvidia',\n  'oci',\n  'ofox',\n  'ollama-cloud',\n  'openai',\n  'opencode',\n  'opencode-go',\n  'openreason',\n  'openrouter',\n  'opper',\n  'orcarouter',\n  'ovhcloud',\n  'pareto',\n  'pendra',\n  'perplexity',\n  'perplexity-agent',\n  'pioneer',\n  'poe',\n  'poolside',\n  'prime',\n  'privatemode-ai',\n  'qihang-ai',\n  'qiniu-ai',\n  'qvac',\n  'reflection',\n  'regolo-ai',\n  'routing-run',\n  'runinfra',\n  'salad-cloud',\n  'sambanova',\n  'scaleway',\n  'scnet-token-plan',\n  'scx-ai',\n  'sensenova',\n  'siliconflow',\n  'siliconflow-cn',\n  'snowflake-cortex',\n  'stackit',\n  'standardcompute',\n  'stepfun',\n  'stepfun-ai',\n  'stepfun-ai-step-plan',\n  'stepfun-step-plan',\n  'subconscious',\n  'submodel',\n  'tempr',\n  'tencent-coding-plan',\n  'tencent-token-plan',\n  'tencent-tokenhub',\n  'tensorx',\n  'the-grid-ai',\n  'thinkingmachines',\n  'tinfoil',\n  'togetherai',\n  'tokengo',\n  'tokenrouter',\n  'trustedrouter',\n  'umans-ai',\n  'umans-ai-coding-plan',\n  'unorouter',\n  'vancine',\n  'venice',\n  'vercel',\n  'vispark',\n  'vivgrid',\n  'volcengine',\n  'volcengine-coding-plan',\n  'vultr',\n  'wafer.ai',\n  'wallaby',\n  'wally',\n  'wandb',\n  'watsonx',\n  'xai',\n  'xiaomi',\n  'xiaomi-token-plan-ams',\n  'xiaomi-token-plan-cn',\n  'xiaomi-token-plan-sgp',\n  'xpersona',\n  'zai',\n  'zai-coding-plan',\n  'zeldoc',\n  'zenifra',\n  'zenmux',\n  'zhipuai',\n  'zhipuai-coding-plan',\n]);\n"],"mappings":";AAAA,IAAa,qCAAqB,IAAI,IAAI;CACxC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC"}

package/dist/domains/llm/provider-logo-monogram.cjs.js

@@ -0,0 +1,37 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_utils = require("../../utils-uDc1ofX1.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/domains/llm/provider-logo-monogram.tsx
+var ProviderLogoMonogram = ({ providerId, className, style }) => {
+	const letter = providerId.match(/[a-z0-9]/i)?.[0]?.toUpperCase();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		"data-slot": "provider-monogram",
+		role: providerId ? "img" : void 0,
+		"aria-label": providerId ? `${providerId} logo` : void 0,
+		"aria-hidden": providerId ? void 0 : true,
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		className: require_utils.cn("shrink-0", className),
+		style,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+			x: "0.5",
+			y: "0.5",
+			width: "23",
+			height: "23",
+			rx: "4",
+			className: "fill-muted stroke-border"
+		}), letter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", {
+			x: "12",
+			y: "12",
+			dy: "0.35em",
+			textAnchor: "middle",
+			fontSize: "13",
+			fontWeight: "600",
+			className: "fill-muted-foreground",
+			children: letter
+		})]
+	});
+};
+exports.ProviderLogoMonogram = ProviderLogoMonogram;
+
+//# sourceMappingURL=provider-logo-monogram.cjs.js.map

package/dist/domains/llm/provider-logo-monogram.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-logo-monogram.cjs.js","names":["cn"],"sources":["../../../src/domains/llm/provider-logo-monogram.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { cn } from '@/utils/cn';\n\ninterface ProviderLogoMonogramProps {\n  providerId: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport const ProviderLogoMonogram = ({ providerId, className, style }: ProviderLogoMonogramProps) => {\n  const letter = providerId.match(/[a-z0-9]/i)?.[0]?.toUpperCase();\n\n  return (\n    <svg\n      data-slot=\"provider-monogram\"\n      role={providerId ? 'img' : undefined}\n      aria-label={providerId ? `${providerId} logo` : undefined}\n      aria-hidden={providerId ? undefined : true}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn('shrink-0', className)}\n      style={style}\n    >\n      <rect x=\"0.5\" y=\"0.5\" width=\"23\" height=\"23\" rx=\"4\" className=\"fill-muted stroke-border\" />\n      {letter && (\n        <text\n          x=\"12\"\n          y=\"12\"\n          dy=\"0.35em\"\n          textAnchor=\"middle\"\n          fontSize=\"13\"\n          fontWeight=\"600\"\n          className=\"fill-muted-foreground\"\n        >\n          {letter}\n        </text>\n      )}\n    </svg>\n  );\n};\n"],"mappings":";;;;AASA,IAAa,wBAAwB,EAAE,YAAY,WAAW,YAAuC;CACnG,MAAM,SAAS,WAAW,MAAM,WAAW,CAAC,GAAG,EAAE,EAAE,YAAY;CAE/D,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,aAAU;EACV,MAAM,aAAa,QAAQ,KAAA;EAC3B,cAAY,aAAa,GAAG,WAAW,SAAS,KAAA;EAChD,eAAa,aAAa,KAAA,IAAY;EACtC,SAAQ;EACR,OAAM;EACN,WAAWA,cAAAA,GAAG,YAAY,SAAS;EAC5B;EART,UAAA,CAUE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,GAAE;GAAM,GAAE;GAAM,OAAM;GAAK,QAAO;GAAK,IAAG;GAAI,WAAU;EAA4B,CAAA,GACzF,UACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,GAAE;GACF,GAAE;GACF,IAAG;GACH,YAAW;GACX,UAAS;GACT,YAAW;GACX,WAAU;GAET,UAAA;EACG,CAAA,CAEL;;AAET"}

package/dist/domains/llm/provider-logo-monogram.d.ts

@@ -0,0 +1 @@
+export * from '../../src/domains/llm/provider-logo-monogram';

package/dist/domains/llm/provider-logo-monogram.es.js

@@ -0,0 +1,36 @@
+import { t as cn } from "../../utils-DQx8TpNT.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/domains/llm/provider-logo-monogram.tsx
+var ProviderLogoMonogram = ({ providerId, className, style }) => {
+	const letter = providerId.match(/[a-z0-9]/i)?.[0]?.toUpperCase();
+	return /* @__PURE__ */ jsxs("svg", {
+		"data-slot": "provider-monogram",
+		role: providerId ? "img" : void 0,
+		"aria-label": providerId ? `${providerId} logo` : void 0,
+		"aria-hidden": providerId ? void 0 : true,
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		className: cn("shrink-0", className),
+		style,
+		children: [/* @__PURE__ */ jsx("rect", {
+			x: "0.5",
+			y: "0.5",
+			width: "23",
+			height: "23",
+			rx: "4",
+			className: "fill-muted stroke-border"
+		}), letter && /* @__PURE__ */ jsx("text", {
+			x: "12",
+			y: "12",
+			dy: "0.35em",
+			textAnchor: "middle",
+			fontSize: "13",
+			fontWeight: "600",
+			className: "fill-muted-foreground",
+			children: letter
+		})]
+	});
+};
+export { ProviderLogoMonogram };
+
+//# sourceMappingURL=provider-logo-monogram.es.js.map

package/dist/domains/llm/provider-logo-monogram.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-logo-monogram.es.js","names":[],"sources":["../../../src/domains/llm/provider-logo-monogram.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { cn } from '@/utils/cn';\n\ninterface ProviderLogoMonogramProps {\n  providerId: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport const ProviderLogoMonogram = ({ providerId, className, style }: ProviderLogoMonogramProps) => {\n  const letter = providerId.match(/[a-z0-9]/i)?.[0]?.toUpperCase();\n\n  return (\n    <svg\n      data-slot=\"provider-monogram\"\n      role={providerId ? 'img' : undefined}\n      aria-label={providerId ? `${providerId} logo` : undefined}\n      aria-hidden={providerId ? undefined : true}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn('shrink-0', className)}\n      style={style}\n    >\n      <rect x=\"0.5\" y=\"0.5\" width=\"23\" height=\"23\" rx=\"4\" className=\"fill-muted stroke-border\" />\n      {letter && (\n        <text\n          x=\"12\"\n          y=\"12\"\n          dy=\"0.35em\"\n          textAnchor=\"middle\"\n          fontSize=\"13\"\n          fontWeight=\"600\"\n          className=\"fill-muted-foreground\"\n        >\n          {letter}\n        </text>\n      )}\n    </svg>\n  );\n};\n"],"mappings":";;;AASA,IAAa,wBAAwB,EAAE,YAAY,WAAW,YAAuC;CACnG,MAAM,SAAS,WAAW,MAAM,WAAW,CAAC,GAAG,EAAE,EAAE,YAAY;CAE/D,OACE,qBAAC,OAAD;EACE,aAAU;EACV,MAAM,aAAa,QAAQ,KAAA;EAC3B,cAAY,aAAa,GAAG,WAAW,SAAS,KAAA;EAChD,eAAa,aAAa,KAAA,IAAY;EACtC,SAAQ;EACR,OAAM;EACN,WAAW,GAAG,YAAY,SAAS;EAC5B;EART,UAAA,CAUE,oBAAC,QAAD;GAAM,GAAE;GAAM,GAAE;GAAM,OAAM;GAAK,QAAO;GAAK,IAAG;GAAI,WAAU;EAA4B,CAAA,GACzF,UACC,oBAAC,QAAD;GACE,GAAE;GACF,GAAE;GACF,IAAG;GACH,YAAW;GACX,UAAS;GACT,YAAW;GACX,WAAU;GAET,UAAA;EACG,CAAA,CAEL;;AAET"}

package/dist/domains/llm/provider-logo.cjs.js

@@ -1,22 +1,37 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../utils-uDc1ofX1.cjs");
-const require_icons_Icon = require("../../icons/Icon.cjs.js");
+const require_domains_llm_clean_provider_id = require("./clean-provider-id.cjs.js");
+const require_domains_llm_models_dev_logo_slugs = require("./models-dev-logo-slugs.cjs.js");
+const require_domains_llm_provider_logo_monogram = require("./provider-logo-monogram.cjs.js");
+const require_domains_llm_provider_map_icon = require("./provider-map-icon.cjs.js");
+const require_icons_ByteDanceIcon = require("../../icons/ByteDanceIcon.cjs.js");
 const require_icons_ClaudeIcon = require("../../icons/ClaudeIcon.cjs.js");
+const require_icons_CohereBrandIcon = require("../../icons/CohereBrandIcon.cjs.js");
 const require_icons_DeepSeekIcon = require("../../icons/DeepSeekIcon.cjs.js");
+const require_icons_FireworksIcon = require("../../icons/FireworksIcon.cjs.js");
 const require_icons_GeminiIcon = require("../../icons/GeminiIcon.cjs.js");
+const require_icons_Icon = require("../../icons/Icon.cjs.js");
+const require_icons_LongCatIcon = require("../../icons/LongCatIcon.cjs.js");
 const require_icons_MetaIcon = require("../../icons/MetaIcon.cjs.js");
+const require_icons_MicrosoftIcon = require("../../icons/MicrosoftIcon.cjs.js");
 const require_icons_MinimaxIcon = require("../../icons/MinimaxIcon.cjs.js");
 const require_icons_MistralIcon = require("../../icons/MistralIcon.cjs.js");
 const require_icons_MoonshotIcon = require("../../icons/MoonshotIcon.cjs.js");
+const require_icons_MorphIcon = require("../../icons/MorphIcon.cjs.js");
+const require_icons_NousResearchIcon = require("../../icons/NousResearchIcon.cjs.js");
+const require_icons_NovaIcon = require("../../icons/NovaIcon.cjs.js");
 const require_icons_NvidiaIcon = require("../../icons/NvidiaIcon.cjs.js");
 const require_icons_OpenaiChatIcon = require("../../icons/OpenaiChatIcon.cjs.js");
 const require_icons_OpenRouterIcon = require("../../icons/OpenRouterIcon.cjs.js");
+const require_icons_PerplexityIcon = require("../../icons/PerplexityIcon.cjs.js");
 const require_icons_QwenIcon = require("../../icons/QwenIcon.cjs.js");
+const require_icons_SakanaIcon = require("../../icons/SakanaIcon.cjs.js");
+const require_icons_StepFunIcon = require("../../icons/StepFunIcon.cjs.js");
+const require_icons_TencentIcon = require("../../icons/TencentIcon.cjs.js");
 const require_icons_TypesafeIcon = require("../../icons/TypesafeIcon.cjs.js");
+const require_icons_UpstageIcon = require("../../icons/UpstageIcon.cjs.js");
 const require_icons_XaiIcon = require("../../icons/XaiIcon.cjs.js");
 const require_icons_ZaiIcon = require("../../icons/ZaiIcon.cjs.js");
-const require_domains_llm_clean_provider_id = require("./clean-provider-id.cjs.js");
-const require_domains_llm_provider_map_icon = require("./provider-map-icon.cjs.js");
+const require_utils = require("../../utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/llm/provider-logo.tsx
@@ -39,7 +54,21 @@ var brandMarks = /* @__PURE__ */ new Map([
 	["moonshotai", require_icons_MoonshotIcon.MoonshotIcon],
 	["xai", require_icons_XaiIcon.XaiIcon],
 	["x-ai", require_icons_XaiIcon.XaiIcon],
-	["typesafe", require_icons_TypesafeIcon.TypesafeIcon]
+	["typesafe", require_icons_TypesafeIcon.TypesafeIcon],
+	["tencent", require_icons_TencentIcon.TencentIcon],
+	["bytedance", require_icons_ByteDanceIcon.ByteDanceIcon],
+	["bytedance-seed", require_icons_ByteDanceIcon.ByteDanceIcon],
+	["sakana", require_icons_SakanaIcon.SakanaIcon],
+	["microsoft", require_icons_MicrosoftIcon.MicrosoftIcon],
+	["amazon", require_icons_NovaIcon.NovaIcon],
+	["cohere", require_icons_CohereBrandIcon.CohereBrandIcon],
+	["perplexity", require_icons_PerplexityIcon.PerplexityIcon],
+	["fireworks", require_icons_FireworksIcon.FireworksIcon],
+	["stepfun", require_icons_StepFunIcon.StepFunIcon],
+	["meituan", require_icons_LongCatIcon.LongCatIcon],
+	["upstage", require_icons_UpstageIcon.UpstageIcon],
+	["morph", require_icons_MorphIcon.MorphIcon],
+	["nousresearch", require_icons_NousResearchIcon.NousResearchIcon]
 ]);
 var iconSizes = [
 	"xs",
@@ -58,14 +87,13 @@ var fallbackProviderIcons = /* @__PURE__ */ new Map([
 	["netlify", "netlify"],
 	["mastra", "mastra"]
 ]);
-/**
-* Component to display provider logos from models.dev
-* Falls back to local icons if the logo fails to load
-*/
 var ProviderLogo = ({ providerId, className = "", size = "lg", style }) => {
-	const [imageError, setImageError] = (0, react.useState)(false);
+	const [failedLogoSlug, setFailedLogoSlug] = (0, react.useState)();
 	const cleanedProviderId = require_domains_llm_clean_provider_id.cleanProviderId(providerId);
-	const cleanProviderId$1 = cleanedProviderId.replace(/^~/, "").replace(/\//g, "-").toLowerCase();
+	const normalizeProviderId = (id) => id.replace(/^~/, "").replace(/\//g, "-").toLowerCase();
+	const cleanProviderId$1 = normalizeProviderId(cleanedProviderId);
+	const exactProviderId = normalizeProviderId(providerId);
+	const logoSlug = require_domains_llm_models_dev_logo_slugs.modelsDevLogoSlugs.has(exactProviderId) ? exactProviderId : cleanProviderId$1;
 	const iconSize = iconSizes.find((name) => name === size);
 	const sizeClassName = iconSize && iconSizeClassNames[iconSize];
 	const sizeStyle = iconSize ? void 0 : {
@@ -84,8 +112,8 @@ var ProviderLogo = ({ providerId, className = "", size = "lg", style }) => {
 			...style
 		}
 	});
-	const fallbackIcon = fallbackProviderIcons.get(cleanedProviderId);
-	if (["netlify", "mastra"].includes(cleanProviderId$1) || imageError || !providerId) {
+	if (!require_domains_llm_models_dev_logo_slugs.modelsDevLogoSlugs.has(logoSlug) || failedLogoSlug === logoSlug) {
+		const fallbackIcon = fallbackProviderIcons.get(cleanedProviderId);
 		const fallback = fallbackIcon ? require_domains_llm_provider_map_icon.providerMapToIcon[fallbackIcon] : void 0;
 		if (fallback) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_Icon.Icon, {
 			size: iconSize,
@@ -96,8 +124,9 @@ var ProviderLogo = ({ providerId, className = "", size = "lg", style }) => {
 			},
 			children: fallback
 		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_utils.cn("shrink-0 rounded bg-muted", sizeClassName, className),
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_llm_provider_logo_monogram.ProviderLogoMonogram, {
+			providerId,
+			className: require_utils.cn(sizeClassName, className),
 			style: {
 				...sizeStyle,
 				...style
@@ -105,10 +134,10 @@ var ProviderLogo = ({ providerId, className = "", size = "lg", style }) => {
 		});
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-		src: `https://models.dev/logos/${cleanProviderId$1}.svg`,
+		src: `https://models.dev/logos/${logoSlug}.svg`,
 		alt: `${providerId} logo`,
 		className: require_utils.cn("shrink-0 dark:brightness-0 dark:invert", sizeClassName, className),
-		onError: () => setImageError(true),
+		onError: () => setFailedLogoSlug(logoSlug),
 		loading: "lazy",
 		style: {
 			...sizeStyle,

package/dist/domains/llm/provider-logo.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider-logo.cjs.js","names":["ClaudeIcon","GeminiIcon","DeepSeekIcon","OpenaiChatIcon","OpenRouterIcon","QwenIcon","MistralIcon","ZaiIcon","NvidiaIcon","MinimaxIcon","MetaIcon","MoonshotIcon","XaiIcon","TypesafeIcon","useState","cleanProviderIdUtil","cleanProviderId","cn","providerMapToIcon","Icon"],"sources":["../../../src/domains/llm/provider-logo.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ComponentType, CSSProperties, SVGProps } from 'react';\nimport { cleanProviderId as cleanProviderIdUtil } from './clean-provider-id';\nimport { providerMapToIcon } from './provider-map-icon';\nimport { ClaudeIcon } from '@/ds/icons/ClaudeIcon';\nimport { DeepSeekIcon } from '@/ds/icons/DeepSeekIcon';\nimport { GeminiIcon } from '@/ds/icons/GeminiIcon';\nimport { Icon } from '@/ds/icons/Icon';\nimport type { IconSize } from '@/ds/icons/Icon';\nimport { MetaIcon } from '@/ds/icons/MetaIcon';\nimport { MinimaxIcon } from '@/ds/icons/MinimaxIcon';\nimport { MistralIcon } from '@/ds/icons/MistralIcon';\nimport { MoonshotIcon } from '@/ds/icons/MoonshotIcon';\nimport { NvidiaIcon } from '@/ds/icons/NvidiaIcon';\nimport { OpenaiChatIcon } from '@/ds/icons/OpenaiChatIcon';\nimport { OpenRouterIcon } from '@/ds/icons/OpenRouterIcon';\nimport { QwenIcon } from '@/ds/icons/QwenIcon';\nimport { TypesafeIcon } from '@/ds/icons/TypesafeIcon';\nimport { XaiIcon } from '@/ds/icons/XaiIcon';\nimport { ZaiIcon } from '@/ds/icons/ZaiIcon';\nimport { cn } from '@/utils/cn';\n\ninterface ProviderLogoProps {\n  providerId: string;\n  className?: string;\n  size?: IconSize | number;\n  style?: CSSProperties;\n}\n\nconst brandMarks = new Map<string, ComponentType<SVGProps<SVGSVGElement>>>([\n  ['anthropic', ClaudeIcon],\n  ['google', GeminiIcon],\n  ['deepseek', DeepSeekIcon],\n  ['openai', OpenaiChatIcon],\n  ['openrouter', OpenRouterIcon],\n  ['qwen', QwenIcon],\n  ['mistral', MistralIcon],\n  ['mistralai', MistralIcon],\n  ['zai', ZaiIcon],\n  ['z-ai', ZaiIcon],\n  ['nvidia', NvidiaIcon],\n  ['minimax', MinimaxIcon],\n  ['meta', MetaIcon],\n  ['meta-llama', MetaIcon],\n  ['llama', MetaIcon],\n  ['moonshotai', MoonshotIcon],\n  ['xai', XaiIcon],\n  ['x-ai', XaiIcon],\n  ['typesafe', TypesafeIcon],\n]);\n\nconst iconSizes: IconSize[] = ['xs', 'sm', 'md', 'lg'];\n\nconst iconSizeClassNames = {\n  xs: 'size-icon-xs',\n  sm: 'size-icon-sm',\n  md: 'size-icon-md',\n  lg: 'size-icon-lg',\n} satisfies Record<IconSize, string>;\n\nconst fallbackProviderIcons = new Map<string, keyof typeof providerMapToIcon>([\n  ['groq', 'GROQ'],\n  ['netlify', 'netlify'],\n  ['mastra', 'mastra'],\n]);\n\n/**\n * Component to display provider logos from models.dev\n * Falls back to local icons if the logo fails to load\n */\nexport const ProviderLogo = ({ providerId, className = '', size = 'lg', style }: ProviderLogoProps) => {\n  const [imageError, setImageError] = useState(false);\n\n  // Clean provider ID (remove .chat, .x, .messages, etc. suffixes)\n  const cleanedProviderId = cleanProviderIdUtil(providerId);\n\n  // Clean up provider ID for models.dev (remove special characters like slashes)\n  const cleanProviderId = cleanedProviderId.replace(/^~/, '').replace(/\\//g, '-').toLowerCase();\n\n  const iconSize = iconSizes.find(name => name === size);\n  const sizeClassName = iconSize && iconSizeClassNames[iconSize];\n  const sizeStyle = iconSize ? undefined : { width: size, height: size, minWidth: size, minHeight: size };\n\n  const BrandMark = brandMarks.get(cleanProviderId);\n  if (BrandMark) {\n    return (\n      <BrandMark\n        role=\"img\"\n        aria-label={`${providerId} logo`}\n        className={cn('shrink-0', sizeClassName, className)}\n        style={{ ...sizeStyle, ...style }}\n      />\n    );\n  }\n\n  const fallbackIcon = fallbackProviderIcons.get(cleanedProviderId);\n  const isGateway = ['netlify', 'mastra'].includes(cleanProviderId);\n\n  // If we've already had an error or don't have a provider ID or this is a special gateway case, show fallback\n  if (isGateway || imageError || !providerId) {\n    const fallback = fallbackIcon ? providerMapToIcon[fallbackIcon] : undefined;\n    if (fallback) {\n      return (\n        <Icon size={iconSize} className={cn('shrink-0', className)} style={{ ...sizeStyle, ...style }}>\n          {fallback}\n        </Icon>\n      );\n    }\n    return (\n      <div className={cn('shrink-0 rounded bg-muted', sizeClassName, className)} style={{ ...sizeStyle, ...style }} />\n    );\n  }\n\n  return (\n    <img\n      src={`https://models.dev/logos/${cleanProviderId}.svg`}\n      alt={`${providerId} logo`}\n      className={cn('shrink-0 dark:brightness-0 dark:invert', sizeClassName, className)}\n      onError={() => setImageError(true)}\n      loading=\"lazy\"\n      style={{\n        ...sizeStyle,\n        objectFit: 'contain',\n        opacity: 0.9,\n      }}\n    />\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"provider-logo.cjs.js","names":["ClaudeIcon","GeminiIcon","DeepSeekIcon","OpenaiChatIcon","OpenRouterIcon","QwenIcon","MistralIcon","ZaiIcon","NvidiaIcon","MinimaxIcon","MetaIcon","MoonshotIcon","XaiIcon","TypesafeIcon","TencentIcon","ByteDanceIcon","SakanaIcon","MicrosoftIcon","NovaIcon","CohereBrandIcon","PerplexityIcon","FireworksIcon","StepFunIcon","LongCatIcon","UpstageIcon","MorphIcon","NousResearchIcon","useState","cleanProviderIdUtil","cleanProviderId","modelsDevLogoSlugs","cn","providerMapToIcon","Icon","ProviderLogoMonogram"],"sources":["../../../src/domains/llm/provider-logo.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ComponentType, CSSProperties, SVGProps } from 'react';\nimport { cleanProviderId as cleanProviderIdUtil } from './clean-provider-id';\nimport { modelsDevLogoSlugs } from './models-dev-logo-slugs';\nimport { ProviderLogoMonogram } from './provider-logo-monogram';\nimport { providerMapToIcon } from './provider-map-icon';\nimport { ByteDanceIcon } from '@/ds/icons/ByteDanceIcon';\nimport { ClaudeIcon } from '@/ds/icons/ClaudeIcon';\nimport { CohereBrandIcon } from '@/ds/icons/CohereBrandIcon';\nimport { DeepSeekIcon } from '@/ds/icons/DeepSeekIcon';\nimport { FireworksIcon } from '@/ds/icons/FireworksIcon';\nimport { GeminiIcon } from '@/ds/icons/GeminiIcon';\nimport { Icon } from '@/ds/icons/Icon';\nimport type { IconSize } from '@/ds/icons/Icon';\nimport { LongCatIcon } from '@/ds/icons/LongCatIcon';\nimport { MetaIcon } from '@/ds/icons/MetaIcon';\nimport { MicrosoftIcon } from '@/ds/icons/MicrosoftIcon';\nimport { MinimaxIcon } from '@/ds/icons/MinimaxIcon';\nimport { MistralIcon } from '@/ds/icons/MistralIcon';\nimport { MoonshotIcon } from '@/ds/icons/MoonshotIcon';\nimport { MorphIcon } from '@/ds/icons/MorphIcon';\nimport { NousResearchIcon } from '@/ds/icons/NousResearchIcon';\nimport { NovaIcon } from '@/ds/icons/NovaIcon';\nimport { NvidiaIcon } from '@/ds/icons/NvidiaIcon';\nimport { OpenaiChatIcon } from '@/ds/icons/OpenaiChatIcon';\nimport { OpenRouterIcon } from '@/ds/icons/OpenRouterIcon';\nimport { PerplexityIcon } from '@/ds/icons/PerplexityIcon';\nimport { QwenIcon } from '@/ds/icons/QwenIcon';\nimport { SakanaIcon } from '@/ds/icons/SakanaIcon';\nimport { StepFunIcon } from '@/ds/icons/StepFunIcon';\nimport { TencentIcon } from '@/ds/icons/TencentIcon';\nimport { TypesafeIcon } from '@/ds/icons/TypesafeIcon';\nimport { UpstageIcon } from '@/ds/icons/UpstageIcon';\nimport { XaiIcon } from '@/ds/icons/XaiIcon';\nimport { ZaiIcon } from '@/ds/icons/ZaiIcon';\nimport { cn } from '@/utils/cn';\n\ninterface ProviderLogoProps {\n  providerId: string;\n  className?: string;\n  size?: IconSize | number;\n  style?: CSSProperties;\n}\n\nconst brandMarks = new Map<string, ComponentType<SVGProps<SVGSVGElement>>>([\n  ['anthropic', ClaudeIcon],\n  ['google', GeminiIcon],\n  ['deepseek', DeepSeekIcon],\n  ['openai', OpenaiChatIcon],\n  ['openrouter', OpenRouterIcon],\n  ['qwen', QwenIcon],\n  ['mistral', MistralIcon],\n  ['mistralai', MistralIcon],\n  ['zai', ZaiIcon],\n  ['z-ai', ZaiIcon],\n  ['nvidia', NvidiaIcon],\n  ['minimax', MinimaxIcon],\n  ['meta', MetaIcon],\n  ['meta-llama', MetaIcon],\n  ['llama', MetaIcon],\n  ['moonshotai', MoonshotIcon],\n  ['xai', XaiIcon],\n  ['x-ai', XaiIcon],\n  ['typesafe', TypesafeIcon],\n  ['tencent', TencentIcon],\n  ['bytedance', ByteDanceIcon],\n  ['bytedance-seed', ByteDanceIcon],\n  ['sakana', SakanaIcon],\n  ['microsoft', MicrosoftIcon],\n  ['amazon', NovaIcon],\n  ['cohere', CohereBrandIcon],\n  ['perplexity', PerplexityIcon],\n  ['fireworks', FireworksIcon],\n  ['stepfun', StepFunIcon],\n  ['meituan', LongCatIcon],\n  ['upstage', UpstageIcon],\n  ['morph', MorphIcon],\n  ['nousresearch', NousResearchIcon],\n]);\n\nconst iconSizes: IconSize[] = ['xs', 'sm', 'md', 'lg'];\n\nconst iconSizeClassNames = {\n  xs: 'size-icon-xs',\n  sm: 'size-icon-sm',\n  md: 'size-icon-md',\n  lg: 'size-icon-lg',\n} satisfies Record<IconSize, string>;\n\nconst fallbackProviderIcons = new Map<string, keyof typeof providerMapToIcon>([\n  ['groq', 'GROQ'],\n  ['netlify', 'netlify'],\n  ['mastra', 'mastra'],\n]);\n\nexport const ProviderLogo = ({ providerId, className = '', size = 'lg', style }: ProviderLogoProps) => {\n  const [failedLogoSlug, setFailedLogoSlug] = useState<string>();\n\n  const cleanedProviderId = cleanProviderIdUtil(providerId);\n  const normalizeProviderId = (id: string) => id.replace(/^~/, '').replace(/\\//g, '-').toLowerCase();\n  const cleanProviderId = normalizeProviderId(cleanedProviderId);\n  const exactProviderId = normalizeProviderId(providerId);\n  const logoSlug = modelsDevLogoSlugs.has(exactProviderId) ? exactProviderId : cleanProviderId;\n\n  const iconSize = iconSizes.find(name => name === size);\n  const sizeClassName = iconSize && iconSizeClassNames[iconSize];\n  const sizeStyle = iconSize ? undefined : { width: size, height: size, minWidth: size, minHeight: size };\n\n  const BrandMark = brandMarks.get(cleanProviderId);\n  if (BrandMark) {\n    return (\n      <BrandMark\n        role=\"img\"\n        aria-label={`${providerId} logo`}\n        className={cn('shrink-0', sizeClassName, className)}\n        style={{ ...sizeStyle, ...style }}\n      />\n    );\n  }\n\n  if (!modelsDevLogoSlugs.has(logoSlug) || failedLogoSlug === logoSlug) {\n    const fallbackIcon = fallbackProviderIcons.get(cleanedProviderId);\n    const fallback = fallbackIcon ? providerMapToIcon[fallbackIcon] : undefined;\n    if (fallback) {\n      return (\n        <Icon size={iconSize} className={cn('shrink-0', className)} style={{ ...sizeStyle, ...style }}>\n          {fallback}\n        </Icon>\n      );\n    }\n    return (\n      <ProviderLogoMonogram\n        providerId={providerId}\n        className={cn(sizeClassName, className)}\n        style={{ ...sizeStyle, ...style }}\n      />\n    );\n  }\n\n  return (\n    <img\n      src={`https://models.dev/logos/${logoSlug}.svg`}\n      alt={`${providerId} logo`}\n      className={cn('shrink-0 dark:brightness-0 dark:invert', sizeClassName, className)}\n      onError={() => setFailedLogoSlug(logoSlug)}\n      loading=\"lazy\"\n      style={{\n        ...sizeStyle,\n        objectFit: 'contain',\n        opacity: 0.9,\n      }}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/domains/llm/provider-logo.es.js

@@ -1,21 +1,36 @@
-import { t as cn } from "../../utils-DQx8TpNT.js";
-import { Icon } from "../../icons/Icon.es.js";
+import { cleanProviderId } from "./clean-provider-id.es.js";
+import { modelsDevLogoSlugs } from "./models-dev-logo-slugs.es.js";
+import { ProviderLogoMonogram } from "./provider-logo-monogram.es.js";
+import { providerMapToIcon } from "./provider-map-icon.es.js";
+import { ByteDanceIcon } from "../../icons/ByteDanceIcon.es.js";
 import { ClaudeIcon } from "../../icons/ClaudeIcon.es.js";
+import { CohereBrandIcon } from "../../icons/CohereBrandIcon.es.js";
 import { DeepSeekIcon } from "../../icons/DeepSeekIcon.es.js";
+import { FireworksIcon } from "../../icons/FireworksIcon.es.js";
 import { GeminiIcon } from "../../icons/GeminiIcon.es.js";
+import { Icon } from "../../icons/Icon.es.js";
+import { LongCatIcon } from "../../icons/LongCatIcon.es.js";
 import { MetaIcon } from "../../icons/MetaIcon.es.js";
+import { MicrosoftIcon } from "../../icons/MicrosoftIcon.es.js";
 import { MinimaxIcon } from "../../icons/MinimaxIcon.es.js";
 import { MistralIcon } from "../../icons/MistralIcon.es.js";
 import { MoonshotIcon } from "../../icons/MoonshotIcon.es.js";
+import { MorphIcon } from "../../icons/MorphIcon.es.js";
+import { NousResearchIcon } from "../../icons/NousResearchIcon.es.js";
+import { NovaIcon } from "../../icons/NovaIcon.es.js";
 import { NvidiaIcon } from "../../icons/NvidiaIcon.es.js";
 import { OpenaiChatIcon } from "../../icons/OpenaiChatIcon.es.js";
 import { OpenRouterIcon } from "../../icons/OpenRouterIcon.es.js";
+import { PerplexityIcon } from "../../icons/PerplexityIcon.es.js";
 import { QwenIcon } from "../../icons/QwenIcon.es.js";
+import { SakanaIcon } from "../../icons/SakanaIcon.es.js";
+import { StepFunIcon } from "../../icons/StepFunIcon.es.js";
+import { TencentIcon } from "../../icons/TencentIcon.es.js";
 import { TypesafeIcon } from "../../icons/TypesafeIcon.es.js";
+import { UpstageIcon } from "../../icons/UpstageIcon.es.js";
 import { XaiIcon } from "../../icons/XaiIcon.es.js";
 import { ZaiIcon } from "../../icons/ZaiIcon.es.js";
-import { cleanProviderId } from "./clean-provider-id.es.js";
-import { providerMapToIcon } from "./provider-map-icon.es.js";
+import { t as cn } from "../../utils-DQx8TpNT.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/domains/llm/provider-logo.tsx
@@ -38,7 +53,21 @@ var brandMarks = /* @__PURE__ */ new Map([
 	["moonshotai", MoonshotIcon],
 	["xai", XaiIcon],
 	["x-ai", XaiIcon],
-	["typesafe", TypesafeIcon]
+	["typesafe", TypesafeIcon],
+	["tencent", TencentIcon],
+	["bytedance", ByteDanceIcon],
+	["bytedance-seed", ByteDanceIcon],
+	["sakana", SakanaIcon],
+	["microsoft", MicrosoftIcon],
+	["amazon", NovaIcon],
+	["cohere", CohereBrandIcon],
+	["perplexity", PerplexityIcon],
+	["fireworks", FireworksIcon],
+	["stepfun", StepFunIcon],
+	["meituan", LongCatIcon],
+	["upstage", UpstageIcon],
+	["morph", MorphIcon],
+	["nousresearch", NousResearchIcon]
 ]);
 var iconSizes = [
 	"xs",
@@ -57,14 +86,13 @@ var fallbackProviderIcons = /* @__PURE__ */ new Map([
 	["netlify", "netlify"],
 	["mastra", "mastra"]
 ]);
-/**
-* Component to display provider logos from models.dev
-* Falls back to local icons if the logo fails to load
-*/
 var ProviderLogo = ({ providerId, className = "", size = "lg", style }) => {
-	const [imageError, setImageError] = useState(false);
+	const [failedLogoSlug, setFailedLogoSlug] = useState();
 	const cleanedProviderId = cleanProviderId(providerId);
-	const cleanProviderId$1 = cleanedProviderId.replace(/^~/, "").replace(/\//g, "-").toLowerCase();
+	const normalizeProviderId = (id) => id.replace(/^~/, "").replace(/\//g, "-").toLowerCase();
+	const cleanProviderId$1 = normalizeProviderId(cleanedProviderId);
+	const exactProviderId = normalizeProviderId(providerId);
+	const logoSlug = modelsDevLogoSlugs.has(exactProviderId) ? exactProviderId : cleanProviderId$1;
 	const iconSize = iconSizes.find((name) => name === size);
 	const sizeClassName = iconSize && iconSizeClassNames[iconSize];
 	const sizeStyle = iconSize ? void 0 : {
@@ -83,8 +111,8 @@ var ProviderLogo = ({ providerId, className = "", size = "lg", style }) => {
 			...style
 		}
 	});
-	const fallbackIcon = fallbackProviderIcons.get(cleanedProviderId);
-	if (["netlify", "mastra"].includes(cleanProviderId$1) || imageError || !providerId) {
+	if (!modelsDevLogoSlugs.has(logoSlug) || failedLogoSlug === logoSlug) {
+		const fallbackIcon = fallbackProviderIcons.get(cleanedProviderId);
 		const fallback = fallbackIcon ? providerMapToIcon[fallbackIcon] : void 0;
 		if (fallback) return /* @__PURE__ */ jsx(Icon, {
 			size: iconSize,
@@ -95,8 +123,9 @@ var ProviderLogo = ({ providerId, className = "", size = "lg", style }) => {
 			},
 			children: fallback
 		});
-		return /* @__PURE__ */ jsx("div", {
-			className: cn("shrink-0 rounded bg-muted", sizeClassName, className),
+		return /* @__PURE__ */ jsx(ProviderLogoMonogram, {
+			providerId,
+			className: cn(sizeClassName, className),
 			style: {
 				...sizeStyle,
 				...style
@@ -104,10 +133,10 @@ var ProviderLogo = ({ providerId, className = "", size = "lg", style }) => {
 		});
 	}
 	return /* @__PURE__ */ jsx("img", {
-		src: `https://models.dev/logos/${cleanProviderId$1}.svg`,
+		src: `https://models.dev/logos/${logoSlug}.svg`,
 		alt: `${providerId} logo`,
 		className: cn("shrink-0 dark:brightness-0 dark:invert", sizeClassName, className),
-		onError: () => setImageError(true),
+		onError: () => setFailedLogoSlug(logoSlug),
 		loading: "lazy",
 		style: {
 			...sizeStyle,