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

package/dist/DataList-CUhRQAv6.js

@@ -1,408 +0,0 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
-import { formatDate } from "./utils/date-format.es.js";
-import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "./tooltip-HzcLyGtV.js";
-import { t as Txt } from "./Txt-BM6TVV_c.js";
-import { AgentIcon } from "./icons/AgentIcon.es.js";
-import { MemoryIcon } from "./icons/MemoryIcon.es.js";
-import { ToolsIcon } from "./icons/ToolsIcon.es.js";
-import { WorkflowIcon as WorkflowIcon$1 } from "./icons/WorkflowIcon.es.js";
-import { McpServerIcon } from "./icons/McpServerIcon.es.js";
-import { ProcessorIcon } from "./icons/ProcessorIcon.es.js";
-import { ScorersIcon } from "./icons/ScorersIcon.es.js";
-import { t as Badge } from "./Badge-aVu5iGAF.js";
-import { C as splitColumns, S as dataListRowOuterStyles, _ as DataListCreatedCell, a as DataListSpacer, b as DataListTextCell, f as DataListRowButton, g as DataListCell, h as DataListNextPageLoading, i as DataListSubheader, l as DataListTopCellWithTooltip, m as DataListNoMatch, n as DataListTop, o as DataListSortableTopCell, p as DataListRoot, r as DataListSubHeading, s as DataListTopCell, y as DataListIdCell } from "./data-list-DHCOoLmj.js";
-import { Fragment } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { CornerDownRightIcon, DatabaseIcon, ListTreeIcon, RouteIcon, SplitIcon } from "lucide-react";
-// src/ds/components/DataList/data-list-skeleton.tsx
-var widths = [
-	"75%",
-	"50%",
-	"65%",
-	"90%",
-	"60%",
-	"80%"
-];
-var headerWidths = [
-	"3rem",
-	"5rem",
-	"4rem",
-	"3.5rem",
-	"4.5rem",
-	"3rem"
-];
-function SkeletonBar({ width, className }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("h-4 animate-pulse rounded-lg bg-(--data-list-background) text-transparent select-none", className),
-		style: { width }
-	});
-}
-/**
-* Placeholder rows only, for lists that keep their real root and header while
-* loading (e.g. virtualized lists that must keep the same scroll container).
-*/
-function DataListSkeletonRows({ columnCount, numberOfRows = 3 }) {
-	const getPseudoRandomWidth = (rowIdx, colIdx) => {
-		return widths[(rowIdx + colIdx + columnCount + numberOfRows) % widths.length] ?? widths[0];
-	};
-	return Array.from({ length: numberOfRows }).map((_, rowIdx) => /* @__PURE__ */ jsx("div", {
-		className: cn("data-list-cells grid grid-cols-subgrid gap-4 px-3", ...dataListRowOuterStyles),
-		children: Array.from({ length: columnCount }).map((_, colIdx) => /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx(SkeletonBar, { width: getPseudoRandomWidth(rowIdx, colIdx) }) }, colIdx))
-	}, rowIdx));
-}
-/**
-* Loading placeholder mirroring the real list: same root, a sticky header
-* band with one placeholder label per column, then rows of placeholder cells.
-*/
-function DataListSkeleton({ columns = "auto 1fr auto auto", numberOfRows = 3, fit, variant }) {
-	const columnParts = splitColumns(columns);
-	const columnCount = columnParts.length;
-	const skeletonColumns = columnParts.map((col) => col === "auto" ? "minmax(6rem, auto)" : col).join(" ");
-	return /* @__PURE__ */ jsxs(DataListRoot, {
-		columns: skeletonColumns,
-		fit,
-		variant,
-		children: [/* @__PURE__ */ jsx(DataListTop, { children: Array.from({ length: columnCount }).map((_, colIdx) => /* @__PURE__ */ jsx(DataListTopCell, { children: /* @__PURE__ */ jsx(SkeletonBar, {
-			width: headerWidths[colIdx % headerWidths.length] ?? headerWidths[0],
-			className: "h-3"
-		}) }, colIdx)) }), /* @__PURE__ */ jsx(DataListSkeletonRows, {
-			columnCount,
-			numberOfRows
-		})]
-	});
-}
-// src/ds/components/DataList/ScoresDataList/scores-data-list-cells.tsx
-function ScoresDataListDateCell({ timestamp }) {
-	return /* @__PURE__ */ jsx(DataListCell, {
-		className: "text-muted-foreground",
-		children: formatDate(timestamp, "date") ?? "-"
-	});
-}
-function ScoresDataListTimeCell({ timestamp }) {
-	return /* @__PURE__ */ jsx(DataListCell, {
-		className: "text-body-sm text-muted-foreground",
-		children: formatDate(timestamp, "time") ?? "-"
-	});
-}
-function ScoresDataListInputCell({ input }) {
-	const display = input != null ? JSON.stringify(input) : "-";
-	return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx(Txt, {
-		as: "span",
-		variant: "body-sm",
-		tone: "muted",
-		font: "mono",
-		className: "block max-w-full min-w-0 truncate",
-		title: display,
-		children: display
-	}) });
-}
-function ScoresDataListEntityCell({ entityId }) {
-	const display = entityId || "-";
-	return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx(Txt, {
-		as: "span",
-		variant: "body-sm",
-		className: "block max-w-full min-w-0 truncate",
-		title: display,
-		children: display
-	}) });
-}
-function ScoresDataListScoreCell({ score }) {
-	const display = score == null ? "-" : typeof score === "object" ? JSON.stringify(score) : String(score);
-	return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx(Txt, {
-		as: "span",
-		variant: "body-sm",
-		tone: "muted",
-		font: "mono",
-		className: "block max-w-full min-w-0 truncate",
-		title: display,
-		children: display
-	}) });
-}
-// src/ds/components/DataList/ScoresDataList/scores-data-list.tsx
-function ScoresDataListRoot(props) {
-	return /* @__PURE__ */ jsx(DataListRoot, { ...props });
-}
-var ScoresDataList = Object.assign(ScoresDataListRoot, {
-	Top: DataListTop,
-	TopCell: DataListTopCell,
-	SortableTopCell: DataListSortableTopCell,
-	RowButton: DataListRowButton,
-	NoMatch: DataListNoMatch,
-	NextPageLoading: DataListNextPageLoading,
-	DateCell: ScoresDataListDateCell,
-	TimeCell: ScoresDataListTimeCell,
-	InputCell: ScoresDataListInputCell,
-	EntityCell: ScoresDataListEntityCell,
-	ScoreCell: ScoresDataListScoreCell
-});
-// src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx
-function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }) {
-	const isRoot = parentSpanId == null;
-	const Icon = isRoot ? ListTreeIcon : CornerDownRightIcon;
-	const label = isRoot ? "Trace" : "Subtrace";
-	const icon = /* @__PURE__ */ jsx("span", {
-		"aria-label": label,
-		className: "inline-flex shrink-0",
-		children: /* @__PURE__ */ jsx(Icon, {
-			className: cn("size-4 shrink-0", isRoot ? "text-muted-foreground" : "text-placeholder"),
-			"aria-hidden": true
-		})
-	});
-	return /* @__PURE__ */ jsxs(DataListCell, {
-		className: "flex min-w-0 items-center gap-2 text-body-sm text-muted-foreground",
-		children: [showLevelTooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-			asChild: true,
-			children: icon
-		}), /* @__PURE__ */ jsx(TooltipContent, { children: label })] }) : icon, /* @__PURE__ */ jsx("span", {
-			className: "min-w-0 truncate",
-			children: name || "-"
-		})]
-	});
-}
-function TracesDataListInputCell({ input }) {
-	return /* @__PURE__ */ jsx(DataListTextCell, {
-		font: "mono",
-		children: input || "-"
-	});
-}
-function TracesDataListOutputCell({ output, error, status }) {
-	const failed = status === "error";
-	return /* @__PURE__ */ jsx(DataListTextCell, {
-		font: "mono",
-		className: failed ? "text-destructive-foreground" : void 0,
-		children: (failed ? error : output) || "-"
-	});
-}
-var ENTITY_TYPE_DISPLAY = {
-	agent: {
-		label: "Agent",
-		Icon: AgentIcon
-	},
-	workflow: {
-		label: "Workflow",
-		Icon: WorkflowIcon$1
-	},
-	workflow_run: {
-		label: "Workflow",
-		Icon: WorkflowIcon$1
-	},
-	workflow_step: {
-		label: "Step",
-		Icon: WorkflowIcon$1
-	},
-	tool: {
-		label: "Tool",
-		Icon: ToolsIcon
-	},
-	scorer: {
-		label: "Scorer",
-		Icon: ScorersIcon
-	},
-	classifier: {
-		label: "Classifier",
-		Icon: SplitIcon
-	},
-	memory: {
-		label: "Memory",
-		Icon: MemoryIcon
-	},
-	mcp_server: {
-		label: "MCP Server",
-		Icon: McpServerIcon
-	},
-	input_processor: {
-		label: "Processor",
-		Icon: ProcessorIcon
-	},
-	input_step_processor: {
-		label: "Processor",
-		Icon: ProcessorIcon
-	},
-	output_processor: {
-		label: "Processor",
-		Icon: ProcessorIcon
-	},
-	output_step_processor: {
-		label: "Processor",
-		Icon: ProcessorIcon
-	},
-	tool_result_processor: {
-		label: "Processor",
-		Icon: ProcessorIcon
-	},
-	rag_ingestion: {
-		label: "RAG",
-		Icon: DatabaseIcon
-	},
-	trajectory: {
-		label: "Trajectory",
-		Icon: RouteIcon
-	}
-};
-function TracesDataListTypeCell({ entityType }) {
-	const display = entityType ? ENTITY_TYPE_DISPLAY[entityType.toLowerCase()] : void 0;
-	return /* @__PURE__ */ jsx(DataListCell, {
-		className: "flex min-w-0 items-center gap-2",
-		children: display ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(display.Icon, {
-			className: "size-3.5 shrink-0 text-placeholder",
-			"aria-hidden": true
-		}), /* @__PURE__ */ jsx(Txt, {
-			as: "span",
-			variant: "body-sm",
-			className: "min-w-0 truncate",
-			children: display.label
-		})] }) : "-"
-	});
-}
-var UNSET_STATUS_CONFIG = {
-	label: "-",
-	variant: "neutral"
-};
-var STATUS_CONFIG = {
-	completed: {
-		label: "OK",
-		variant: "success"
-	},
-	ok: {
-		label: "OK",
-		variant: "success"
-	},
-	success: {
-		label: "OK",
-		variant: "success"
-	},
-	error: {
-		label: "ERR",
-		variant: "destructive"
-	},
-	running: {
-		label: "RUN",
-		variant: "neutral"
-	},
-	unset: UNSET_STATUS_CONFIG
-};
-function TracesDataListStatusCell({ status }) {
-	const config = STATUS_CONFIG[(status ?? "unset").toLowerCase()] ?? UNSET_STATUS_CONFIG;
-	return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx(Badge, {
-		size: "xs",
-		variant: config.variant,
-		children: config.label
-	}) });
-}
-var OUTCOME_CONFIG = {
-	success: {
-		label: "OK",
-		variant: "success"
-	},
-	error: {
-		label: "ERR",
-		variant: "destructive"
-	},
-	abort: {
-		label: "Abort",
-		variant: "warning"
-	},
-	interrupted: {
-		label: "Interrupted",
-		variant: "warning"
-	},
-	limit: {
-		label: "Limit",
-		variant: "orange"
-	},
-	blocked: {
-		label: "Blocked",
-		variant: "orange"
-	},
-	suspend: {
-		label: "Suspend",
-		variant: "info"
-	},
-	unknown: {
-		label: "Unknown",
-		variant: "neutral"
-	}
-};
-var formatContextValue = (value) => typeof value === "string" ? value : JSON.stringify(value);
-function TracesDataListOutcomeCell({ outcome, status }) {
-	if (!outcome) {
-		const config = STATUS_CONFIG[(status ?? "unset").toLowerCase()] ?? UNSET_STATUS_CONFIG;
-		const badge = /* @__PURE__ */ jsx(Badge, {
-			size: "xs",
-			variant: config.variant,
-			children: config.label
-		});
-		return /* @__PURE__ */ jsx(DataListCell, { children: config === UNSET_STATUS_CONFIG ? badge : /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-			render: /* @__PURE__ */ jsx("span", { className: "inline-flex" }),
-			children: badge
-		}), /* @__PURE__ */ jsx(TooltipContent, { children: "Outcome not recorded; status from error" })] }) });
-	}
-	const config = OUTCOME_CONFIG[outcome.toLowerCase()] ?? {
-		label: outcome,
-		variant: "neutral"
-	};
-	return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx(Badge, {
-		size: "xs",
-		variant: config.variant,
-		children: config.label
-	}) });
-}
-function TracesDataListStopReasonCell({ stopReason, stopReasonContext }) {
-	if (!stopReason) return /* @__PURE__ */ jsx(DataListCell, {});
-	const contextEntries = stopReasonContext ? Object.entries(stopReasonContext) : [];
-	if (contextEntries.length === 0) return /* @__PURE__ */ jsx(DataListTextCell, {
-		font: "mono",
-		children: stopReason
-	});
-	return /* @__PURE__ */ jsx(DataListCell, {
-		className: "flex items-center",
-		children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-			render: /* @__PURE__ */ jsx("span", { className: "inline-flex min-w-0" }),
-			children: /* @__PURE__ */ jsx(Txt, {
-				as: "span",
-				variant: "body-sm",
-				tone: "muted",
-				font: "mono",
-				className: "truncate",
-				children: stopReason
-			})
-		}), /* @__PURE__ */ jsxs(TooltipContent, { children: [/* @__PURE__ */ jsx(Txt, {
-			as: "p",
-			variant: "body-sm",
-			font: "mono",
-			className: "mb-1",
-			children: stopReason
-		}), /* @__PURE__ */ jsx("dl", {
-			className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-0.5",
-			children: contextEntries.map(([key, value]) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", { children: key }), /* @__PURE__ */ jsx("dd", { children: formatContextValue(value) })] }, key))
-		})] })] })
-	});
-}
-// src/ds/components/DataList/TracesDataList/traces-data-list.tsx
-function TracesDataListRoot(props) {
-	return /* @__PURE__ */ jsx(DataListRoot, { ...props });
-}
-var TracesDataList = Object.assign(TracesDataListRoot, {
-	Top: DataListTop,
-	TopCell: DataListTopCell,
-	SortableTopCell: DataListSortableTopCell,
-	TopCellWithTooltip: DataListTopCellWithTooltip,
-	RowButton: DataListRowButton,
-	NoMatch: DataListNoMatch,
-	Subheader: DataListSubheader,
-	SubHeading: DataListSubHeading,
-	Spacer: DataListSpacer,
-	IdCell: DataListIdCell,
-	CreatedCell: DataListCreatedCell,
-	NameCell: TracesDataListNameCell,
-	InputCell: TracesDataListInputCell,
-	OutputCell: TracesDataListOutputCell,
-	TypeCell: TracesDataListTypeCell,
-	StatusCell: TracesDataListStatusCell,
-	OutcomeCell: TracesDataListOutcomeCell,
-	StopReasonCell: TracesDataListStopReasonCell,
-	NextPageLoading: DataListNextPageLoading
-});
-export { DataListSkeletonRows as i, ScoresDataList as n, DataListSkeleton as r, TracesDataList as t };
-
-//# sourceMappingURL=DataList-CUhRQAv6.js.map

package/dist/DataList-CUhRQAv6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataList-CUhRQAv6.js","names":["WorkflowIcon","_Fragment"],"sources":["../src/ds/components/DataList/data-list-skeleton.tsx","../src/ds/components/DataList/ScoresDataList/scores-data-list-cells.tsx","../src/ds/components/DataList/ScoresDataList/scores-data-list.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list.tsx"],"sourcesContent":["import { DataListCell } from './data-list-cells';\nimport { DataListRoot } from './data-list-root';\nimport type { DataListFit, DataListVariant } from './data-list-root';\nimport { DataListTop } from './data-list-top';\nimport { DataListTopCell } from './data-list-top-cell';\nimport { dataListRowOuterStyles, splitColumns } from './shared';\nimport { cn } from '@/lib/utils';\n\nconst widths = ['75%', '50%', '65%', '90%', '60%', '80%'] as const;\nconst headerWidths = ['3rem', '5rem', '4rem', '3.5rem', '4.5rem', '3rem'] as const;\n\nexport type DataListSkeletonProps = {\n  columns?: string;\n  numberOfRows?: number;\n  fit?: DataListFit;\n  variant?: DataListVariant;\n};\n\nfunction SkeletonBar({ width, className }: { width: string; className?: string }) {\n  return (\n    <div\n      className={cn('h-4 animate-pulse rounded-lg bg-(--data-list-background) text-transparent select-none', className)}\n      style={{ width }}\n    />\n  );\n}\n\nexport type DataListSkeletonRowsProps = {\n  columnCount: number;\n  numberOfRows?: number;\n};\n\n/**\n * Placeholder rows only, for lists that keep their real root and header while\n * loading (e.g. virtualized lists that must keep the same scroll container).\n */\nexport function DataListSkeletonRows({ columnCount, numberOfRows = 3 }: DataListSkeletonRowsProps) {\n  const getPseudoRandomWidth = (rowIdx: number, colIdx: number) => {\n    const index = (rowIdx + colIdx + columnCount + numberOfRows) % widths.length;\n    return widths[index] ?? widths[0];\n  };\n\n  return Array.from({ length: numberOfRows }).map((_, rowIdx) => (\n    <div key={rowIdx} className={cn('data-list-cells grid grid-cols-subgrid gap-4 px-3', ...dataListRowOuterStyles)}>\n      {Array.from({ length: columnCount }).map((_, colIdx) => (\n        <DataListCell key={colIdx}>\n          <SkeletonBar width={getPseudoRandomWidth(rowIdx, colIdx)} />\n        </DataListCell>\n      ))}\n    </div>\n  ));\n}\n\n/**\n * Loading placeholder mirroring the real list: same root, a sticky header\n * band with one placeholder label per column, then rows of placeholder cells.\n */\nexport function DataListSkeleton({\n  columns = 'auto 1fr auto auto',\n  numberOfRows = 3,\n  fit,\n  variant,\n}: DataListSkeletonProps) {\n  const columnParts = splitColumns(columns);\n  const columnCount = columnParts.length;\n  const skeletonColumns = columnParts.map(col => (col === 'auto' ? 'minmax(6rem, auto)' : col)).join(' ');\n\n  return (\n    <DataListRoot columns={skeletonColumns} fit={fit} variant={variant}>\n      <DataListTop>\n        {Array.from({ length: columnCount }).map((_, colIdx) => (\n          <DataListTopCell key={colIdx}>\n            <SkeletonBar width={headerWidths[colIdx % headerWidths.length] ?? headerWidths[0]} className=\"h-3\" />\n          </DataListTopCell>\n        ))}\n      </DataListTop>\n      <DataListSkeletonRows columnCount={columnCount} numberOfRows={numberOfRows} />\n    </DataListRoot>\n  );\n}\n","import { DataListCell } from '../data-list-cells';\nimport { Txt } from '@/ds/components/Txt';\nimport { formatDate } from '@/utils/date-format';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\n// ---------------------------------------------------------------------------\n// DateCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListDateCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps) {\n  return <DataListCell className=\"text-muted-foreground\">{formatDate(timestamp, 'date') ?? '-'}</DataListCell>;\n}\n\n// ---------------------------------------------------------------------------\n// TimeCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps) {\n  return (\n    <DataListCell className=\"text-body-sm text-muted-foreground\">{formatDate(timestamp, 'time') ?? '-'}</DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListInputCellProps {\n  input?: unknown;\n}\n\nexport function ScoresDataListInputCell({ input }: ScoresDataListInputCellProps) {\n  const display = input != null ? JSON.stringify(input) : '-';\n  return (\n    <DataListCell>\n      <Txt\n        as=\"span\"\n        variant=\"body-sm\"\n        tone=\"muted\"\n        font=\"mono\"\n        className=\"block max-w-full min-w-0 truncate\"\n        title={display}\n      >\n        {display}\n      </Txt>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListEntityCellProps {\n  entityId?: string | null;\n}\n\nexport function ScoresDataListEntityCell({ entityId }: ScoresDataListEntityCellProps) {\n  const display = entityId || '-';\n  return (\n    <DataListCell>\n      <Txt as=\"span\" variant=\"body-sm\" className=\"block max-w-full min-w-0 truncate\" title={display}>\n        {display}\n      </Txt>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// ScoreCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListScoreCellProps {\n  score?: unknown;\n}\n\nexport function ScoresDataListScoreCell({ score }: ScoresDataListScoreCellProps) {\n  const display = score == null ? '-' : typeof score === 'object' ? JSON.stringify(score) : String(score);\n  return (\n    <DataListCell>\n      <Txt\n        as=\"span\"\n        variant=\"body-sm\"\n        tone=\"muted\"\n        font=\"mono\"\n        className=\"block max-w-full min-w-0 truncate\"\n        title={display}\n      >\n        {display}\n      </Txt>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListSortableTopCell } from '../data-list-sortable-top-cell';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell } from '../data-list-top-cell';\nimport {\n  ScoresDataListDateCell,\n  ScoresDataListTimeCell,\n  ScoresDataListInputCell,\n  ScoresDataListEntityCell,\n  ScoresDataListScoreCell,\n} from './scores-data-list-cells';\n\n// oxlint-disable-next-line react/only-export-components -- compound component root, same pattern as TracesDataList\n// eslint-disable-next-line react-refresh/only-export-components -- compound component root, same pattern as TracesDataList\nfunction ScoresDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const ScoresDataList = Object.assign(ScoresDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  SortableTopCell: DataListSortableTopCell,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  NextPageLoading: DataListNextPageLoading,\n  DateCell: ScoresDataListDateCell,\n  TimeCell: ScoresDataListTimeCell,\n  InputCell: ScoresDataListInputCell,\n  EntityCell: ScoresDataListEntityCell,\n  ScoreCell: ScoresDataListScoreCell,\n});\n","import { CornerDownRightIcon, DatabaseIcon, ListTreeIcon, RouteIcon, SplitIcon } from 'lucide-react';\nimport { Fragment } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport { DataListCell, DataListTextCell } from '../data-list-cells';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { McpServerIcon } from '@/ds/icons/McpServerIcon';\nimport { MemoryIcon } from '@/ds/icons/MemoryIcon';\nimport { ProcessorIcon } from '@/ds/icons/ProcessorIcon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// NameCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListNameCellProps {\n  name?: string | null;\n  /** `null`/missing → root span (Trace). Set → nested span (Subtrace). Drives the leading level icon. */\n  parentSpanId?: string | null;\n  /** When true, the leading level icon is wrapped in a Trace/Subtrace tooltip. Off by default —\n   *  only meaningful in branches mode, where rows mix root traces and subtraces. */\n  showLevelTooltip?: boolean;\n}\n\nexport function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }: TracesDataListNameCellProps) {\n  const isRoot = parentSpanId == null;\n  const Icon = isRoot ? ListTreeIcon : CornerDownRightIcon;\n  const label = isRoot ? 'Trace' : 'Subtrace';\n  const icon = (\n    <span aria-label={label} className=\"inline-flex shrink-0\">\n      <Icon className={cn('size-4 shrink-0', isRoot ? 'text-muted-foreground' : 'text-placeholder')} aria-hidden />\n    </span>\n  );\n  return (\n    <DataListCell className=\"flex min-w-0 items-center gap-2 text-body-sm text-muted-foreground\">\n      {showLevelTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{icon}</TooltipTrigger>\n          <TooltipContent>{label}</TooltipContent>\n        </Tooltip>\n      ) : (\n        icon\n      )}\n      <span className=\"min-w-0 truncate\">{name || '-'}</span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListInputCellProps {\n  input?: string | null;\n}\n\nexport function TracesDataListInputCell({ input }: TracesDataListInputCellProps) {\n  return <DataListTextCell font=\"mono\">{input || '-'}</DataListTextCell>;\n}\n\n// ---------------------------------------------------------------------------\n// OutputCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListOutputCellProps {\n  output?: string;\n  /** Shown instead of `output`, in the error color, when `status` is `'error'`. */\n  error?: string;\n  status?: string | null;\n}\n\nexport function TracesDataListOutputCell({ output, error, status }: TracesDataListOutputCellProps) {\n  const failed = status === 'error';\n  const errorColor = failed ? 'text-destructive-foreground' : undefined;\n  return (\n    <DataListTextCell font=\"mono\" className={errorColor}>\n      {(failed ? error : output) || '-'}\n    </DataListTextCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TypeCell\n// ---------------------------------------------------------------------------\n\ntype EntityTypeDisplay = { label: string; Icon: ComponentType<SVGProps<SVGSVGElement>> };\n\n// Keys are lowercase `EntityType` enum values (plus legacy `workflow`).\nconst ENTITY_TYPE_DISPLAY: Record<string, EntityTypeDisplay> = {\n  agent: { label: 'Agent', Icon: AgentIcon },\n  workflow: { label: 'Workflow', Icon: WorkflowIcon },\n  workflow_run: { label: 'Workflow', Icon: WorkflowIcon },\n  workflow_step: { label: 'Step', Icon: WorkflowIcon },\n  tool: { label: 'Tool', Icon: ToolsIcon },\n  scorer: { label: 'Scorer', Icon: ScorersIcon },\n  classifier: { label: 'Classifier', Icon: SplitIcon },\n  memory: { label: 'Memory', Icon: MemoryIcon },\n  mcp_server: { label: 'MCP Server', Icon: McpServerIcon },\n  input_processor: { label: 'Processor', Icon: ProcessorIcon },\n  input_step_processor: { label: 'Processor', Icon: ProcessorIcon },\n  output_processor: { label: 'Processor', Icon: ProcessorIcon },\n  output_step_processor: { label: 'Processor', Icon: ProcessorIcon },\n  tool_result_processor: { label: 'Processor', Icon: ProcessorIcon },\n  rag_ingestion: { label: 'RAG', Icon: DatabaseIcon },\n  trajectory: { label: 'Trajectory', Icon: RouteIcon },\n};\n\nexport interface TracesDataListTypeCellProps {\n  entityType?: string | null;\n}\n\nexport function TracesDataListTypeCell({ entityType }: TracesDataListTypeCellProps) {\n  const display = entityType ? ENTITY_TYPE_DISPLAY[entityType.toLowerCase()] : undefined;\n\n  return (\n    <DataListCell className=\"flex min-w-0 items-center gap-2\">\n      {display ? (\n        <>\n          <display.Icon className=\"size-3.5 shrink-0 text-placeholder\" aria-hidden />\n          <Txt as=\"span\" variant=\"body-sm\" className=\"min-w-0 truncate\">\n            {display.label}\n          </Txt>\n        </>\n      ) : (\n        '-'\n      )}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// StatusCell\n// ---------------------------------------------------------------------------\n\nconst UNSET_STATUS_CONFIG: { label: string; variant: BadgeVariant } = { label: '-', variant: 'neutral' };\n\nconst STATUS_CONFIG: Record<string, { label: string; variant: BadgeVariant }> = {\n  completed: { label: 'OK', variant: 'success' },\n  ok: { label: 'OK', variant: 'success' },\n  success: { label: 'OK', variant: 'success' },\n  error: { label: 'ERR', variant: 'destructive' },\n  running: { label: 'RUN', variant: 'neutral' },\n  unset: UNSET_STATUS_CONFIG,\n};\n\nexport interface TracesDataListStatusCellProps {\n  status?: string | null;\n}\n\nexport function TracesDataListStatusCell({ status }: TracesDataListStatusCellProps) {\n  const key = (status ?? 'unset').toLowerCase();\n  const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;\n\n  return (\n    <DataListCell>\n      <Badge size=\"xs\" variant={config.variant}>\n        {config.label}\n      </Badge>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// OutcomeCell\n// ---------------------------------------------------------------------------\n\nconst OUTCOME_CONFIG: Record<string, { label: string; variant: BadgeVariant }> = {\n  success: { label: 'OK', variant: 'success' },\n  error: { label: 'ERR', variant: 'destructive' },\n  abort: { label: 'Abort', variant: 'warning' },\n  interrupted: { label: 'Interrupted', variant: 'warning' },\n  limit: { label: 'Limit', variant: 'orange' },\n  blocked: { label: 'Blocked', variant: 'orange' },\n  suspend: { label: 'Suspend', variant: 'info' },\n  unknown: { label: 'Unknown', variant: 'neutral' },\n};\n\nconst formatContextValue = (value: unknown) => (typeof value === 'string' ? value : JSON.stringify(value));\n\nexport interface TracesDataListOutcomeCellProps {\n  outcome?: string | null;\n  /** Error-based status, shown when no outcome was recorded. */\n  status?: string | null;\n}\n\nexport function TracesDataListOutcomeCell({ outcome, status }: TracesDataListOutcomeCellProps) {\n  if (!outcome) {\n    const config = STATUS_CONFIG[(status ?? 'unset').toLowerCase()] ?? UNSET_STATUS_CONFIG;\n    const badge = (\n      <Badge size=\"xs\" variant={config.variant}>\n        {config.label}\n      </Badge>\n    );\n    return (\n      <DataListCell>\n        {config === UNSET_STATUS_CONFIG ? (\n          badge\n        ) : (\n          <Tooltip>\n            <TooltipTrigger render={<span className=\"inline-flex\" />}>{badge}</TooltipTrigger>\n            <TooltipContent>Outcome not recorded; status from error</TooltipContent>\n          </Tooltip>\n        )}\n      </DataListCell>\n    );\n  }\n\n  const config = OUTCOME_CONFIG[outcome.toLowerCase()] ?? { label: outcome, variant: 'neutral' };\n  return (\n    <DataListCell>\n      <Badge size=\"xs\" variant={config.variant}>\n        {config.label}\n      </Badge>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// StopReasonCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListStopReasonCellProps {\n  stopReason?: string | null;\n  /** Listed as key/value pairs when hovering the stop reason. */\n  stopReasonContext?: Record<string, unknown> | null;\n}\n\nexport function TracesDataListStopReasonCell({ stopReason, stopReasonContext }: TracesDataListStopReasonCellProps) {\n  // Empty, so DataListCell shows its own placeholder.\n  if (!stopReason) return <DataListCell />;\n\n  const contextEntries = stopReasonContext ? Object.entries(stopReasonContext) : [];\n  if (contextEntries.length === 0) {\n    return <DataListTextCell font=\"mono\">{stopReason}</DataListTextCell>;\n  }\n\n  return (\n    <DataListCell className=\"flex items-center\">\n      <Tooltip>\n        <TooltipTrigger render={<span className=\"inline-flex min-w-0\" />}>\n          <Txt as=\"span\" variant=\"body-sm\" tone=\"muted\" font=\"mono\" className=\"truncate\">\n            {stopReason}\n          </Txt>\n        </TooltipTrigger>\n        <TooltipContent>\n          {/* The cell can truncate long reasons like `context_window_exceeded`, so name it here too. */}\n          <Txt as=\"p\" variant=\"body-sm\" font=\"mono\" className=\"mb-1\">\n            {stopReason}\n          </Txt>\n          <dl className=\"grid grid-cols-[auto_1fr] gap-x-3 gap-y-0.5\">\n            {contextEntries.map(([key, value]) => (\n              <Fragment key={key}>\n                <dt>{key}</dt>\n                <dd>{formatContextValue(value)}</dd>\n              </Fragment>\n            ))}\n          </dl>\n        </TooltipContent>\n      </Tooltip>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListCreatedCell, DataListIdCell } from '../data-list-cells';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListSortableTopCell } from '../data-list-sortable-top-cell';\nimport { DataListSpacer } from '../data-list-spacer';\nimport { DataListSubheader } from '../data-list-subheader';\nimport { DataListSubHeading } from '../data-list-subheading';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell, DataListTopCellWithTooltip } from '../data-list-top-cell';\nimport {\n  TracesDataListNameCell,\n  TracesDataListInputCell,\n  TracesDataListOutputCell,\n  TracesDataListTypeCell,\n  TracesDataListStatusCell,\n  TracesDataListOutcomeCell,\n  TracesDataListStopReasonCell,\n} from './traces-data-list-cells';\n\n// oxlint-disable-next-line react/only-export-components -- compound component root, same pattern as ScoresDataList\n// eslint-disable-next-line react-refresh/only-export-components -- compound component root, same pattern as ScoresDataList\nfunction TracesDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const TracesDataList = Object.assign(TracesDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  SortableTopCell: DataListSortableTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  IdCell: DataListIdCell,\n  CreatedCell: DataListCreatedCell,\n  NameCell: TracesDataListNameCell,\n  InputCell: TracesDataListInputCell,\n  OutputCell: TracesDataListOutputCell,\n  TypeCell: TracesDataListTypeCell,\n  StatusCell: TracesDataListStatusCell,\n  OutcomeCell: TracesDataListOutcomeCell,\n  StopReasonCell: TracesDataListStopReasonCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"mappings":"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"}