@mastra/playground-ui 51.1.0 → 51.2.0-alpha.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"traces-data-list-CyaLRi1n.cjs","sources":["../src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list.tsx"],"sourcesContent":["import { CornerDownRightIcon, ListTreeIcon } from 'lucide-react';\nimport { DataListCell, DataListMonoCell } from '../data-list-cells';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { Colors } from '@/ds/tokens/colors';\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-neutral3' : 'text-neutral2')} aria-hidden />\n    </span>\n  );\n  return (\n    <DataListCell height=\"compact\" className=\"text-ui-smd text-neutral4 flex min-w-0 items-center gap-2\">\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 <DataListMonoCell>{input || '-'}</DataListMonoCell>;\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nfunction EntityTypeIcon({ entityType, className }: { entityType: string; className?: string }) {\n  const iconClass = cn('size-3.5 shrink-0 text-neutral2', className);\n  const normalizedEntityType = entityType.toLowerCase();\n\n  switch (normalizedEntityType) {\n    case 'agent':\n      return <AgentIcon className={iconClass} aria-hidden />;\n    case 'workflow':\n    case 'workflow_run':\n      return <WorkflowIcon className={iconClass} aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport interface TracesDataListEntityCellProps {\n  entityType?: string | null;\n  entityName?: string | null;\n}\n\nexport function TracesDataListEntityCell({ entityType, entityName }: TracesDataListEntityCellProps) {\n  const type = entityType ?? '';\n\n  return (\n    <DataListCell height=\"compact\" className=\"flex min-w-0 items-center gap-2\">\n      <EntityTypeIcon entityType={type} />\n      {entityName ? <span className=\"text-ui-smd min-w-0 truncate\">{entityName}</span> : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// StatusCell\n// ---------------------------------------------------------------------------\n\nconst UNSET_STATUS_CONFIG = { label: '-', color: Colors.neutral4 };\n\nconst STATUS_CONFIG: Record<string, { label: string; color: string }> = {\n  completed: { label: 'OK', color: Colors.accent1 },\n  ok: { label: 'OK', color: Colors.accent1 },\n  success: { label: 'OK', color: Colors.accent1 },\n  error: { label: 'ERR', color: Colors.error },\n  running: { label: 'RUN', color: Colors.neutral4 },\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 height=\"compact\">\n      <span className=\"text-ui-sm font-semibold uppercase\" style={{ color: config.color }}>\n        {config.label}\n      </span>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListDateCell, DataListIdCell, DataListTimeCell } 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 { 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  TracesDataListEntityCell,\n  TracesDataListStatusCell,\n} from './traces-data-list-cells';\n\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  TopCellWithTooltip: DataListTopCellWithTooltip,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  IdCell: DataListIdCell,\n  DateCell: DataListDateCell,\n  TimeCell: DataListTimeCell,\n  NameCell: TracesDataListNameCell,\n  InputCell: TracesDataListInputCell,\n  EntityCell: TracesDataListEntityCell,\n  StatusCell: TracesDataListStatusCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":["ListTreeIcon","CornerDownRightIcon","jsx","cn","jsxs","DataListCell","Tooltip","TooltipTrigger","TooltipContent","DataListMonoCell","AgentIcon","WorkflowIcon","Colors","DataListRoot","DataListTop","DataListTopCell","DataListTopCellWithTooltip","DataListRowButton","DataListNoMatch","DataListSubheader","DataListSubHeading","DataListSpacer","DataListIdCell","DataListDateCell","DataListTimeCell","DataListNextPageLoading"],"mappings":";;;;;;;;;;;;AAqBO,SAAS,sBAAA,CAAuB,EAAE,IAAA,EAAM,YAAA,EAAc,kBAAiB,EAAgC;AAC5G,EAAA,MAAM,SAAS,YAAA,IAAgB,IAAA;AAC/B,EAAA,MAAM,IAAA,GAAO,SAASA,wBAAA,GAAeC,+BAAA;AACrC,EAAA,MAAM,KAAA,GAAQ,SAAS,OAAA,GAAU,UAAA;AACjC,EAAA,MAAM,uBACJC,cAAA,CAAC,MAAA,EAAA,EAAK,cAAY,KAAA,EAAO,SAAA,EAAU,wBACjC,QAAA,kBAAAA,cAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAWC,WAAA,CAAG,mBAAmB,MAAA,GAAS,eAAA,GAAkB,eAAe,CAAA,EAAG,aAAA,EAAW,MAAC,CAAA,EAClG,CAAA;AAEF,EAAA,uBACEC,eAAA,CAACC,4BAAA,EAAA,EAAa,MAAA,EAAO,SAAA,EAAU,WAAU,2DAAA,EACtC,QAAA,EAAA;AAAA,IAAA,gBAAA,mCACEC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAJ,cAAA,CAACK,sBAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,sBAC9BL,cAAA,CAACM,0BAAgB,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EACzB,CAAA,GAEA,IAAA;AAAA,oBAEFN,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,kBAAQ,GAAA,EAAI;AAAA,GAAA,EAClD,CAAA;AAEJ;AAUO,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAiC;AAC/E,EAAA,uBAAOA,cAAA,CAACO,gCAAA,EAAA,EAAkB,QAAA,EAAA,KAAA,IAAS,GAAA,EAAI,CAAA;AACzC;AAMA,SAAS,cAAA,CAAe,EAAE,UAAA,EAAY,SAAA,EAAU,EAA+C;AAC7F,EAAA,MAAM,SAAA,GAAYN,WAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA;AACjE,EAAA,MAAM,oBAAA,GAAuB,WAAW,WAAA,EAAY;AAEpD,EAAA,QAAQ,oBAAA;AAAsB,IAC5B,KAAK,OAAA;AACH,MAAA,uBAAOD,cAAA,CAACQ,yBAAA,EAAA,EAAU,SAAA,EAAW,SAAA,EAAW,eAAW,IAAA,EAAC,CAAA;AAAA,IACtD,KAAK,UAAA;AAAA,IACL,KAAK,cAAA;AACH,MAAA,uBAAOR,cAAA,CAACS,+BAAA,EAAA,EAAa,SAAA,EAAW,SAAA,EAAW,eAAW,IAAA,EAAC,CAAA;AAAA,IACzD;AACE,MAAA,OAAO,IAAA;AAAA;AAEb;AAOO,SAAS,wBAAA,CAAyB,EAAE,UAAA,EAAY,UAAA,EAAW,EAAkC;AAClG,EAAA,MAAM,OAAO,UAAA,IAAc,EAAA;AAE3B,EAAA,uBACEP,eAAA,CAACC,4BAAA,EAAA,EAAa,MAAA,EAAO,SAAA,EAAU,WAAU,iCAAA,EACvC,QAAA,EAAA;AAAA,oBAAAH,cAAA,CAAC,cAAA,EAAA,EAAe,YAAY,IAAA,EAAM,CAAA;AAAA,IACjC,6BAAaA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,sBAAW,CAAA,GAAU;AAAA,GAAA,EACrF,CAAA;AAEJ;AAMA,MAAM,sBAAsB,EAAE,KAAA,EAAO,GAAA,EAAK,KAAA,EAAOU,gBAAO,QAAA,EAAS;AAEjE,MAAM,aAAA,GAAkE;AAAA,EACtE,WAAW,EAAE,KAAA,EAAO,IAAA,EAAM,KAAA,EAAOA,gBAAO,OAAA,EAAQ;AAAA,EAChD,IAAI,EAAE,KAAA,EAAO,IAAA,EAAM,KAAA,EAAOA,gBAAO,OAAA,EAAQ;AAAA,EACzC,SAAS,EAAE,KAAA,EAAO,IAAA,EAAM,KAAA,EAAOA,gBAAO,OAAA,EAAQ;AAAA,EAC9C,OAAO,EAAE,KAAA,EAAO,KAAA,EAAO,KAAA,EAAOA,gBAAO,KAAA,EAAM;AAAA,EAC3C,SAAS,EAAE,KAAA,EAAO,KAAA,EAAO,KAAA,EAAOA,gBAAO,QAAA,EAAS;AAAA,EAChD,KAAA,EAAO;AACT,CAAA;AAMO,SAAS,wBAAA,CAAyB,EAAE,MAAA,EAAO,EAAkC;AAClF,EAAA,MAAM,GAAA,GAAA,CAAO,MAAA,IAAU,OAAA,EAAS,WAAA,EAAY;AAC5C,EAAA,MAAM,MAAA,GAAS,aAAA,CAAc,GAAG,CAAA,IAAK,mBAAA;AAErC,EAAA,sCACGP,4BAAA,EAAA,EAAa,MAAA,EAAO,SAAA,EACnB,QAAA,kBAAAH,cAAA,CAAC,UAAK,SAAA,EAAU,oCAAA,EAAqC,KAAA,EAAO,EAAE,OAAO,MAAA,CAAO,KAAA,EAAM,EAC/E,QAAA,EAAA,MAAA,CAAO,OACV,CAAA,EACF,CAAA;AAEJ;;ACxGA,SAAS,mBAAmB,KAAA,EAA4C;AACtE,EAAA,uBAAOA,cAAA,CAACW,4BAAA,EAAA,EAAc,GAAG,KAAA,EAAO,CAAA;AAClC;AAEO,MAAM,cAAA,GAAiB,MAAA,CAAO,MAAA,CAAO,kBAAA,EAAoB;AAAA,EAC9D,GAAA,EAAKC,2BAAA;AAAA,EACL,OAAA,EAASC,+BAAA;AAAA,EACT,kBAAA,EAAoBC,0CAAA;AAAA,EACpB,SAAA,EAAWC,iCAAA;AAAA,EACX,OAAA,EAASC,+BAAA;AAAA,EACT,SAAA,EAAWC,0BAAA;AAAA,EACX,UAAA,EAAYC,2BAAA;AAAA,EACZ,MAAA,EAAQC,8BAAA;AAAA,EACR,MAAA,EAAQC,8BAAA;AAAA,EACR,QAAA,EAAUC,gCAAA;AAAA,EACV,QAAA,EAAUC,gCAAA;AAAA,EACV,QAAA,EAAU,sBAAA;AAAA,EACV,SAAA,EAAW,uBAAA;AAAA,EACX,UAAA,EAAY,wBAAA;AAAA,EACZ,UAAA,EAAY,wBAAA;AAAA,EACZ,eAAA,EAAiBC;AACnB,CAAC;;;;"}