@mastra/playground-ui 55.0.0 → 56.0.0-alpha.5

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

@@ -0,0 +1,75 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { SpanPayloadAttachment } from './span-payload-attachment.es.js';
+import { SpanPayloadJson } from './span-payload-json.es.js';
+import { d as SpanPayloadLabel, a as SpanPayloadMarkdown, e as SpanPayloadTool } from '../../../../span-payload-primitives-DXg3l6FW.js';
+import { Reasoning } from '../../../chat/messages/reasoning.es.js';
+import { M as Message } from '../../../../message-BUXs9JiZ.js';
+
+const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+function MessageText({ text, plain }) {
+  return plain ? /* @__PURE__ */ jsx("div", { className: "mastra-markdown", children: /* @__PURE__ */ jsx("p", { children: text.trim() }) }) : /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: text });
+}
+function MessagePart({ part, plain = false }) {
+  if (typeof part === "string") return /* @__PURE__ */ jsx(MessageText, { text: part, plain });
+  if (!isRecord(part)) return /* @__PURE__ */ jsx(SpanPayloadJson, { value: part });
+  switch (part.type) {
+    case "text":
+      return typeof part.text === "string" ? /* @__PURE__ */ jsx(MessageText, { text: part.text, plain }) : /* @__PURE__ */ jsx(SpanPayloadJson, { value: part });
+    case "reasoning":
+      return typeof part.text === "string" ? /* @__PURE__ */ jsx(Reasoning, { text: part.text }) : /* @__PURE__ */ jsx(SpanPayloadJson, { value: part });
+    case "tool-call":
+    case "tool-invocation":
+    case "dynamic-tool":
+    case "tool-result":
+      return /* @__PURE__ */ jsx(SpanPayloadTool, { value: part });
+    case "file":
+    case "image":
+      return /* @__PURE__ */ jsx(SpanPayloadAttachment, { value: part });
+    default:
+      return /* @__PURE__ */ jsx(SpanPayloadJson, { value: part });
+  }
+}
+function messageParts(message) {
+  if (Array.isArray(message.parts)) return message.parts;
+  if (Array.isArray(message.content)) return message.content;
+  if (typeof message.content === "string") return [message.content];
+  if (isRecord(message.content)) {
+    if (Array.isArray(message.content.parts)) return message.content.parts;
+    if (typeof message.content.content === "string") return [message.content.content];
+  }
+  return [];
+}
+function MessageBody({ parts, plain }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: parts.map((part, index) => /* @__PURE__ */ jsx(MessagePart, { part, plain }, index)) });
+}
+function SpanMessage({ message }) {
+  if (typeof message === "string") {
+    return /* @__PURE__ */ jsx(Message, { from: "user", "data-role": "user", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(SpanPayloadLabel, { children: "user" }),
+      /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: message })
+    ] }) });
+  }
+  if (!isRecord(message)) return /* @__PURE__ */ jsx(SpanPayloadJson, { value: message });
+  const role = typeof message.role === "string" ? message.role : "unknown";
+  const parts = messageParts(message);
+  const body = parts.length > 0 ? /* @__PURE__ */ jsx(MessageBody, { parts, plain: role === "system" }) : /* @__PURE__ */ jsx(SpanPayloadJson, { value: message });
+  if (role === "user" || role === "assistant") {
+    return /* @__PURE__ */ jsx(Message, { from: role, "data-role": role, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(SpanPayloadLabel, { children: role }),
+      body
+    ] }) });
+  }
+  const hasToolResultLabels = role === "tool" && parts.length > 0 && parts.every(
+    (part) => isRecord(part) && part.type === "tool-result" && typeof part.toolName === "string" && part.toolName
+  );
+  return /* @__PURE__ */ jsxs("div", { "data-role": role, className: "flex min-w-0 flex-col gap-2", children: [
+    !hasToolResultLabels && /* @__PURE__ */ jsx(SpanPayloadLabel, { children: role }),
+    body
+  ] });
+}
+function SpanPayloadMessages({ value }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "span-payload-messages", className: "flex flex-col gap-3", children: value.map((message, index) => /* @__PURE__ */ jsx(SpanMessage, { message }, index)) });
+}
+
+export { SpanPayloadMessages };
+//# sourceMappingURL=span-payload-messages.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-messages.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-messages.tsx"],"sourcesContent":["import type { SpanInputMessage } from '@mastra/core/observability';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMarkdown, SpanPayloadLabel } from './span-payload-primitives';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Reasoning } from '@/domains/chat/messages/reasoning';\nimport { Message } from '@/ds/components/Message';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nfunction MessageText({ text, plain }: { text: string; plain: boolean }) {\n  return plain ? (\n    <div className=\"mastra-markdown\">\n      <p>{text.trim()}</p>\n    </div>\n  ) : (\n    <SpanPayloadMarkdown>{text}</SpanPayloadMarkdown>\n  );\n}\n\nfunction MessagePart({ part, plain = false }: { part: unknown; plain?: boolean }) {\n  if (typeof part === 'string') return <MessageText text={part} plain={plain} />;\n  if (!isRecord(part)) return <SpanPayloadJson value={part} />;\n\n  switch (part.type) {\n    case 'text':\n      return typeof part.text === 'string' ? (\n        <MessageText text={part.text} plain={plain} />\n      ) : (\n        <SpanPayloadJson value={part} />\n      );\n    case 'reasoning':\n      return typeof part.text === 'string' ? <Reasoning text={part.text} /> : <SpanPayloadJson value={part} />;\n    case 'tool-call':\n    case 'tool-invocation':\n    case 'dynamic-tool':\n    case 'tool-result':\n      return <SpanPayloadTool value={part} />;\n    case 'file':\n    case 'image':\n      return <SpanPayloadAttachment value={part} />;\n    default:\n      return <SpanPayloadJson value={part} />;\n  }\n}\n\nfunction messageParts(message: Record<string, unknown>): unknown[] {\n  if (Array.isArray(message.parts)) return message.parts;\n  if (Array.isArray(message.content)) return message.content;\n  if (typeof message.content === 'string') return [message.content];\n  if (isRecord(message.content)) {\n    // MastraDBMessage: content is { format, parts, content? }\n    if (Array.isArray(message.content.parts)) return message.content.parts;\n    if (typeof message.content.content === 'string') return [message.content.content];\n  }\n  return [];\n}\n\nfunction MessageBody({ parts, plain }: { parts: unknown[]; plain: boolean }) {\n  return (\n    <div className=\"flex flex-col gap-3\">\n      {parts.map((part, index) => (\n        <MessagePart key={index} part={part} plain={plain} />\n      ))}\n    </div>\n  );\n}\n\n// `unknown` on purpose: SpanInputMessage is a wide union of SDK message shapes, and the\n// renderer only needs `isRecord` narrowing to read `role` / `content` / `parts` defensively.\nfunction SpanMessage({ message }: { message: unknown }) {\n  if (typeof message === 'string') {\n    return (\n      <Message from=\"user\" data-role=\"user\">\n        <div className=\"flex flex-col gap-2\">\n          <SpanPayloadLabel>user</SpanPayloadLabel>\n          <SpanPayloadMarkdown>{message}</SpanPayloadMarkdown>\n        </div>\n      </Message>\n    );\n  }\n  if (!isRecord(message)) return <SpanPayloadJson value={message} />;\n\n  const role = typeof message.role === 'string' ? message.role : 'unknown';\n  const parts = messageParts(message);\n  const body =\n    parts.length > 0 ? <MessageBody parts={parts} plain={role === 'system'} /> : <SpanPayloadJson value={message} />;\n\n  if (role === 'user' || role === 'assistant') {\n    return (\n      <Message from={role} data-role={role}>\n        <div className=\"flex flex-col gap-2\">\n          <SpanPayloadLabel>{role}</SpanPayloadLabel>\n          {body}\n        </div>\n      </Message>\n    );\n  }\n  const hasToolResultLabels =\n    role === 'tool' &&\n    parts.length > 0 &&\n    parts.every(\n      part => isRecord(part) && part.type === 'tool-result' && typeof part.toolName === 'string' && part.toolName,\n    );\n\n  return (\n    <div data-role={role} className=\"flex min-w-0 flex-col gap-2\">\n      {!hasToolResultLabels && <SpanPayloadLabel>{role}</SpanPayloadLabel>}\n      {body}\n    </div>\n  );\n}\n\nexport interface SpanPayloadMessagesProps {\n  value: SpanInputMessage[];\n}\n\n/** Renders a span's message list; rich (parts/content arrays) and shallow (`{ role, content: string }`) alike. */\nexport function SpanPayloadMessages({ value }: SpanPayloadMessagesProps) {\n  return (\n    <div data-slot=\"span-payload-messages\" className=\"flex flex-col gap-3\">\n      {value.map((message, index) => (\n        <SpanMessage key={index} message={message} />\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('react/jsx-runtime');
+require('lucide-react');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-Bc21pM0m.cjs');
+require('../../../../collapsible-T4jTNOOE.cjs');
+require('../../../../markdown-renderer-Dmz44_t7.cjs');
+
+
+
+exports.SpanPayloadCollapsible = domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadCollapsible;
+exports.SpanPayloadField = domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadField;
+exports.SpanPayloadLabel = domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadLabel;
+exports.SpanPayloadMarkdown = domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown;
+exports.SpanPayloadToolCalls = domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadToolCalls;
+//# sourceMappingURL=span-payload-primitives.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-primitives.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/domains/traces/components/span-payload/span-payload-primitives.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/traces/components/span-payload/span-payload-primitives'
+export {}

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

@@ -0,0 +1,6 @@
+import 'react/jsx-runtime';
+import 'lucide-react';
+export { c as SpanPayloadCollapsible, S as SpanPayloadField, d as SpanPayloadLabel, a as SpanPayloadMarkdown, b as SpanPayloadToolCalls } from '../../../../span-payload-primitives-DXg3l6FW.js';
+import '../../../../collapsible-cOfcD1BM.js';
+import '../../../../markdown-renderer-BSdZmxVF.js';
+//# sourceMappingURL=span-payload-primitives.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-primitives.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function pickRenderer(registry, description) {
+  return registry[description.type];
+}
+function asCoreSpan(span) {
+  return span;
+}
+
+exports.asCoreSpan = asCoreSpan;
+exports.pickRenderer = pickRenderer;
+//# sourceMappingURL=span-payload-registry.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-registry.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-registry.ts"],"sourcesContent":["import type { describeSpanInput } from '@mastra/core/observability';\nimport type { ComponentType } from 'react';\nimport type { SpanRecord } from '../../types';\n\ntype CoreSpanRecord = Parameters<typeof describeSpanInput>[0];\n\ntype Described = { type: string; value: unknown };\n\n/** A component per description tag, typed against the value that tag carries. */\nexport type PayloadRegistry<D extends Described> = {\n  [T in D['type']]: ComponentType<{ value: Extract<D, { type: T }>['value'] }>;\n};\n\n/**\n * Picks the registry entry for `description.type`. The registry is exhaustive by type,\n * so the entry always exists; the cast only erases the per-tag prop refinement TS cannot\n * carry through an indexed lookup.\n */\nexport function pickRenderer<D extends Described>(\n  registry: PayloadRegistry<D>,\n  description: D,\n): ComponentType<{ value: D['value'] }> {\n  return registry[description.type as D['type']] as ComponentType<{ value: D['value'] }>;\n}\n\n/**\n * The client-js span (API response: ISO-string dates, string-literal enums) is the core\n * span over the wire. `describeSpan*` only read `spanType`, `metadata`, `input`, `output`\n * and `error`, which are identical in both, so this is the one place the two types meet.\n */\nexport function asCoreSpan(span: SpanRecord): CoreSpanRecord {\n  return span as unknown as CoreSpanRecord;\n}\n"],"names":[],"mappings":";;;;AAkBO,SAAS,YAAA,CACd,UACA,WAAA,EACsC;AACtC,EAAA,OAAO,QAAA,CAAS,YAAY,IAAiB,CAAA;AAC/C;AAOO,SAAS,WAAW,IAAA,EAAkC;AAC3D,EAAA,OAAO,IAAA;AACT;;;;;"}

package/dist/domains/traces/components/span-payload/span-payload-registry.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/traces/components/span-payload/span-payload-registry'
+export {}

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

@@ -0,0 +1,9 @@
+function pickRenderer(registry, description) {
+  return registry[description.type];
+}
+function asCoreSpan(span) {
+  return span;
+}
+
+export { asCoreSpan, pickRenderer };
+//# sourceMappingURL=span-payload-registry.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-registry.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-registry.ts"],"sourcesContent":["import type { describeSpanInput } from '@mastra/core/observability';\nimport type { ComponentType } from 'react';\nimport type { SpanRecord } from '../../types';\n\ntype CoreSpanRecord = Parameters<typeof describeSpanInput>[0];\n\ntype Described = { type: string; value: unknown };\n\n/** A component per description tag, typed against the value that tag carries. */\nexport type PayloadRegistry<D extends Described> = {\n  [T in D['type']]: ComponentType<{ value: Extract<D, { type: T }>['value'] }>;\n};\n\n/**\n * Picks the registry entry for `description.type`. The registry is exhaustive by type,\n * so the entry always exists; the cast only erases the per-tag prop refinement TS cannot\n * carry through an indexed lookup.\n */\nexport function pickRenderer<D extends Described>(\n  registry: PayloadRegistry<D>,\n  description: D,\n): ComponentType<{ value: D['value'] }> {\n  return registry[description.type as D['type']] as ComponentType<{ value: D['value'] }>;\n}\n\n/**\n * The client-js span (API response: ISO-string dates, string-literal enums) is the core\n * span over the wire. `describeSpan*` only read `spanType`, `metadata`, `input`, `output`\n * and `error`, which are identical in both, so this is the one place the two types meet.\n */\nexport function asCoreSpan(span: SpanRecord): CoreSpanRecord {\n  return span as unknown as CoreSpanRecord;\n}\n"],"names":[],"mappings":"AAkBO,SAAS,YAAA,CACd,UACA,WAAA,EACsC;AACtC,EAAA,OAAO,QAAA,CAAS,YAAY,IAAiB,CAAA;AAC/C;AAOO,SAAS,WAAW,IAAA,EAAkC;AAC3D,EAAA,OAAO,IAAA;AACT;;;;"}

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

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
+const Button = require('../../../../Button-B1TWWXCy.cjs');
+const buttonsGroup = require('../../../../buttons-group-CdQdd_cj.cjs');
+const copyButton = require('../../../../copy-button-Clv2tQeH.cjs');
+const dataPanelSectionHeading = require('../../../../data-panel-section-heading-BmSBR8A5.cjs');
+const utils_cn = require('../../../../cn-DPfV6E6L.cjs');
+
+function ViewToggle({ view, onChange }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { spacing: "close", "aria-label": "Payload view", "data-slot": "span-payload-view-toggle", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        size: "sm",
+        variant: view === "rich" ? "primary" : "default",
+        "aria-pressed": view === "rich",
+        onClick: () => onChange("rich"),
+        children: "Preview"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        size: "sm",
+        variant: view === "raw" ? "primary" : "default",
+        "aria-pressed": view === "raw",
+        onClick: () => onChange("raw"),
+        children: "JSON"
+      }
+    )
+  ] });
+}
+function SpanPayloadSection({
+  title,
+  icon,
+  raw,
+  hasPreview = true,
+  children,
+  layout = "panel",
+  defaultView = "rich",
+  className
+}) {
+  const [view, setView] = React.useState(defaultView);
+  if (raw == null) return null;
+  const hasRich = hasPreview && children != null;
+  const showJson = !hasRich || view === "raw";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "span-payload-section",
+      "data-view": showJson ? "raw" : "rich",
+      className: utils_cn.cn("flex flex-col gap-2", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(dataPanelSectionHeading.DataPanelSectionHeading, { icon, className: layout === "details" ? "text-ui-xs" : void 0, children: title }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: JSON.stringify(raw, null, 2), size: "sm", variant: "ghost" }),
+            hasRich && /* @__PURE__ */ jsxRuntime.jsx(ViewToggle, { view, onChange: setView })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: showJson ? /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: raw }) : children })
+      ]
+    }
+  );
+}
+
+exports.SpanPayloadSection = SpanPayloadSection;
+//# sourceMappingURL=span-payload-section.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-section.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-section.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataPanelSectionHeading } from '@/ds/components/DataPanel/data-panel-section-heading';\nimport { cn } from '@/lib/utils';\n\nexport type SpanPayloadView = 'rich' | 'raw';\n\nexport interface SpanPayloadSectionProps {\n  title: string;\n  icon?: ReactNode;\n  /** The payload as stored; shown as JSON in the Raw view. */\n  raw: unknown;\n  /** Whether a dedicated presentation exists rather than a JSON fallback. */\n  hasPreview?: boolean;\n  /**\n   * The human-readable rendering. `null` when the payload has no rich form\n   * (JSON fallback): the section then shows Raw only and hides the toggle.\n   */\n  children: ReactNode;\n  /** `panel` matches `DataPanel.CodeSection`; `details` matches `DataDetailsPanel.CodeSection`. */\n  layout?: 'panel' | 'details';\n  defaultView?: SpanPayloadView;\n  className?: string;\n}\n\nfunction ViewToggle({ view, onChange }: { view: SpanPayloadView; onChange: (view: SpanPayloadView) => void }) {\n  return (\n    <ButtonsGroup spacing=\"close\" aria-label=\"Payload view\" data-slot=\"span-payload-view-toggle\">\n      <Button\n        size=\"sm\"\n        variant={view === 'rich' ? 'primary' : 'default'}\n        aria-pressed={view === 'rich'}\n        onClick={() => onChange('rich')}\n      >\n        Preview\n      </Button>\n      <Button\n        size=\"sm\"\n        variant={view === 'raw' ? 'primary' : 'default'}\n        aria-pressed={view === 'raw'}\n        onClick={() => onChange('raw')}\n      >\n        JSON\n      </Button>\n    </ButtonsGroup>\n  );\n}\n\n/**\n * A span payload section with a Preview / JSON button group. All JSON views share\n * the same syntax highlighting while preserving the stored payload.\n */\nexport function SpanPayloadSection({\n  title,\n  icon,\n  raw,\n  hasPreview = true,\n  children,\n  layout = 'panel',\n  defaultView = 'rich',\n  className,\n}: SpanPayloadSectionProps) {\n  const [view, setView] = useState<SpanPayloadView>(defaultView);\n  if (raw == null) return null;\n\n  const hasRich = hasPreview && children != null;\n  const showJson = !hasRich || view === 'raw';\n\n  return (\n    <div\n      data-slot=\"span-payload-section\"\n      data-view={showJson ? 'raw' : 'rich'}\n      className={cn('flex flex-col gap-2', className)}\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <DataPanelSectionHeading icon={icon} className={layout === 'details' ? 'text-ui-xs' : undefined}>\n          {title}\n        </DataPanelSectionHeading>\n        <div className=\"ml-auto flex items-center gap-2\">\n          <CopyButton content={JSON.stringify(raw, null, 2)} size=\"sm\" variant=\"ghost\" />\n          {hasRich && <ViewToggle view={view} onChange={setView} />}\n        </div>\n      </div>\n      <div className=\"min-w-0\">{showJson ? <SpanPayloadJson value={raw} /> : children}</div>\n    </div>\n  );\n}\n"],"names":["ButtonsGroup","jsx","Button","useState","jsxs","cn","DataPanelSectionHeading","CopyButton","SpanPayloadJson"],"mappings":";;;;;;;;;;;;;AA6BA,SAAS,UAAA,CAAW,EAAE,IAAA,EAAM,QAAA,EAAS,EAAyE;AAC5G,EAAA,uCACGA,yBAAA,EAAA,EAAa,OAAA,EAAQ,SAAQ,YAAA,EAAW,cAAA,EAAe,aAAU,0BAAA,EAChE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAS,IAAA,KAAS,MAAA,GAAS,SAAA,GAAY,SAAA;AAAA,QACvC,gBAAc,IAAA,KAAS,MAAA;AAAA,QACvB,OAAA,EAAS,MAAM,QAAA,CAAS,MAAM,CAAA;AAAA,QAC/B,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACAD,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAS,IAAA,KAAS,KAAA,GAAQ,SAAA,GAAY,SAAA;AAAA,QACtC,gBAAc,IAAA,KAAS,KAAA;AAAA,QACvB,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA;AAAA,QAC9B,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;AAMO,SAAS,kBAAA,CAAmB;AAAA,EACjC,KAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,QAAA;AAAA,EACA,MAAA,GAAS,OAAA;AAAA,EACT,WAAA,GAAc,MAAA;AAAA,EACd;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIC,eAA0B,WAAW,CAAA;AAC7D,EAAA,IAAI,GAAA,IAAO,MAAM,OAAO,IAAA;AAExB,EAAA,MAAM,OAAA,GAAU,cAAc,QAAA,IAAY,IAAA;AAC1C,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,IAAW,IAAA,KAAS,KAAA;AAEtC,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,sBAAA;AAAA,MACV,WAAA,EAAW,WAAW,KAAA,GAAQ,MAAA;AAAA,MAC9B,SAAA,EAAWC,WAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAE9C,QAAA,EAAA;AAAA,wBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mDAAA,EACb,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACK,mDAAwB,IAAA,EAAY,SAAA,EAAW,WAAW,SAAA,GAAY,YAAA,GAAe,QACnF,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,0BACAF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EACb,QAAA,EAAA;AAAA,4BAAAH,cAAA,CAACM,qBAAA,EAAA,EAAW,OAAA,EAAS,IAAA,CAAK,SAAA,CAAU,GAAA,EAAK,IAAA,EAAM,CAAC,CAAA,EAAG,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAQ,CAAA;AAAA,YAC5E,OAAA,oBAAWN,cAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAY,UAAU,OAAA,EAAS;AAAA,WAAA,EACzD;AAAA,SAAA,EACF,CAAA;AAAA,wBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,QAAA,kCAAYO,qEAAA,EAAA,EAAgB,KAAA,EAAO,GAAA,EAAK,CAAA,GAAK,QAAA,EAAS;AAAA;AAAA;AAAA,GAClF;AAEJ;;;;"}

package/dist/domains/traces/components/span-payload/span-payload-section.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/traces/components/span-payload/span-payload-section'
+export {}

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

@@ -0,0 +1,69 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { SpanPayloadJson } from './span-payload-json.es.js';
+import { B as Button } from '../../../../Button-XSiL3zvL.js';
+import { B as ButtonsGroup } from '../../../../buttons-group-ACr7Jau0.js';
+import { C as CopyButton } from '../../../../copy-button-BBCLrGJB.js';
+import { D as DataPanelSectionHeading } from '../../../../data-panel-section-heading-DhzuleNL.js';
+import { c as cn } from '../../../../cn-Dxjsbr9n.js';
+
+function ViewToggle({ view, onChange }) {
+  return /* @__PURE__ */ jsxs(ButtonsGroup, { spacing: "close", "aria-label": "Payload view", "data-slot": "span-payload-view-toggle", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: view === "rich" ? "primary" : "default",
+        "aria-pressed": view === "rich",
+        onClick: () => onChange("rich"),
+        children: "Preview"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: view === "raw" ? "primary" : "default",
+        "aria-pressed": view === "raw",
+        onClick: () => onChange("raw"),
+        children: "JSON"
+      }
+    )
+  ] });
+}
+function SpanPayloadSection({
+  title,
+  icon,
+  raw,
+  hasPreview = true,
+  children,
+  layout = "panel",
+  defaultView = "rich",
+  className
+}) {
+  const [view, setView] = useState(defaultView);
+  if (raw == null) return null;
+  const hasRich = hasPreview && children != null;
+  const showJson = !hasRich || view === "raw";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "span-payload-section",
+      "data-view": showJson ? "raw" : "rich",
+      className: cn("flex flex-col gap-2", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx(DataPanelSectionHeading, { icon, className: layout === "details" ? "text-ui-xs" : void 0, children: title }),
+          /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(CopyButton, { content: JSON.stringify(raw, null, 2), size: "sm", variant: "ghost" }),
+            hasRich && /* @__PURE__ */ jsx(ViewToggle, { view, onChange: setView })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0", children: showJson ? /* @__PURE__ */ jsx(SpanPayloadJson, { value: raw }) : children })
+      ]
+    }
+  );
+}
+
+export { SpanPayloadSection };
+//# sourceMappingURL=span-payload-section.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-section.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-section.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataPanelSectionHeading } from '@/ds/components/DataPanel/data-panel-section-heading';\nimport { cn } from '@/lib/utils';\n\nexport type SpanPayloadView = 'rich' | 'raw';\n\nexport interface SpanPayloadSectionProps {\n  title: string;\n  icon?: ReactNode;\n  /** The payload as stored; shown as JSON in the Raw view. */\n  raw: unknown;\n  /** Whether a dedicated presentation exists rather than a JSON fallback. */\n  hasPreview?: boolean;\n  /**\n   * The human-readable rendering. `null` when the payload has no rich form\n   * (JSON fallback): the section then shows Raw only and hides the toggle.\n   */\n  children: ReactNode;\n  /** `panel` matches `DataPanel.CodeSection`; `details` matches `DataDetailsPanel.CodeSection`. */\n  layout?: 'panel' | 'details';\n  defaultView?: SpanPayloadView;\n  className?: string;\n}\n\nfunction ViewToggle({ view, onChange }: { view: SpanPayloadView; onChange: (view: SpanPayloadView) => void }) {\n  return (\n    <ButtonsGroup spacing=\"close\" aria-label=\"Payload view\" data-slot=\"span-payload-view-toggle\">\n      <Button\n        size=\"sm\"\n        variant={view === 'rich' ? 'primary' : 'default'}\n        aria-pressed={view === 'rich'}\n        onClick={() => onChange('rich')}\n      >\n        Preview\n      </Button>\n      <Button\n        size=\"sm\"\n        variant={view === 'raw' ? 'primary' : 'default'}\n        aria-pressed={view === 'raw'}\n        onClick={() => onChange('raw')}\n      >\n        JSON\n      </Button>\n    </ButtonsGroup>\n  );\n}\n\n/**\n * A span payload section with a Preview / JSON button group. All JSON views share\n * the same syntax highlighting while preserving the stored payload.\n */\nexport function SpanPayloadSection({\n  title,\n  icon,\n  raw,\n  hasPreview = true,\n  children,\n  layout = 'panel',\n  defaultView = 'rich',\n  className,\n}: SpanPayloadSectionProps) {\n  const [view, setView] = useState<SpanPayloadView>(defaultView);\n  if (raw == null) return null;\n\n  const hasRich = hasPreview && children != null;\n  const showJson = !hasRich || view === 'raw';\n\n  return (\n    <div\n      data-slot=\"span-payload-section\"\n      data-view={showJson ? 'raw' : 'rich'}\n      className={cn('flex flex-col gap-2', className)}\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <DataPanelSectionHeading icon={icon} className={layout === 'details' ? 'text-ui-xs' : undefined}>\n          {title}\n        </DataPanelSectionHeading>\n        <div className=\"ml-auto flex items-center gap-2\">\n          <CopyButton content={JSON.stringify(raw, null, 2)} size=\"sm\" variant=\"ghost\" />\n          {hasRich && <ViewToggle view={view} onChange={setView} />}\n        </div>\n      </div>\n      <div className=\"min-w-0\">{showJson ? <SpanPayloadJson value={raw} /> : children}</div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AA6BA,SAAS,UAAA,CAAW,EAAE,IAAA,EAAM,QAAA,EAAS,EAAyE;AAC5G,EAAA,4BACG,YAAA,EAAA,EAAa,OAAA,EAAQ,SAAQ,YAAA,EAAW,cAAA,EAAe,aAAU,0BAAA,EAChE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAS,IAAA,KAAS,MAAA,GAAS,SAAA,GAAY,SAAA;AAAA,QACvC,gBAAc,IAAA,KAAS,MAAA;AAAA,QACvB,OAAA,EAAS,MAAM,QAAA,CAAS,MAAM,CAAA;AAAA,QAC/B,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAS,IAAA,KAAS,KAAA,GAAQ,SAAA,GAAY,SAAA;AAAA,QACtC,gBAAc,IAAA,KAAS,KAAA;AAAA,QACvB,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA;AAAA,QAC9B,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;AAMO,SAAS,kBAAA,CAAmB;AAAA,EACjC,KAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,QAAA;AAAA,EACA,MAAA,GAAS,OAAA;AAAA,EACT,WAAA,GAAc,MAAA;AAAA,EACd;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA0B,WAAW,CAAA;AAC7D,EAAA,IAAI,GAAA,IAAO,MAAM,OAAO,IAAA;AAExB,EAAA,MAAM,OAAA,GAAU,cAAc,QAAA,IAAY,IAAA;AAC1C,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,IAAW,IAAA,KAAS,KAAA;AAEtC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,sBAAA;AAAA,MACV,WAAA,EAAW,WAAW,KAAA,GAAQ,MAAA;AAAA,MAC9B,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAE9C,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mDAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,2BAAwB,IAAA,EAAY,SAAA,EAAW,WAAW,SAAA,GAAY,YAAA,GAAe,QACnF,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,IAAA,CAAK,SAAA,CAAU,GAAA,EAAK,IAAA,EAAM,CAAC,CAAA,EAAG,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAQ,CAAA;AAAA,YAC5E,OAAA,oBAAW,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAY,UAAU,OAAA,EAAS;AAAA,WAAA,EACzD;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,QAAA,uBAAY,eAAA,EAAA,EAAgB,KAAA,EAAO,GAAA,EAAK,CAAA,GAAK,QAAA,EAAS;AAAA;AAAA;AAAA,GAClF;AAEJ;;;;"}

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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('react/jsx-runtime');
+require('./span-payload-json.cjs.js');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-Bc21pM0m.cjs');
+require('../../../chat/components/badge-wrapper.cjs.js');
+require('../../../../tool-call-DEtotEm0.cjs');
+require('../../../../tool-presentation-BGWx2mEc.cjs');
+
+
+
+exports.SpanPayloadTool = domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadTool;
+//# sourceMappingURL=span-payload-tool.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-tool.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/domains/traces/components/span-payload/span-payload-tool.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/traces/components/span-payload/span-payload-tool'
+export {}

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

@@ -0,0 +1,7 @@
+import 'react/jsx-runtime';
+import './span-payload-json.es.js';
+export { e as SpanPayloadTool } from '../../../../span-payload-primitives-DXg3l6FW.js';
+import '../../../chat/components/badge-wrapper.es.js';
+import '../../../../tool-call-B-OO_6DC.js';
+import '../../../../tool-presentation-D-smNbXC.js';
+//# sourceMappingURL=span-payload-tool.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-tool.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const domains_traces_components_spanPayload_spanInputRenderers = require('./span-payload/span-input-renderers.cjs.js');
+const domains_traces_components_spanPayload_spanOutputRenderers = require('./span-payload/span-output-renderers.cjs.js');
+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');
+const domains_traces_components_spanPayload_spanPayloadMessages = require('./span-payload/span-payload-messages.cjs.js');
+const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload/span-payload-json.cjs.js');
+
+
+
+exports.SpanInputRenderer = domains_traces_components_spanPayload_spanInputRenderers.SpanInputRenderer;
+exports.SpanOutputRenderer = domains_traces_components_spanPayload_spanOutputRenderers.SpanOutputRenderer;
+exports.SpanErrorRenderer = domains_traces_components_spanPayload_spanErrorRenderer.SpanErrorRenderer;
+exports.SpanPayloadSection = domains_traces_components_spanPayload_spanPayloadSection.SpanPayloadSection;
+exports.SpanPayloadMessages = domains_traces_components_spanPayload_spanPayloadMessages.SpanPayloadMessages;
+exports.SpanPayloadJson = domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson;
+//# sourceMappingURL=span-payload.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/domains/traces/components/span-payload.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/traces/components/span-payload/index'
+export {}

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

@@ -0,0 +1,7 @@
+export { SpanInputRenderer } from './span-payload/span-input-renderers.es.js';
+export { SpanOutputRenderer } from './span-payload/span-output-renderers.es.js';
+export { SpanErrorRenderer } from './span-payload/span-error-renderer.es.js';
+export { SpanPayloadSection } from './span-payload/span-payload-section.es.js';
+export { SpanPayloadMessages } from './span-payload/span-payload-messages.es.js';
+export { SpanPayloadJson } from './span-payload/span-payload-json.es.js';
+//# sourceMappingURL=span-payload.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/domains/traces/components/span-rows.cjs.js

@@ -14,7 +14,6 @@ function SpanRows({ spans, ...rowProps }) {
     SpanRow,
     {
       span,
-      siblings: spans,
       depth: 0,
       isLastChild: idx === spans.length - 1,
       overallLatency,
@@ -26,7 +25,6 @@ function SpanRows({ spans, ...rowProps }) {
 }
 function SpanRow({
   span,
-  siblings,
   depth,
   isLastChild,
   overallLatency,
@@ -43,7 +41,6 @@ function SpanRow({
   const hasChildren = Boolean(span.spans && span.spans.length > 0);
   const numOfChildren = span.spans ? span.spans.length : 0;
   const allDescendantIds = domains_traces_hooks_getAllSpanIds.getSpanDescendantIds(span);
-  const totalDescendants = allDescendantIds.length;
   const isRootSpan = depth === 0;
   const spanUI = domains_traces_components_shared.getSpanTypeUi(span?.type);
   const isExpanded = expandedSpanIds ? expandedSpanIds.includes(span.id) : false;
@@ -65,48 +62,6 @@ function SpanRow({
       return isExpanded ? prev.filter((id) => id !== span.id) : [...prev, span.id];
     });
   };
-  const expandAllDescendants = () => {
-    if (!setExpandedSpanIds) return;
-    setExpandedSpanIds((prev) => {
-      if (!prev) return prev;
-      return Array.from(/* @__PURE__ */ new Set([...prev, span.id, ...allDescendantIds]));
-    });
-  };
-  const collapseAllDescendants = () => {
-    if (!setExpandedSpanIds) return;
-    setExpandedSpanIds((prev) => {
-      if (!prev) return prev;
-      const idsToRemove = new Set(allDescendantIds);
-      return prev.filter((id) => !idsToRemove.has(id));
-    });
-  };
-  const collapseAll = () => {
-    if (!setExpandedSpanIds) return;
-    setExpandedSpanIds((prev) => {
-      if (!prev) return prev;
-      const idsToRemove = /* @__PURE__ */ new Set([span.id, ...allDescendantIds]);
-      return prev.filter((id) => !idsToRemove.has(id));
-    });
-  };
-  const allDescendantsExpanded = allDescendantIds.every((id) => expandedSpanIds?.includes(id));
-  const siblingsWithChildren = siblings.filter((s) => s.spans && s.spans.length > 0);
-  const siblingsWithChildrenCount = siblingsWithChildren.length;
-  const siblingsAllExpanded = siblingsWithChildrenCount > 0 && siblingsWithChildren.every((s) => expandedSpanIds?.includes(s.id));
-  const toggleSiblings = () => {
-    if (!setExpandedSpanIds || siblingsWithChildrenCount === 0) return;
-    setExpandedSpanIds((prev) => {
-      if (!prev) return prev;
-      if (siblingsAllExpanded) {
-        const idsToRemove = /* @__PURE__ */ new Set();
-        siblingsWithChildren.forEach((s) => {
-          idsToRemove.add(s.id);
-          domains_traces_hooks_getAllSpanIds.getSpanDescendantIds(s).forEach((id) => idsToRemove.add(id));
-        });
-        return prev.filter((id) => !idsToRemove.has(id));
-      }
-      return Array.from(/* @__PURE__ */ new Set([...prev, ...siblingsWithChildren.map((s) => s.id)]));
-    });
-  };
   const ctx = {
     span,
     spanUI,
@@ -123,15 +78,7 @@ function SpanRow({
     expansion: {
       hasChildren,
       numOfChildren,
-      totalDescendants,
-      allDescendantsExpanded,
-      siblingsWithChildrenCount,
-      siblingsAllExpanded,
-      toggleChildren,
-      expandAllDescendants,
-      collapseAllDescendants,
-      collapseAll,
-      toggleSiblings
+      toggleChildren
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
@@ -140,7 +87,6 @@ function SpanRow({
       SpanRow,
       {
         span: childSpan,
-        siblings: array,
         depth: depth + 1,
         isLastChild: idx === array.length - 1,
         overallLatency,

package/dist/domains/traces/components/span-rows.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-rows.cjs.js","sources":["../../../../src/domains/traces/components/span-rows.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport { Fragment, useEffect } from 'react';\nimport { getSpanDescendantIds } from '../hooks/get-all-span-ids';\nimport type { UISpan, UISpanStyle } from '../types';\nimport { getSpanTypeUi } from './shared';\n\nexport type SpanRowExpansion = {\n  hasChildren: boolean;\n  numOfChildren: number;\n  totalDescendants: number;\n  allDescendantsExpanded: boolean;\n  siblingsWithChildrenCount: number;\n  siblingsAllExpanded: boolean;\n  toggleChildren: () => void;\n  expandAllDescendants: () => void;\n  collapseAllDescendants: () => void;\n  collapseAll: () => void;\n  toggleSiblings: () => void;\n};\n\nexport type SpanRowContext = {\n  span: UISpan;\n  spanUI: UISpanStyle | null | undefined;\n  depth: number;\n  isRootSpan: boolean;\n  isLastChild: boolean;\n  isExpanded: boolean;\n  isSelected: boolean;\n  isFaded: boolean;\n  isRevealed: boolean;\n  overallLatency: number;\n  overallStartTime: string;\n  onSpanClick?: (id: string) => void;\n  expansion: SpanRowExpansion;\n};\n\ntype SharedRowProps = {\n  renderRow: (ctx: SpanRowContext) => ReactNode;\n  onSpanClick?: (id: string) => void;\n  selectedSpanId?: string;\n  /** Row flagged as revealed once mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  fadedTypes?: string[];\n  featuredSpanIds?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n};\n\nexport type SpanRowsProps = SharedRowProps & {\n  spans: UISpan[];\n};\n\n/**\n * Headless depth-first walker over a span hierarchy. Owns the expansion / fade /\n * reveal state of each row and delegates all markup to `renderRow`. Children are\n * only mounted while their parent is expanded.\n */\nexport function SpanRows({ spans, ...rowProps }: SpanRowsProps) {\n  const overallLatency = spans[0]?.latency || 0;\n  const overallStartTime = spans[0]?.startTime || '';\n\n  return (\n    <>\n      {spans.map((span, idx) => (\n        <SpanRow\n          key={span.id}\n          span={span}\n          siblings={spans}\n          depth={0}\n          isLastChild={idx === spans.length - 1}\n          overallLatency={overallLatency}\n          overallStartTime={overallStartTime}\n          {...rowProps}\n        />\n      ))}\n    </>\n  );\n}\n\ntype SpanRowProps = SharedRowProps & {\n  span: UISpan;\n  siblings: UISpan[];\n  depth: number;\n  isLastChild: boolean;\n  overallLatency: number;\n  overallStartTime: string;\n};\n\nfunction SpanRow({\n  span,\n  siblings,\n  depth,\n  isLastChild,\n  overallLatency,\n  overallStartTime,\n  renderRow,\n  onSpanClick,\n  selectedSpanId,\n  revealSpanId,\n  fadedTypes,\n  featuredSpanIds,\n  expandedSpanIds,\n  setExpandedSpanIds,\n}: SpanRowProps) {\n  const hasChildren = Boolean(span.spans && span.spans.length > 0);\n  const numOfChildren = span.spans ? span.spans.length : 0;\n  const allDescendantIds = getSpanDescendantIds(span);\n  const totalDescendants = allDescendantIds.length;\n  const isRootSpan = depth === 0;\n  const spanUI = getSpanTypeUi(span?.type);\n  const isExpanded = expandedSpanIds ? expandedSpanIds.includes(span.id) : false;\n  const isFadedBySearch = featuredSpanIds && featuredSpanIds.length > 0 ? !featuredSpanIds.includes(span.id) : false;\n  const isFadedByType = fadedTypes && fadedTypes.length > 0 ? fadedTypes.includes(spanUI?.typePrefix || '') : false;\n  const isFaded = isFadedByType || isFadedBySearch;\n\n  useEffect(() => {\n    if (!featuredSpanIds || allDescendantIds.length === 0) return;\n    if (isExpanded) return;\n    const hasFeaturedDescendant = allDescendantIds.some(id => featuredSpanIds.includes(id));\n    if (hasFeaturedDescendant && setExpandedSpanIds) {\n      setExpandedSpanIds(prev => (!prev || prev.includes(span.id) ? (prev ?? [span.id]) : [...prev, span.id]));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [featuredSpanIds, allDescendantIds]);\n\n  const toggleChildren = () => {\n    if (!setExpandedSpanIds) return;\n    setExpandedSpanIds(prev => {\n      if (!prev) return prev;\n      return isExpanded ? prev.filter(id => id !== span.id) : [...prev, span.id];\n    });\n  };\n\n  const expandAllDescendants = () => {\n    if (!setExpandedSpanIds) return;\n    setExpandedSpanIds(prev => {\n      if (!prev) return prev;\n      return Array.from(new Set([...prev, span.id, ...allDescendantIds]));\n    });\n  };\n\n  const collapseAllDescendants = () => {\n    if (!setExpandedSpanIds) return;\n    setExpandedSpanIds(prev => {\n      if (!prev) return prev;\n      const idsToRemove = new Set(allDescendantIds);\n      return prev.filter(id => !idsToRemove.has(id));\n    });\n  };\n\n  const collapseAll = () => {\n    if (!setExpandedSpanIds) return;\n    setExpandedSpanIds(prev => {\n      if (!prev) return prev;\n      const idsToRemove = new Set([span.id, ...allDescendantIds]);\n      return prev.filter(id => !idsToRemove.has(id));\n    });\n  };\n\n  const allDescendantsExpanded = allDescendantIds.every(id => expandedSpanIds?.includes(id));\n\n  const siblingsWithChildren = siblings.filter(s => s.spans && s.spans.length > 0);\n  const siblingsWithChildrenCount = siblingsWithChildren.length;\n  const siblingsAllExpanded =\n    siblingsWithChildrenCount > 0 && siblingsWithChildren.every(s => expandedSpanIds?.includes(s.id));\n\n  const toggleSiblings = () => {\n    if (!setExpandedSpanIds || siblingsWithChildrenCount === 0) return;\n    setExpandedSpanIds(prev => {\n      if (!prev) return prev;\n      if (siblingsAllExpanded) {\n        const idsToRemove = new Set<string>();\n        siblingsWithChildren.forEach(s => {\n          idsToRemove.add(s.id);\n          getSpanDescendantIds(s).forEach(id => idsToRemove.add(id));\n        });\n        return prev.filter(id => !idsToRemove.has(id));\n      }\n      return Array.from(new Set([...prev, ...siblingsWithChildren.map(s => s.id)]));\n    });\n  };\n\n  const ctx: SpanRowContext = {\n    span,\n    spanUI,\n    depth,\n    isRootSpan,\n    isLastChild,\n    isExpanded,\n    isSelected: selectedSpanId === span.id,\n    isFaded,\n    isRevealed: revealSpanId === span.id,\n    overallLatency,\n    overallStartTime,\n    onSpanClick,\n    expansion: {\n      hasChildren,\n      numOfChildren,\n      totalDescendants,\n      allDescendantsExpanded,\n      siblingsWithChildrenCount,\n      siblingsAllExpanded,\n      toggleChildren,\n      expandAllDescendants,\n      collapseAllDescendants,\n      collapseAll,\n      toggleSiblings,\n    },\n  };\n\n  return (\n    <Fragment>\n      {renderRow(ctx)}\n      {hasChildren &&\n        isExpanded &&\n        span.spans?.map((childSpan, idx, array) => (\n          <SpanRow\n            key={childSpan.id}\n            span={childSpan}\n            siblings={array}\n            depth={depth + 1}\n            isLastChild={idx === array.length - 1}\n            overallLatency={overallLatency}\n            overallStartTime={overallStartTime}\n            renderRow={renderRow}\n            onSpanClick={onSpanClick}\n            selectedSpanId={selectedSpanId}\n            revealSpanId={revealSpanId}\n            fadedTypes={fadedTypes}\n            featuredSpanIds={featuredSpanIds}\n            expandedSpanIds={expandedSpanIds}\n            setExpandedSpanIds={setExpandedSpanIds}\n          />\n        ))}\n    </Fragment>\n  );\n}\n"],"names":["jsx","Fragment","getSpanDescendantIds","getSpanTypeUi","useEffect","jsxs"],"mappings":"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"}
+{"version":3,"file":"span-rows.cjs.js","sources":["../../../../src/domains/traces/components/span-rows.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport { Fragment, useEffect } from 'react';\nimport { getSpanDescendantIds } from '../hooks/get-all-span-ids';\nimport type { UISpan, UISpanStyle } from '../types';\nimport { getSpanTypeUi } from './shared';\n\nexport type SpanRowExpansion = {\n  hasChildren: boolean;\n  numOfChildren: number;\n  toggleChildren: () => void;\n};\n\nexport type SpanRowContext = {\n  span: UISpan;\n  spanUI: UISpanStyle | null | undefined;\n  depth: number;\n  isRootSpan: boolean;\n  isLastChild: boolean;\n  isExpanded: boolean;\n  isSelected: boolean;\n  isFaded: boolean;\n  isRevealed: boolean;\n  overallLatency: number;\n  overallStartTime: string;\n  onSpanClick?: (id: string) => void;\n  expansion: SpanRowExpansion;\n};\n\ntype SharedRowProps = {\n  renderRow: (ctx: SpanRowContext) => ReactNode;\n  onSpanClick?: (id: string) => void;\n  selectedSpanId?: string;\n  /** Row flagged as revealed once mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  fadedTypes?: string[];\n  featuredSpanIds?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n};\n\nexport type SpanRowsProps = SharedRowProps & {\n  spans: UISpan[];\n};\n\n/**\n * Headless depth-first walker over a span hierarchy. Owns the expansion / fade /\n * reveal state of each row and delegates all markup to `renderRow`. Children are\n * only mounted while their parent is expanded.\n */\nexport function SpanRows({ spans, ...rowProps }: SpanRowsProps) {\n  const overallLatency = spans[0]?.latency || 0;\n  const overallStartTime = spans[0]?.startTime || '';\n\n  return (\n    <>\n      {spans.map((span, idx) => (\n        <SpanRow\n          key={span.id}\n          span={span}\n          depth={0}\n          isLastChild={idx === spans.length - 1}\n          overallLatency={overallLatency}\n          overallStartTime={overallStartTime}\n          {...rowProps}\n        />\n      ))}\n    </>\n  );\n}\n\ntype SpanRowProps = SharedRowProps & {\n  span: UISpan;\n  depth: number;\n  isLastChild: boolean;\n  overallLatency: number;\n  overallStartTime: string;\n};\n\nfunction SpanRow({\n  span,\n  depth,\n  isLastChild,\n  overallLatency,\n  overallStartTime,\n  renderRow,\n  onSpanClick,\n  selectedSpanId,\n  revealSpanId,\n  fadedTypes,\n  featuredSpanIds,\n  expandedSpanIds,\n  setExpandedSpanIds,\n}: SpanRowProps) {\n  const hasChildren = Boolean(span.spans && span.spans.length > 0);\n  const numOfChildren = span.spans ? span.spans.length : 0;\n  const allDescendantIds = getSpanDescendantIds(span);\n  const isRootSpan = depth === 0;\n  const spanUI = getSpanTypeUi(span?.type);\n  const isExpanded = expandedSpanIds ? expandedSpanIds.includes(span.id) : false;\n  const isFadedBySearch = featuredSpanIds && featuredSpanIds.length > 0 ? !featuredSpanIds.includes(span.id) : false;\n  const isFadedByType = fadedTypes && fadedTypes.length > 0 ? fadedTypes.includes(spanUI?.typePrefix || '') : false;\n  const isFaded = isFadedByType || isFadedBySearch;\n\n  useEffect(() => {\n    if (!featuredSpanIds || allDescendantIds.length === 0) return;\n    if (isExpanded) return;\n    const hasFeaturedDescendant = allDescendantIds.some(id => featuredSpanIds.includes(id));\n    if (hasFeaturedDescendant && setExpandedSpanIds) {\n      setExpandedSpanIds(prev => (!prev || prev.includes(span.id) ? (prev ?? [span.id]) : [...prev, span.id]));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [featuredSpanIds, allDescendantIds]);\n\n  const toggleChildren = () => {\n    if (!setExpandedSpanIds) return;\n    setExpandedSpanIds(prev => {\n      if (!prev) return prev;\n      return isExpanded ? prev.filter(id => id !== span.id) : [...prev, span.id];\n    });\n  };\n\n  const ctx: SpanRowContext = {\n    span,\n    spanUI,\n    depth,\n    isRootSpan,\n    isLastChild,\n    isExpanded,\n    isSelected: selectedSpanId === span.id,\n    isFaded,\n    isRevealed: revealSpanId === span.id,\n    overallLatency,\n    overallStartTime,\n    onSpanClick,\n    expansion: {\n      hasChildren,\n      numOfChildren,\n      toggleChildren,\n    },\n  };\n\n  return (\n    <Fragment>\n      {renderRow(ctx)}\n      {hasChildren &&\n        isExpanded &&\n        span.spans?.map((childSpan, idx, array) => (\n          <SpanRow\n            key={childSpan.id}\n            span={childSpan}\n            depth={depth + 1}\n            isLastChild={idx === array.length - 1}\n            overallLatency={overallLatency}\n            overallStartTime={overallStartTime}\n            renderRow={renderRow}\n            onSpanClick={onSpanClick}\n            selectedSpanId={selectedSpanId}\n            revealSpanId={revealSpanId}\n            fadedTypes={fadedTypes}\n            featuredSpanIds={featuredSpanIds}\n            expandedSpanIds={expandedSpanIds}\n            setExpandedSpanIds={setExpandedSpanIds}\n          />\n        ))}\n    </Fragment>\n  );\n}\n"],"names":["jsx","Fragment","getSpanDescendantIds","getSpanTypeUi","useEffect","jsxs"],"mappings":"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"}