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

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,

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

@@ -1 +1 @@
-{"version":3,"file":"provider-logo.es.js","names":["cleanProviderIdUtil","cleanProviderId"],"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":";;;;;;;;;;;;;;;;;;;;;AA6BA,IAAM,6BAAa,IAAI,IAAoD;CACzE,CAAC,aAAa,UAAU;CACxB,CAAC,UAAU,UAAU;CACrB,CAAC,YAAY,YAAY;CACzB,CAAC,UAAU,cAAc;CACzB,CAAC,cAAc,cAAc;CAC7B,CAAC,QAAQ,QAAQ;CACjB,CAAC,WAAW,WAAW;CACvB,CAAC,aAAa,WAAW;CACzB,CAAC,OAAO,OAAO;CACf,CAAC,QAAQ,OAAO;CAChB,CAAC,UAAU,UAAU;CACrB,CAAC,WAAW,WAAW;CACvB,CAAC,QAAQ,QAAQ;CACjB,CAAC,cAAc,QAAQ;CACvB,CAAC,SAAS,QAAQ;CAClB,CAAC,cAAc,YAAY;CAC3B,CAAC,OAAO,OAAO;CACf,CAAC,QAAQ,OAAO;CAChB,CAAC,YAAY,YAAY;AAC3B,CAAC;AAED,IAAM,YAAwB;CAAC;CAAM;CAAM;CAAM;AAAI;AAErD,IAAM,qBAAqB;CACzB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,wCAAwB,IAAI,IAA4C;CAC5E,CAAC,QAAQ,MAAM;CACf,CAAC,WAAW,SAAS;CACrB,CAAC,UAAU,QAAQ;AACrB,CAAC;;;;;AAMD,IAAa,gBAAgB,EAAE,YAAY,YAAY,IAAI,OAAO,MAAM,YAA+B;CACrG,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAGlD,MAAM,oBAAoBA,gBAAoB,UAAU;CAGxD,MAAMC,oBAAkB,kBAAkB,QAAQ,MAAM,EAAE,CAAC,CAAC,QAAQ,OAAO,GAAG,CAAC,CAAC,YAAY;CAE5F,MAAM,WAAW,UAAU,MAAK,SAAQ,SAAS,IAAI;CACrD,MAAM,gBAAgB,YAAY,mBAAmB;CACrD,MAAM,YAAY,WAAW,KAAA,IAAY;EAAE,OAAO;EAAM,QAAQ;EAAM,UAAU;EAAM,WAAW;CAAK;CAEtG,MAAM,YAAY,WAAW,IAAIA,iBAAe;CAChD,IAAI,WACF,OACE,oBAAC,WAAD;EACE,MAAK;EACL,cAAY,GAAG,WAAW;EAC1B,WAAW,GAAG,YAAY,eAAe,SAAS;EAClD,OAAO;GAAE,GAAG;GAAW,GAAG;EAAM;CACjC,CAAA;CAIL,MAAM,eAAe,sBAAsB,IAAI,iBAAiB;CAIhE,IAHkB,CAAC,WAAW,QAAQ,CAAC,CAAC,SAASA,iBAG7C,KAAa,cAAc,CAAC,YAAY;EAC1C,MAAM,WAAW,eAAe,kBAAkB,gBAAgB,KAAA;EAClE,IAAI,UACF,OACE,oBAAC,MAAD;GAAM,MAAM;GAAU,WAAW,GAAG,YAAY,SAAS;GAAG,OAAO;IAAE,GAAG;IAAW,GAAG;GAAM;GACzF,UAAA;EACG,CAAA;EAGV,OACE,oBAAC,OAAD;GAAK,WAAW,GAAG,6BAA6B,eAAe,SAAS;GAAG,OAAO;IAAE,GAAG;IAAW,GAAG;GAAM;EAAI,CAAA;CAEnH;CAEA,OACE,oBAAC,OAAD;EACE,KAAK,4BAA4BA,kBAAgB;EACjD,KAAK,GAAG,WAAW;EACnB,WAAW,GAAG,0CAA0C,eAAe,SAAS;EAChF,eAAe,cAAc,IAAI;EACjC,SAAQ;EACR,OAAO;GACL,GAAG;GACH,WAAW;GACX,SAAS;EACX;CACD,CAAA;AAEL"}
+{"version":3,"file":"provider-logo.es.js","names":["cleanProviderIdUtil","cleanProviderId"],"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-map-icon.cjs.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_icons_GoogleIcon = require("../../icons/GoogleIcon.cjs.js");
 const require_icons_AmazonIcon = require("../../icons/AmazonIcon.cjs.js");
 const require_icons_AnthropicChatIcon = require("../../icons/AnthropicChatIcon.cjs.js");
 const require_icons_AnthropicMessagesIcon = require("../../icons/AnthropicMessagesIcon.cjs.js");
 const require_icons_AzureIcon = require("../../icons/AzureIcon.cjs.js");
 const require_icons_CohereIcon = require("../../icons/CohereIcon.cjs.js");
+const require_icons_GoogleIcon = require("../../icons/GoogleIcon.cjs.js");
 const require_icons_GroqIcon = require("../../icons/GroqIcon.cjs.js");
 const require_icons_MastraIcon = require("../../icons/MastraIcon.cjs.js");
 const require_icons_MistralIcon = require("../../icons/MistralIcon.cjs.js");

package/dist/domains/llm/provider-map-icon.es.js

@@ -1,9 +1,9 @@
-import { GoogleIcon } from "../../icons/GoogleIcon.es.js";
 import { AmazonIcon } from "../../icons/AmazonIcon.es.js";
 import { AnthropicChatIcon } from "../../icons/AnthropicChatIcon.es.js";
 import { AnthropicMessagesIcon } from "../../icons/AnthropicMessagesIcon.es.js";
 import { AzureIcon } from "../../icons/AzureIcon.es.js";
 import { CohereIcon } from "../../icons/CohereIcon.es.js";
+import { GoogleIcon } from "../../icons/GoogleIcon.es.js";
 import { GroqIcon } from "../../icons/GroqIcon.es.js";
 import { MastraIcon } from "../../icons/MastraIcon.es.js";
 import { MistralIcon } from "../../icons/MistralIcon.es.js";

package/dist/domains/llm.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_llm_clean_provider_id = require("./llm/clean-provider-id.cjs.js");
-const require_domains_llm_provider_map_icon = require("./llm/provider-map-icon.cjs.js");
 const require_domains_llm_provider_logo = require("./llm/provider-logo.cjs.js");
+const require_domains_llm_provider_map_icon = require("./llm/provider-map-icon.cjs.js");
 const require_domains_llm_model_name_parts = require("./llm/model-name-parts.cjs.js");
 const require_domains_llm_provider_mark = require("./llm/provider-mark.cjs.js");
 exports.ProviderLogo = require_domains_llm_provider_logo.ProviderLogo;

package/dist/domains/llm.es.js

@@ -1,6 +1,6 @@
 import { cleanProviderId } from "./llm/clean-provider-id.es.js";
-import { providerMapToIcon } from "./llm/provider-map-icon.es.js";
 import { ProviderLogo } from "./llm/provider-logo.es.js";
+import { providerMapToIcon } from "./llm/provider-map-icon.es.js";
 import { modelNameParts } from "./llm/model-name-parts.es.js";
 import { ProviderMark } from "./llm/provider-mark.es.js";
 export { ProviderLogo, ProviderMark, cleanProviderId, modelNameParts, providerMapToIcon };

package/dist/domains/logs/components/log-data-panel.cjs.js

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_buttons_group = require("../../../buttons-group-DM6_Kohs.cjs");
+const require_copy_button = require("../../../copy-button-DuEUYvS2.cjs");
+const require_DataKeysAndValues = require("../../../DataKeysAndValues-BbKeVxrQ.cjs");
+const require_DataPanel = require("../../../DataPanel-BRRAvWYQ.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
 const require_utils_date_format = require("../../../utils/date-format.cjs.js");
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_copy_button = require("../../../copy-button-DJAQ6_3o.cjs");
-const require_buttons_group = require("../../../buttons-group-Dc6R7YSs.cjs");
-const require_DataPanel = require("../../../DataPanel-Coc9h35I.cjs");
-const require_DataKeysAndValues = require("../../../DataKeysAndValues-DsH6AbAo.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -19,7 +19,11 @@ function LogDataPanel({ log, onClose, onTraceClick, onSpanClick, onPrevious, onN
 		depth,
 		children: log && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_DataPanel.DataPanel.Header, { children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataPanel.DataPanel.CloseButton, { onClick: onClose }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_DataPanel.DataPanel.Heading, { children: ["Log · ", formattedDate] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataPanel.DataPanel.Heading, { children: "Log" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataPanel.DataPanel.Metadata, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataPanel.DataPanel.Meta, {
+				tooltip: formattedDate,
+				children: formattedDate
+			}) }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataPanel.DataPanel.HeaderActions, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataPanel.DataPanel.NextPrevNav, {
 				onPrevious,
 				onNext,

package/dist/domains/logs/components/log-data-panel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"log-data-panel.cjs.js","names":["formatTimestampPrecise","DataPanel","_Fragment","DataKeysAndValues","Fragment","ButtonsGroup","Button","ArrowRightIcon","Txt","CopyButton"],"sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { ArrowRightIcon } from 'lucide-react';\nimport { Fragment } from 'react';\nimport type { LogRecord } from '../types';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nexport interface LogDataPanelProps {\n  /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n  log?: LogRecord;\n  onClose: () => void;\n  onTraceClick?: (traceId: string) => void;\n  onSpanClick?: (traceId: string, spanId: string) => void;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  depth?: 1 | 2 | 3;\n}\n\nexport function LogDataPanel({\n  log,\n  onClose,\n  onTraceClick,\n  onSpanClick,\n  onPrevious,\n  onNext,\n  depth,\n}: LogDataPanelProps) {\n  const formattedDate = log ? (formatTimestampPrecise(log.timestamp) ?? '') : '';\n\n  return (\n    <DataPanel open={!!log} onClose={onClose} title={log ? `Log ${formattedDate}` : 'Log'} depth={depth}>\n      {log && (\n        <>\n          <DataPanel.Header>\n            <DataPanel.CloseButton onClick={onClose} />\n            <DataPanel.Heading>Log · {formattedDate}</DataPanel.Heading>\n            <DataPanel.HeaderActions>\n              <DataPanel.NextPrevNav\n                onPrevious={onPrevious}\n                onNext={onNext}\n                previousLabel=\"Go to previous log\"\n                nextLabel=\"Go to next log\"\n              />\n            </DataPanel.HeaderActions>\n          </DataPanel.Header>\n\n          <DataPanel.Content>\n            <div className=\"grid gap-6 p-2\">\n              <DataKeysAndValues>\n                {log.entityType && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Type</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityType}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.entityName && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Name</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.serviceName && (\n                  <>\n                    <DataKeysAndValues.Key>Service</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.serviceName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.environment && (\n                  <>\n                    <DataKeysAndValues.Key>Environment</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.environment}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.source && (\n                  <>\n                    <DataKeysAndValues.Key>Source</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.source}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.metadata &&\n                  Object.entries(log.metadata).map(([key, value]) => (\n                    <Fragment key={key}>\n                      <DataKeysAndValues.Key>{key}</DataKeysAndValues.Key>\n                      <DataKeysAndValues.Value>{String(value)}</DataKeysAndValues.Value>\n                    </Fragment>\n                  ))}\n              </DataKeysAndValues>\n\n              <DataPanel.CodeSection title=\"Message\" codeStr={log.message} simplified />\n\n              {(log.traceId || log.spanId) && (\n                <div className=\"grid gap-2\">\n                  {log.traceId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        icon={<ArrowRightIcon />}\n                        onClick={() => log.traceId && onTraceClick?.(log.traceId)}\n                      >\n                        <span>Trace</span>\n                        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"ml-auto min-w-0 truncate\">\n                          # {log.traceId}\n                        </Txt>\n                      </Button>\n                      <CopyButton content={log.traceId} tooltip=\"Copy trace ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                  {log.spanId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        disabled={!log.traceId || !onSpanClick}\n                        onClick={() => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId)}\n                        icon={<ArrowRightIcon />}\n                      >\n                        <span>Span</span>\n                        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"ml-auto min-w-0 truncate\">\n                          # {log.spanId}\n                        </Txt>\n                      </Button>\n                      <CopyButton content={log.spanId} tooltip=\"Copy span ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                </div>\n              )}\n\n              {log.data && Object.keys(log.data).length > 0 && (\n                <DataPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} />\n              )}\n            </div>\n          </DataPanel.Content>\n        </>\n      )}\n    </DataPanel>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"log-data-panel.cjs.js","names":["formatTimestampPrecise","DataPanel","_Fragment","DataKeysAndValues","Fragment","ButtonsGroup","Button","ArrowRightIcon","Txt","CopyButton"],"sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { ArrowRightIcon } from 'lucide-react';\nimport { Fragment } from 'react';\nimport type { LogRecord } from '../types';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nexport interface LogDataPanelProps {\n  /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n  log?: LogRecord;\n  onClose: () => void;\n  onTraceClick?: (traceId: string) => void;\n  onSpanClick?: (traceId: string, spanId: string) => void;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  depth?: 1 | 2 | 3;\n}\n\nexport function LogDataPanel({\n  log,\n  onClose,\n  onTraceClick,\n  onSpanClick,\n  onPrevious,\n  onNext,\n  depth,\n}: LogDataPanelProps) {\n  const formattedDate = log ? (formatTimestampPrecise(log.timestamp) ?? '') : '';\n\n  return (\n    <DataPanel open={!!log} onClose={onClose} title={log ? `Log ${formattedDate}` : 'Log'} depth={depth}>\n      {log && (\n        <>\n          <DataPanel.Header>\n            <DataPanel.CloseButton onClick={onClose} />\n            <DataPanel.Heading>Log</DataPanel.Heading>\n            <DataPanel.Metadata>\n              <DataPanel.Meta tooltip={formattedDate}>{formattedDate}</DataPanel.Meta>\n            </DataPanel.Metadata>\n            <DataPanel.HeaderActions>\n              <DataPanel.NextPrevNav\n                onPrevious={onPrevious}\n                onNext={onNext}\n                previousLabel=\"Go to previous log\"\n                nextLabel=\"Go to next log\"\n              />\n            </DataPanel.HeaderActions>\n          </DataPanel.Header>\n\n          <DataPanel.Content>\n            <div className=\"grid gap-6 p-2\">\n              <DataKeysAndValues>\n                {log.entityType && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Type</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityType}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.entityName && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Name</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.serviceName && (\n                  <>\n                    <DataKeysAndValues.Key>Service</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.serviceName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.environment && (\n                  <>\n                    <DataKeysAndValues.Key>Environment</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.environment}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.source && (\n                  <>\n                    <DataKeysAndValues.Key>Source</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.source}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.metadata &&\n                  Object.entries(log.metadata).map(([key, value]) => (\n                    <Fragment key={key}>\n                      <DataKeysAndValues.Key>{key}</DataKeysAndValues.Key>\n                      <DataKeysAndValues.Value>{String(value)}</DataKeysAndValues.Value>\n                    </Fragment>\n                  ))}\n              </DataKeysAndValues>\n\n              <DataPanel.CodeSection title=\"Message\" codeStr={log.message} simplified />\n\n              {(log.traceId || log.spanId) && (\n                <div className=\"grid gap-2\">\n                  {log.traceId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        icon={<ArrowRightIcon />}\n                        onClick={() => log.traceId && onTraceClick?.(log.traceId)}\n                      >\n                        <span>Trace</span>\n                        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"ml-auto min-w-0 truncate\">\n                          # {log.traceId}\n                        </Txt>\n                      </Button>\n                      <CopyButton content={log.traceId} tooltip=\"Copy trace ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                  {log.spanId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        disabled={!log.traceId || !onSpanClick}\n                        onClick={() => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId)}\n                        icon={<ArrowRightIcon />}\n                      >\n                        <span>Span</span>\n                        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"ml-auto min-w-0 truncate\">\n                          # {log.spanId}\n                        </Txt>\n                      </Button>\n                      <CopyButton content={log.spanId} tooltip=\"Copy span ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                </div>\n              )}\n\n              {log.data && Object.keys(log.data).length > 0 && (\n                <DataPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} />\n              )}\n            </div>\n          </DataPanel.Content>\n        </>\n      )}\n    </DataPanel>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/logs/components/log-data-panel.es.js

@@ -1,10 +1,10 @@
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { t as ButtonsGroup } from "../../../buttons-group-DA_wORqQ.js";
+import { t as CopyButton } from "../../../copy-button-B-_Z6N6y.js";
+import { t as DataKeysAndValues } from "../../../DataKeysAndValues-B56je3sK.js";
+import { t as DataPanel } from "../../../DataPanel-pVr5LVaK.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
 import { formatTimestampPrecise } from "../../../utils/date-format.es.js";
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { t as CopyButton } from "../../../copy-button-BXrbevLn.js";
-import { t as ButtonsGroup } from "../../../buttons-group-DkFlnMiL.js";
-import { t as DataPanel } from "../../../DataPanel-IgB9D5PO.js";
-import { t as DataKeysAndValues } from "../../../DataKeysAndValues-PwOmGxyp.js";
 import { Fragment } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ArrowRightIcon } from "lucide-react";
@@ -18,7 +18,11 @@ function LogDataPanel({ log, onClose, onTraceClick, onSpanClick, onPrevious, onN
 		depth,
 		children: log && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(DataPanel.Header, { children: [
 			/* @__PURE__ */ jsx(DataPanel.CloseButton, { onClick: onClose }),
-			/* @__PURE__ */ jsxs(DataPanel.Heading, { children: ["Log · ", formattedDate] }),
+			/* @__PURE__ */ jsx(DataPanel.Heading, { children: "Log" }),
+			/* @__PURE__ */ jsx(DataPanel.Metadata, { children: /* @__PURE__ */ jsx(DataPanel.Meta, {
+				tooltip: formattedDate,
+				children: formattedDate
+			}) }),
 			/* @__PURE__ */ jsx(DataPanel.HeaderActions, { children: /* @__PURE__ */ jsx(DataPanel.NextPrevNav, {
 				onPrevious,
 				onNext,

package/dist/domains/logs/components/log-data-panel.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"log-data-panel.es.js","names":["_Fragment"],"sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { ArrowRightIcon } from 'lucide-react';\nimport { Fragment } from 'react';\nimport type { LogRecord } from '../types';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nexport interface LogDataPanelProps {\n  /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n  log?: LogRecord;\n  onClose: () => void;\n  onTraceClick?: (traceId: string) => void;\n  onSpanClick?: (traceId: string, spanId: string) => void;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  depth?: 1 | 2 | 3;\n}\n\nexport function LogDataPanel({\n  log,\n  onClose,\n  onTraceClick,\n  onSpanClick,\n  onPrevious,\n  onNext,\n  depth,\n}: LogDataPanelProps) {\n  const formattedDate = log ? (formatTimestampPrecise(log.timestamp) ?? '') : '';\n\n  return (\n    <DataPanel open={!!log} onClose={onClose} title={log ? `Log ${formattedDate}` : 'Log'} depth={depth}>\n      {log && (\n        <>\n          <DataPanel.Header>\n            <DataPanel.CloseButton onClick={onClose} />\n            <DataPanel.Heading>Log · {formattedDate}</DataPanel.Heading>\n            <DataPanel.HeaderActions>\n              <DataPanel.NextPrevNav\n                onPrevious={onPrevious}\n                onNext={onNext}\n                previousLabel=\"Go to previous log\"\n                nextLabel=\"Go to next log\"\n              />\n            </DataPanel.HeaderActions>\n          </DataPanel.Header>\n\n          <DataPanel.Content>\n            <div className=\"grid gap-6 p-2\">\n              <DataKeysAndValues>\n                {log.entityType && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Type</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityType}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.entityName && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Name</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.serviceName && (\n                  <>\n                    <DataKeysAndValues.Key>Service</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.serviceName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.environment && (\n                  <>\n                    <DataKeysAndValues.Key>Environment</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.environment}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.source && (\n                  <>\n                    <DataKeysAndValues.Key>Source</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.source}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.metadata &&\n                  Object.entries(log.metadata).map(([key, value]) => (\n                    <Fragment key={key}>\n                      <DataKeysAndValues.Key>{key}</DataKeysAndValues.Key>\n                      <DataKeysAndValues.Value>{String(value)}</DataKeysAndValues.Value>\n                    </Fragment>\n                  ))}\n              </DataKeysAndValues>\n\n              <DataPanel.CodeSection title=\"Message\" codeStr={log.message} simplified />\n\n              {(log.traceId || log.spanId) && (\n                <div className=\"grid gap-2\">\n                  {log.traceId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        icon={<ArrowRightIcon />}\n                        onClick={() => log.traceId && onTraceClick?.(log.traceId)}\n                      >\n                        <span>Trace</span>\n                        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"ml-auto min-w-0 truncate\">\n                          # {log.traceId}\n                        </Txt>\n                      </Button>\n                      <CopyButton content={log.traceId} tooltip=\"Copy trace ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                  {log.spanId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        disabled={!log.traceId || !onSpanClick}\n                        onClick={() => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId)}\n                        icon={<ArrowRightIcon />}\n                      >\n                        <span>Span</span>\n                        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"ml-auto min-w-0 truncate\">\n                          # {log.spanId}\n                        </Txt>\n                      </Button>\n                      <CopyButton content={log.spanId} tooltip=\"Copy span ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                </div>\n              )}\n\n              {log.data && Object.keys(log.data).length > 0 && (\n                <DataPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} />\n              )}\n            </div>\n          </DataPanel.Content>\n        </>\n      )}\n    </DataPanel>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"log-data-panel.es.js","names":["_Fragment"],"sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { ArrowRightIcon } from 'lucide-react';\nimport { Fragment } from 'react';\nimport type { LogRecord } from '../types';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nexport interface LogDataPanelProps {\n  /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n  log?: LogRecord;\n  onClose: () => void;\n  onTraceClick?: (traceId: string) => void;\n  onSpanClick?: (traceId: string, spanId: string) => void;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  depth?: 1 | 2 | 3;\n}\n\nexport function LogDataPanel({\n  log,\n  onClose,\n  onTraceClick,\n  onSpanClick,\n  onPrevious,\n  onNext,\n  depth,\n}: LogDataPanelProps) {\n  const formattedDate = log ? (formatTimestampPrecise(log.timestamp) ?? '') : '';\n\n  return (\n    <DataPanel open={!!log} onClose={onClose} title={log ? `Log ${formattedDate}` : 'Log'} depth={depth}>\n      {log && (\n        <>\n          <DataPanel.Header>\n            <DataPanel.CloseButton onClick={onClose} />\n            <DataPanel.Heading>Log</DataPanel.Heading>\n            <DataPanel.Metadata>\n              <DataPanel.Meta tooltip={formattedDate}>{formattedDate}</DataPanel.Meta>\n            </DataPanel.Metadata>\n            <DataPanel.HeaderActions>\n              <DataPanel.NextPrevNav\n                onPrevious={onPrevious}\n                onNext={onNext}\n                previousLabel=\"Go to previous log\"\n                nextLabel=\"Go to next log\"\n              />\n            </DataPanel.HeaderActions>\n          </DataPanel.Header>\n\n          <DataPanel.Content>\n            <div className=\"grid gap-6 p-2\">\n              <DataKeysAndValues>\n                {log.entityType && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Type</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityType}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.entityName && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Name</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.serviceName && (\n                  <>\n                    <DataKeysAndValues.Key>Service</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.serviceName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.environment && (\n                  <>\n                    <DataKeysAndValues.Key>Environment</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.environment}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.source && (\n                  <>\n                    <DataKeysAndValues.Key>Source</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.source}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.metadata &&\n                  Object.entries(log.metadata).map(([key, value]) => (\n                    <Fragment key={key}>\n                      <DataKeysAndValues.Key>{key}</DataKeysAndValues.Key>\n                      <DataKeysAndValues.Value>{String(value)}</DataKeysAndValues.Value>\n                    </Fragment>\n                  ))}\n              </DataKeysAndValues>\n\n              <DataPanel.CodeSection title=\"Message\" codeStr={log.message} simplified />\n\n              {(log.traceId || log.spanId) && (\n                <div className=\"grid gap-2\">\n                  {log.traceId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        icon={<ArrowRightIcon />}\n                        onClick={() => log.traceId && onTraceClick?.(log.traceId)}\n                      >\n                        <span>Trace</span>\n                        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"ml-auto min-w-0 truncate\">\n                          # {log.traceId}\n                        </Txt>\n                      </Button>\n                      <CopyButton content={log.traceId} tooltip=\"Copy trace ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                  {log.spanId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        disabled={!log.traceId || !onSpanClick}\n                        onClick={() => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId)}\n                        icon={<ArrowRightIcon />}\n                      >\n                        <span>Span</span>\n                        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"ml-auto min-w-0 truncate\">\n                          # {log.spanId}\n                        </Txt>\n                      </Button>\n                      <CopyButton content={log.spanId} tooltip=\"Copy span ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                </div>\n              )}\n\n              {log.data && Object.keys(log.data).length > 0 && (\n                <DataPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} />\n              )}\n            </div>\n          </DataPanel.Content>\n        </>\n      )}\n    </DataPanel>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/logs/components/logs-error-content.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_EmptyState = require("../../../EmptyState-DxDHlYqD.cjs");
 const require_domains_auth_components_permission_denied = require("../../auth/components/permission-denied.cjs.js");
 const require_domains_auth_components_session_expired = require("../../auth/components/session-expired.cjs.js");
+const require_EmptyState = require("../../../EmptyState-Dc-sP95H.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_query = require("@mastra/react/hooks/query");
 // src/domains/logs/components/logs-error-content.tsx

package/dist/domains/logs/components/logs-error-content.es.js

@@ -1,6 +1,6 @@
-import { n as EmptyState } from "../../../EmptyState-P-Gy898T.js";
 import { PermissionDenied } from "../../auth/components/permission-denied.es.js";
 import { SessionExpired } from "../../auth/components/session-expired.es.js";
+import { n as EmptyState } from "../../../EmptyState-i88y1x75.js";
 import { jsx } from "react/jsx-runtime";
 import { is401UnauthorizedError, is403ForbiddenError, isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from "@mastra/react/hooks/query";
 // src/domains/logs/components/logs-error-content.tsx

package/dist/domains/logs/components/logs-list-view.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_DataList = require("../../../DataList-Cj0mfk19.cjs");
 const require_use_data_list_keyboard = require("../../../use-data-list-keyboard-BCLBdaWR.cjs");
-const require_LogsDataList = require("../../../LogsDataList-CCIfUPGo.cjs");
+const require_LogsDataList = require("../../../LogsDataList-z0Y2X8P5.cjs");
+const require_DataList = require("../../../DataList-DTIdllb-.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");

package/dist/domains/logs/components/logs-list-view.es.js

@@ -1,6 +1,6 @@
-import { r as DataListSkeleton } from "../../../DataList-CUhRQAv6.js";
 import { t as useDataListKeyboard } from "../../../use-data-list-keyboard-fJXq2T3y.js";
-import { t as LogsDataList } from "../../../LogsDataList-BI2C5OJz.js";
+import { t as LogsDataList } from "../../../LogsDataList-Cdo_U0Ei.js";
+import { r as DataListSkeleton } from "../../../DataList-B7ho6PrJ.js";
 import { useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useVirtualizer } from "@tanstack/react-virtual";

package/dist/domains/logs/components/logs-saved-views.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_observability_saved_views = require("../../../observability-saved-views-Daizz4tU.cjs");
+const require_observability_saved_views = require("../../../observability-saved-views-DgABvgat.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/logs/components/logs-saved-views.tsx
 /** Saved views of the logs page, placed by the host next to `LogsToolbar`. Renders nothing without a `SavedViewsProvider`. */

package/dist/domains/logs/components/logs-saved-views.es.js

@@ -1,4 +1,4 @@
-import { t as ObservabilitySavedViews } from "../../../observability-saved-views-CjKTEp1V.js";
+import { t as ObservabilitySavedViews } from "../../../observability-saved-views-Ch53fh5_.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/logs/components/logs-saved-views.tsx
 /** Saved views of the logs page, placed by the host next to `LogsToolbar`. Renders nothing without a `SavedViewsProvider`. */