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

package/dist/tool-presentation-WLS6d1ws.cjs

@@ -0,0 +1,107 @@
+'use strict';
+
+const lucideReact = require('lucide-react');
+
+function stringifyToolValue(value) {
+  if (typeof value === "string") return value;
+  try {
+    return JSON.stringify(value, null, 2) ?? String(value);
+  } catch {
+    return String(value);
+  }
+}
+function hasProperty(value, key) {
+  return key in value;
+}
+function stringArg(args, key) {
+  if (!args || typeof args !== "object" || !hasProperty(args, key)) return void 0;
+  const value = args[key];
+  if (typeof value === "number") return String(value);
+  return typeof value === "string" && value.length > 0 ? value : void 0;
+}
+function firstStringArg(args, keys) {
+  for (const key of keys) {
+    const value = stringArg(args, key);
+    if (value) return value;
+  }
+  return void 0;
+}
+const TOOL_STYLES = {
+  view: { icon: lucideReact.Eye, label: "Read", detailKeys: ["path"] },
+  read_file: { icon: lucideReact.Eye, label: "Read", detailKeys: ["path"] },
+  write_file: { icon: lucideReact.SquarePen, label: "Write", detailKeys: ["path"] },
+  create_file: { icon: lucideReact.SquarePen, label: "Write", detailKeys: ["path"] },
+  edit_file: { icon: lucideReact.SquarePen, label: "Edit", detailKeys: ["path"] },
+  string_replace: { icon: lucideReact.SquarePen, label: "Edit", detailKeys: ["path"] },
+  str_replace: { icon: lucideReact.SquarePen, label: "Edit", detailKeys: ["path"] },
+  ast_edit: { icon: lucideReact.SquarePen, label: "Edit", detailKeys: ["path"] },
+  execute_command: { icon: lucideReact.SquareTerminal, label: "Run", detailKeys: ["command"], isCommand: true },
+  get_process_output: { icon: lucideReact.ScrollText, label: "Process output", detailKeys: ["pid"] },
+  kill_process: { icon: lucideReact.CircleStop, label: "Stop process", detailKeys: ["pid"] },
+  find_files: { icon: lucideReact.FolderSearch, label: "Find files", detailKeys: ["pattern", "path"] },
+  list_files: { icon: lucideReact.FolderSearch, label: "List files", detailKeys: ["pattern", "path"] },
+  grep: { icon: lucideReact.Search, label: "Search", detailKeys: ["pattern", "path"] },
+  search_content: { icon: lucideReact.Search, label: "Search", detailKeys: ["pattern", "query"] },
+  search: { icon: lucideReact.Search, label: "Search", detailKeys: ["query"] },
+  web_search: { icon: lucideReact.Globe, label: "Search the web", detailKeys: ["query"] },
+  lsp_inspect: { icon: lucideReact.Braces, label: "Inspect code", detailKeys: ["path"] },
+  file_stat: { icon: lucideReact.FileSearch, label: "File info", detailKeys: ["path"] },
+  delete: { icon: lucideReact.Trash2, label: "Delete", detailKeys: ["path"] },
+  delete_file: { icon: lucideReact.Trash2, label: "Delete", detailKeys: ["path"] },
+  mkdir: { icon: lucideReact.FolderPlus, label: "New folder", detailKeys: ["path"] },
+  skill: { icon: lucideReact.BookOpen, label: "Skill", detailKeys: ["name"] },
+  skill_search: { icon: lucideReact.BookOpen, label: "Search skills", detailKeys: ["query"] },
+  skill_read: { icon: lucideReact.BookOpen, label: "Skill file", detailKeys: ["path"] }
+};
+function prettifyToolName(toolName) {
+  const words = toolName.replace(/[_-]+/g, " ").trim();
+  return words ? words.charAt(0).toUpperCase() + words.slice(1) : toolName;
+}
+function withoutCdPrefix(command) {
+  return command.replace(/^\s*cd\s+(?:'[^']*'|"[^"]*"|[^\s&|;]+)\s*&&\s*/, "") || command;
+}
+function presentTool(toolName, args) {
+  const style = TOOL_STYLES[toolName.replace(/^mastra_workspace_/, "")];
+  if (!style) return { icon: lucideReact.Wrench, label: prettifyToolName(toolName) };
+  const detail = style.detailKeys ? firstStringArg(args, style.detailKeys) : void 0;
+  if (!detail) return { icon: style.icon, label: style.label };
+  if (!style.isCommand) return { icon: style.icon, label: style.label, detail };
+  const description = stringArg(args, "description")?.replace(/\s+/g, " ").trim() || void 0;
+  return { icon: style.icon, label: style.label, detail: withoutCdPrefix(detail), description, command: detail };
+}
+function stringField(args, key) {
+  if (!args || typeof args !== "object" || !hasProperty(args, key)) return void 0;
+  return typeof args[key] === "string" ? args[key] : void 0;
+}
+function toolEdit(toolName, args) {
+  const path = stringField(args, "path");
+  const newText = stringField(args, "new_string");
+  if (/string_replace|str_replace|edit_file/i.test(toolName) && newText !== void 0) {
+    return { path, oldText: stringField(args, "old_string") ?? "", newText };
+  }
+  const content = stringField(args, "content");
+  if (/write_file|create_file/i.test(toolName) && content !== void 0) return { path, content };
+  return void 0;
+}
+function isEmptyObject(value) {
+  return typeof value === "object" && value !== null && Object.keys(value).length === 0;
+}
+function visibleToolArgumentsText({ args, argsText, hideArguments }) {
+  if (hideArguments || isEmptyObject(args)) return void 0;
+  return args === void 0 ? argsText : stringifyToolValue(args);
+}
+function hasToolArguments(input) {
+  return Boolean(toolEdit(input.toolName, input.args) || visibleToolArgumentsText(input));
+}
+const TASK_TOOLS = /* @__PURE__ */ new Set(["task_write", "task_update", "task_complete", "task_check"]);
+function isTaskTool(toolName) {
+  return TASK_TOOLS.has(toolName);
+}
+
+exports.hasToolArguments = hasToolArguments;
+exports.isTaskTool = isTaskTool;
+exports.presentTool = presentTool;
+exports.stringifyToolValue = stringifyToolValue;
+exports.toolEdit = toolEdit;
+exports.visibleToolArgumentsText = visibleToolArgumentsText;
+//# sourceMappingURL=tool-presentation-WLS6d1ws.cjs.map

package/dist/tool-presentation-WLS6d1ws.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-presentation-WLS6d1ws.cjs","sources":["../src/ds/components/ai/tool-call/tool-presentation.ts"],"sourcesContent":["import {\n  BookOpen,\n  Braces,\n  CircleStop,\n  Eye,\n  FileSearch,\n  FolderPlus,\n  FolderSearch,\n  Globe,\n  ScrollText,\n  Search,\n  SquarePen,\n  SquareTerminal,\n  Trash2,\n  Wrench,\n} from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\n\nexport interface ToolPresentation {\n  icon: LucideIcon;\n  /** Stable name of the kind of tool, e.g. \"Run\"; also groups calls by kind. */\n  label: string;\n  /** Salient argument shown next to the label: command, path, pattern… */\n  detail?: string;\n  /**\n   * What a command does, in the agent's words. `ActivityHeadline` shows it alone in place of\n   * label and detail; both stay set for consumers that render them directly.\n   */\n  description?: string;\n  /** Shell command, when the tool is terminal-style. Drives the expanded body. */\n  command?: string;\n}\n\n/** Tool arguments and results as the mono body shows them: strings verbatim, the rest pretty JSON. */\nexport function stringifyToolValue(value: unknown): string {\n  if (typeof value === 'string') return value;\n  try {\n    return JSON.stringify(value, null, 2) ?? String(value);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction hasProperty<K extends string>(value: object, key: K): value is object & Record<K, unknown> {\n  return key in value;\n}\n\nfunction stringArg(args: unknown, key: string): string | undefined {\n  if (!args || typeof args !== 'object' || !hasProperty(args, key)) return undefined;\n  const value = args[key];\n  if (typeof value === 'number') return String(value);\n  return typeof value === 'string' && value.length > 0 ? value : undefined;\n}\n\nfunction firstStringArg(args: unknown, keys: string[]): string | undefined {\n  for (const key of keys) {\n    const value = stringArg(args, key);\n    if (value) return value;\n  }\n  return undefined;\n}\n\ninterface ToolStyle {\n  icon: LucideIcon;\n  label: string;\n  detailKeys?: string[];\n  isCommand?: boolean;\n}\n\nconst TOOL_STYLES: Record<string, ToolStyle> = {\n  view: { icon: Eye, label: 'Read', detailKeys: ['path'] },\n  read_file: { icon: Eye, label: 'Read', detailKeys: ['path'] },\n  write_file: { icon: SquarePen, label: 'Write', detailKeys: ['path'] },\n  create_file: { icon: SquarePen, label: 'Write', detailKeys: ['path'] },\n  edit_file: { icon: SquarePen, label: 'Edit', detailKeys: ['path'] },\n  string_replace: { icon: SquarePen, label: 'Edit', detailKeys: ['path'] },\n  str_replace: { icon: SquarePen, label: 'Edit', detailKeys: ['path'] },\n  ast_edit: { icon: SquarePen, label: 'Edit', detailKeys: ['path'] },\n  execute_command: { icon: SquareTerminal, label: 'Run', detailKeys: ['command'], isCommand: true },\n  get_process_output: { icon: ScrollText, label: 'Process output', detailKeys: ['pid'] },\n  kill_process: { icon: CircleStop, label: 'Stop process', detailKeys: ['pid'] },\n  find_files: { icon: FolderSearch, label: 'Find files', detailKeys: ['pattern', 'path'] },\n  list_files: { icon: FolderSearch, label: 'List files', detailKeys: ['pattern', 'path'] },\n  grep: { icon: Search, label: 'Search', detailKeys: ['pattern', 'path'] },\n  search_content: { icon: Search, label: 'Search', detailKeys: ['pattern', 'query'] },\n  search: { icon: Search, label: 'Search', detailKeys: ['query'] },\n  web_search: { icon: Globe, label: 'Search the web', detailKeys: ['query'] },\n  lsp_inspect: { icon: Braces, label: 'Inspect code', detailKeys: ['path'] },\n  file_stat: { icon: FileSearch, label: 'File info', detailKeys: ['path'] },\n  delete: { icon: Trash2, label: 'Delete', detailKeys: ['path'] },\n  delete_file: { icon: Trash2, label: 'Delete', detailKeys: ['path'] },\n  mkdir: { icon: FolderPlus, label: 'New folder', detailKeys: ['path'] },\n  skill: { icon: BookOpen, label: 'Skill', detailKeys: ['name'] },\n  skill_search: { icon: BookOpen, label: 'Search skills', detailKeys: ['query'] },\n  skill_read: { icon: BookOpen, label: 'Skill file', detailKeys: ['path'] },\n};\n\nfunction prettifyToolName(toolName: string): string {\n  const words = toolName.replace(/[_-]+/g, ' ').trim();\n  return words ? words.charAt(0).toUpperCase() + words.slice(1) : toolName;\n}\n\n/** Agents prefix commands with `cd <workspace> &&`, which crowds out the command itself on a one-line row. */\nfunction withoutCdPrefix(command: string): string {\n  return command.replace(/^\\s*cd\\s+(?:'[^']*'|\"[^\"]*\"|[^\\s&|;]+)\\s*&&\\s*/, '') || command;\n}\n\nexport function presentTool(toolName: string, args: unknown): ToolPresentation {\n  const style = TOOL_STYLES[toolName.replace(/^mastra_workspace_/, '')];\n  if (!style) return { icon: Wrench, label: prettifyToolName(toolName) };\n\n  const detail = style.detailKeys ? firstStringArg(args, style.detailKeys) : undefined;\n  if (!detail) return { icon: style.icon, label: style.label };\n  if (!style.isCommand) return { icon: style.icon, label: style.label, detail };\n  // Workspaces with `requireDescription` have the agent say what a command does; that reads better\n  // on a one-line row than \"Run\" and the command, which stays in the expanded body.\n  const description = stringArg(args, 'description')?.replace(/\\s+/g, ' ').trim() || undefined;\n  return { icon: style.icon, label: style.label, detail: withoutCdPrefix(detail), description, command: detail };\n}\n\nexport type ToolEdit = { path?: string } & ({ oldText: string; newText: string } | { content: string });\n\nfunction stringField(args: unknown, key: string): string | undefined {\n  if (!args || typeof args !== 'object' || !hasProperty(args, key)) return undefined;\n  return typeof args[key] === 'string' ? args[key] : undefined;\n}\n\nexport function toolEdit(toolName: string, args: unknown): ToolEdit | undefined {\n  const path = stringField(args, 'path');\n  const newText = stringField(args, 'new_string');\n  if (/string_replace|str_replace|edit_file/i.test(toolName) && newText !== undefined) {\n    return { path, oldText: stringField(args, 'old_string') ?? '', newText };\n  }\n  const content = stringField(args, 'content');\n  if (/write_file|create_file/i.test(toolName) && content !== undefined) return { path, content };\n  return undefined;\n}\n\nexport interface ToolArgumentsInput {\n  toolName: string;\n  args?: unknown;\n  argsText?: string;\n  hideArguments?: boolean;\n}\n\nfunction isEmptyObject(value: unknown): boolean {\n  return typeof value === 'object' && value !== null && Object.keys(value).length === 0;\n}\n\nexport function visibleToolArgumentsText({ args, argsText, hideArguments }: ToolArgumentsInput): string | undefined {\n  if (hideArguments || isEmptyObject(args)) return undefined;\n  return args === undefined ? argsText : stringifyToolValue(args);\n}\n\nexport function hasToolArguments(input: ToolArgumentsInput): boolean {\n  return Boolean(toolEdit(input.toolName, input.args) || visibleToolArgumentsText(input));\n}\n\n/** Task tools draw in the docked task list, never as a transcript row. */\nconst TASK_TOOLS = new Set(['task_write', 'task_update', 'task_complete', 'task_check']);\n\nexport function isTaskTool(toolName: string): boolean {\n  return TASK_TOOLS.has(toolName);\n}\n"],"names":["Eye","SquarePen","SquareTerminal","ScrollText","CircleStop","FolderSearch","Search","Globe","Braces","FileSearch","Trash2","FolderPlus","BookOpen","Wrench"],"mappings":"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"}

package/dist/traces-data-list-CU93pUfj.cjs

@@ -0,0 +1,98 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const dataListTop = require('./data-list-top-C-pLBax7.cjs');
+const dataListSpacer = require('./data-list-spacer-_bFe0e2u.cjs');
+const dataList = require('./data-list-D8bACyyK.cjs');
+const lucideReact = require('lucide-react');
+const Badge = require('./Badge-H8K5WrXg.cjs');
+const tooltip = require('./tooltip-DIZ5oqjV.cjs');
+const Txt = require('./Txt-DPmEpNbp.cjs');
+const icons_AgentIcon = require('./icons/AgentIcon.cjs.js');
+const icons_McpServerIcon = require('./icons/McpServerIcon.cjs.js');
+const icons_MemoryIcon = require('./icons/MemoryIcon.cjs.js');
+const icons_ProcessorIcon = require('./icons/ProcessorIcon.cjs.js');
+const icons_ScorersIcon = require('./icons/ScorersIcon.cjs.js');
+const icons_ToolsIcon = require('./icons/ToolsIcon.cjs.js');
+const icons_WorkflowIcon = require('./icons/WorkflowIcon.cjs.js');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }) {
+  const isRoot = parentSpanId == null;
+  const Icon = isRoot ? lucideReact.ListTreeIcon : lucideReact.CornerDownRightIcon;
+  const label = isRoot ? "Trace" : "Subtrace";
+  const icon = /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": label, className: "inline-flex shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: utils_cn.cn("size-4 shrink-0", isRoot ? "text-muted-foreground" : "text-placeholder"), "aria-hidden": true }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(dataListTop.DataListCell, { className: "flex min-w-0 items-center gap-2 text-body-sm text-muted-foreground", children: [
+    showLevelTooltip ? /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: icon }),
+      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: label })
+    ] }) : icon,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: name || "-" })
+  ] });
+}
+function TracesDataListInputCell({ input }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListTextCell, { font: "mono", children: input || "-" });
+}
+const ENTITY_TYPE_DISPLAY = {
+  agent: { label: "Agent", Icon: icons_AgentIcon.AgentIcon },
+  workflow: { label: "Workflow", Icon: icons_WorkflowIcon.WorkflowIcon },
+  workflow_run: { label: "Workflow", Icon: icons_WorkflowIcon.WorkflowIcon },
+  workflow_step: { label: "Step", Icon: icons_WorkflowIcon.WorkflowIcon },
+  tool: { label: "Tool", Icon: icons_ToolsIcon.ToolsIcon },
+  scorer: { label: "Scorer", Icon: icons_ScorersIcon.ScorersIcon },
+  memory: { label: "Memory", Icon: icons_MemoryIcon.MemoryIcon },
+  mcp_server: { label: "MCP Server", Icon: icons_McpServerIcon.McpServerIcon },
+  input_processor: { label: "Processor", Icon: icons_ProcessorIcon.ProcessorIcon },
+  input_step_processor: { label: "Processor", Icon: icons_ProcessorIcon.ProcessorIcon },
+  output_processor: { label: "Processor", Icon: icons_ProcessorIcon.ProcessorIcon },
+  output_step_processor: { label: "Processor", Icon: icons_ProcessorIcon.ProcessorIcon },
+  tool_result_processor: { label: "Processor", Icon: icons_ProcessorIcon.ProcessorIcon },
+  rag_ingestion: { label: "RAG", Icon: lucideReact.DatabaseIcon },
+  trajectory: { label: "Trajectory", Icon: lucideReact.RouteIcon }
+};
+function TracesDataListTypeCell({ entityType }) {
+  const display = entityType ? ENTITY_TYPE_DISPLAY[entityType.toLowerCase()] : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { className: "flex min-w-0 items-center gap-2", children: display ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(display.Icon, { className: "size-3.5 shrink-0 text-placeholder", "aria-hidden": true }),
+    /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body-sm", className: "min-w-0 truncate", children: display.label })
+  ] }) : "-" });
+}
+const UNSET_STATUS_CONFIG = { label: "-", variant: "neutral" };
+const 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 key = (status ?? "unset").toLowerCase();
+  const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: config.variant, children: config.label }) });
+}
+
+function TracesDataListRoot(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListRoot, { ...props });
+}
+const TracesDataList = Object.assign(TracesDataListRoot, {
+  Top: dataListTop.DataListTop,
+  TopCell: dataListTop.DataListTopCell,
+  SortableTopCell: dataListSpacer.DataListSortableTopCell,
+  TopCellWithTooltip: dataListTop.DataListTopCellWithTooltip,
+  RowButton: dataListSpacer.DataListRowButton,
+  NoMatch: dataListSpacer.DataListNoMatch,
+  Subheader: dataList.DataListSubheader,
+  SubHeading: dataList.DataListSubHeading,
+  Spacer: dataListSpacer.DataListSpacer,
+  IdCell: dataListTop.DataListIdCell,
+  CreatedCell: dataListTop.DataListCreatedCell,
+  NameCell: TracesDataListNameCell,
+  InputCell: TracesDataListInputCell,
+  TypeCell: TracesDataListTypeCell,
+  StatusCell: TracesDataListStatusCell,
+  NextPageLoading: dataListSpacer.DataListNextPageLoading
+});
+
+exports.TracesDataList = TracesDataList;
+//# sourceMappingURL=traces-data-list-CU93pUfj.cjs.map

package/dist/traces-data-list-CU93pUfj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-data-list-CU93pUfj.cjs","sources":["../src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list.tsx"],"sourcesContent":["import { CornerDownRightIcon, DatabaseIcon, ListTreeIcon, RouteIcon } from 'lucide-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// 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  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","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  TracesDataListTypeCell,\n  TracesDataListStatusCell,\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  TypeCell: TracesDataListTypeCell,\n  StatusCell: TracesDataListStatusCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":["ListTreeIcon","CornerDownRightIcon","jsx","cn","jsxs","DataListCell","Tooltip","TooltipTrigger","TooltipContent","DataListTextCell","AgentIcon","WorkflowIcon","ToolsIcon","ScorersIcon","MemoryIcon","McpServerIcon","ProcessorIcon","DatabaseIcon","RouteIcon","Fragment","Txt","Badge","DataListRoot","DataListTop","DataListTopCell","DataListSortableTopCell","DataListTopCellWithTooltip","DataListRowButton","DataListNoMatch","DataListSubheader","DataListSubHeading","DataListSpacer","DataListIdCell","DataListCreatedCell","DataListNextPageLoading"],"mappings":"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"}

package/dist/traces-data-list-DaedGcID.js

@@ -0,0 +1,96 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { c as DataListCell, e as DataListTextCell, j as DataListCreatedCell, k as DataListIdCell, i as DataListTopCellWithTooltip, b as DataListTopCell, a as DataListTop, D as DataListRoot } from './data-list-top-DheFgb0M.js';
+import { D as DataListNextPageLoading, b as DataListSpacer, a as DataListNoMatch, d as DataListRowButton, f as DataListSortableTopCell } from './data-list-spacer-CE6-4ZQq.js';
+import { a as DataListSubHeading, b as DataListSubheader } from './data-list-DL_oFE4j.js';
+import { RouteIcon, DatabaseIcon, ListTreeIcon, CornerDownRightIcon } from 'lucide-react';
+import { B as Badge } from './Badge-Q_pCeeGW.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-DsQPiynb.js';
+import { T as Txt } from './Txt-BP1SRHmL.js';
+import { AgentIcon } from './icons/AgentIcon.es.js';
+import { McpServerIcon } from './icons/McpServerIcon.es.js';
+import { MemoryIcon } from './icons/MemoryIcon.es.js';
+import { ProcessorIcon } from './icons/ProcessorIcon.es.js';
+import { ScorersIcon } from './icons/ScorersIcon.es.js';
+import { ToolsIcon } from './icons/ToolsIcon.es.js';
+import { WorkflowIcon } from './icons/WorkflowIcon.es.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+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 || "-" });
+}
+const ENTITY_TYPE_DISPLAY = {
+  agent: { label: "Agent", Icon: AgentIcon },
+  workflow: { label: "Workflow", Icon: WorkflowIcon },
+  workflow_run: { label: "Workflow", Icon: WorkflowIcon },
+  workflow_step: { label: "Step", Icon: WorkflowIcon },
+  tool: { label: "Tool", Icon: ToolsIcon },
+  scorer: { label: "Scorer", Icon: ScorersIcon },
+  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, { 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 })
+  ] }) : "-" });
+}
+const UNSET_STATUS_CONFIG = { label: "-", variant: "neutral" };
+const 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 key = (status ?? "unset").toLowerCase();
+  const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;
+  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx(Badge, { size: "xs", variant: config.variant, children: config.label }) });
+}
+
+function TracesDataListRoot(props) {
+  return /* @__PURE__ */ jsx(DataListRoot, { ...props });
+}
+const 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,
+  TypeCell: TracesDataListTypeCell,
+  StatusCell: TracesDataListStatusCell,
+  NextPageLoading: DataListNextPageLoading
+});
+
+export { TracesDataList as T };
+//# sourceMappingURL=traces-data-list-DaedGcID.js.map

package/dist/traces-data-list-DaedGcID.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-data-list-DaedGcID.js","sources":["../src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list.tsx"],"sourcesContent":["import { CornerDownRightIcon, DatabaseIcon, ListTreeIcon, RouteIcon } from 'lucide-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// 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  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","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  TracesDataListTypeCell,\n  TracesDataListStatusCell,\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  TypeCell: TracesDataListTypeCell,\n  StatusCell: TracesDataListStatusCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":[],"mappings":"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"}

package/dist/use-text-highlight.css

@@ -1,16 +1,16 @@
-/* `accent6` is the system orange (the hue behind `warning1`), used at full strength so a
+/* `warning-indicator` is the warning hue at full strength, so a
    match stays legible against dense JSON. Only color, background-color, text-decoration
    and text-shadow are honoured by `::highlight()` — border, padding and border-radius are
    ignored by the spec, so the highlight cannot have rounded corners. */
 ::highlight(search-result) {
-  background-color: var(--color-accent6);
+  background-color: var(--color-warning-indicator);
   color: var(--color-sidebar);
 }
 
-/* The indirect match is a hint, not the answer: same hue, muted pairing (`accent6Dark`
-   background with `accent6` text, as `StatusBadge` uses for warnings) so it reads as related
+/* The indirect match is a hint, not the answer: same hue, muted pairing (`warning-subtle`
+   background with `warning-indicator` text) so it reads as related
    to the direct highlight without competing with it. Both themes define the pair. */
 ::highlight(search-result-indirect) {
-  background-color: var(--color-accent6Dark);
-  color: var(--color-accent6);
+  background-color: var(--color-warning-subtle);
+  color: var(--color-warning-indicator);
 }