npm - @mastra/playground-ui - Versions diffs - 55.0.0 → 55.1.0-alpha.0 - Mend

@mastra/playground-ui 55.0.0 → 55.1.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (64) hide show

package/dist/domains/traces/components/trace-span-timeline.cjs.js CHANGED Viewed

@@ -30,7 +30,7 @@ function TraceSpanTimeline({
   if (isLoading) return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_traceSpanTree.TraceSpanTreeLoading, {});
   const overallLatency = hierarchicalSpans[0]?.latency || 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    leadingSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 pt-1.5", children: leadingSlot }),
+    leadingSlot,
     /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanTypeLegend.SpanTypeLegend, { spans: hierarchicalSpans }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_auto_minmax(12rem,1fr)] content-start items-start gap-y-px overflow-hidden py-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx(

package/dist/domains/traces/components/trace-span-timeline.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-span-timeline.cjs.js","sources":["../../../../src/domains/traces/components/trace-span-timeline.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport type { SpanRowContext } from './span-rows';\nimport { SpanRows } from './span-rows';\nimport { SpanTimelineCol } from './span-timeline-col';\nimport { SpanTreeRow } from './span-tree-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { TraceSpanTreeLoading } from './trace-span-tree';\n\nexport type TraceSpanTimelineProps = {\n hierarchicalSpans: UISpan[];\n onSpanClick: (id: string) => void;\n selectedSpanId?: string;\n isLoading?: boolean;\n fadedTypes?: string[];\n expandedSpanIds?: string[];\n setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n featuredSpanIds?: string[];\n /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). /\n revealSpanId?: string;\n /* Rendered full-width above the span type legend row. /\n leadingSlot?: ReactNode;\n /* End-of-row cell. Defaults to the span bar on the shared time axis (`SpanTimelineCol`). /\n renderTrailing?: (ctx: SpanRowContext) => ReactNode;\n};\n\nconst TICKS = [0, 0.25, 0.5, 0.75, 1];\n\nfunction formatTick(ms: number) {\n return ms < 1000 ? `${Math.round(ms)} ms` : `${(ms / 1000).toFixed(2)} s`;\n}\n\nconst defaultTrailing = (ctx: SpanRowContext) => <SpanTimelineCol ctx={ctx} />;\n\n/* Same hierarchy as `TraceSpanTree` (name + expansion controls) with a trailing column of bars on a shared time axis. /\nexport function TraceSpanTimeline({\n hierarchicalSpans = [],\n onSpanClick,\n selectedSpanId,\n isLoading,\n fadedTypes,\n expandedSpanIds,\n setExpandedSpanIds,\n featuredSpanIds,\n revealSpanId,\n leadingSlot,\n renderTrailing = defaultTrailing,\n}: TraceSpanTimelineProps) {\n if (isLoading) return <TraceSpanTreeLoading />;\n\n const overallLatency = hierarchicalSpans[0]?.latency \|\| 0;\n\n return (\n <>\n {leadingSlot ~~&& <div className=\"px-2 pt-1.5\">{leadingSlot~~}~~</div>}~~\n <SpanTypeLegend spans={hierarchicalSpans} />\n <div className=\"grid grid-cols-[minmax(0,1fr)_auto_minmax(12rem,1fr)] content-start items-start gap-y-px overflow-hidden py-1\">\n <div\n aria-label=\"Trace time axis\"\n className=\"text-ui-xs text-neutral3 col-start-3 flex justify-between px-1 pr-2 pb-1\"\n >\n {TICKS.map(tick => (\n <span key={tick}>{formatTick(overallLatency tick)}</span>\n ))}\n </div>\n <SpanRows\n spans={hierarchicalSpans}\n onSpanClick={onSpanClick}\n selectedSpanId={selectedSpanId}\n revealSpanId={revealSpanId}\n fadedTypes={fadedTypes}\n featuredSpanIds={featuredSpanIds}\n expandedSpanIds={expandedSpanIds}\n setExpandedSpanIds={setExpandedSpanIds}\n renderRow={ctx => <SpanTreeRow ctx={ctx} trailing={renderTrailing} />}\n />\n </div>\n </>\n );\n}\n"],"names":["jsx","SpanTimelineCol","TraceSpanTreeLoading","jsxs","Fragment","SpanTypeLegend","SpanRows","SpanTreeRow"],"mappings":";;;;;;;;;;;AA0BA,MAAM,QAAQ,CAAC,CAAA,EAAG,IAAA,EAAM,GAAA,EAAK,MAAM,CAAC,CAAA;AAEpC,SAAS,WAAW,EAAA,EAAY;AAC9B,EAAA,OAAO,EAAA,GAAK,GAAA,GAAO,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,EAAE,CAAC,CAAA,GAAA,CAAA,GAAQ,CAAA,EAAA,CAAI,EAAA,GAAK,GAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA,CAAA;AACvE;AAEA,MAAM,eAAA,GAAkB,CAAC,GAAA,qBAAwBA,cAAA,CAACC,6DAAgB,GAAA,EAAU,CAAA;AAGrE,SAAS,iBAAA,CAAkB;AAAA,EAChC,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA,GAAiB;AACnB,CAAA,EAA2B;AACzB,EAAA,IAAI,SAAA,EAAW,uBAAOD,cAAA,CAACE,4DAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,MAAM,cAAA,GAAiB,iBAAA,CAAkB,CAAC,CAAA,EAAG,OAAA,IAAW,CAAA;AAExD,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA~~,oBAAeJ,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,WAAA,EAAY,CAAA~~;AAAA,~~oBAC1DA~~,cAAA,CAACK,uDAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1CF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+GAAA,EACb,QAAA,EAAA;AAAA,sBAAAH,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAW,iBAAA;AAAA,UACX,SAAA,EAAU,0EAAA;AAAA,UAET,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,qBACTA,cAAA,CAAC,MAAA,EAAA,EAAiB,qBAAW,cAAA,GAAiB,IAAI,CAAA,EAAA,EAAvC,IAAyC,CACrD;AAAA;AAAA,OACH;AAAA,sBACAA,cAAA;AAAA,QAACM,2CAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,iBAAA;AAAA,UACP,WAAA;AAAA,UACA,cAAA;AAAA,UACA,YAAA;AAAA,UACA,UAAA;AAAA,UACA,eAAA;AAAA,UACA,eAAA;AAAA,UACA,kBAAA;AAAA,UACA,WAAW,CAAA,GAAA,qBAAON,cAAA,CAACO,iDAAA,EAAA,EAAY,GAAA,EAAU,UAAU,cAAA,EAAgB;AAAA;AAAA;AACrE,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"trace-span-timeline.cjs.js","sources":["../../../../src/domains/traces/components/trace-span-timeline.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport type { SpanRowContext } from './span-rows';\nimport { SpanRows } from './span-rows';\nimport { SpanTimelineCol } from './span-timeline-col';\nimport { SpanTreeRow } from './span-tree-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { TraceSpanTreeLoading } from './trace-span-tree';\n\nexport type TraceSpanTimelineProps = {\n hierarchicalSpans: UISpan[];\n onSpanClick: (id: string) => void;\n selectedSpanId?: string;\n isLoading?: boolean;\n fadedTypes?: string[];\n expandedSpanIds?: string[];\n setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n featuredSpanIds?: string[];\n /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). /\n revealSpanId?: string;\n /* Rendered full-width above the span type legend row. /\n leadingSlot?: ReactNode;\n /* End-of-row cell. Defaults to the span bar on the shared time axis (`SpanTimelineCol`). /\n renderTrailing?: (ctx: SpanRowContext) => ReactNode;\n};\n\nconst TICKS = [0, 0.25, 0.5, 0.75, 1];\n\nfunction formatTick(ms: number) {\n return ms < 1000 ? `${Math.round(ms)} ms` : `${(ms / 1000).toFixed(2)} s`;\n}\n\nconst defaultTrailing = (ctx: SpanRowContext) => <SpanTimelineCol ctx={ctx} />;\n\n/* Same hierarchy as `TraceSpanTree` (name + expansion controls) with a trailing column of bars on a shared time axis. /\nexport function TraceSpanTimeline({\n hierarchicalSpans = [],\n onSpanClick,\n selectedSpanId,\n isLoading,\n fadedTypes,\n expandedSpanIds,\n setExpandedSpanIds,\n featuredSpanIds,\n revealSpanId,\n leadingSlot,\n renderTrailing = defaultTrailing,\n}: TraceSpanTimelineProps) {\n if (isLoading) return <TraceSpanTreeLoading />;\n\n const overallLatency = hierarchicalSpans[0]?.latency \|\| 0;\n\n return (\n <>\n {leadingSlot}\n <SpanTypeLegend spans={hierarchicalSpans} />\n <div className=\"grid grid-cols-[minmax(0,1fr)_auto_minmax(12rem,1fr)] content-start items-start gap-y-px overflow-hidden py-1\">\n <div\n aria-label=\"Trace time axis\"\n className=\"text-ui-xs text-neutral3 col-start-3 flex justify-between px-1 pr-2 pb-1\"\n >\n {TICKS.map(tick => (\n <span key={tick}>{formatTick(overallLatency tick)}</span>\n ))}\n </div>\n <SpanRows\n spans={hierarchicalSpans}\n onSpanClick={onSpanClick}\n selectedSpanId={selectedSpanId}\n revealSpanId={revealSpanId}\n fadedTypes={fadedTypes}\n featuredSpanIds={featuredSpanIds}\n expandedSpanIds={expandedSpanIds}\n setExpandedSpanIds={setExpandedSpanIds}\n renderRow={ctx => <SpanTreeRow ctx={ctx} trailing={renderTrailing} />}\n />\n </div>\n </>\n );\n}\n"],"names":["jsx","SpanTimelineCol","TraceSpanTreeLoading","jsxs","Fragment","SpanTypeLegend","SpanRows","SpanTreeRow"],"mappings":";;;;;;;;;;;AA0BA,MAAM,QAAQ,CAAC,CAAA,EAAG,IAAA,EAAM,GAAA,EAAK,MAAM,CAAC,CAAA;AAEpC,SAAS,WAAW,EAAA,EAAY;AAC9B,EAAA,OAAO,EAAA,GAAK,GAAA,GAAO,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,EAAE,CAAC,CAAA,GAAA,CAAA,GAAQ,CAAA,EAAA,CAAI,EAAA,GAAK,GAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA,CAAA;AACvE;AAEA,MAAM,eAAA,GAAkB,CAAC,GAAA,qBAAwBA,cAAA,CAACC,6DAAgB,GAAA,EAAU,CAAA;AAGrE,SAAS,iBAAA,CAAkB;AAAA,EAChC,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA,GAAiB;AACnB,CAAA,EAA2B;AACzB,EAAA,IAAI,SAAA,EAAW,uBAAOD,cAAA,CAACE,4DAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,MAAM,cAAA,GAAiB,iBAAA,CAAkB,CAAC,CAAA,EAAG,OAAA,IAAW,CAAA;AAExD,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,oBACDJ,cAAA,CAACK,uDAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1CF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+GAAA,EACb,QAAA,EAAA;AAAA,sBAAAH,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAW,iBAAA;AAAA,UACX,SAAA,EAAU,0EAAA;AAAA,UAET,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,qBACTA,cAAA,CAAC,MAAA,EAAA,EAAiB,qBAAW,cAAA,GAAiB,IAAI,CAAA,EAAA,EAAvC,IAAyC,CACrD;AAAA;AAAA,OACH;AAAA,sBACAA,cAAA;AAAA,QAACM,2CAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,iBAAA;AAAA,UACP,WAAA;AAAA,UACA,cAAA;AAAA,UACA,YAAA;AAAA,UACA,UAAA;AAAA,UACA,eAAA;AAAA,UACA,eAAA;AAAA,UACA,kBAAA;AAAA,UACA,WAAW,CAAA,GAAA,qBAAON,cAAA,CAACO,iDAAA,EAAA,EAAY,GAAA,EAAU,UAAU,cAAA,EAAgB;AAAA;AAAA;AACrE,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-span-timeline.es.js CHANGED Viewed

@@ -26,7 +26,7 @@ function TraceSpanTimeline({
   if (isLoading) return /* @__PURE__ */ jsx(TraceSpanTreeLoading, {});
   const overallLatency = hierarchicalSpans[0]?.latency || 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    leadingSlot && /* @__PURE__ */ jsx("div", { className: "px-2 pt-1.5", children: leadingSlot }),
+    leadingSlot,
     /* @__PURE__ */ jsx(SpanTypeLegend, { spans: hierarchicalSpans }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_auto_minmax(12rem,1fr)] content-start items-start gap-y-px overflow-hidden py-1", children: [
       /* @__PURE__ */ jsx(

package/dist/domains/traces/components/trace-span-timeline.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-span-timeline.es.js","sources":["../../../../src/domains/traces/components/trace-span-timeline.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport type { SpanRowContext } from './span-rows';\nimport { SpanRows } from './span-rows';\nimport { SpanTimelineCol } from './span-timeline-col';\nimport { SpanTreeRow } from './span-tree-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { TraceSpanTreeLoading } from './trace-span-tree';\n\nexport type TraceSpanTimelineProps = {\n hierarchicalSpans: UISpan[];\n onSpanClick: (id: string) => void;\n selectedSpanId?: string;\n isLoading?: boolean;\n fadedTypes?: string[];\n expandedSpanIds?: string[];\n setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n featuredSpanIds?: string[];\n /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). /\n revealSpanId?: string;\n /* Rendered full-width above the span type legend row. /\n leadingSlot?: ReactNode;\n /* End-of-row cell. Defaults to the span bar on the shared time axis (`SpanTimelineCol`). /\n renderTrailing?: (ctx: SpanRowContext) => ReactNode;\n};\n\nconst TICKS = [0, 0.25, 0.5, 0.75, 1];\n\nfunction formatTick(ms: number) {\n return ms < 1000 ? `${Math.round(ms)} ms` : `${(ms / 1000).toFixed(2)} s`;\n}\n\nconst defaultTrailing = (ctx: SpanRowContext) => <SpanTimelineCol ctx={ctx} />;\n\n/* Same hierarchy as `TraceSpanTree` (name + expansion controls) with a trailing column of bars on a shared time axis. /\nexport function TraceSpanTimeline({\n hierarchicalSpans = [],\n onSpanClick,\n selectedSpanId,\n isLoading,\n fadedTypes,\n expandedSpanIds,\n setExpandedSpanIds,\n featuredSpanIds,\n revealSpanId,\n leadingSlot,\n renderTrailing = defaultTrailing,\n}: TraceSpanTimelineProps) {\n if (isLoading) return <TraceSpanTreeLoading />;\n\n const overallLatency = hierarchicalSpans[0]?.latency \|\| 0;\n\n return (\n <>\n {leadingSlot ~~&& <div className=\"px-2 pt-1.5\">{leadingSlot~~}~~</div>}~~\n <SpanTypeLegend spans={hierarchicalSpans} />\n <div className=\"grid grid-cols-[minmax(0,1fr)_auto_minmax(12rem,1fr)] content-start items-start gap-y-px overflow-hidden py-1\">\n <div\n aria-label=\"Trace time axis\"\n className=\"text-ui-xs text-neutral3 col-start-3 flex justify-between px-1 pr-2 pb-1\"\n >\n {TICKS.map(tick => (\n <span key={tick}>{formatTick(overallLatency tick)}</span>\n ))}\n </div>\n <SpanRows\n spans={hierarchicalSpans}\n onSpanClick={onSpanClick}\n selectedSpanId={selectedSpanId}\n revealSpanId={revealSpanId}\n fadedTypes={fadedTypes}\n featuredSpanIds={featuredSpanIds}\n expandedSpanIds={expandedSpanIds}\n setExpandedSpanIds={setExpandedSpanIds}\n renderRow={ctx => <SpanTreeRow ctx={ctx} trailing={renderTrailing} />}\n />\n </div>\n </>\n );\n}\n"],"names":[],"mappings":";;;;;;;AA0BA,MAAM,QAAQ,CAAC,CAAA,EAAG,IAAA,EAAM,GAAA,EAAK,MAAM,CAAC,CAAA;AAEpC,SAAS,WAAW,EAAA,EAAY;AAC9B,EAAA,OAAO,EAAA,GAAK,GAAA,GAAO,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,EAAE,CAAC,CAAA,GAAA,CAAA,GAAQ,CAAA,EAAA,CAAI,EAAA,GAAK,GAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA,CAAA;AACvE;AAEA,MAAM,eAAA,GAAkB,CAAC,GAAA,qBAAwB,GAAA,CAAC,mBAAgB,GAAA,EAAU,CAAA;AAGrE,SAAS,iBAAA,CAAkB;AAAA,EAChC,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA,GAAiB;AACnB,CAAA,EAA2B;AACzB,EAAA,IAAI,SAAA,EAAW,uBAAO,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,MAAM,cAAA,GAAiB,iBAAA,CAAkB,CAAC,CAAA,EAAG,OAAA,IAAW,CAAA;AAExD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA~~,oBAAe,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,WAAA,EAAY,CAAA~~;AAAA,~~oBAC1D~~,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1C,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+GAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAW,iBAAA;AAAA,UACX,SAAA,EAAU,0EAAA;AAAA,UAET,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,qBACT,GAAA,CAAC,MAAA,EAAA,EAAiB,qBAAW,cAAA,GAAiB,IAAI,CAAA,EAAA,EAAvC,IAAyC,CACrD;AAAA;AAAA,OACH;AAAA,sBACA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,iBAAA;AAAA,UACP,WAAA;AAAA,UACA,cAAA;AAAA,UACA,YAAA;AAAA,UACA,UAAA;AAAA,UACA,eAAA;AAAA,UACA,eAAA;AAAA,UACA,kBAAA;AAAA,UACA,WAAW,CAAA,GAAA,qBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,GAAA,EAAU,UAAU,cAAA,EAAgB;AAAA;AAAA;AACrE,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"trace-span-timeline.es.js","sources":["../../../../src/domains/traces/components/trace-span-timeline.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport type { SpanRowContext } from './span-rows';\nimport { SpanRows } from './span-rows';\nimport { SpanTimelineCol } from './span-timeline-col';\nimport { SpanTreeRow } from './span-tree-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { TraceSpanTreeLoading } from './trace-span-tree';\n\nexport type TraceSpanTimelineProps = {\n hierarchicalSpans: UISpan[];\n onSpanClick: (id: string) => void;\n selectedSpanId?: string;\n isLoading?: boolean;\n fadedTypes?: string[];\n expandedSpanIds?: string[];\n setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n featuredSpanIds?: string[];\n /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). /\n revealSpanId?: string;\n /* Rendered full-width above the span type legend row. /\n leadingSlot?: ReactNode;\n /* End-of-row cell. Defaults to the span bar on the shared time axis (`SpanTimelineCol`). /\n renderTrailing?: (ctx: SpanRowContext) => ReactNode;\n};\n\nconst TICKS = [0, 0.25, 0.5, 0.75, 1];\n\nfunction formatTick(ms: number) {\n return ms < 1000 ? `${Math.round(ms)} ms` : `${(ms / 1000).toFixed(2)} s`;\n}\n\nconst defaultTrailing = (ctx: SpanRowContext) => <SpanTimelineCol ctx={ctx} />;\n\n/* Same hierarchy as `TraceSpanTree` (name + expansion controls) with a trailing column of bars on a shared time axis. /\nexport function TraceSpanTimeline({\n hierarchicalSpans = [],\n onSpanClick,\n selectedSpanId,\n isLoading,\n fadedTypes,\n expandedSpanIds,\n setExpandedSpanIds,\n featuredSpanIds,\n revealSpanId,\n leadingSlot,\n renderTrailing = defaultTrailing,\n}: TraceSpanTimelineProps) {\n if (isLoading) return <TraceSpanTreeLoading />;\n\n const overallLatency = hierarchicalSpans[0]?.latency \|\| 0;\n\n return (\n <>\n {leadingSlot}\n <SpanTypeLegend spans={hierarchicalSpans} />\n <div className=\"grid grid-cols-[minmax(0,1fr)_auto_minmax(12rem,1fr)] content-start items-start gap-y-px overflow-hidden py-1\">\n <div\n aria-label=\"Trace time axis\"\n className=\"text-ui-xs text-neutral3 col-start-3 flex justify-between px-1 pr-2 pb-1\"\n >\n {TICKS.map(tick => (\n <span key={tick}>{formatTick(overallLatency tick)}</span>\n ))}\n </div>\n <SpanRows\n spans={hierarchicalSpans}\n onSpanClick={onSpanClick}\n selectedSpanId={selectedSpanId}\n revealSpanId={revealSpanId}\n fadedTypes={fadedTypes}\n featuredSpanIds={featuredSpanIds}\n expandedSpanIds={expandedSpanIds}\n setExpandedSpanIds={setExpandedSpanIds}\n renderRow={ctx => <SpanTreeRow ctx={ctx} trailing={renderTrailing} />}\n />\n </div>\n </>\n );\n}\n"],"names":[],"mappings":";;;;;;;AA0BA,MAAM,QAAQ,CAAC,CAAA,EAAG,IAAA,EAAM,GAAA,EAAK,MAAM,CAAC,CAAA;AAEpC,SAAS,WAAW,EAAA,EAAY;AAC9B,EAAA,OAAO,EAAA,GAAK,GAAA,GAAO,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,EAAE,CAAC,CAAA,GAAA,CAAA,GAAQ,CAAA,EAAA,CAAI,EAAA,GAAK,GAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA,CAAA;AACvE;AAEA,MAAM,eAAA,GAAkB,CAAC,GAAA,qBAAwB,GAAA,CAAC,mBAAgB,GAAA,EAAU,CAAA;AAGrE,SAAS,iBAAA,CAAkB;AAAA,EAChC,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA,GAAiB;AACnB,CAAA,EAA2B;AACzB,EAAA,IAAI,SAAA,EAAW,uBAAO,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,MAAM,cAAA,GAAiB,iBAAA,CAAkB,CAAC,CAAA,EAAG,OAAA,IAAW,CAAA;AAExD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,oBACD,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1C,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+GAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAW,iBAAA;AAAA,UACX,SAAA,EAAU,0EAAA;AAAA,UAET,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,qBACT,GAAA,CAAC,MAAA,EAAA,EAAiB,qBAAW,cAAA,GAAiB,IAAI,CAAA,EAAA,EAAvC,IAAyC,CACrD;AAAA;AAAA,OACH;AAAA,sBACA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,iBAAA;AAAA,UACP,WAAA;AAAA,UACA,cAAA;AAAA,UACA,YAAA;AAAA,UACA,UAAA;AAAA,UACA,eAAA;AAAA,UACA,eAAA;AAAA,UACA,kBAAA;AAAA,UACA,WAAW,CAAA,GAAA,qBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,GAAA,EAAU,UAAU,cAAA,EAAgB;AAAA;AAAA;AACrE,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-span-tree.cjs.js CHANGED Viewed

@@ -41,7 +41,7 @@ function TraceSpanTree({
 }) {
   if (isLoading) return /* @__PURE__ */ jsxRuntime.jsx(TraceSpanTreeLoading, {});
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    leadingSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 pt-1.5", children: leadingSlot }),
+    leadingSlot,
     /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanTypeLegend.SpanTypeLegend, { spans: hierarchicalSpans }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-[minmax(0,1fr)_auto_auto] content-start items-start gap-y-px overflow-hidden py-1", children: /* @__PURE__ */ jsxRuntime.jsx(
       domains_traces_components_spanRows.SpanRows,

package/dist/domains/traces/components/trace-span-tree.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-span-tree.cjs.js","sources":["../../../../src/domains/traces/components/trace-span-tree.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport { SpanDurationCol } from './span-duration-col';\nimport type { SpanRowContext } from './span-rows';\nimport { SpanRows } from './span-rows';\nimport { SpanTreeRow } from './span-tree-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { cn } from '@/lib/utils';\n\nexport type TraceSpanTreeProps = {\n hierarchicalSpans: UISpan[];\n onSpanClick: (id: string) => void;\n selectedSpanId?: string;\n isLoading?: boolean;\n fadedTypes?: string[];\n expandedSpanIds?: string[];\n setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n featuredSpanIds?: string[];\n /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). /\n revealSpanId?: string;\n /* Rendered full-width above the span type legend row. /\n leadingSlot?: ReactNode;\n /* End-of-row cell. Defaults to the span duration as `X.XXX s`. /\n renderTrailing?: (ctx: SpanRowContext) => ReactNode;\n};\n\nexport function TraceSpanTreeLoading() {\n return (\n <div\n className={cn(\n 'flex items-center justify-center gap-3 rounded-md bg-surface3/50 p-3 text-ui-sm text-neutral3',\n '[&_svg]:size-[1.25em] [&_svg]:opacity-50',\n )}\n >\n <Spinner /> Loading Trace Timeline ...\n </div>\n );\n}\n\nconst defaultTrailing = (ctx: SpanRowContext) => (\n <SpanDurationCol span={ctx.span} isSelected={ctx.isSelected} isFaded={ctx.isFaded} />\n);\n\n/* Hierarchical span tree: name, expansion controls and a trailing cell per row. */\nexport function TraceSpanTree({\n hierarchicalSpans = [],\n onSpanClick,\n selectedSpanId,\n isLoading,\n fadedTypes,\n expandedSpanIds,\n setExpandedSpanIds,\n featuredSpanIds,\n revealSpanId,\n leadingSlot,\n renderTrailing = defaultTrailing,\n}: TraceSpanTreeProps) {\n if (isLoading) return <TraceSpanTreeLoading />;\n\n return (\n <>\n {leadingSlot ~~&& <div className=\"px-2 pt-1.5\">{leadingSlot~~}~~</div>}~~\n <SpanTypeLegend spans={hierarchicalSpans} />\n <div className=\"grid grid-cols-[minmax(0,1fr)_auto_auto] content-start items-start gap-y-px overflow-hidden py-1\">\n <SpanRows\n spans={hierarchicalSpans}\n onSpanClick={onSpanClick}\n selectedSpanId={selectedSpanId}\n revealSpanId={revealSpanId}\n fadedTypes={fadedTypes}\n featuredSpanIds={featuredSpanIds}\n expandedSpanIds={expandedSpanIds}\n setExpandedSpanIds={setExpandedSpanIds}\n renderRow={ctx => <SpanTreeRow ctx={ctx} trailing={renderTrailing} />}\n />\n </div>\n </>\n );\n}\n"],"names":["jsxs","cn","jsx","Spinner","SpanDurationCol","Fragment","SpanTypeLegend","SpanRows","SpanTreeRow"],"mappings":";;;;;;;;;;;;AA2BO,SAAS,oBAAA,GAAuB;AACrC,EAAA,uBACEA,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,+FAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAACC,eAAA,EAAA,EAAQ,CAAA;AAAA,QAAE;AAAA;AAAA;AAAA,GACb;AAEJ;AAEA,MAAM,eAAA,GAAkB,CAAC,GAAA,qBACvBD,cAAA,CAACE,yDAAA,EAAA,EAAgB,IAAA,EAAM,GAAA,CAAI,IAAA,EAAM,UAAA,EAAY,GAAA,CAAI,UAAA,EAAY,OAAA,EAAS,IAAI,OAAA,EAAS,CAAA;AAI9E,SAAS,aAAA,CAAc;AAAA,EAC5B,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA,GAAiB;AACnB,CAAA,EAAuB;AACrB,EAAA,IAAI,SAAA,EAAW,uBAAOF,cAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,uBACEF,eAAA,CAAAK,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA~~,oBAAeH,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,WAAA,EAAY,CAAA~~;AAAA,~~oBAC1DA~~,cAAA,CAACI,uDAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1CJ,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kGAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAACK,2CAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,iBAAA;AAAA,QACP,WAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,UAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QACA,kBAAA;AAAA,QACA,WAAW,CAAA,GAAA,qBAAOL,cAAA,CAACM,iDAAA,EAAA,EAAY,GAAA,EAAU,UAAU,cAAA,EAAgB;AAAA;AAAA,KACrE,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;;"}
1	+ {"version":3,"file":"trace-span-tree.cjs.js","sources":["../../../../src/domains/traces/components/trace-span-tree.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport { SpanDurationCol } from './span-duration-col';\nimport type { SpanRowContext } from './span-rows';\nimport { SpanRows } from './span-rows';\nimport { SpanTreeRow } from './span-tree-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { cn } from '@/lib/utils';\n\nexport type TraceSpanTreeProps = {\n hierarchicalSpans: UISpan[];\n onSpanClick: (id: string) => void;\n selectedSpanId?: string;\n isLoading?: boolean;\n fadedTypes?: string[];\n expandedSpanIds?: string[];\n setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n featuredSpanIds?: string[];\n /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). /\n revealSpanId?: string;\n /* Rendered full-width above the span type legend row. /\n leadingSlot?: ReactNode;\n /* End-of-row cell. Defaults to the span duration as `X.XXX s`. /\n renderTrailing?: (ctx: SpanRowContext) => ReactNode;\n};\n\nexport function TraceSpanTreeLoading() {\n return (\n <div\n className={cn(\n 'flex items-center justify-center gap-3 rounded-md bg-surface3/50 p-3 text-ui-sm text-neutral3',\n '[&_svg]:size-[1.25em] [&_svg]:opacity-50',\n )}\n >\n <Spinner /> Loading Trace Timeline ...\n </div>\n );\n}\n\nconst defaultTrailing = (ctx: SpanRowContext) => (\n <SpanDurationCol span={ctx.span} isSelected={ctx.isSelected} isFaded={ctx.isFaded} />\n);\n\n/* Hierarchical span tree: name, expansion controls and a trailing cell per row. */\nexport function TraceSpanTree({\n hierarchicalSpans = [],\n onSpanClick,\n selectedSpanId,\n isLoading,\n fadedTypes,\n expandedSpanIds,\n setExpandedSpanIds,\n featuredSpanIds,\n revealSpanId,\n leadingSlot,\n renderTrailing = defaultTrailing,\n}: TraceSpanTreeProps) {\n if (isLoading) return <TraceSpanTreeLoading />;\n\n return (\n <>\n {leadingSlot}\n <SpanTypeLegend spans={hierarchicalSpans} />\n <div className=\"grid grid-cols-[minmax(0,1fr)_auto_auto] content-start items-start gap-y-px overflow-hidden py-1\">\n <SpanRows\n spans={hierarchicalSpans}\n onSpanClick={onSpanClick}\n selectedSpanId={selectedSpanId}\n revealSpanId={revealSpanId}\n fadedTypes={fadedTypes}\n featuredSpanIds={featuredSpanIds}\n expandedSpanIds={expandedSpanIds}\n setExpandedSpanIds={setExpandedSpanIds}\n renderRow={ctx => <SpanTreeRow ctx={ctx} trailing={renderTrailing} />}\n />\n </div>\n </>\n );\n}\n"],"names":["jsxs","cn","jsx","Spinner","SpanDurationCol","Fragment","SpanTypeLegend","SpanRows","SpanTreeRow"],"mappings":";;;;;;;;;;;;AA2BO,SAAS,oBAAA,GAAuB;AACrC,EAAA,uBACEA,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,+FAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAACC,eAAA,EAAA,EAAQ,CAAA;AAAA,QAAE;AAAA;AAAA;AAAA,GACb;AAEJ;AAEA,MAAM,eAAA,GAAkB,CAAC,GAAA,qBACvBD,cAAA,CAACE,yDAAA,EAAA,EAAgB,IAAA,EAAM,GAAA,CAAI,IAAA,EAAM,UAAA,EAAY,GAAA,CAAI,UAAA,EAAY,OAAA,EAAS,IAAI,OAAA,EAAS,CAAA;AAI9E,SAAS,aAAA,CAAc;AAAA,EAC5B,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA,GAAiB;AACnB,CAAA,EAAuB;AACrB,EAAA,IAAI,SAAA,EAAW,uBAAOF,cAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,uBACEF,eAAA,CAAAK,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,oBACDH,cAAA,CAACI,uDAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1CJ,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kGAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAACK,2CAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,iBAAA;AAAA,QACP,WAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,UAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QACA,kBAAA;AAAA,QACA,WAAW,CAAA,GAAA,qBAAOL,cAAA,CAACM,iDAAA,EAAA,EAAY,GAAA,EAAU,UAAU,cAAA,EAAgB;AAAA;AAAA,KACrE,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;;"}

package/dist/domains/traces/components/trace-span-tree.es.js CHANGED Viewed

@@ -37,7 +37,7 @@ function TraceSpanTree({
 }) {
   if (isLoading) return /* @__PURE__ */ jsx(TraceSpanTreeLoading, {});
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    leadingSlot && /* @__PURE__ */ jsx("div", { className: "px-2 pt-1.5", children: leadingSlot }),
+    leadingSlot,
     /* @__PURE__ */ jsx(SpanTypeLegend, { spans: hierarchicalSpans }),
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-[minmax(0,1fr)_auto_auto] content-start items-start gap-y-px overflow-hidden py-1", children: /* @__PURE__ */ jsx(
       SpanRows,

package/dist/domains/traces/components/trace-span-tree.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-span-tree.es.js","sources":["../../../../src/domains/traces/components/trace-span-tree.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport { SpanDurationCol } from './span-duration-col';\nimport type { SpanRowContext } from './span-rows';\nimport { SpanRows } from './span-rows';\nimport { SpanTreeRow } from './span-tree-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { cn } from '@/lib/utils';\n\nexport type TraceSpanTreeProps = {\n hierarchicalSpans: UISpan[];\n onSpanClick: (id: string) => void;\n selectedSpanId?: string;\n isLoading?: boolean;\n fadedTypes?: string[];\n expandedSpanIds?: string[];\n setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n featuredSpanIds?: string[];\n /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). /\n revealSpanId?: string;\n /* Rendered full-width above the span type legend row. /\n leadingSlot?: ReactNode;\n /* End-of-row cell. Defaults to the span duration as `X.XXX s`. /\n renderTrailing?: (ctx: SpanRowContext) => ReactNode;\n};\n\nexport function TraceSpanTreeLoading() {\n return (\n <div\n className={cn(\n 'flex items-center justify-center gap-3 rounded-md bg-surface3/50 p-3 text-ui-sm text-neutral3',\n '[&_svg]:size-[1.25em] [&_svg]:opacity-50',\n )}\n >\n <Spinner /> Loading Trace Timeline ...\n </div>\n );\n}\n\nconst defaultTrailing = (ctx: SpanRowContext) => (\n <SpanDurationCol span={ctx.span} isSelected={ctx.isSelected} isFaded={ctx.isFaded} />\n);\n\n/* Hierarchical span tree: name, expansion controls and a trailing cell per row. */\nexport function TraceSpanTree({\n hierarchicalSpans = [],\n onSpanClick,\n selectedSpanId,\n isLoading,\n fadedTypes,\n expandedSpanIds,\n setExpandedSpanIds,\n featuredSpanIds,\n revealSpanId,\n leadingSlot,\n renderTrailing = defaultTrailing,\n}: TraceSpanTreeProps) {\n if (isLoading) return <TraceSpanTreeLoading />;\n\n return (\n <>\n {leadingSlot ~~&& <div className=\"px-2 pt-1.5\">{leadingSlot~~}~~</div>}~~\n <SpanTypeLegend spans={hierarchicalSpans} />\n <div className=\"grid grid-cols-[minmax(0,1fr)_auto_auto] content-start items-start gap-y-px overflow-hidden py-1\">\n <SpanRows\n spans={hierarchicalSpans}\n onSpanClick={onSpanClick}\n selectedSpanId={selectedSpanId}\n revealSpanId={revealSpanId}\n fadedTypes={fadedTypes}\n featuredSpanIds={featuredSpanIds}\n expandedSpanIds={expandedSpanIds}\n setExpandedSpanIds={setExpandedSpanIds}\n renderRow={ctx => <SpanTreeRow ctx={ctx} trailing={renderTrailing} />}\n />\n </div>\n </>\n );\n}\n"],"names":[],"mappings":";;;;;;;;AA2BO,SAAS,oBAAA,GAAuB;AACrC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,+FAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,CAAA;AAAA,QAAE;AAAA;AAAA;AAAA,GACb;AAEJ;AAEA,MAAM,eAAA,GAAkB,CAAC,GAAA,qBACvB,GAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAM,GAAA,CAAI,IAAA,EAAM,UAAA,EAAY,GAAA,CAAI,UAAA,EAAY,OAAA,EAAS,IAAI,OAAA,EAAS,CAAA;AAI9E,SAAS,aAAA,CAAc;AAAA,EAC5B,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA,GAAiB;AACnB,CAAA,EAAuB;AACrB,EAAA,IAAI,SAAA,EAAW,uBAAO,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA~~,oBAAe,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,WAAA,EAAY,CAAA~~;AAAA,~~oBAC1D~~,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1C,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kGAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,iBAAA;AAAA,QACP,WAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,UAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QACA,kBAAA;AAAA,QACA,WAAW,CAAA,GAAA,qBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,GAAA,EAAU,UAAU,cAAA,EAAgB;AAAA;AAAA,KACrE,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"trace-span-tree.es.js","sources":["../../../../src/domains/traces/components/trace-span-tree.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport { SpanDurationCol } from './span-duration-col';\nimport type { SpanRowContext } from './span-rows';\nimport { SpanRows } from './span-rows';\nimport { SpanTreeRow } from './span-tree-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { cn } from '@/lib/utils';\n\nexport type TraceSpanTreeProps = {\n hierarchicalSpans: UISpan[];\n onSpanClick: (id: string) => void;\n selectedSpanId?: string;\n isLoading?: boolean;\n fadedTypes?: string[];\n expandedSpanIds?: string[];\n setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n featuredSpanIds?: string[];\n /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). /\n revealSpanId?: string;\n /* Rendered full-width above the span type legend row. /\n leadingSlot?: ReactNode;\n /* End-of-row cell. Defaults to the span duration as `X.XXX s`. /\n renderTrailing?: (ctx: SpanRowContext) => ReactNode;\n};\n\nexport function TraceSpanTreeLoading() {\n return (\n <div\n className={cn(\n 'flex items-center justify-center gap-3 rounded-md bg-surface3/50 p-3 text-ui-sm text-neutral3',\n '[&_svg]:size-[1.25em] [&_svg]:opacity-50',\n )}\n >\n <Spinner /> Loading Trace Timeline ...\n </div>\n );\n}\n\nconst defaultTrailing = (ctx: SpanRowContext) => (\n <SpanDurationCol span={ctx.span} isSelected={ctx.isSelected} isFaded={ctx.isFaded} />\n);\n\n/* Hierarchical span tree: name, expansion controls and a trailing cell per row. */\nexport function TraceSpanTree({\n hierarchicalSpans = [],\n onSpanClick,\n selectedSpanId,\n isLoading,\n fadedTypes,\n expandedSpanIds,\n setExpandedSpanIds,\n featuredSpanIds,\n revealSpanId,\n leadingSlot,\n renderTrailing = defaultTrailing,\n}: TraceSpanTreeProps) {\n if (isLoading) return <TraceSpanTreeLoading />;\n\n return (\n <>\n {leadingSlot}\n <SpanTypeLegend spans={hierarchicalSpans} />\n <div className=\"grid grid-cols-[minmax(0,1fr)_auto_auto] content-start items-start gap-y-px overflow-hidden py-1\">\n <SpanRows\n spans={hierarchicalSpans}\n onSpanClick={onSpanClick}\n selectedSpanId={selectedSpanId}\n revealSpanId={revealSpanId}\n fadedTypes={fadedTypes}\n featuredSpanIds={featuredSpanIds}\n expandedSpanIds={expandedSpanIds}\n setExpandedSpanIds={setExpandedSpanIds}\n renderRow={ctx => <SpanTreeRow ctx={ctx} trailing={renderTrailing} />}\n />\n </div>\n </>\n );\n}\n"],"names":[],"mappings":";;;;;;;;AA2BO,SAAS,oBAAA,GAAuB;AACrC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,+FAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,CAAA;AAAA,QAAE;AAAA;AAAA;AAAA,GACb;AAEJ;AAEA,MAAM,eAAA,GAAkB,CAAC,GAAA,qBACvB,GAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAM,GAAA,CAAI,IAAA,EAAM,UAAA,EAAY,GAAA,CAAI,UAAA,EAAY,OAAA,EAAS,IAAI,OAAA,EAAS,CAAA;AAI9E,SAAS,aAAA,CAAc;AAAA,EAC5B,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA,GAAiB;AACnB,CAAA,EAAuB;AACrB,EAAA,IAAI,SAAA,EAAW,uBAAO,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,oBACD,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1C,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kGAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,iBAAA;AAAA,QACP,WAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,UAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QACA,kBAAA;AAAA,QACA,WAAW,CAAA,GAAA,qBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,GAAA,EAAU,UAAU,cAAA,EAAgB;AAAA;AAAA,KACrE,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}