@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

package/dist/domains/metrics/components/token-usage-by-agent-card-view.cjs.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const horizontalBars = require('../../../horizontal-bars-D1992rbt.cjs');
-const metricsCard = require('../../../metrics-card-CM9jj-UN.cjs');
-const tabsContent = require('../../../tabs-content-CRKte85r.cjs');
-const tabsRoot = require('../../../tabs-root-DcnvZuD4.cjs');
-const tabsTab = require('../../../tabs-tab-tRgFBx85.cjs');
+const horizontalBars = require('../../../horizontal-bars-nyWGmQ7g.cjs');
+const metricsCard = require('../../../metrics-card-BUJxiwec.cjs');
+const tabsContent = require('../../../tabs-content-Bz6CZuv9.cjs');
+const tabsRoot = require('../../../tabs-root-C5ABfm1F.cjs');
+const tabsTab = require('../../../tabs-tab-DA466DbX.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 function isTokenUsageTab(value) {

package/dist/domains/metrics/components/token-usage-by-agent-card-view.es.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { H as HorizontalBars } from '../../../horizontal-bars-lhqUch51.js';
-import { M as MetricsCard } from '../../../metrics-card-ClpFsCSt.js';
-import { T as TabContent } from '../../../tabs-content-Drm6Y6Ul.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-yY2eNDS2.js';
-import { T as Tab } from '../../../tabs-tab-CgMaandp.js';
+import { H as HorizontalBars } from '../../../horizontal-bars-CksEKcCE.js';
+import { M as MetricsCard } from '../../../metrics-card-BlBt1WHw.js';
+import { T as TabContent } from '../../../tabs-content-CKC4kIpH.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-CcEQrwTM.js';
+import { T as Tab } from '../../../tabs-tab-BycF4dvx.js';
 import { formatCost, formatCompact, CHART_COLORS } from './metrics-utils.es.js';
 
 function isTokenUsageTab(value) {

package/dist/domains/metrics/components/token-usage-timeline-card-view.cjs.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const metricsCard = require('../../../metrics-card-CM9jj-UN.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-DPcqXCDT.cjs');
-const tabsRoot = require('../../../tabs-root-DcnvZuD4.cjs');
-const tabsTab = require('../../../tabs-tab-tRgFBx85.cjs');
-const tabsContent = require('../../../tabs-content-CRKte85r.cjs');
+const metricsCard = require('../../../metrics-card-BUJxiwec.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-B_sP3eiL.cjs');
+const tabsRoot = require('../../../tabs-root-C5ABfm1F.cjs');
+const tabsTab = require('../../../tabs-tab-DA466DbX.cjs');
+const tabsContent = require('../../../tabs-content-Bz6CZuv9.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 function sumMetric(dataKey, formatter = domains_metrics_components_metricsUtils.formatCompact) {

package/dist/domains/metrics/components/token-usage-timeline-card-view.es.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { M as MetricsCard } from '../../../metrics-card-ClpFsCSt.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-M3JTf2J8.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-yY2eNDS2.js';
-import { T as Tab } from '../../../tabs-tab-CgMaandp.js';
-import { T as TabContent } from '../../../tabs-content-Drm6Y6Ul.js';
+import { M as MetricsCard } from '../../../metrics-card-BlBt1WHw.js';
+import { M as MetricsLineChart } from '../../../metrics-line-chart-DHyrDPkJ.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-CcEQrwTM.js';
+import { T as Tab } from '../../../tabs-tab-BycF4dvx.js';
+import { T as TabContent } from '../../../tabs-content-CKC4kIpH.js';
 import { CHART_COLORS, formatCompact, formatCost } from './metrics-utils.es.js';
 
 function sumMetric(dataKey, formatter = formatCompact) {

package/dist/domains/metrics/components/traces-volume-card-view.cjs.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const horizontalBars = require('../../../horizontal-bars-D1992rbt.cjs');
-const metricsCard = require('../../../metrics-card-CM9jj-UN.cjs');
-const tabsContent = require('../../../tabs-content-CRKte85r.cjs');
-const tabsRoot = require('../../../tabs-root-DcnvZuD4.cjs');
-const tabsTab = require('../../../tabs-tab-tRgFBx85.cjs');
+const horizontalBars = require('../../../horizontal-bars-nyWGmQ7g.cjs');
+const metricsCard = require('../../../metrics-card-BUJxiwec.cjs');
+const tabsContent = require('../../../tabs-content-Bz6CZuv9.cjs');
+const tabsRoot = require('../../../tabs-root-C5ABfm1F.cjs');
+const tabsTab = require('../../../tabs-tab-DA466DbX.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 function VolumeBars({

package/dist/domains/metrics/components/traces-volume-card-view.es.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { H as HorizontalBars } from '../../../horizontal-bars-lhqUch51.js';
-import { M as MetricsCard } from '../../../metrics-card-ClpFsCSt.js';
-import { T as TabContent } from '../../../tabs-content-Drm6Y6Ul.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-yY2eNDS2.js';
-import { T as Tab } from '../../../tabs-tab-CgMaandp.js';
+import { H as HorizontalBars } from '../../../horizontal-bars-CksEKcCE.js';
+import { M as MetricsCard } from '../../../metrics-card-BlBt1WHw.js';
+import { T as TabContent } from '../../../tabs-content-CKC4kIpH.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-CcEQrwTM.js';
+import { T as Tab } from '../../../tabs-tab-BycF4dvx.js';
 import { formatCompact, CHART_COLORS } from './metrics-utils.es.js';
 
 function VolumeBars({

package/dist/domains/traces/components/no-traces-info.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
-const EmptyState = require('../../../EmptyState-_TZefNk_.cjs');
+const EmptyState = require('../../../EmptyState-CdRjFB06.cjs');
 
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",

package/dist/domains/traces/components/no-traces-info.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { format } from 'date-fns';
 import { CircleSlashIcon } from 'lucide-react';
-import { E as EmptyState } from '../../../EmptyState-CDM5htkF.js';
+import { E as EmptyState } from '../../../EmptyState-UWXhBp5U.js';
 
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",

package/dist/domains/traces/components/shared.cjs.js

@@ -28,67 +28,67 @@ const spanTypePrefixes = [
 const spanTypeToUiElements = {
   agent: {
     icon: /* @__PURE__ */ jsxRuntime.jsx(icons_AgentIcon.AgentIcon, {}),
-    color: "oklch(0.75 0.15 250)",
+    color: "var(--span-type-agent)",
     label: "Agent",
     typePrefix: "agent"
   },
   workflow: {
     icon: /* @__PURE__ */ jsxRuntime.jsx(icons_WorkflowIcon.WorkflowIcon, {}),
-    color: "oklch(0.75 0.15 200)",
+    color: "var(--span-type-workflow)",
     label: "Workflow",
     typePrefix: "workflow"
   },
   model: {
     icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BrainIcon, {}),
-    color: "oklch(0.75 0.15 320)",
+    color: "var(--span-type-model)",
     label: "Model",
     typePrefix: "model"
   },
   mcp: {
     icon: /* @__PURE__ */ jsxRuntime.jsx(icons_McpServerIcon.McpServerIcon, {}),
-    color: "oklch(0.75 0.15 160)",
+    color: "var(--span-type-mcp)",
     label: "MCP",
     typePrefix: "mcp"
   },
   tool: {
     icon: /* @__PURE__ */ jsxRuntime.jsx(icons_ToolsIcon.ToolsIcon, {}),
-    color: "oklch(0.75 0.15 100)",
+    color: "var(--span-type-tool)",
     label: "Tool",
     typePrefix: "tool"
   },
   provider: {
     icon: /* @__PURE__ */ jsxRuntime.jsx(icons_ToolsIcon.ToolsIcon, {}),
-    color: "oklch(0.75 0.15 60)",
+    color: "var(--span-type-provider)",
     label: "Provider Tool",
     typePrefix: "provider"
   },
   memory: {
     icon: /* @__PURE__ */ jsxRuntime.jsx(icons_MemoryIcon.MemoryIcon, {}),
-    color: "oklch(0.75 0.12 50)",
+    color: "var(--span-type-memory)",
     label: "Memory",
     typePrefix: "memory"
   },
   workspace: {
     icon: /* @__PURE__ */ jsxRuntime.jsx(icons_FolderIcon.FolderIcon, {}),
-    color: "oklch(0.75 0.15 40)",
+    color: "var(--span-type-workspace)",
     label: "Workspace",
     typePrefix: "workspace"
   },
   skill: {
     icon: /* @__PURE__ */ jsxRuntime.jsx(icons_SkillIcon.SkillIcon, {}),
-    color: "oklch(0.75 0.15 130)",
+    color: "var(--span-type-skill)",
     label: "Skill",
     typePrefix: "skill"
   },
   scorer: {
     icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GaugeIcon, {}),
-    color: "oklch(0.75 0.15 280)",
+    color: "var(--span-type-scorer)",
     label: "Scorer",
     typePrefix: "scorer"
   }
 };
 const otherSpanType = {
-  color: "oklch(0.65 0 0)",
+  color: "var(--span-type-other)",
   label: "Other",
   typePrefix: "other"
 };

package/dist/domains/traces/components/shared.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.cjs.js","sources":["../../../../src/domains/traces/components/shared.tsx"],"sourcesContent":["import { BrainIcon, GaugeIcon } from 'lucide-react';\nimport type { UISpanStyle } from '../types';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { FolderIcon } from '@/ds/icons/FolderIcon';\nimport { McpServerIcon } from '@/ds/icons/McpServerIcon';\nimport { MemoryIcon } from '@/ds/icons/MemoryIcon';\nimport { SkillIcon } from '@/ds/icons/SkillIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\n\nexport const spanTypePrefixes = [\n  'agent',\n  'workflow',\n  'model',\n  'mcp',\n  'tool',\n  'provider',\n  'memory',\n  'workspace',\n  'skill',\n  'scorer',\n  'other',\n];\n\nconst spanTypeToUiElements: Record<string, UISpanStyle> = {\n  agent: {\n    icon: <AgentIcon />,\n    color: 'oklch(0.75 0.15 250)',\n    label: 'Agent',\n    typePrefix: 'agent',\n  },\n  workflow: {\n    icon: <WorkflowIcon />,\n    color: 'oklch(0.75 0.15 200)',\n    label: 'Workflow',\n    typePrefix: 'workflow',\n  },\n  model: {\n    icon: <BrainIcon />,\n    color: 'oklch(0.75 0.15 320)',\n    label: 'Model',\n    typePrefix: 'model',\n  },\n  mcp: {\n    icon: <McpServerIcon />,\n    color: 'oklch(0.75 0.15 160)',\n    label: 'MCP',\n    typePrefix: 'mcp',\n  },\n  tool: {\n    icon: <ToolsIcon />,\n    color: 'oklch(0.75 0.15 100)',\n    label: 'Tool',\n    typePrefix: 'tool',\n  },\n  provider: {\n    icon: <ToolsIcon />,\n    color: 'oklch(0.75 0.15 60)',\n    label: 'Provider Tool',\n    typePrefix: 'provider',\n  },\n  memory: {\n    icon: <MemoryIcon />,\n    color: 'oklch(0.75 0.12 50)',\n    label: 'Memory',\n    typePrefix: 'memory',\n  },\n  workspace: {\n    icon: <FolderIcon />,\n    color: 'oklch(0.75 0.15 40)',\n    label: 'Workspace',\n    typePrefix: 'workspace',\n  },\n  skill: {\n    icon: <SkillIcon />,\n    color: 'oklch(0.75 0.15 130)',\n    label: 'Skill',\n    typePrefix: 'skill',\n  },\n  scorer: {\n    icon: <GaugeIcon />,\n    color: 'oklch(0.75 0.15 280)',\n    label: 'Scorer',\n    typePrefix: 'scorer',\n  },\n};\n\nconst otherSpanType: UISpanStyle = {\n  color: 'oklch(0.65 0 0)',\n  label: 'Other',\n  typePrefix: 'other',\n};\n\nexport function getSpanTypeUi(type: string) {\n  const typePrefix = type?.toLowerCase().split('_')[0] ?? '';\n  return spanTypeToUiElements[typePrefix] ?? otherSpanType;\n}\n"],"names":["AgentIcon","WorkflowIcon","BrainIcon","McpServerIcon","ToolsIcon","MemoryIcon","FolderIcon","SkillIcon","GaugeIcon"],"mappings":";;;;;;;;;;;;;;AAUO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAEA,MAAM,oBAAA,GAAoD;AAAA,EACxD,KAAA,EAAO;AAAA,IACL,IAAA,iCAAOA,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,iCAAOC,+BAAA,EAAA,EAAa,CAAA;AAAA,IACpB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,UAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,iCAAOC,qBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,GAAA,EAAK;AAAA,IACH,IAAA,iCAAOC,iCAAA,EAAA,EAAc,CAAA;AAAA,IACrB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,KAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,iCAAOC,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,MAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,iCAAOA,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,qBAAA;AAAA,IACP,KAAA,EAAO,eAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,iCAAOC,2BAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,qBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,iCAAOC,2BAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,qBAAA;AAAA,IACP,KAAA,EAAO,WAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,iCAAOC,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,iCAAOC,qBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA;AAEhB,CAAA;AAEA,MAAM,aAAA,GAA6B;AAAA,EACjC,KAAA,EAAO,iBAAA;AAAA,EACP,KAAA,EAAO,OAAA;AAAA,EACP,UAAA,EAAY;AACd,CAAA;AAEO,SAAS,cAAc,IAAA,EAAc;AAC1C,EAAA,MAAM,UAAA,GAAa,MAAM,WAAA,EAAY,CAAE,MAAM,GAAG,CAAA,CAAE,CAAC,CAAA,IAAK,EAAA;AACxD,EAAA,OAAO,oBAAA,CAAqB,UAAU,CAAA,IAAK,aAAA;AAC7C;;;;;"}
+{"version":3,"file":"shared.cjs.js","sources":["../../../../src/domains/traces/components/shared.tsx"],"sourcesContent":["import { BrainIcon, GaugeIcon } from 'lucide-react';\nimport type { UISpanStyle } from '../types';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { FolderIcon } from '@/ds/icons/FolderIcon';\nimport { McpServerIcon } from '@/ds/icons/McpServerIcon';\nimport { MemoryIcon } from '@/ds/icons/MemoryIcon';\nimport { SkillIcon } from '@/ds/icons/SkillIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\n\nexport const spanTypePrefixes = [\n  'agent',\n  'workflow',\n  'model',\n  'mcp',\n  'tool',\n  'provider',\n  'memory',\n  'workspace',\n  'skill',\n  'scorer',\n  'other',\n];\n\nconst spanTypeToUiElements: Record<string, UISpanStyle> = {\n  agent: {\n    icon: <AgentIcon />,\n    color: 'var(--span-type-agent)',\n    label: 'Agent',\n    typePrefix: 'agent',\n  },\n  workflow: {\n    icon: <WorkflowIcon />,\n    color: 'var(--span-type-workflow)',\n    label: 'Workflow',\n    typePrefix: 'workflow',\n  },\n  model: {\n    icon: <BrainIcon />,\n    color: 'var(--span-type-model)',\n    label: 'Model',\n    typePrefix: 'model',\n  },\n  mcp: {\n    icon: <McpServerIcon />,\n    color: 'var(--span-type-mcp)',\n    label: 'MCP',\n    typePrefix: 'mcp',\n  },\n  tool: {\n    icon: <ToolsIcon />,\n    color: 'var(--span-type-tool)',\n    label: 'Tool',\n    typePrefix: 'tool',\n  },\n  provider: {\n    icon: <ToolsIcon />,\n    color: 'var(--span-type-provider)',\n    label: 'Provider Tool',\n    typePrefix: 'provider',\n  },\n  memory: {\n    icon: <MemoryIcon />,\n    color: 'var(--span-type-memory)',\n    label: 'Memory',\n    typePrefix: 'memory',\n  },\n  workspace: {\n    icon: <FolderIcon />,\n    color: 'var(--span-type-workspace)',\n    label: 'Workspace',\n    typePrefix: 'workspace',\n  },\n  skill: {\n    icon: <SkillIcon />,\n    color: 'var(--span-type-skill)',\n    label: 'Skill',\n    typePrefix: 'skill',\n  },\n  scorer: {\n    icon: <GaugeIcon />,\n    color: 'var(--span-type-scorer)',\n    label: 'Scorer',\n    typePrefix: 'scorer',\n  },\n};\n\nconst otherSpanType: UISpanStyle = {\n  color: 'var(--span-type-other)',\n  label: 'Other',\n  typePrefix: 'other',\n};\n\nexport function getSpanTypeUi(type: string) {\n  const typePrefix = type?.toLowerCase().split('_')[0] ?? '';\n  return spanTypeToUiElements[typePrefix] ?? otherSpanType;\n}\n"],"names":["AgentIcon","WorkflowIcon","BrainIcon","McpServerIcon","ToolsIcon","MemoryIcon","FolderIcon","SkillIcon","GaugeIcon"],"mappings":";;;;;;;;;;;;;;AAUO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAEA,MAAM,oBAAA,GAAoD;AAAA,EACxD,KAAA,EAAO;AAAA,IACL,IAAA,iCAAOA,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,wBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,iCAAOC,+BAAA,EAAA,EAAa,CAAA;AAAA,IACpB,KAAA,EAAO,2BAAA;AAAA,IACP,KAAA,EAAO,UAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,iCAAOC,qBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,wBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,GAAA,EAAK;AAAA,IACH,IAAA,iCAAOC,iCAAA,EAAA,EAAc,CAAA;AAAA,IACrB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,KAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,iCAAOC,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,uBAAA;AAAA,IACP,KAAA,EAAO,MAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,iCAAOA,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,2BAAA;AAAA,IACP,KAAA,EAAO,eAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,iCAAOC,2BAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,yBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,iCAAOC,2BAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,4BAAA;AAAA,IACP,KAAA,EAAO,WAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,iCAAOC,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,wBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,iCAAOC,qBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,yBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA;AAEhB,CAAA;AAEA,MAAM,aAAA,GAA6B;AAAA,EACjC,KAAA,EAAO,wBAAA;AAAA,EACP,KAAA,EAAO,OAAA;AAAA,EACP,UAAA,EAAY;AACd,CAAA;AAEO,SAAS,cAAc,IAAA,EAAc;AAC1C,EAAA,MAAM,UAAA,GAAa,MAAM,WAAA,EAAY,CAAE,MAAM,GAAG,CAAA,CAAE,CAAC,CAAA,IAAK,EAAA;AACxD,EAAA,OAAO,oBAAA,CAAqB,UAAU,CAAA,IAAK,aAAA;AAC7C;;;;;"}

package/dist/domains/traces/components/shared.es.js

@@ -24,67 +24,67 @@ const spanTypePrefixes = [
 const spanTypeToUiElements = {
   agent: {
     icon: /* @__PURE__ */ jsx(AgentIcon, {}),
-    color: "oklch(0.75 0.15 250)",
+    color: "var(--span-type-agent)",
     label: "Agent",
     typePrefix: "agent"
   },
   workflow: {
     icon: /* @__PURE__ */ jsx(WorkflowIcon, {}),
-    color: "oklch(0.75 0.15 200)",
+    color: "var(--span-type-workflow)",
     label: "Workflow",
     typePrefix: "workflow"
   },
   model: {
     icon: /* @__PURE__ */ jsx(BrainIcon, {}),
-    color: "oklch(0.75 0.15 320)",
+    color: "var(--span-type-model)",
     label: "Model",
     typePrefix: "model"
   },
   mcp: {
     icon: /* @__PURE__ */ jsx(McpServerIcon, {}),
-    color: "oklch(0.75 0.15 160)",
+    color: "var(--span-type-mcp)",
     label: "MCP",
     typePrefix: "mcp"
   },
   tool: {
     icon: /* @__PURE__ */ jsx(ToolsIcon, {}),
-    color: "oklch(0.75 0.15 100)",
+    color: "var(--span-type-tool)",
     label: "Tool",
     typePrefix: "tool"
   },
   provider: {
     icon: /* @__PURE__ */ jsx(ToolsIcon, {}),
-    color: "oklch(0.75 0.15 60)",
+    color: "var(--span-type-provider)",
     label: "Provider Tool",
     typePrefix: "provider"
   },
   memory: {
     icon: /* @__PURE__ */ jsx(MemoryIcon, {}),
-    color: "oklch(0.75 0.12 50)",
+    color: "var(--span-type-memory)",
     label: "Memory",
     typePrefix: "memory"
   },
   workspace: {
     icon: /* @__PURE__ */ jsx(FolderIcon, {}),
-    color: "oklch(0.75 0.15 40)",
+    color: "var(--span-type-workspace)",
     label: "Workspace",
     typePrefix: "workspace"
   },
   skill: {
     icon: /* @__PURE__ */ jsx(SkillIcon, {}),
-    color: "oklch(0.75 0.15 130)",
+    color: "var(--span-type-skill)",
     label: "Skill",
     typePrefix: "skill"
   },
   scorer: {
     icon: /* @__PURE__ */ jsx(GaugeIcon, {}),
-    color: "oklch(0.75 0.15 280)",
+    color: "var(--span-type-scorer)",
     label: "Scorer",
     typePrefix: "scorer"
   }
 };
 const otherSpanType = {
-  color: "oklch(0.65 0 0)",
+  color: "var(--span-type-other)",
   label: "Other",
   typePrefix: "other"
 };

package/dist/domains/traces/components/shared.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.es.js","sources":["../../../../src/domains/traces/components/shared.tsx"],"sourcesContent":["import { BrainIcon, GaugeIcon } from 'lucide-react';\nimport type { UISpanStyle } from '../types';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { FolderIcon } from '@/ds/icons/FolderIcon';\nimport { McpServerIcon } from '@/ds/icons/McpServerIcon';\nimport { MemoryIcon } from '@/ds/icons/MemoryIcon';\nimport { SkillIcon } from '@/ds/icons/SkillIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\n\nexport const spanTypePrefixes = [\n  'agent',\n  'workflow',\n  'model',\n  'mcp',\n  'tool',\n  'provider',\n  'memory',\n  'workspace',\n  'skill',\n  'scorer',\n  'other',\n];\n\nconst spanTypeToUiElements: Record<string, UISpanStyle> = {\n  agent: {\n    icon: <AgentIcon />,\n    color: 'oklch(0.75 0.15 250)',\n    label: 'Agent',\n    typePrefix: 'agent',\n  },\n  workflow: {\n    icon: <WorkflowIcon />,\n    color: 'oklch(0.75 0.15 200)',\n    label: 'Workflow',\n    typePrefix: 'workflow',\n  },\n  model: {\n    icon: <BrainIcon />,\n    color: 'oklch(0.75 0.15 320)',\n    label: 'Model',\n    typePrefix: 'model',\n  },\n  mcp: {\n    icon: <McpServerIcon />,\n    color: 'oklch(0.75 0.15 160)',\n    label: 'MCP',\n    typePrefix: 'mcp',\n  },\n  tool: {\n    icon: <ToolsIcon />,\n    color: 'oklch(0.75 0.15 100)',\n    label: 'Tool',\n    typePrefix: 'tool',\n  },\n  provider: {\n    icon: <ToolsIcon />,\n    color: 'oklch(0.75 0.15 60)',\n    label: 'Provider Tool',\n    typePrefix: 'provider',\n  },\n  memory: {\n    icon: <MemoryIcon />,\n    color: 'oklch(0.75 0.12 50)',\n    label: 'Memory',\n    typePrefix: 'memory',\n  },\n  workspace: {\n    icon: <FolderIcon />,\n    color: 'oklch(0.75 0.15 40)',\n    label: 'Workspace',\n    typePrefix: 'workspace',\n  },\n  skill: {\n    icon: <SkillIcon />,\n    color: 'oklch(0.75 0.15 130)',\n    label: 'Skill',\n    typePrefix: 'skill',\n  },\n  scorer: {\n    icon: <GaugeIcon />,\n    color: 'oklch(0.75 0.15 280)',\n    label: 'Scorer',\n    typePrefix: 'scorer',\n  },\n};\n\nconst otherSpanType: UISpanStyle = {\n  color: 'oklch(0.65 0 0)',\n  label: 'Other',\n  typePrefix: 'other',\n};\n\nexport function getSpanTypeUi(type: string) {\n  const typePrefix = type?.toLowerCase().split('_')[0] ?? '';\n  return spanTypeToUiElements[typePrefix] ?? otherSpanType;\n}\n"],"names":[],"mappings":";;;;;;;;;;AAUO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAEA,MAAM,oBAAA,GAAoD;AAAA,EACxD,KAAA,EAAO;AAAA,IACL,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,sBAAO,YAAA,EAAA,EAAa,CAAA;AAAA,IACpB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,UAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,GAAA,EAAK;AAAA,IACH,IAAA,sBAAO,aAAA,EAAA,EAAc,CAAA;AAAA,IACrB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,KAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,MAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,qBAAA;AAAA,IACP,KAAA,EAAO,eAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,sBAAO,UAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,qBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,sBAAO,UAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,qBAAA;AAAA,IACP,KAAA,EAAO,WAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA;AAEhB,CAAA;AAEA,MAAM,aAAA,GAA6B;AAAA,EACjC,KAAA,EAAO,iBAAA;AAAA,EACP,KAAA,EAAO,OAAA;AAAA,EACP,UAAA,EAAY;AACd,CAAA;AAEO,SAAS,cAAc,IAAA,EAAc;AAC1C,EAAA,MAAM,UAAA,GAAa,MAAM,WAAA,EAAY,CAAE,MAAM,GAAG,CAAA,CAAE,CAAC,CAAA,IAAK,EAAA;AACxD,EAAA,OAAO,oBAAA,CAAqB,UAAU,CAAA,IAAK,aAAA;AAC7C;;;;"}
+{"version":3,"file":"shared.es.js","sources":["../../../../src/domains/traces/components/shared.tsx"],"sourcesContent":["import { BrainIcon, GaugeIcon } from 'lucide-react';\nimport type { UISpanStyle } from '../types';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { FolderIcon } from '@/ds/icons/FolderIcon';\nimport { McpServerIcon } from '@/ds/icons/McpServerIcon';\nimport { MemoryIcon } from '@/ds/icons/MemoryIcon';\nimport { SkillIcon } from '@/ds/icons/SkillIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\n\nexport const spanTypePrefixes = [\n  'agent',\n  'workflow',\n  'model',\n  'mcp',\n  'tool',\n  'provider',\n  'memory',\n  'workspace',\n  'skill',\n  'scorer',\n  'other',\n];\n\nconst spanTypeToUiElements: Record<string, UISpanStyle> = {\n  agent: {\n    icon: <AgentIcon />,\n    color: 'var(--span-type-agent)',\n    label: 'Agent',\n    typePrefix: 'agent',\n  },\n  workflow: {\n    icon: <WorkflowIcon />,\n    color: 'var(--span-type-workflow)',\n    label: 'Workflow',\n    typePrefix: 'workflow',\n  },\n  model: {\n    icon: <BrainIcon />,\n    color: 'var(--span-type-model)',\n    label: 'Model',\n    typePrefix: 'model',\n  },\n  mcp: {\n    icon: <McpServerIcon />,\n    color: 'var(--span-type-mcp)',\n    label: 'MCP',\n    typePrefix: 'mcp',\n  },\n  tool: {\n    icon: <ToolsIcon />,\n    color: 'var(--span-type-tool)',\n    label: 'Tool',\n    typePrefix: 'tool',\n  },\n  provider: {\n    icon: <ToolsIcon />,\n    color: 'var(--span-type-provider)',\n    label: 'Provider Tool',\n    typePrefix: 'provider',\n  },\n  memory: {\n    icon: <MemoryIcon />,\n    color: 'var(--span-type-memory)',\n    label: 'Memory',\n    typePrefix: 'memory',\n  },\n  workspace: {\n    icon: <FolderIcon />,\n    color: 'var(--span-type-workspace)',\n    label: 'Workspace',\n    typePrefix: 'workspace',\n  },\n  skill: {\n    icon: <SkillIcon />,\n    color: 'var(--span-type-skill)',\n    label: 'Skill',\n    typePrefix: 'skill',\n  },\n  scorer: {\n    icon: <GaugeIcon />,\n    color: 'var(--span-type-scorer)',\n    label: 'Scorer',\n    typePrefix: 'scorer',\n  },\n};\n\nconst otherSpanType: UISpanStyle = {\n  color: 'var(--span-type-other)',\n  label: 'Other',\n  typePrefix: 'other',\n};\n\nexport function getSpanTypeUi(type: string) {\n  const typePrefix = type?.toLowerCase().split('_')[0] ?? '';\n  return spanTypeToUiElements[typePrefix] ?? otherSpanType;\n}\n"],"names":[],"mappings":";;;;;;;;;;AAUO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAEA,MAAM,oBAAA,GAAoD;AAAA,EACxD,KAAA,EAAO;AAAA,IACL,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,wBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,sBAAO,YAAA,EAAA,EAAa,CAAA;AAAA,IACpB,KAAA,EAAO,2BAAA;AAAA,IACP,KAAA,EAAO,UAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,wBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,GAAA,EAAK;AAAA,IACH,IAAA,sBAAO,aAAA,EAAA,EAAc,CAAA;AAAA,IACrB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,KAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,uBAAA;AAAA,IACP,KAAA,EAAO,MAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,2BAAA;AAAA,IACP,KAAA,EAAO,eAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,sBAAO,UAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,yBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,sBAAO,UAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,4BAAA;AAAA,IACP,KAAA,EAAO,WAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,wBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,yBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA;AAEhB,CAAA;AAEA,MAAM,aAAA,GAA6B;AAAA,EACjC,KAAA,EAAO,wBAAA;AAAA,EACP,KAAA,EAAO,OAAA;AAAA,EACP,UAAA,EAAY;AACd,CAAA;AAEO,SAAS,cAAc,IAAA,EAAc;AAC1C,EAAA,MAAM,UAAA,GAAa,MAAM,WAAA,EAAY,CAAE,MAAM,GAAG,CAAA,CAAE,CAAC,CAAA,IAAK,EAAA;AACxD,EAAA,OAAO,oBAAA,CAAqB,UAAU,CAAA,IAAK,aAAA;AAC7C;;;;"}

package/dist/domains/traces/components/span-data-panel-view.cjs.js

@@ -11,20 +11,20 @@ const domains_traces_components_spanPayload_spanOutputRenderers = require('./spa
 const domains_traces_components_spanPayload_spanErrorRenderer = require('./span-payload/span-error-renderer.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadSection = require('./span-payload/span-payload-section.cjs.js');
 require('../../../code-DhrdtZce.cjs');
-const utils_cn = require('../../../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 require('react');
-require('../../../Button-C2dx_QZN.cjs');
+require('../../../Button-CVewl8nT.cjs');
 require('../../chat/context/chat-context.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload/span-payload-registry.cjs.js');
 const domains_traces_components_spanSummaryDescription = require('./span-summary-description.cjs.js');
 const domains_traces_components_spanTokenUsage = require('./span-token-usage.cjs.js');
 const domains_traces_components_traceIdButton = require('./trace-id-button.cjs.js');
-const dataKeysAndValues = require('../../../data-keys-and-values-CPUfobZS.cjs');
-const dataPanel = require('../../../data-panel-BhJ8Lp_j.cjs');
-const Notice = require('../../../Notice-Cq7m_mxe.cjs');
-const tabsRoot = require('../../../tabs-root-DcnvZuD4.cjs');
-const tabsTab = require('../../../tabs-tab-tRgFBx85.cjs');
-const tabsContent = require('../../../tabs-content-CRKte85r.cjs');
+const dataKeysAndValues = require('../../../data-keys-and-values-4pYpSbqS.cjs');
+const dataPanel = require('../../../data-panel-CWZJKBeW.cjs');
+const Notice = require('../../../Notice-Cjti0e0j.cjs');
+const tabsRoot = require('../../../tabs-root-C5ABfm1F.cjs');
+const tabsTab = require('../../../tabs-tab-DA466DbX.cjs');
+const tabsContent = require('../../../tabs-content-Bz6CZuv9.cjs');
 
 const BODY_CLASS = "min-h-0 flex-1 overflow-y-auto px-2 py-3";
 function SpanDataPanelView({

package/dist/domains/traces/components/span-data-panel-view.es.js

@@ -7,20 +7,20 @@ import { SpanOutputRenderer } from './span-payload/span-output-renderers.es.js';
 import { SpanErrorRenderer } from './span-payload/span-error-renderer.es.js';
 import { SpanPayloadSection } from './span-payload/span-payload-section.es.js';
 import '../../../code-D4Vw_fYq.js';
-import { c as cn } from '../../../cn-C6s2yXwM.js';
+import { c as cn } from '../../../cn-65Adrsfj.js';
 import 'react';
-import '../../../Button-DS6O6fvU.js';
+import '../../../Button-cWcBEd-G.js';
 import '../../chat/context/chat-context.es.js';
 import { asCoreSpan } from './span-payload/span-payload-registry.es.js';
 import { SpanSummaryDescription } from './span-summary-description.es.js';
 import { SpanTokenUsage } from './span-token-usage.es.js';
 import { TraceIdButton } from './trace-id-button.es.js';
-import { D as DataKeysAndValues } from '../../../data-keys-and-values-BxSKCdWQ.js';
-import { D as DataPanel } from '../../../data-panel-D2JtbyKg.js';
-import { N as Notice } from '../../../Notice-DEqr19sI.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-yY2eNDS2.js';
-import { T as Tab } from '../../../tabs-tab-CgMaandp.js';
-import { T as TabContent } from '../../../tabs-content-Drm6Y6Ul.js';
+import { D as DataKeysAndValues } from '../../../data-keys-and-values-j0NVKPOl.js';
+import { D as DataPanel } from '../../../data-panel-CWjgS1Gh.js';
+import { N as Notice } from '../../../Notice-Ah-84yi6.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-CcEQrwTM.js';
+import { T as Tab } from '../../../tabs-tab-BycF4dvx.js';
+import { T as TabContent } from '../../../tabs-content-CKC4kIpH.js';
 
 const BODY_CLASS = "min-h-0 flex-1 overflow-y-auto px-2 py-3";
 function SpanDataPanelView({

package/dist/domains/traces/components/span-details-view.cjs.js

@@ -11,7 +11,7 @@ const domains_traces_components_spanPayload_spanErrorRenderer = require('./span-
 const domains_traces_components_spanPayload_spanPayloadSection = require('./span-payload/span-payload-section.cjs.js');
 require('../../../code-DhrdtZce.cjs');
 require('react');
-require('../../../Button-C2dx_QZN.cjs');
+require('../../../Button-CVewl8nT.cjs');
 require('../../chat/context/chat-context.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload/span-payload-registry.cjs.js');
 const domains_traces_components_spanSummaryDescription = require('./span-summary-description.cjs.js');

package/dist/domains/traces/components/span-details-view.es.js

@@ -7,7 +7,7 @@ import { SpanErrorRenderer } from './span-payload/span-error-renderer.es.js';
 import { SpanPayloadSection } from './span-payload/span-payload-section.es.js';
 import '../../../code-D4Vw_fYq.js';
 import 'react';
-import '../../../Button-DS6O6fvU.js';
+import '../../../Button-cWcBEd-G.js';
 import '../../chat/context/chat-context.es.js';
 import { asCoreSpan } from './span-payload/span-payload-registry.es.js';
 import { SpanSummaryDescription } from './span-summary-description.es.js';

package/dist/domains/traces/components/span-payload/span-error-renderer.cjs.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DknOcv6v.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DnRsP93D.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
-const dataKeysAndValues = require('../../../../data-keys-and-values-CPUfobZS.cjs');
-const Notice = require('../../../../Notice-Cq7m_mxe.cjs');
+const dataKeysAndValues = require('../../../../data-keys-and-values-4pYpSbqS.cjs');
+const Notice = require('../../../../Notice-Cjti0e0j.cjs');
 
 function SpanErrorRenderer({ span, className }) {
   const error = observability.describeSpanError(domains_traces_components_spanPayload_spanPayloadRegistry.asCoreSpan(span));

package/dist/domains/traces/components/span-payload/span-error-renderer.es.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanError } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-_TUMqise.js';
+import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-sbxk4CHC.js';
 import { asCoreSpan } from './span-payload-registry.es.js';
-import { D as DataKeysAndValues } from '../../../../data-keys-and-values-BxSKCdWQ.js';
-import { N as Notice } from '../../../../Notice-DEqr19sI.js';
+import { D as DataKeysAndValues } from '../../../../data-keys-and-values-j0NVKPOl.js';
+import { N as Notice } from '../../../../Notice-Ah-84yi6.js';
 
 function SpanErrorRenderer({ span, className }) {
   const error = describeSpanError(asCoreSpan(span));

package/dist/domains/traces/components/span-payload/span-input-renderers.cjs.js

@@ -6,10 +6,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadMessages = require('./span-payload-messages.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DknOcv6v.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DnRsP93D.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
-const Card = require('../../../../Card-DC9rlxXj.cjs');
-const dataKeysAndValues = require('../../../../data-keys-and-values-CPUfobZS.cjs');
+const Card = require('../../../../Card-D0kFp9j9.cjs');
+const dataKeysAndValues = require('../../../../data-keys-and-values-4pYpSbqS.cjs');
 
 function SpanTextRenderer({ value }) {
   return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown, { children: value });
@@ -43,7 +43,7 @@ function SpanInputRenderer({ span }) {
   if (!description) return null;
   if (description.type === "json") return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: description.value });
   const Renderer = domains_traces_components_spanPayload_spanPayloadRegistry.pickRenderer(SPAN_INPUT_RENDERERS, description);
-  return /* @__PURE__ */ jsxRuntime.jsx(Card.Card, { "data-slot": "span-input-card", appearance: "surface", elevation: "raised", className: "border-border1 min-w-0 border", children: /* @__PURE__ */ jsxRuntime.jsx(Card.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(Renderer, { value: description.value }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Card.Card, { "data-slot": "span-input-card", className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(Card.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(Renderer, { value: description.value }) }) });
 }
 
 exports.SpanInputRenderer = SpanInputRenderer;

package/dist/domains/traces/components/span-payload/span-input-renderers.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-input-renderers.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-input-renderers.tsx"],"sourcesContent":["import { describeSpanInput } from '@mastra/core/observability';\nimport type { AgentRunResumeInput, SpanInputDescription } from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadField, SpanPayloadMarkdown } from './span-payload-primitives';\nimport { asCoreSpan, pickRenderer } from './span-payload-registry';\nimport type { PayloadRegistry } from './span-payload-registry';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\n\nfunction SpanTextRenderer({ value }: { value: string }) {\n  return <SpanPayloadMarkdown>{value}</SpanPayloadMarkdown>;\n}\n\nfunction SpanAgentRunResumeRenderer({ value }: { value: AgentRunResumeInput }) {\n  const { resumeData, toolName, toolCallId, ...rest } = value;\n  const hasTarget = toolName !== undefined || toolCallId !== undefined;\n  const data = resumeData !== undefined ? resumeData : Object.keys(rest).length > 0 ? rest : undefined;\n  return (\n    <div data-slot=\"span-agent-run-resume\" className=\"flex flex-col gap-6\">\n      {hasTarget && (\n        <SpanPayloadField label=\"Resumes into\">\n          <DataKeysAndValues>\n            {toolName !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Tool</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{String(toolName)}</DataKeysAndValues.Value>\n              </>\n            )}\n            {toolCallId !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Tool call id</DataKeysAndValues.Key>\n                <DataKeysAndValues.ValueWithCopyBtn copyValue={String(toolCallId)}>\n                  {String(toolCallId)}\n                </DataKeysAndValues.ValueWithCopyBtn>\n              </>\n            )}\n          </DataKeysAndValues>\n        </SpanPayloadField>\n      )}\n      {data !== undefined && (\n        <SpanPayloadField label=\"Resume data\">\n          <SpanPayloadJson value={data} />\n        </SpanPayloadField>\n      )}\n    </div>\n  );\n}\n\n/**\n * One renderer per `describeSpanInput` tag. `satisfies` keeps the map exhaustive: a\n * new tag in core is a type error here until it gets a renderer (or maps to JSON).\n */\nconst SPAN_INPUT_RENDERERS = {\n  text: SpanTextRenderer,\n  messages: SpanPayloadMessages,\n  'agent-run-resume': SpanAgentRunResumeRenderer,\n  json: SpanPayloadJson,\n} satisfies PayloadRegistry<SpanInputDescription>;\n\nexport interface SpanInputRendererProps {\n  span: SpanRecord;\n}\n\n/** Renders a span's input through the registry; `null` when the span recorded none. */\nexport function SpanInputRenderer({ span }: SpanInputRendererProps) {\n  const description = describeSpanInput(asCoreSpan(span));\n  if (!description) return null;\n  if (description.type === 'json') return <SpanPayloadJson value={description.value} />;\n  const Renderer = pickRenderer(SPAN_INPUT_RENDERERS, description);\n  return (\n    <Card data-slot=\"span-input-card\" appearance=\"surface\" elevation=\"raised\" className=\"border-border1 min-w-0 border\">\n      <CardContent>\n        <Renderer value={description.value} />\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":["jsx","SpanPayloadMarkdown","jsxs","SpanPayloadField","DataKeysAndValues","Fragment","SpanPayloadJson","SpanPayloadMessages","describeSpanInput","asCoreSpan","pickRenderer","Card","CardContent"],"mappings":";;;;;;;;;;;;;AAWA,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAAsB;AACtD,EAAA,uBAAOA,cAAA,CAACC,6EAAqB,QAAA,EAAA,KAAA,EAAM,CAAA;AACrC;AAEA,SAAS,0BAAA,CAA2B,EAAE,KAAA,EAAM,EAAmC;AAC7E,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,UAAA,EAAY,GAAG,MAAK,GAAI,KAAA;AACtD,EAAA,MAAM,SAAA,GAAY,QAAA,KAAa,MAAA,IAAa,UAAA,KAAe,MAAA;AAC3D,EAAA,MAAM,IAAA,GAAO,UAAA,KAAe,MAAA,GAAY,UAAA,GAAa,MAAA,CAAO,KAAK,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,IAAA,GAAO,MAAA;AAC3F,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,uBAAA,EAAwB,WAAU,qBAAA,EAC9C,QAAA,EAAA;AAAA,IAAA,SAAA,oBACCF,cAAA,CAACG,sEAAA,EAAA,EAAiB,KAAA,EAAM,cAAA,EACtB,0CAACC,mCAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,QAAA,KAAa,0BACZF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAL,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,uCAC1BA,mCAAA,CAAkB,KAAA,EAAlB,EAAyB,QAAA,EAAA,MAAA,CAAO,QAAQ,CAAA,EAAE;AAAA,OAAA,EAC7C,CAAA;AAAA,MAED,UAAA,KAAe,0BACdF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAL,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,wBACnCJ,cAAA,CAACI,mCAAA,CAAkB,gBAAA,EAAlB,EAAmC,SAAA,EAAW,OAAO,UAAU,CAAA,EAC7D,QAAA,EAAA,MAAA,CAAO,UAAU,CAAA,EACpB;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAED,IAAA,KAAS,MAAA,oBACRJ,cAAA,CAACG,sEAAA,EAAA,EAAiB,KAAA,EAAM,eACtB,QAAA,kBAAAH,cAAA,CAACM,qEAAA,EAAA,EAAgB,KAAA,EAAO,IAAA,EAAM,CAAA,EAChC;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAMA,MAAM,oBAAA,GAAuB;AAAA,EAC3B,IAAA,EAAM,gBAAA;AAAA,EACN,QAAA,EAAUC,6EAAA;AAAA,EACV,kBAAA,EAAoB,0BAAA;AAAA,EACpB,IAAA,EAAMD;AACR,CAAA;AAOO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAA2B;AAClE,EAAA,MAAM,WAAA,GAAcE,+BAAA,CAAkBC,oEAAA,CAAW,IAAI,CAAC,CAAA;AACtD,EAAA,IAAI,CAAC,aAAa,OAAO,IAAA;AACzB,EAAA,IAAI,WAAA,CAAY,SAAS,MAAA,EAAQ,sCAAQH,qEAAA,EAAA,EAAgB,KAAA,EAAO,YAAY,KAAA,EAAO,CAAA;AACnF,EAAA,MAAM,QAAA,GAAWI,sEAAA,CAAa,oBAAA,EAAsB,WAAW,CAAA;AAC/D,EAAA,sCACGC,SAAA,EAAA,EAAK,WAAA,EAAU,mBAAkB,UAAA,EAAW,SAAA,EAAU,WAAU,QAAA,EAAS,SAAA,EAAU,+BAAA,EAClF,QAAA,kBAAAX,cAAA,CAACY,oBACC,QAAA,kBAAAZ,cAAA,CAAC,QAAA,EAAA,EAAS,OAAO,WAAA,CAAY,KAAA,EAAO,GACtC,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"span-input-renderers.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-input-renderers.tsx"],"sourcesContent":["import { describeSpanInput } from '@mastra/core/observability';\nimport type { AgentRunResumeInput, SpanInputDescription } from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadField, SpanPayloadMarkdown } from './span-payload-primitives';\nimport { asCoreSpan, pickRenderer } from './span-payload-registry';\nimport type { PayloadRegistry } from './span-payload-registry';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\n\nfunction SpanTextRenderer({ value }: { value: string }) {\n  return <SpanPayloadMarkdown>{value}</SpanPayloadMarkdown>;\n}\n\nfunction SpanAgentRunResumeRenderer({ value }: { value: AgentRunResumeInput }) {\n  const { resumeData, toolName, toolCallId, ...rest } = value;\n  const hasTarget = toolName !== undefined || toolCallId !== undefined;\n  const data = resumeData !== undefined ? resumeData : Object.keys(rest).length > 0 ? rest : undefined;\n  return (\n    <div data-slot=\"span-agent-run-resume\" className=\"flex flex-col gap-6\">\n      {hasTarget && (\n        <SpanPayloadField label=\"Resumes into\">\n          <DataKeysAndValues>\n            {toolName !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Tool</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{String(toolName)}</DataKeysAndValues.Value>\n              </>\n            )}\n            {toolCallId !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Tool call id</DataKeysAndValues.Key>\n                <DataKeysAndValues.ValueWithCopyBtn copyValue={String(toolCallId)}>\n                  {String(toolCallId)}\n                </DataKeysAndValues.ValueWithCopyBtn>\n              </>\n            )}\n          </DataKeysAndValues>\n        </SpanPayloadField>\n      )}\n      {data !== undefined && (\n        <SpanPayloadField label=\"Resume data\">\n          <SpanPayloadJson value={data} />\n        </SpanPayloadField>\n      )}\n    </div>\n  );\n}\n\n/**\n * One renderer per `describeSpanInput` tag. `satisfies` keeps the map exhaustive: a\n * new tag in core is a type error here until it gets a renderer (or maps to JSON).\n */\nconst SPAN_INPUT_RENDERERS = {\n  text: SpanTextRenderer,\n  messages: SpanPayloadMessages,\n  'agent-run-resume': SpanAgentRunResumeRenderer,\n  json: SpanPayloadJson,\n} satisfies PayloadRegistry<SpanInputDescription>;\n\nexport interface SpanInputRendererProps {\n  span: SpanRecord;\n}\n\n/** Renders a span's input through the registry; `null` when the span recorded none. */\nexport function SpanInputRenderer({ span }: SpanInputRendererProps) {\n  const description = describeSpanInput(asCoreSpan(span));\n  if (!description) return null;\n  if (description.type === 'json') return <SpanPayloadJson value={description.value} />;\n  const Renderer = pickRenderer(SPAN_INPUT_RENDERERS, description);\n  return (\n    <Card data-slot=\"span-input-card\" className=\"min-w-0\">\n      <CardContent>\n        <Renderer value={description.value} />\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":["jsx","SpanPayloadMarkdown","jsxs","SpanPayloadField","DataKeysAndValues","Fragment","SpanPayloadJson","SpanPayloadMessages","describeSpanInput","asCoreSpan","pickRenderer","Card","CardContent"],"mappings":";;;;;;;;;;;;;AAWA,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAAsB;AACtD,EAAA,uBAAOA,cAAA,CAACC,6EAAqB,QAAA,EAAA,KAAA,EAAM,CAAA;AACrC;AAEA,SAAS,0BAAA,CAA2B,EAAE,KAAA,EAAM,EAAmC;AAC7E,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,UAAA,EAAY,GAAG,MAAK,GAAI,KAAA;AACtD,EAAA,MAAM,SAAA,GAAY,QAAA,KAAa,MAAA,IAAa,UAAA,KAAe,MAAA;AAC3D,EAAA,MAAM,IAAA,GAAO,UAAA,KAAe,MAAA,GAAY,UAAA,GAAa,MAAA,CAAO,KAAK,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,IAAA,GAAO,MAAA;AAC3F,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,uBAAA,EAAwB,WAAU,qBAAA,EAC9C,QAAA,EAAA;AAAA,IAAA,SAAA,oBACCF,cAAA,CAACG,sEAAA,EAAA,EAAiB,KAAA,EAAM,cAAA,EACtB,0CAACC,mCAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,QAAA,KAAa,0BACZF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAL,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,uCAC1BA,mCAAA,CAAkB,KAAA,EAAlB,EAAyB,QAAA,EAAA,MAAA,CAAO,QAAQ,CAAA,EAAE;AAAA,OAAA,EAC7C,CAAA;AAAA,MAED,UAAA,KAAe,0BACdF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAL,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,wBACnCJ,cAAA,CAACI,mCAAA,CAAkB,gBAAA,EAAlB,EAAmC,SAAA,EAAW,OAAO,UAAU,CAAA,EAC7D,QAAA,EAAA,MAAA,CAAO,UAAU,CAAA,EACpB;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAED,IAAA,KAAS,MAAA,oBACRJ,cAAA,CAACG,sEAAA,EAAA,EAAiB,KAAA,EAAM,eACtB,QAAA,kBAAAH,cAAA,CAACM,qEAAA,EAAA,EAAgB,KAAA,EAAO,IAAA,EAAM,CAAA,EAChC;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAMA,MAAM,oBAAA,GAAuB;AAAA,EAC3B,IAAA,EAAM,gBAAA;AAAA,EACN,QAAA,EAAUC,6EAAA;AAAA,EACV,kBAAA,EAAoB,0BAAA;AAAA,EACpB,IAAA,EAAMD;AACR,CAAA;AAOO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAA2B;AAClE,EAAA,MAAM,WAAA,GAAcE,+BAAA,CAAkBC,oEAAA,CAAW,IAAI,CAAC,CAAA;AACtD,EAAA,IAAI,CAAC,aAAa,OAAO,IAAA;AACzB,EAAA,IAAI,WAAA,CAAY,SAAS,MAAA,EAAQ,sCAAQH,qEAAA,EAAA,EAAgB,KAAA,EAAO,YAAY,KAAA,EAAO,CAAA;AACnF,EAAA,MAAM,QAAA,GAAWI,sEAAA,CAAa,oBAAA,EAAsB,WAAW,CAAA;AAC/D,EAAA,uBACEV,cAAA,CAACW,SAAA,EAAA,EAAK,WAAA,EAAU,iBAAA,EAAkB,WAAU,SAAA,EAC1C,QAAA,kBAAAX,cAAA,CAACY,gBAAA,EAAA,EACC,QAAA,kBAAAZ,cAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,WAAA,CAAY,KAAA,EAAO,GACtC,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/span-payload/span-input-renderers.es.js

@@ -2,10 +2,10 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanInput } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
 import { SpanPayloadMessages } from './span-payload-messages.es.js';
-import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-_TUMqise.js';
+import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-sbxk4CHC.js';
 import { asCoreSpan, pickRenderer } from './span-payload-registry.es.js';
-import { C as Card, a as CardContent } from '../../../../Card-CnxuKKaz.js';
-import { D as DataKeysAndValues } from '../../../../data-keys-and-values-BxSKCdWQ.js';
+import { C as Card, a as CardContent } from '../../../../Card-DEvGFj-Z.js';
+import { D as DataKeysAndValues } from '../../../../data-keys-and-values-j0NVKPOl.js';
 
 function SpanTextRenderer({ value }) {
   return /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: value });
@@ -39,7 +39,7 @@ function SpanInputRenderer({ span }) {
   if (!description) return null;
   if (description.type === "json") return /* @__PURE__ */ jsx(SpanPayloadJson, { value: description.value });
   const Renderer = pickRenderer(SPAN_INPUT_RENDERERS, description);
-  return /* @__PURE__ */ jsx(Card, { "data-slot": "span-input-card", appearance: "surface", elevation: "raised", className: "border-border1 min-w-0 border", children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Renderer, { value: description.value }) }) });
+  return /* @__PURE__ */ jsx(Card, { "data-slot": "span-input-card", className: "min-w-0", children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Renderer, { value: description.value }) }) });
 }
 
 export { SpanInputRenderer };

package/dist/domains/traces/components/span-payload/span-input-renderers.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-input-renderers.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-input-renderers.tsx"],"sourcesContent":["import { describeSpanInput } from '@mastra/core/observability';\nimport type { AgentRunResumeInput, SpanInputDescription } from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadField, SpanPayloadMarkdown } from './span-payload-primitives';\nimport { asCoreSpan, pickRenderer } from './span-payload-registry';\nimport type { PayloadRegistry } from './span-payload-registry';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\n\nfunction SpanTextRenderer({ value }: { value: string }) {\n  return <SpanPayloadMarkdown>{value}</SpanPayloadMarkdown>;\n}\n\nfunction SpanAgentRunResumeRenderer({ value }: { value: AgentRunResumeInput }) {\n  const { resumeData, toolName, toolCallId, ...rest } = value;\n  const hasTarget = toolName !== undefined || toolCallId !== undefined;\n  const data = resumeData !== undefined ? resumeData : Object.keys(rest).length > 0 ? rest : undefined;\n  return (\n    <div data-slot=\"span-agent-run-resume\" className=\"flex flex-col gap-6\">\n      {hasTarget && (\n        <SpanPayloadField label=\"Resumes into\">\n          <DataKeysAndValues>\n            {toolName !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Tool</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{String(toolName)}</DataKeysAndValues.Value>\n              </>\n            )}\n            {toolCallId !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Tool call id</DataKeysAndValues.Key>\n                <DataKeysAndValues.ValueWithCopyBtn copyValue={String(toolCallId)}>\n                  {String(toolCallId)}\n                </DataKeysAndValues.ValueWithCopyBtn>\n              </>\n            )}\n          </DataKeysAndValues>\n        </SpanPayloadField>\n      )}\n      {data !== undefined && (\n        <SpanPayloadField label=\"Resume data\">\n          <SpanPayloadJson value={data} />\n        </SpanPayloadField>\n      )}\n    </div>\n  );\n}\n\n/**\n * One renderer per `describeSpanInput` tag. `satisfies` keeps the map exhaustive: a\n * new tag in core is a type error here until it gets a renderer (or maps to JSON).\n */\nconst SPAN_INPUT_RENDERERS = {\n  text: SpanTextRenderer,\n  messages: SpanPayloadMessages,\n  'agent-run-resume': SpanAgentRunResumeRenderer,\n  json: SpanPayloadJson,\n} satisfies PayloadRegistry<SpanInputDescription>;\n\nexport interface SpanInputRendererProps {\n  span: SpanRecord;\n}\n\n/** Renders a span's input through the registry; `null` when the span recorded none. */\nexport function SpanInputRenderer({ span }: SpanInputRendererProps) {\n  const description = describeSpanInput(asCoreSpan(span));\n  if (!description) return null;\n  if (description.type === 'json') return <SpanPayloadJson value={description.value} />;\n  const Renderer = pickRenderer(SPAN_INPUT_RENDERERS, description);\n  return (\n    <Card data-slot=\"span-input-card\" appearance=\"surface\" elevation=\"raised\" className=\"border-border1 min-w-0 border\">\n      <CardContent>\n        <Renderer value={description.value} />\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAWA,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAAsB;AACtD,EAAA,uBAAO,GAAA,CAAC,uBAAqB,QAAA,EAAA,KAAA,EAAM,CAAA;AACrC;AAEA,SAAS,0BAAA,CAA2B,EAAE,KAAA,EAAM,EAAmC;AAC7E,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,UAAA,EAAY,GAAG,MAAK,GAAI,KAAA;AACtD,EAAA,MAAM,SAAA,GAAY,QAAA,KAAa,MAAA,IAAa,UAAA,KAAe,MAAA;AAC3D,EAAA,MAAM,IAAA,GAAO,UAAA,KAAe,MAAA,GAAY,UAAA,GAAa,MAAA,CAAO,KAAK,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,IAAA,GAAO,MAAA;AAC3F,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,uBAAA,EAAwB,WAAU,qBAAA,EAC9C,QAAA,EAAA;AAAA,IAAA,SAAA,oBACC,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,cAAA,EACtB,+BAAC,iBAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,QAAA,KAAa,0BACZ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,4BAC1B,iBAAA,CAAkB,KAAA,EAAlB,EAAyB,QAAA,EAAA,MAAA,CAAO,QAAQ,CAAA,EAAE;AAAA,OAAA,EAC7C,CAAA;AAAA,MAED,UAAA,KAAe,0BACd,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,wBACnC,GAAA,CAAC,iBAAA,CAAkB,gBAAA,EAAlB,EAAmC,SAAA,EAAW,OAAO,UAAU,CAAA,EAC7D,QAAA,EAAA,MAAA,CAAO,UAAU,CAAA,EACpB;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAED,IAAA,KAAS,MAAA,oBACR,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,eACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,IAAA,EAAM,CAAA,EAChC;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAMA,MAAM,oBAAA,GAAuB;AAAA,EAC3B,IAAA,EAAM,gBAAA;AAAA,EACN,QAAA,EAAU,mBAAA;AAAA,EACV,kBAAA,EAAoB,0BAAA;AAAA,EACpB,IAAA,EAAM;AACR,CAAA;AAOO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAA2B;AAClE,EAAA,MAAM,WAAA,GAAc,iBAAA,CAAkB,UAAA,CAAW,IAAI,CAAC,CAAA;AACtD,EAAA,IAAI,CAAC,aAAa,OAAO,IAAA;AACzB,EAAA,IAAI,WAAA,CAAY,SAAS,MAAA,EAAQ,2BAAQ,eAAA,EAAA,EAAgB,KAAA,EAAO,YAAY,KAAA,EAAO,CAAA;AACnF,EAAA,MAAM,QAAA,GAAW,YAAA,CAAa,oBAAA,EAAsB,WAAW,CAAA;AAC/D,EAAA,2BACG,IAAA,EAAA,EAAK,WAAA,EAAU,mBAAkB,UAAA,EAAW,SAAA,EAAU,WAAU,QAAA,EAAS,SAAA,EAAU,+BAAA,EAClF,QAAA,kBAAA,GAAA,CAAC,eACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,OAAO,WAAA,CAAY,KAAA,EAAO,GACtC,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"span-input-renderers.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-input-renderers.tsx"],"sourcesContent":["import { describeSpanInput } from '@mastra/core/observability';\nimport type { AgentRunResumeInput, SpanInputDescription } from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadField, SpanPayloadMarkdown } from './span-payload-primitives';\nimport { asCoreSpan, pickRenderer } from './span-payload-registry';\nimport type { PayloadRegistry } from './span-payload-registry';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\n\nfunction SpanTextRenderer({ value }: { value: string }) {\n  return <SpanPayloadMarkdown>{value}</SpanPayloadMarkdown>;\n}\n\nfunction SpanAgentRunResumeRenderer({ value }: { value: AgentRunResumeInput }) {\n  const { resumeData, toolName, toolCallId, ...rest } = value;\n  const hasTarget = toolName !== undefined || toolCallId !== undefined;\n  const data = resumeData !== undefined ? resumeData : Object.keys(rest).length > 0 ? rest : undefined;\n  return (\n    <div data-slot=\"span-agent-run-resume\" className=\"flex flex-col gap-6\">\n      {hasTarget && (\n        <SpanPayloadField label=\"Resumes into\">\n          <DataKeysAndValues>\n            {toolName !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Tool</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{String(toolName)}</DataKeysAndValues.Value>\n              </>\n            )}\n            {toolCallId !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Tool call id</DataKeysAndValues.Key>\n                <DataKeysAndValues.ValueWithCopyBtn copyValue={String(toolCallId)}>\n                  {String(toolCallId)}\n                </DataKeysAndValues.ValueWithCopyBtn>\n              </>\n            )}\n          </DataKeysAndValues>\n        </SpanPayloadField>\n      )}\n      {data !== undefined && (\n        <SpanPayloadField label=\"Resume data\">\n          <SpanPayloadJson value={data} />\n        </SpanPayloadField>\n      )}\n    </div>\n  );\n}\n\n/**\n * One renderer per `describeSpanInput` tag. `satisfies` keeps the map exhaustive: a\n * new tag in core is a type error here until it gets a renderer (or maps to JSON).\n */\nconst SPAN_INPUT_RENDERERS = {\n  text: SpanTextRenderer,\n  messages: SpanPayloadMessages,\n  'agent-run-resume': SpanAgentRunResumeRenderer,\n  json: SpanPayloadJson,\n} satisfies PayloadRegistry<SpanInputDescription>;\n\nexport interface SpanInputRendererProps {\n  span: SpanRecord;\n}\n\n/** Renders a span's input through the registry; `null` when the span recorded none. */\nexport function SpanInputRenderer({ span }: SpanInputRendererProps) {\n  const description = describeSpanInput(asCoreSpan(span));\n  if (!description) return null;\n  if (description.type === 'json') return <SpanPayloadJson value={description.value} />;\n  const Renderer = pickRenderer(SPAN_INPUT_RENDERERS, description);\n  return (\n    <Card data-slot=\"span-input-card\" className=\"min-w-0\">\n      <CardContent>\n        <Renderer value={description.value} />\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAWA,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAAsB;AACtD,EAAA,uBAAO,GAAA,CAAC,uBAAqB,QAAA,EAAA,KAAA,EAAM,CAAA;AACrC;AAEA,SAAS,0BAAA,CAA2B,EAAE,KAAA,EAAM,EAAmC;AAC7E,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,UAAA,EAAY,GAAG,MAAK,GAAI,KAAA;AACtD,EAAA,MAAM,SAAA,GAAY,QAAA,KAAa,MAAA,IAAa,UAAA,KAAe,MAAA;AAC3D,EAAA,MAAM,IAAA,GAAO,UAAA,KAAe,MAAA,GAAY,UAAA,GAAa,MAAA,CAAO,KAAK,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,IAAA,GAAO,MAAA;AAC3F,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,uBAAA,EAAwB,WAAU,qBAAA,EAC9C,QAAA,EAAA;AAAA,IAAA,SAAA,oBACC,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,cAAA,EACtB,+BAAC,iBAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,QAAA,KAAa,0BACZ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,4BAC1B,iBAAA,CAAkB,KAAA,EAAlB,EAAyB,QAAA,EAAA,MAAA,CAAO,QAAQ,CAAA,EAAE;AAAA,OAAA,EAC7C,CAAA;AAAA,MAED,UAAA,KAAe,0BACd,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,wBACnC,GAAA,CAAC,iBAAA,CAAkB,gBAAA,EAAlB,EAAmC,SAAA,EAAW,OAAO,UAAU,CAAA,EAC7D,QAAA,EAAA,MAAA,CAAO,UAAU,CAAA,EACpB;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAED,IAAA,KAAS,MAAA,oBACR,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,eACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,IAAA,EAAM,CAAA,EAChC;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAMA,MAAM,oBAAA,GAAuB;AAAA,EAC3B,IAAA,EAAM,gBAAA;AAAA,EACN,QAAA,EAAU,mBAAA;AAAA,EACV,kBAAA,EAAoB,0BAAA;AAAA,EACpB,IAAA,EAAM;AACR,CAAA;AAOO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAA2B;AAClE,EAAA,MAAM,WAAA,GAAc,iBAAA,CAAkB,UAAA,CAAW,IAAI,CAAC,CAAA;AACtD,EAAA,IAAI,CAAC,aAAa,OAAO,IAAA;AACzB,EAAA,IAAI,WAAA,CAAY,SAAS,MAAA,EAAQ,2BAAQ,eAAA,EAAA,EAAgB,KAAA,EAAO,YAAY,KAAA,EAAO,CAAA;AACnF,EAAA,MAAM,QAAA,GAAW,YAAA,CAAa,oBAAA,EAAsB,WAAW,CAAA;AAC/D,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,WAAA,EAAU,iBAAA,EAAkB,WAAU,SAAA,EAC1C,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,WAAA,CAAY,KAAA,EAAO,GACtC,CAAA,EACF,CAAA;AAEJ;;;;"}