@mastra/playground-ui 65.0.0-alpha.12 → 65.0.0-alpha.13

package/dist/domains/datasets/components/add-dataset-item-dialog/build-add-item-payload.es.js

@@ -7,6 +7,10 @@ const parseJson = (raw) => {
     return { ok: false };
   }
 };
+const parseJsonOrText = (raw) => {
+  const parsed = parseJson(raw);
+  return parsed.ok ? parsed.value : raw;
+};
 const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 const parseOptionalObject = (raw) => {
   if (!raw.trim()) return { ok: true };
@@ -42,14 +46,9 @@ function toExpectedStep(row, index) {
   return { step: { name, stepType: row.stepType, ...args } };
 }
 function buildAddItemPayload(draft) {
-  const input = parseJson(draft.input);
-  if (!input.ok) return { error: { field: "input", message: "Input must be valid JSON" } };
-  const params = { input: input.value };
-  if (draft.groundTruth.trim()) {
-    const groundTruth = parseJson(draft.groundTruth);
-    if (!groundTruth.ok) return { error: { field: "groundTruth", message: "Ground truth must be valid JSON" } };
-    params.groundTruth = groundTruth.value;
-  }
+  if (!draft.input.trim()) return { error: { field: "input", message: "Input is required" } };
+  const params = { input: parseJsonOrText(draft.input) };
+  if (draft.groundTruth.trim()) params.groundTruth = parseJsonOrText(draft.groundTruth);
   const toolMocks = parseToolMocks(draft.toolMocks);
   if ("message" in toolMocks) return { error: { field: "toolMocks", message: toolMocks.message } };
   if (toolMocks.toolMocks) params.toolMocks = toolMocks.toolMocks;

package/dist/domains/datasets/components/add-dataset-item-dialog/build-add-item-payload.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-add-item-payload.es.js","sources":["../../../../../src/domains/datasets/components/add-dataset-item-dialog/build-add-item-payload.ts"],"sourcesContent":["import type { AddDatasetItemParams, DatasetItemToolMock } from '@mastra/client-js';\nimport { isToolStepType } from './trajectory-types';\nimport type { ExpectedStep, TrajectoryOrdering, TrajectoryStepRow } from './trajectory-types';\n\nexport type AddItemField = 'input' | 'groundTruth' | 'toolMocks' | 'requestContext' | 'expectedTrajectory';\n\nexport interface AddItemError {\n  field: AddItemField;\n  message: string;\n}\n\nexport interface AddItemDraft {\n  input: string;\n  groundTruth: string;\n  /** Raw JSON: an ordered array of mocks, sent as written so every mock the runtime supports can be declared. */\n  toolMocks: string;\n  requestContextEnabled: boolean;\n  /** Raw JSON object of values passed to the target. */\n  requestContext: string;\n  trajectoryEnabled: boolean;\n  ordering: TrajectoryOrdering;\n  trajectorySteps: TrajectoryStepRow[];\n}\n\nexport type AddItemParams = Omit<AddDatasetItemParams, 'datasetId'>;\n\ntype JsonResult = { ok: true; value: unknown } | { ok: false };\n\nconst parseJson = (raw: string): JsonResult => {\n  try {\n    return { ok: true, value: JSON.parse(raw) };\n  } catch {\n    return { ok: false };\n  }\n};\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** Blank sends nothing; anything else must be a JSON object. */\nconst parseOptionalObject = (raw: string): { ok: true; value?: Record<string, unknown> } | { ok: false } => {\n  if (!raw.trim()) return { ok: true };\n  const parsed = parseJson(raw);\n  if (!parsed.ok || !isRecord(parsed.value)) return { ok: false };\n  return { ok: true, value: parsed.value };\n};\n\nconst isToolMock = (value: unknown): value is DatasetItemToolMock =>\n  isRecord(value) && typeof value.toolName === 'string' && isRecord(value.args);\n\n/** Blank sends nothing; anything else must be a JSON array of `{ toolName, args, output }` mocks. */\nfunction parseToolMocks(raw: string): { toolMocks?: DatasetItemToolMock[] } | { message: string } {\n  if (!raw.trim()) return {};\n  const parsed = parseJson(raw);\n  if (!parsed.ok) return { message: 'Tool mocks must be valid JSON' };\n  if (!Array.isArray(parsed.value)) return { message: 'Tool mocks must be a JSON array' };\n  if (!parsed.value.every(isToolMock))\n    return { message: 'Each tool mock needs a \"toolName\" string and an \"args\" object' };\n  return parsed.value.length > 0 ? { toolMocks: parsed.value } : {};\n}\n\nfunction toExpectedStep(row: TrajectoryStepRow, index: number): { step: ExpectedStep } | { message: string } {\n  const label = `Step ${index + 1}`;\n  const name = row.name.trim();\n  if (!name) return { message: `${label} needs a name` };\n\n  // Only tool steps have expected args; any other type parses blank and sends none.\n  const toolArgs = parseOptionalObject(isToolStepType(row.stepType) ? row.toolArgs : '');\n  if (!toolArgs.ok) return { message: `The expected args of ${label.toLowerCase()} must be a JSON object` };\n  const args = toolArgs.value ? { toolArgs: toolArgs.value } : {};\n\n  // A prefilled row keeps its recorded details; the editor's name and args replace the recorded ones.\n  const { recorded } = row;\n  if (recorded?.stepType === 'tool_call' || recorded?.stepType === 'mcp_tool_call') {\n    const { toolArgs: _recordedArgs, ...details } = recorded;\n    return { step: { ...details, name, ...args } };\n  }\n  if (recorded) return { step: { ...recorded, name } };\n\n  if (row.stepType === 'generic') return { step: { name } };\n  if (!isToolStepType(row.stepType)) return { step: { name, stepType: row.stepType } };\n  return { step: { name, stepType: row.stepType, ...args } };\n}\n\n/** The request body for the dialog, or the first error with the field that owns it. Options that are off are left out. */\nexport function buildAddItemPayload(draft: AddItemDraft): { params: AddItemParams } | { error: AddItemError } {\n  const input = parseJson(draft.input);\n  if (!input.ok) return { error: { field: 'input', message: 'Input must be valid JSON' } };\n  const params: AddItemParams = { input: input.value };\n\n  if (draft.groundTruth.trim()) {\n    const groundTruth = parseJson(draft.groundTruth);\n    if (!groundTruth.ok) return { error: { field: 'groundTruth', message: 'Ground truth must be valid JSON' } };\n    params.groundTruth = groundTruth.value;\n  }\n\n  const toolMocks = parseToolMocks(draft.toolMocks);\n  if ('message' in toolMocks) return { error: { field: 'toolMocks', message: toolMocks.message } };\n  if (toolMocks.toolMocks) params.toolMocks = toolMocks.toolMocks;\n\n  if (draft.requestContextEnabled) {\n    const requestContext = parseOptionalObject(draft.requestContext);\n    if (!requestContext.ok)\n      return { error: { field: 'requestContext', message: 'Request context must be a JSON object' } };\n    if (requestContext.value) params.requestContext = requestContext.value;\n  }\n\n  if (draft.trajectoryEnabled && draft.trajectorySteps.length > 0) {\n    const steps: ExpectedStep[] = [];\n    for (const [index, row] of draft.trajectorySteps.entries()) {\n      const result = toExpectedStep(row, index);\n      if ('message' in result) return { error: { field: 'expectedTrajectory', message: result.message } };\n      steps.push(result.step);\n    }\n    params.expectedTrajectory = { ordering: draft.ordering, steps };\n  }\n\n  return { params };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"build-add-item-payload.es.js","sources":["../../../../../src/domains/datasets/components/add-dataset-item-dialog/build-add-item-payload.ts"],"sourcesContent":["import type { AddDatasetItemParams, DatasetItemToolMock } from '@mastra/client-js';\nimport { isToolStepType } from './trajectory-types';\nimport type { ExpectedStep, TrajectoryOrdering, TrajectoryStepRow } from './trajectory-types';\n\nexport type AddItemField = 'input' | 'groundTruth' | 'toolMocks' | 'requestContext' | 'expectedTrajectory';\n\nexport interface AddItemError {\n  field: AddItemField;\n  message: string;\n}\n\nexport interface AddItemDraft {\n  /** JSON is sent parsed; anything else is sent as plain text. */\n  input: string;\n  /** Like the input; blank sends nothing. */\n  groundTruth: string;\n  /** Raw JSON: an ordered array of mocks, sent as written so every mock the runtime supports can be declared. */\n  toolMocks: string;\n  requestContextEnabled: boolean;\n  /** Raw JSON object of values passed to the target. */\n  requestContext: string;\n  trajectoryEnabled: boolean;\n  ordering: TrajectoryOrdering;\n  trajectorySteps: TrajectoryStepRow[];\n}\n\nexport type AddItemParams = Omit<AddDatasetItemParams, 'datasetId'>;\n\ntype JsonResult = { ok: true; value: unknown } | { ok: false };\n\nconst parseJson = (raw: string): JsonResult => {\n  try {\n    return { ok: true, value: JSON.parse(raw) };\n  } catch {\n    return { ok: false };\n  }\n};\n\n/** Text that parses as JSON is sent as that value; any other text is sent as a string. */\nconst parseJsonOrText = (raw: string): unknown => {\n  const parsed = parseJson(raw);\n  return parsed.ok ? parsed.value : raw;\n};\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** Blank sends nothing; anything else must be a JSON object. */\nconst parseOptionalObject = (raw: string): { ok: true; value?: Record<string, unknown> } | { ok: false } => {\n  if (!raw.trim()) return { ok: true };\n  const parsed = parseJson(raw);\n  if (!parsed.ok || !isRecord(parsed.value)) return { ok: false };\n  return { ok: true, value: parsed.value };\n};\n\nconst isToolMock = (value: unknown): value is DatasetItemToolMock =>\n  isRecord(value) && typeof value.toolName === 'string' && isRecord(value.args);\n\n/** Blank sends nothing; anything else must be a JSON array of `{ toolName, args, output }` mocks. */\nfunction parseToolMocks(raw: string): { toolMocks?: DatasetItemToolMock[] } | { message: string } {\n  if (!raw.trim()) return {};\n  const parsed = parseJson(raw);\n  if (!parsed.ok) return { message: 'Tool mocks must be valid JSON' };\n  if (!Array.isArray(parsed.value)) return { message: 'Tool mocks must be a JSON array' };\n  if (!parsed.value.every(isToolMock))\n    return { message: 'Each tool mock needs a \"toolName\" string and an \"args\" object' };\n  return parsed.value.length > 0 ? { toolMocks: parsed.value } : {};\n}\n\nfunction toExpectedStep(row: TrajectoryStepRow, index: number): { step: ExpectedStep } | { message: string } {\n  const label = `Step ${index + 1}`;\n  const name = row.name.trim();\n  if (!name) return { message: `${label} needs a name` };\n\n  // Only tool steps have expected args; any other type parses blank and sends none.\n  const toolArgs = parseOptionalObject(isToolStepType(row.stepType) ? row.toolArgs : '');\n  if (!toolArgs.ok) return { message: `The expected args of ${label.toLowerCase()} must be a JSON object` };\n  const args = toolArgs.value ? { toolArgs: toolArgs.value } : {};\n\n  // A prefilled row keeps its recorded details; the editor's name and args replace the recorded ones.\n  const { recorded } = row;\n  if (recorded?.stepType === 'tool_call' || recorded?.stepType === 'mcp_tool_call') {\n    const { toolArgs: _recordedArgs, ...details } = recorded;\n    return { step: { ...details, name, ...args } };\n  }\n  if (recorded) return { step: { ...recorded, name } };\n\n  if (row.stepType === 'generic') return { step: { name } };\n  if (!isToolStepType(row.stepType)) return { step: { name, stepType: row.stepType } };\n  return { step: { name, stepType: row.stepType, ...args } };\n}\n\n/** The request body for the dialog, or the first error with the field that owns it. Options that are off are left out. */\nexport function buildAddItemPayload(draft: AddItemDraft): { params: AddItemParams } | { error: AddItemError } {\n  if (!draft.input.trim()) return { error: { field: 'input', message: 'Input is required' } };\n  const params: AddItemParams = { input: parseJsonOrText(draft.input) };\n\n  if (draft.groundTruth.trim()) params.groundTruth = parseJsonOrText(draft.groundTruth);\n\n  const toolMocks = parseToolMocks(draft.toolMocks);\n  if ('message' in toolMocks) return { error: { field: 'toolMocks', message: toolMocks.message } };\n  if (toolMocks.toolMocks) params.toolMocks = toolMocks.toolMocks;\n\n  if (draft.requestContextEnabled) {\n    const requestContext = parseOptionalObject(draft.requestContext);\n    if (!requestContext.ok)\n      return { error: { field: 'requestContext', message: 'Request context must be a JSON object' } };\n    if (requestContext.value) params.requestContext = requestContext.value;\n  }\n\n  if (draft.trajectoryEnabled && draft.trajectorySteps.length > 0) {\n    const steps: ExpectedStep[] = [];\n    for (const [index, row] of draft.trajectorySteps.entries()) {\n      const result = toExpectedStep(row, index);\n      if ('message' in result) return { error: { field: 'expectedTrajectory', message: result.message } };\n      steps.push(result.step);\n    }\n    params.expectedTrajectory = { ordering: draft.ordering, steps };\n  }\n\n  return { params };\n}\n"],"names":[],"mappings":";;AA8BA,MAAM,SAAA,GAAY,CAAC,GAAA,KAA4B;AAC7C,EAAA,IAAI;AACF,IAAA,OAAO,EAAE,EAAA,EAAI,IAAA,EAAM,OAAO,IAAA,CAAK,KAAA,CAAM,GAAG,CAAA,EAAE;AAAA,EAC5C,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,EAAE,IAAI,KAAA,EAAM;AAAA,EACrB;AACF,CAAA;AAGA,MAAM,eAAA,GAAkB,CAAC,GAAA,KAAyB;AAChD,EAAA,MAAM,MAAA,GAAS,UAAU,GAAG,CAAA;AAC5B,EAAA,OAAO,MAAA,CAAO,EAAA,GAAK,MAAA,CAAO,KAAA,GAAQ,GAAA;AACpC,CAAA;AAEA,MAAM,QAAA,GAAW,CAAC,KAAA,KAChB,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AAGrE,MAAM,mBAAA,GAAsB,CAAC,GAAA,KAA+E;AAC1G,EAAA,IAAI,CAAC,GAAA,CAAI,IAAA,IAAQ,OAAO,EAAE,IAAI,IAAA,EAAK;AACnC,EAAA,MAAM,MAAA,GAAS,UAAU,GAAG,CAAA;AAC5B,EAAA,IAAI,CAAC,MAAA,CAAO,EAAA,IAAM,CAAC,QAAA,CAAS,MAAA,CAAO,KAAK,CAAA,EAAG,OAAO,EAAE,EAAA,EAAI,KAAA,EAAM;AAC9D,EAAA,OAAO,EAAE,EAAA,EAAI,IAAA,EAAM,KAAA,EAAO,OAAO,KAAA,EAAM;AACzC,CAAA;AAEA,MAAM,UAAA,GAAa,CAAC,KAAA,KAClB,QAAA,CAAS,KAAK,CAAA,IAAK,OAAO,KAAA,CAAM,QAAA,KAAa,QAAA,IAAY,QAAA,CAAS,KAAA,CAAM,IAAI,CAAA;AAG9E,SAAS,eAAe,GAAA,EAA0E;AAChG,EAAA,IAAI,CAAC,GAAA,CAAI,IAAA,EAAK,SAAU,EAAC;AACzB,EAAA,MAAM,MAAA,GAAS,UAAU,GAAG,CAAA;AAC5B,EAAA,IAAI,CAAC,MAAA,CAAO,EAAA,EAAI,OAAO,EAAE,SAAS,+BAAA,EAAgC;AAClE,EAAA,IAAI,CAAC,MAAM,OAAA,CAAQ,MAAA,CAAO,KAAK,CAAA,EAAG,OAAO,EAAE,OAAA,EAAS,iCAAA,EAAkC;AACtF,EAAA,IAAI,CAAC,MAAA,CAAO,KAAA,CAAM,KAAA,CAAM,UAAU,CAAA;AAChC,IAAA,OAAO,EAAE,SAAS,+DAAA,EAAgE;AACpF,EAAA,OAAO,MAAA,CAAO,MAAM,MAAA,GAAS,CAAA,GAAI,EAAE,SAAA,EAAW,MAAA,CAAO,KAAA,EAAM,GAAI,EAAC;AAClE;AAEA,SAAS,cAAA,CAAe,KAAwB,KAAA,EAA6D;AAC3G,EAAA,MAAM,KAAA,GAAQ,CAAA,KAAA,EAAQ,KAAA,GAAQ,CAAC,CAAA,CAAA;AAC/B,EAAA,MAAM,IAAA,GAAO,GAAA,CAAI,IAAA,CAAK,IAAA,EAAK;AAC3B,EAAA,IAAI,CAAC,IAAA,EAAM,OAAO,EAAE,OAAA,EAAS,CAAA,EAAG,KAAK,CAAA,aAAA,CAAA,EAAgB;AAGrD,EAAA,MAAM,QAAA,GAAW,oBAAoB,cAAA,CAAe,GAAA,CAAI,QAAQ,CAAA,GAAI,GAAA,CAAI,WAAW,EAAE,CAAA;AACrF,EAAA,IAAI,CAAC,QAAA,CAAS,EAAA,EAAI,OAAO,EAAE,SAAS,CAAA,qBAAA,EAAwB,KAAA,CAAM,WAAA,EAAa,CAAA,sBAAA,CAAA,EAAyB;AACxG,EAAA,MAAM,IAAA,GAAO,SAAS,KAAA,GAAQ,EAAE,UAAU,QAAA,CAAS,KAAA,KAAU,EAAC;AAG9D,EAAA,MAAM,EAAE,UAAS,GAAI,GAAA;AACrB,EAAA,IAAI,QAAA,EAAU,QAAA,KAAa,WAAA,IAAe,QAAA,EAAU,aAAa,eAAA,EAAiB;AAChF,IAAA,MAAM,EAAE,QAAA,EAAU,aAAA,EAAe,GAAG,SAAQ,GAAI,QAAA;AAChD,IAAA,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,IAAA,EAAM,GAAG,MAAK,EAAE;AAAA,EAC/C;AACA,EAAA,IAAI,QAAA,SAAiB,EAAE,IAAA,EAAM,EAAE,GAAG,QAAA,EAAU,MAAK,EAAE;AAEnD,EAAA,IAAI,GAAA,CAAI,aAAa,SAAA,EAAW,OAAO,EAAE,IAAA,EAAM,EAAE,MAAK,EAAE;AACxD,EAAA,IAAI,CAAC,cAAA,CAAe,GAAA,CAAI,QAAQ,CAAA,EAAG,OAAO,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,QAAA,EAAU,GAAA,CAAI,UAAS,EAAE;AACnF,EAAA,OAAO,EAAE,MAAM,EAAE,IAAA,EAAM,UAAU,GAAA,CAAI,QAAA,EAAU,GAAG,IAAA,EAAK,EAAE;AAC3D;AAGO,SAAS,oBAAoB,KAAA,EAA0E;AAC5G,EAAA,IAAI,CAAC,KAAA,CAAM,KAAA,CAAM,IAAA,EAAK,EAAG,OAAO,EAAE,KAAA,EAAO,EAAE,KAAA,EAAO,OAAA,EAAS,OAAA,EAAS,qBAAoB,EAAE;AAC1F,EAAA,MAAM,SAAwB,EAAE,KAAA,EAAO,eAAA,CAAgB,KAAA,CAAM,KAAK,CAAA,EAAE;AAEpE,EAAA,IAAI,KAAA,CAAM,YAAY,IAAA,EAAK,SAAU,WAAA,GAAc,eAAA,CAAgB,MAAM,WAAW,CAAA;AAEpF,EAAA,MAAM,SAAA,GAAY,cAAA,CAAe,KAAA,CAAM,SAAS,CAAA;AAChD,EAAA,IAAI,SAAA,IAAa,SAAA,EAAW,OAAO,EAAE,KAAA,EAAO,EAAE,KAAA,EAAO,WAAA,EAAa,OAAA,EAAS,SAAA,CAAU,OAAA,EAAQ,EAAE;AAC/F,EAAA,IAAI,SAAA,CAAU,SAAA,EAAW,MAAA,CAAO,SAAA,GAAY,SAAA,CAAU,SAAA;AAEtD,EAAA,IAAI,MAAM,qBAAA,EAAuB;AAC/B,IAAA,MAAM,cAAA,GAAiB,mBAAA,CAAoB,KAAA,CAAM,cAAc,CAAA;AAC/D,IAAA,IAAI,CAAC,cAAA,CAAe,EAAA;AAClB,MAAA,OAAO,EAAE,KAAA,EAAO,EAAE,OAAO,gBAAA,EAAkB,OAAA,EAAS,yCAAwC,EAAE;AAChG,IAAA,IAAI,cAAA,CAAe,KAAA,EAAO,MAAA,CAAO,cAAA,GAAiB,cAAA,CAAe,KAAA;AAAA,EACnE;AAEA,EAAA,IAAI,KAAA,CAAM,iBAAA,IAAqB,KAAA,CAAM,eAAA,CAAgB,SAAS,CAAA,EAAG;AAC/D,IAAA,MAAM,QAAwB,EAAC;AAC/B,IAAA,KAAA,MAAW,CAAC,KAAA,EAAO,GAAG,KAAK,KAAA,CAAM,eAAA,CAAgB,SAAQ,EAAG;AAC1D,MAAA,MAAM,MAAA,GAAS,cAAA,CAAe,GAAA,EAAK,KAAK,CAAA;AACxC,MAAA,IAAI,SAAA,IAAa,MAAA,EAAQ,OAAO,EAAE,KAAA,EAAO,EAAE,KAAA,EAAO,oBAAA,EAAsB,OAAA,EAAS,MAAA,CAAO,OAAA,EAAQ,EAAE;AAClG,MAAA,KAAA,CAAM,IAAA,CAAK,OAAO,IAAI,CAAA;AAAA,IACxB;AACA,IAAA,MAAA,CAAO,kBAAA,GAAqB,EAAE,QAAA,EAAU,KAAA,CAAM,UAAU,KAAA,EAAM;AAAA,EAChE;AAEA,EAAA,OAAO,EAAE,MAAA,EAAO;AAClB;;;;"}

package/dist/domains/logs/components/logs-list-view.cjs.js

@@ -5,10 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const reactVirtual = require('@tanstack/react-virtual');
 const React = require('react');
-require('../../../data-list-DlXU1PLQ.cjs');
-const dataListSkeleton = require('../../../data-list-skeleton-DY0F40WQ.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-B4fWheXy.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const logsDataList = require('../../../logs-data-list-DEZuSjqt.cjs');
+const logsDataList = require('../../../logs-data-list-D3bYEiD_.cjs');
 
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

package/dist/domains/logs/components/logs-list-view.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"logs-list-view.cjs.js","sources":["../../../../src/domains/logs/components/logs-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { useEffect, useRef } from 'react';\nimport type { LogRecord } from '../types';\nimport { useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { LogsDataList, LogsDataListSkeleton } from '@/ds/components/LogsDataList';\n\n// Fixed widths on non-flex columns prevent track shifts as the virtualizer swaps rows in/out.\nconst COLUMNS = '6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)';\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n\nexport interface LogsListViewProps {\n  logs: LogRecord[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  /** Stable per-render id for each log — used for React keys and for matching against `featuredLogId`.\n   *  Build with `useLogsListNavigation`. */\n  logIdMap: Map<LogRecord, string>;\n  /** Currently featured/selected log — its row gets the highlighted background. */\n  featuredLogId?: string | null;\n  /** Called when a row is clicked. The current toggle + trace-sync logic is the consumer's call. */\n  onLogClick: (log: LogRecord) => void;\n  /** Current timestamp sort direction. When `onSortChange` is provided the Date/Time headers become sortable. */\n  timestampSort?: DataListSort;\n  onSortChange?: (direction: DataListSort, key: 'timestamp') => void;\n}\n\n/**\n * Virtualized presentational list. Renders only the visible window of logs via\n * TanStack Virtual, sandwiched between top/bottom Spacers that preserve total\n * scroll height. Owns no state and fetches no data.\n */\nexport function LogsListView({\n  logs,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  logIdMap,\n  featuredLogId,\n  onLogClick,\n  timestampSort,\n  onSortChange,\n}: LogsListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n\n  const virtualizer = useVirtualizer({\n    count: logs.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: logs.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  // Reset scroll to top whenever a fresh query resolves (filter / date range change).\n  // `isLoading` only flips on initial fetches — `fetchNextPage` keeps it `false`, so this\n  // effect doesn't fire during pagination.\n  //\n  // Why the manual scroll event: when the skeleton-vs-list branch swaps in the new scroll\n  // container, it mounts at `scrollTop = 0`. The virtualizer rebinds its listener but\n  // doesn't re-read `scrollTop`, so it keeps the stale `scrollOffset` from the previous\n  // element. `scrollToOffset(0)` no-ops because the new element is already at 0 (no scroll\n  // event fires). Dispatching a synthetic `scroll` forces the virtualizer's handler to\n  // read the fresh `scrollTop` and recompute `virtualItems` with `paddingTop = 0`.\n  const wasLoadingRef = useRef(isLoading);\n  useEffect(() => {\n    if (wasLoadingRef.current && !isLoading) {\n      scrollRef.current?.dispatchEvent(new Event('scroll'));\n    }\n    wasLoadingRef.current = isLoading;\n  }, [isLoading]);\n\n  if (isLoading) {\n    return <LogsDataListSkeleton columns={COLUMNS} fit=\"container\" />;\n  }\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <LogsDataList columns={COLUMNS} scrollRef={scrollRef} className=\"min-w-0\" fit=\"container\">\n      <LogsDataList.Top>\n        {onSortChange ? (\n          <LogsDataList.SortableTopCell sortKey=\"timestamp\" sort={timestampSort} onSortChange={onSortChange}>\n            Date\n          </LogsDataList.SortableTopCell>\n        ) : (\n          <LogsDataList.TopCell>Date</LogsDataList.TopCell>\n        )}\n        <LogsDataList.TopCell>Time</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Level</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Entity</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Message</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Data</LogsDataList.TopCell>\n      </LogsDataList.Top>\n\n      {logs.length === 0 ? (\n        <LogsDataList.NoMatch message=\"No logs match your search\" />\n      ) : (\n        <>\n          <LogsDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const log = logs[vi.index];\n            if (!log) return null;\n            const id = logIdMap.get(log);\n            // Defensive: consumer is expected to build `logIdMap` from the same `logs` list\n            // (via `useLogsListNavigation`), but if they drift we'd rather drop the row than\n            // ship a missing-key warning and broken selection highlighting.\n            if (!id) return null;\n            const isFeatured = id === featuredLogId;\n\n            return (\n              <LogsDataList.RowButton\n                key={id}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onLogClick(log)}\n                featured={isFeatured}\n                variant={log.level === 'error' || log.level === 'fatal' ? 'error' : 'default'}\n              >\n                <LogsDataList.DateCell timestamp={log.timestamp} />\n                <LogsDataList.TimeCell timestamp={log.timestamp} />\n                <LogsDataList.LevelCell level={log.level} />\n                <LogsDataList.EntityCell entityType={log.entityType} entityName={log.entityName} />\n                <LogsDataList.MessageCell message={log.message} />\n                <LogsDataList.DataCell data={log.data} />\n              </LogsDataList.RowButton>\n            );\n          })}\n          <LogsDataList.Spacer height={paddingBottom} />\n        </>\n      )}\n      <LogsDataList.NextPageLoading\n        isLoading={isFetchingNextPage}\n        hasMore={hasNextPage}\n        setEndOfListElement={setEndOfListElement}\n      />\n    </LogsDataList>\n  );\n}\n"],"names":["useRef","useVirtualizer","useDataListKeyboard","useEffect","jsx","LogsDataListSkeleton","jsxs","LogsDataList","Fragment"],"mappings":"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"}
+{"version":3,"file":"logs-list-view.cjs.js","sources":["../../../../src/domains/logs/components/logs-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { useEffect, useRef } from 'react';\nimport type { LogRecord } from '../types';\nimport { useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { LogsDataList, LogsDataListSkeleton } from '@/ds/components/LogsDataList';\n\n// Fixed widths on non-flex columns prevent track shifts as the virtualizer swaps rows in/out.\nconst COLUMNS = '6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)';\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n\nexport interface LogsListViewProps {\n  logs: LogRecord[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  /** Stable per-render id for each log — used for React keys and for matching against `featuredLogId`.\n   *  Build with `useLogsListNavigation`. */\n  logIdMap: Map<LogRecord, string>;\n  /** Currently featured/selected log — its row gets the highlighted background. */\n  featuredLogId?: string | null;\n  /** Called when a row is clicked. The current toggle + trace-sync logic is the consumer's call. */\n  onLogClick: (log: LogRecord) => void;\n  /** Current timestamp sort direction. When `onSortChange` is provided the Date/Time headers become sortable. */\n  timestampSort?: DataListSort;\n  onSortChange?: (direction: DataListSort, key: 'timestamp') => void;\n}\n\n/**\n * Virtualized presentational list. Renders only the visible window of logs via\n * TanStack Virtual, sandwiched between top/bottom Spacers that preserve total\n * scroll height. Owns no state and fetches no data.\n */\nexport function LogsListView({\n  logs,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  logIdMap,\n  featuredLogId,\n  onLogClick,\n  timestampSort,\n  onSortChange,\n}: LogsListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n\n  const virtualizer = useVirtualizer({\n    count: logs.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: logs.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  // Reset scroll to top whenever a fresh query resolves (filter / date range change).\n  // `isLoading` only flips on initial fetches — `fetchNextPage` keeps it `false`, so this\n  // effect doesn't fire during pagination.\n  //\n  // Why the manual scroll event: when the skeleton-vs-list branch swaps in the new scroll\n  // container, it mounts at `scrollTop = 0`. The virtualizer rebinds its listener but\n  // doesn't re-read `scrollTop`, so it keeps the stale `scrollOffset` from the previous\n  // element. `scrollToOffset(0)` no-ops because the new element is already at 0 (no scroll\n  // event fires). Dispatching a synthetic `scroll` forces the virtualizer's handler to\n  // read the fresh `scrollTop` and recompute `virtualItems` with `paddingTop = 0`.\n  const wasLoadingRef = useRef(isLoading);\n  useEffect(() => {\n    if (wasLoadingRef.current && !isLoading) {\n      scrollRef.current?.dispatchEvent(new Event('scroll'));\n    }\n    wasLoadingRef.current = isLoading;\n  }, [isLoading]);\n\n  if (isLoading) {\n    return <LogsDataListSkeleton columns={COLUMNS} fit=\"container\" />;\n  }\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <LogsDataList columns={COLUMNS} scrollRef={scrollRef} className=\"min-w-0\" fit=\"container\">\n      <LogsDataList.Top>\n        {onSortChange ? (\n          <LogsDataList.SortableTopCell sortKey=\"timestamp\" sort={timestampSort} onSortChange={onSortChange}>\n            Date\n          </LogsDataList.SortableTopCell>\n        ) : (\n          <LogsDataList.TopCell>Date</LogsDataList.TopCell>\n        )}\n        <LogsDataList.TopCell>Time</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Level</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Entity</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Message</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Data</LogsDataList.TopCell>\n      </LogsDataList.Top>\n\n      {logs.length === 0 ? (\n        <LogsDataList.NoMatch message=\"No logs match your search\" />\n      ) : (\n        <>\n          <LogsDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const log = logs[vi.index];\n            if (!log) return null;\n            const id = logIdMap.get(log);\n            // Defensive: consumer is expected to build `logIdMap` from the same `logs` list\n            // (via `useLogsListNavigation`), but if they drift we'd rather drop the row than\n            // ship a missing-key warning and broken selection highlighting.\n            if (!id) return null;\n            const isFeatured = id === featuredLogId;\n\n            return (\n              <LogsDataList.RowButton\n                key={id}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onLogClick(log)}\n                featured={isFeatured}\n                variant={log.level === 'error' || log.level === 'fatal' ? 'error' : 'default'}\n              >\n                <LogsDataList.DateCell timestamp={log.timestamp} />\n                <LogsDataList.TimeCell timestamp={log.timestamp} />\n                <LogsDataList.LevelCell level={log.level} />\n                <LogsDataList.EntityCell entityType={log.entityType} entityName={log.entityName} />\n                <LogsDataList.MessageCell message={log.message} />\n                <LogsDataList.DataCell data={log.data} />\n              </LogsDataList.RowButton>\n            );\n          })}\n          <LogsDataList.Spacer height={paddingBottom} />\n        </>\n      )}\n      <LogsDataList.NextPageLoading\n        isLoading={isFetchingNextPage}\n        hasMore={hasNextPage}\n        setEndOfListElement={setEndOfListElement}\n      />\n    </LogsDataList>\n  );\n}\n"],"names":["useRef","useVirtualizer","useDataListKeyboard","useEffect","jsx","LogsDataListSkeleton","jsxs","LogsDataList","Fragment"],"mappings":";;;;;;;;;;;AAQA,MAAM,OAAA,GAAU,wDAAA;AAEhB,MAAM,UAAA,GAAa,EAAA;AACnB,MAAM,QAAA,GAAW,CAAA;AAyBV,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA,SAAA;AAAA,EACA,kBAAA;AAAA,EACA,WAAA;AAAA,EACA,mBAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,SAAA,GAAYA,aAA8B,IAAI,CAAA;AAEpD,EAAA,MAAM,cAAcC,2BAAA,CAAe;AAAA,IACjC,OAAO,IAAA,CAAK,MAAA;AAAA,IACZ,gBAAA,EAAkB,MAAM,SAAA,CAAU,OAAA;AAAA,IAClC,cAAc,MAAM,UAAA;AAAA,IACpB,QAAA,EAAU;AAAA,GACX,CAAA;AAED,EAAA,MAAM,EAAE,WAAA,EAAY,GAAIC,uCAAA,CAAoB;AAAA,IAC1C,OAAO,IAAA,CAAK,MAAA;AAAA,IACZ,YAAA,EAAc,SAAA;AAAA,IACd,UAAA,EAAY,CAAA,KAAA,KAAS,WAAA,CAAY,aAAA,CAAc,KAAK,CAAA;AAAA,IACpD,MAAA,EAAQ;AAAA,GACT,CAAA;AAYD,EAAA,MAAM,aAAA,GAAgBF,aAAO,SAAS,CAAA;AACtC,EAAAG,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAA,CAAc,OAAA,IAAW,CAAC,SAAA,EAAW;AACvC,MAAA,SAAA,CAAU,OAAA,EAAS,aAAA,CAAc,IAAI,KAAA,CAAM,QAAQ,CAAC,CAAA;AAAA,IACtD;AACA,IAAA,aAAA,CAAc,OAAA,GAAU,SAAA;AAAA,EAC1B,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBAAOC,cAAA,CAACC,iCAAA,EAAA,EAAqB,OAAA,EAAS,OAAA,EAAS,KAAI,WAAA,EAAY,CAAA;AAAA,EACjE;AAEA,EAAA,MAAM,YAAA,GAAe,YAAY,eAAA,EAAgB;AACjD,EAAA,MAAM,SAAA,GAAY,YAAY,YAAA,EAAa;AAC3C,EAAA,MAAM,UAAA,GAAa,YAAA,CAAa,CAAC,CAAA,EAAG,KAAA,IAAS,CAAA;AAC7C,EAAA,MAAM,aAAA,GACJ,YAAA,CAAa,MAAA,GAAS,CAAA,GAAI,KAAK,GAAA,CAAI,CAAA,EAAG,SAAA,IAAa,YAAA,CAAa,aAAa,MAAA,GAAS,CAAC,CAAA,EAAG,GAAA,IAAO,EAAE,CAAA,GAAI,CAAA;AAEzG,EAAA,uBACEC,eAAA,CAACC,6BAAa,OAAA,EAAS,OAAA,EAAS,WAAsB,SAAA,EAAU,SAAA,EAAU,KAAI,WAAA,EAC5E,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAACC,yBAAA,CAAa,KAAb,EACE,QAAA,EAAA;AAAA,MAAA,YAAA,mBACCH,cAAA,CAACG,yBAAA,CAAa,eAAA,EAAb,EAA6B,SAAQ,WAAA,EAAY,IAAA,EAAM,aAAA,EAAe,YAAA,EAA4B,kBAEnG,CAAA,mBAEAH,cAAA,CAACG,yBAAA,CAAa,OAAA,EAAb,EAAqB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,sBAE5BH,cAAA,CAACG,yBAAA,CAAa,OAAA,EAAb,EAAqB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,sBAC1BH,cAAA,CAACG,yBAAA,CAAa,OAAA,EAAb,EAAqB,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,sBAC3BH,cAAA,CAACG,yBAAA,CAAa,OAAA,EAAb,EAAqB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBAC5BH,cAAA,CAACG,yBAAA,CAAa,OAAA,EAAb,EAAqB,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,sBAC7BH,cAAA,CAACG,yBAAA,CAAa,OAAA,EAAb,EAAqB,QAAA,EAAA,MAAA,EAAI;AAAA,KAAA,EAC5B,CAAA;AAAA,IAEC,IAAA,CAAK,MAAA,KAAW,CAAA,mBACfH,cAAA,CAACG,yBAAA,CAAa,SAAb,EAAqB,OAAA,EAAQ,2BAAA,EAA4B,CAAA,mBAE1DD,eAAA,CAAAE,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAJ,cAAA,CAACG,yBAAA,CAAa,MAAA,EAAb,EAAoB,MAAA,EAAQ,UAAA,EAAY,CAAA;AAAA,MACxC,YAAA,CAAa,IAAI,CAAA,EAAA,KAAM;AACtB,QAAA,MAAM,GAAA,GAAM,IAAA,CAAK,EAAA,CAAG,KAAK,CAAA;AACzB,QAAA,IAAI,CAAC,KAAK,OAAO,IAAA;AACjB,QAAA,MAAM,EAAA,GAAK,QAAA,CAAS,GAAA,CAAI,GAAG,CAAA;AAI3B,QAAA,IAAI,CAAC,IAAI,OAAO,IAAA;AAChB,QAAA,MAAM,aAAa,EAAA,KAAO,aAAA;AAE1B,QAAA,uBACED,eAAA;AAAA,UAACC,yBAAA,CAAa,SAAA;AAAA,UAAb;AAAA,YAEC,KAAK,WAAA,CAAY,cAAA;AAAA,YACjB,cAAY,EAAA,CAAG,KAAA;AAAA,YACd,GAAG,WAAA,CAAY,EAAA,CAAG,KAAK,CAAA;AAAA,YACxB,OAAA,EAAS,MAAM,UAAA,CAAW,GAAG,CAAA;AAAA,YAC7B,QAAA,EAAU,UAAA;AAAA,YACV,SAAS,GAAA,CAAI,KAAA,KAAU,WAAW,GAAA,CAAI,KAAA,KAAU,UAAU,OAAA,GAAU,SAAA;AAAA,YAEpE,QAAA,EAAA;AAAA,8BAAAH,cAAA,CAACG,yBAAA,CAAa,QAAA,EAAb,EAAsB,SAAA,EAAW,IAAI,SAAA,EAAW,CAAA;AAAA,6CAChDA,yBAAA,CAAa,QAAA,EAAb,EAAsB,SAAA,EAAW,IAAI,SAAA,EAAW,CAAA;AAAA,6CAChDA,yBAAA,CAAa,SAAA,EAAb,EAAuB,KAAA,EAAO,IAAI,KAAA,EAAO,CAAA;AAAA,8BAC1CH,cAAA,CAACG,0BAAa,UAAA,EAAb,EAAwB,YAAY,GAAA,CAAI,UAAA,EAAY,UAAA,EAAY,GAAA,CAAI,UAAA,EAAY,CAAA;AAAA,6CAChFA,yBAAA,CAAa,WAAA,EAAb,EAAyB,OAAA,EAAS,IAAI,OAAA,EAAS,CAAA;AAAA,6CAC/CA,yBAAA,CAAa,QAAA,EAAb,EAAsB,IAAA,EAAM,IAAI,IAAA,EAAM;AAAA;AAAA,WAAA;AAAA,UAblC;AAAA,SAcP;AAAA,MAEJ,CAAC,CAAA;AAAA,sBACDH,cAAA,CAACG,yBAAA,CAAa,MAAA,EAAb,EAAoB,QAAQ,aAAA,EAAe;AAAA,KAAA,EAC9C,CAAA;AAAA,oBAEFH,cAAA;AAAA,MAACG,yBAAA,CAAa,eAAA;AAAA,MAAb;AAAA,QACC,SAAA,EAAW,kBAAA;AAAA,QACX,OAAA,EAAS,WAAA;AAAA,QACT;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/logs/components/logs-list-view.es.js

@@ -1,10 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { useRef, useEffect } from 'react';
-import '../../../data-list-DATsbxcn.js';
-import { D as DataListSkeleton } from '../../../data-list-skeleton-Drzrws2O.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-DEsAkWzg.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { L as LogsDataList } from '../../../logs-data-list-eoGKicgL.js';
+import { L as LogsDataList } from '../../../logs-data-list-C0MU5rID.js';
 
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

package/dist/domains/logs/components/logs-list-view.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"logs-list-view.es.js","sources":["../../../../src/domains/logs/components/logs-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { useEffect, useRef } from 'react';\nimport type { LogRecord } from '../types';\nimport { useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { LogsDataList, LogsDataListSkeleton } from '@/ds/components/LogsDataList';\n\n// Fixed widths on non-flex columns prevent track shifts as the virtualizer swaps rows in/out.\nconst COLUMNS = '6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)';\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n\nexport interface LogsListViewProps {\n  logs: LogRecord[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  /** Stable per-render id for each log — used for React keys and for matching against `featuredLogId`.\n   *  Build with `useLogsListNavigation`. */\n  logIdMap: Map<LogRecord, string>;\n  /** Currently featured/selected log — its row gets the highlighted background. */\n  featuredLogId?: string | null;\n  /** Called when a row is clicked. The current toggle + trace-sync logic is the consumer's call. */\n  onLogClick: (log: LogRecord) => void;\n  /** Current timestamp sort direction. When `onSortChange` is provided the Date/Time headers become sortable. */\n  timestampSort?: DataListSort;\n  onSortChange?: (direction: DataListSort, key: 'timestamp') => void;\n}\n\n/**\n * Virtualized presentational list. Renders only the visible window of logs via\n * TanStack Virtual, sandwiched between top/bottom Spacers that preserve total\n * scroll height. Owns no state and fetches no data.\n */\nexport function LogsListView({\n  logs,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  logIdMap,\n  featuredLogId,\n  onLogClick,\n  timestampSort,\n  onSortChange,\n}: LogsListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n\n  const virtualizer = useVirtualizer({\n    count: logs.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: logs.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  // Reset scroll to top whenever a fresh query resolves (filter / date range change).\n  // `isLoading` only flips on initial fetches — `fetchNextPage` keeps it `false`, so this\n  // effect doesn't fire during pagination.\n  //\n  // Why the manual scroll event: when the skeleton-vs-list branch swaps in the new scroll\n  // container, it mounts at `scrollTop = 0`. The virtualizer rebinds its listener but\n  // doesn't re-read `scrollTop`, so it keeps the stale `scrollOffset` from the previous\n  // element. `scrollToOffset(0)` no-ops because the new element is already at 0 (no scroll\n  // event fires). Dispatching a synthetic `scroll` forces the virtualizer's handler to\n  // read the fresh `scrollTop` and recompute `virtualItems` with `paddingTop = 0`.\n  const wasLoadingRef = useRef(isLoading);\n  useEffect(() => {\n    if (wasLoadingRef.current && !isLoading) {\n      scrollRef.current?.dispatchEvent(new Event('scroll'));\n    }\n    wasLoadingRef.current = isLoading;\n  }, [isLoading]);\n\n  if (isLoading) {\n    return <LogsDataListSkeleton columns={COLUMNS} fit=\"container\" />;\n  }\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <LogsDataList columns={COLUMNS} scrollRef={scrollRef} className=\"min-w-0\" fit=\"container\">\n      <LogsDataList.Top>\n        {onSortChange ? (\n          <LogsDataList.SortableTopCell sortKey=\"timestamp\" sort={timestampSort} onSortChange={onSortChange}>\n            Date\n          </LogsDataList.SortableTopCell>\n        ) : (\n          <LogsDataList.TopCell>Date</LogsDataList.TopCell>\n        )}\n        <LogsDataList.TopCell>Time</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Level</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Entity</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Message</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Data</LogsDataList.TopCell>\n      </LogsDataList.Top>\n\n      {logs.length === 0 ? (\n        <LogsDataList.NoMatch message=\"No logs match your search\" />\n      ) : (\n        <>\n          <LogsDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const log = logs[vi.index];\n            if (!log) return null;\n            const id = logIdMap.get(log);\n            // Defensive: consumer is expected to build `logIdMap` from the same `logs` list\n            // (via `useLogsListNavigation`), but if they drift we'd rather drop the row than\n            // ship a missing-key warning and broken selection highlighting.\n            if (!id) return null;\n            const isFeatured = id === featuredLogId;\n\n            return (\n              <LogsDataList.RowButton\n                key={id}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onLogClick(log)}\n                featured={isFeatured}\n                variant={log.level === 'error' || log.level === 'fatal' ? 'error' : 'default'}\n              >\n                <LogsDataList.DateCell timestamp={log.timestamp} />\n                <LogsDataList.TimeCell timestamp={log.timestamp} />\n                <LogsDataList.LevelCell level={log.level} />\n                <LogsDataList.EntityCell entityType={log.entityType} entityName={log.entityName} />\n                <LogsDataList.MessageCell message={log.message} />\n                <LogsDataList.DataCell data={log.data} />\n              </LogsDataList.RowButton>\n            );\n          })}\n          <LogsDataList.Spacer height={paddingBottom} />\n        </>\n      )}\n      <LogsDataList.NextPageLoading\n        isLoading={isFetchingNextPage}\n        hasMore={hasNextPage}\n        setEndOfListElement={setEndOfListElement}\n      />\n    </LogsDataList>\n  );\n}\n"],"names":["LogsDataListSkeleton"],"mappings":"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"}
+{"version":3,"file":"logs-list-view.es.js","sources":["../../../../src/domains/logs/components/logs-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { useEffect, useRef } from 'react';\nimport type { LogRecord } from '../types';\nimport { useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { LogsDataList, LogsDataListSkeleton } from '@/ds/components/LogsDataList';\n\n// Fixed widths on non-flex columns prevent track shifts as the virtualizer swaps rows in/out.\nconst COLUMNS = '6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)';\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n\nexport interface LogsListViewProps {\n  logs: LogRecord[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  /** Stable per-render id for each log — used for React keys and for matching against `featuredLogId`.\n   *  Build with `useLogsListNavigation`. */\n  logIdMap: Map<LogRecord, string>;\n  /** Currently featured/selected log — its row gets the highlighted background. */\n  featuredLogId?: string | null;\n  /** Called when a row is clicked. The current toggle + trace-sync logic is the consumer's call. */\n  onLogClick: (log: LogRecord) => void;\n  /** Current timestamp sort direction. When `onSortChange` is provided the Date/Time headers become sortable. */\n  timestampSort?: DataListSort;\n  onSortChange?: (direction: DataListSort, key: 'timestamp') => void;\n}\n\n/**\n * Virtualized presentational list. Renders only the visible window of logs via\n * TanStack Virtual, sandwiched between top/bottom Spacers that preserve total\n * scroll height. Owns no state and fetches no data.\n */\nexport function LogsListView({\n  logs,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  logIdMap,\n  featuredLogId,\n  onLogClick,\n  timestampSort,\n  onSortChange,\n}: LogsListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n\n  const virtualizer = useVirtualizer({\n    count: logs.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: logs.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  // Reset scroll to top whenever a fresh query resolves (filter / date range change).\n  // `isLoading` only flips on initial fetches — `fetchNextPage` keeps it `false`, so this\n  // effect doesn't fire during pagination.\n  //\n  // Why the manual scroll event: when the skeleton-vs-list branch swaps in the new scroll\n  // container, it mounts at `scrollTop = 0`. The virtualizer rebinds its listener but\n  // doesn't re-read `scrollTop`, so it keeps the stale `scrollOffset` from the previous\n  // element. `scrollToOffset(0)` no-ops because the new element is already at 0 (no scroll\n  // event fires). Dispatching a synthetic `scroll` forces the virtualizer's handler to\n  // read the fresh `scrollTop` and recompute `virtualItems` with `paddingTop = 0`.\n  const wasLoadingRef = useRef(isLoading);\n  useEffect(() => {\n    if (wasLoadingRef.current && !isLoading) {\n      scrollRef.current?.dispatchEvent(new Event('scroll'));\n    }\n    wasLoadingRef.current = isLoading;\n  }, [isLoading]);\n\n  if (isLoading) {\n    return <LogsDataListSkeleton columns={COLUMNS} fit=\"container\" />;\n  }\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <LogsDataList columns={COLUMNS} scrollRef={scrollRef} className=\"min-w-0\" fit=\"container\">\n      <LogsDataList.Top>\n        {onSortChange ? (\n          <LogsDataList.SortableTopCell sortKey=\"timestamp\" sort={timestampSort} onSortChange={onSortChange}>\n            Date\n          </LogsDataList.SortableTopCell>\n        ) : (\n          <LogsDataList.TopCell>Date</LogsDataList.TopCell>\n        )}\n        <LogsDataList.TopCell>Time</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Level</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Entity</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Message</LogsDataList.TopCell>\n        <LogsDataList.TopCell>Data</LogsDataList.TopCell>\n      </LogsDataList.Top>\n\n      {logs.length === 0 ? (\n        <LogsDataList.NoMatch message=\"No logs match your search\" />\n      ) : (\n        <>\n          <LogsDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const log = logs[vi.index];\n            if (!log) return null;\n            const id = logIdMap.get(log);\n            // Defensive: consumer is expected to build `logIdMap` from the same `logs` list\n            // (via `useLogsListNavigation`), but if they drift we'd rather drop the row than\n            // ship a missing-key warning and broken selection highlighting.\n            if (!id) return null;\n            const isFeatured = id === featuredLogId;\n\n            return (\n              <LogsDataList.RowButton\n                key={id}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onLogClick(log)}\n                featured={isFeatured}\n                variant={log.level === 'error' || log.level === 'fatal' ? 'error' : 'default'}\n              >\n                <LogsDataList.DateCell timestamp={log.timestamp} />\n                <LogsDataList.TimeCell timestamp={log.timestamp} />\n                <LogsDataList.LevelCell level={log.level} />\n                <LogsDataList.EntityCell entityType={log.entityType} entityName={log.entityName} />\n                <LogsDataList.MessageCell message={log.message} />\n                <LogsDataList.DataCell data={log.data} />\n              </LogsDataList.RowButton>\n            );\n          })}\n          <LogsDataList.Spacer height={paddingBottom} />\n        </>\n      )}\n      <LogsDataList.NextPageLoading\n        isLoading={isFetchingNextPage}\n        hasMore={hasNextPage}\n        setEndOfListElement={setEndOfListElement}\n      />\n    </LogsDataList>\n  );\n}\n"],"names":["LogsDataListSkeleton"],"mappings":"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"}

package/dist/domains/observability/components/trace-as-item-dialog.cjs.js

@@ -18,12 +18,24 @@ require('@base-ui/react/use-render');
 require('../../../lib/framework.cjs.js');
 const domains_datasets_components_addDatasetItemDialog_addDatasetItemDialog = require('../../datasets/components/add-dataset-item-dialog/add-dataset-item-dialog.cjs.js');
 
+const readsAsJson = (text) => {
+  try {
+    JSON.parse(text);
+    return true;
+  } catch {
+    return false;
+  }
+};
+function toEditorText(value) {
+  if (typeof value === "string" && !readsAsJson(value)) return value;
+  return safeStringify.safeStringify(value, 2);
+}
 function getInitialInput(traceDetails) {
   if (traceDetails?.input == null) return "{}";
   const spanInput = traceDetails.input;
   const isWrappedAgentInput = traceDetails.spanType === "agent_run" && spanInput && typeof spanInput === "object" && !Array.isArray(spanInput) && "messages" in spanInput;
   const rawInput = isWrappedAgentInput ? spanInput.messages ?? traceDetails.input : traceDetails.input;
-  return safeStringify.safeStringify(rawInput, 2);
+  return toEditorText(rawInput);
 }
 function toExpectedStep(step) {
   if (step.stepType === "provider_tool_call") return { name: step.name };
@@ -63,7 +75,7 @@ function TraceAsItemDialog({
         if (!open) onClose();
       },
       initialInput: getInitialInput(traceDetails),
-      initialGroundTruth: traceDetails?.output != null ? safeStringify.safeStringify(traceDetails.output, 2) : "",
+      initialGroundTruth: traceDetails?.output != null ? toEditorText(traceDetails.output) : "",
       initialToolMocks: toolMocks.length > 0 ? safeStringify.safeStringify(toolMocks, 2) : void 0,
       initialTrajectory: steps.length > 0 ? { steps: steps.map(toExpectedStep), ordering: "relaxed" } : void 0,
       source: traceId ? { type: "trace", referenceId: traceId } : void 0,

package/dist/domains/observability/components/trace-as-item-dialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-as-item-dialog.cjs.js","sources":["../../../../src/domains/observability/components/trace-as-item-dialog.tsx"],"sourcesContent":["'use client';\n\nimport type { TrajectoryStep } from '@mastra/core/evals';\nimport { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';\nimport { safeStringify } from '@mastra/core/utils/safe-stringify';\nimport { useMastraClient } from '@mastra/react';\nimport { useSpanDetail } from '@mastra/react/hooks/traces';\nimport { useQuery } from '@tanstack/react-query';\nimport { AddDatasetItemDialog } from '@/domains/datasets';\nimport type { AddDatasetItemDialogProps, TrajectoryExpectation } from '@/domains/datasets';\nimport type { SpanRecord } from '@/domains/traces/types';\n\ntype ExpectedStep = NonNullable<TrajectoryExpectation['steps']>[number];\n\ntype TraceAsItemDialogProps = {\n  /** Full span record — if provided, used directly (no fetch). */\n  traceDetails?: SpanRecord;\n  /** Root span ID for lazy-loading when traceDetails is not available. */\n  rootSpanId?: string | null;\n  traceId?: string;\n  isOpen: boolean;\n  onClose: () => void;\n  renderCreateDatasetDialog?: AddDatasetItemDialogProps['renderCreateDatasetDialog'];\n};\n\nfunction getInitialInput(traceDetails?: SpanRecord): string {\n  if (traceDetails?.input == null) return '{}';\n\n  // Unwrap legacy { messages } wrapper from agent_run spans so the dataset item stores a valid MessageListInput\n  const spanInput = traceDetails.input as Record<string, unknown> | undefined;\n  const isWrappedAgentInput =\n    traceDetails.spanType === 'agent_run' &&\n    spanInput &&\n    typeof spanInput === 'object' &&\n    !Array.isArray(spanInput) &&\n    'messages' in spanInput;\n  const rawInput = isWrappedAgentInput ? (spanInput.messages ?? traceDetails.input) : traceDetails.input;\n\n  return safeStringify(rawInput, 2);\n}\n\n/** A recorded step as an expectation: what it did, without how long it took or what ran inside it. */\nfunction toExpectedStep(step: TrajectoryStep): ExpectedStep {\n  // Expectations can't type provider-executed tools yet, so those match by name only.\n  if (step.stepType === 'provider_tool_call') return { name: step.name };\n  const { children: _children, durationMs: _durationMs, metadata: _metadata, ...expected } = step;\n  return expected;\n}\n\nexport function TraceAsItemDialog({\n  traceDetails: externalTraceDetails,\n  rootSpanId,\n  traceId,\n  isOpen,\n  onClose,\n  renderCreateDatasetDialog,\n}: TraceAsItemDialogProps) {\n  const client = useMastraClient();\n\n  // Lazy-load the root span details when dialog opens and no traceDetails provided\n  const spanTraceId = !externalTraceDetails && isOpen ? traceId : null;\n  const spanId = !externalTraceDetails && isOpen ? rootSpanId : null;\n  const { data: lazySpanDetail, isLoading: isSpanLoading } = useSpanDetail({\n    traceId: spanTraceId,\n    spanId,\n    queryOptions: { enabled: Boolean(spanTraceId) && Boolean(spanId) },\n  });\n\n  const traceDetails = externalTraceDetails ?? lazySpanDetail?.span;\n\n  const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({\n    queryKey: ['trace-trajectory', traceId],\n    queryFn: () => client.getTraceTrajectory(traceId ?? ''),\n    enabled: isOpen && Boolean(traceId),\n  });\n\n  // The dialog seeds its form when it opens, so it opens once everything the form is seeded from has arrived.\n  const isReady = !isSpanLoading && !isTrajectoryLoading;\n  const steps = trajectory?.steps ?? [];\n  // Derive item-level tool mocks from the recorded tool calls in the trajectory\n  const toolMocks = collectToolMocks(steps);\n\n  return (\n    <AddDatasetItemDialog\n      open={isOpen && isReady}\n      onOpenChange={open => {\n        if (!open) onClose();\n      }}\n      initialInput={getInitialInput(traceDetails)}\n      initialGroundTruth={traceDetails?.output != null ? safeStringify(traceDetails.output, 2) : ''}\n      initialToolMocks={toolMocks.length > 0 ? safeStringify(toolMocks, 2) : undefined}\n      initialTrajectory={steps.length > 0 ? { steps: steps.map(toExpectedStep), ordering: 'relaxed' } : undefined}\n      source={traceId ? { type: 'trace', referenceId: traceId } : undefined}\n      renderCreateDatasetDialog={renderCreateDatasetDialog}\n    />\n  );\n}\n"],"names":["safeStringify","useMastraClient","useSpanDetail","useQuery","collectToolMocks","jsx","AddDatasetItemDialog"],"mappings":"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"}
+{"version":3,"file":"trace-as-item-dialog.cjs.js","sources":["../../../../src/domains/observability/components/trace-as-item-dialog.tsx"],"sourcesContent":["'use client';\n\nimport type { TrajectoryStep } from '@mastra/core/evals';\nimport { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';\nimport { safeStringify } from '@mastra/core/utils/safe-stringify';\nimport { useMastraClient } from '@mastra/react';\nimport { useSpanDetail } from '@mastra/react/hooks/traces';\nimport { useQuery } from '@tanstack/react-query';\nimport { AddDatasetItemDialog } from '@/domains/datasets';\nimport type { AddDatasetItemDialogProps, TrajectoryExpectation } from '@/domains/datasets';\nimport type { SpanRecord } from '@/domains/traces/types';\n\ntype ExpectedStep = NonNullable<TrajectoryExpectation['steps']>[number];\n\ntype TraceAsItemDialogProps = {\n  /** Full span record — if provided, used directly (no fetch). */\n  traceDetails?: SpanRecord;\n  /** Root span ID for lazy-loading when traceDetails is not available. */\n  rootSpanId?: string | null;\n  traceId?: string;\n  isOpen: boolean;\n  onClose: () => void;\n  renderCreateDatasetDialog?: AddDatasetItemDialogProps['renderCreateDatasetDialog'];\n};\n\nconst readsAsJson = (text: string) => {\n  try {\n    JSON.parse(text);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\n/** Strings show as plain text, unless the text reads as JSON: those stay quoted so they are saved back as strings. */\nfunction toEditorText(value: unknown): string {\n  if (typeof value === 'string' && !readsAsJson(value)) return value;\n  return safeStringify(value, 2);\n}\n\nfunction getInitialInput(traceDetails?: SpanRecord): string {\n  if (traceDetails?.input == null) return '{}';\n\n  // Unwrap legacy { messages } wrapper from agent_run spans so the dataset item stores a valid MessageListInput\n  const spanInput = traceDetails.input as Record<string, unknown> | undefined;\n  const isWrappedAgentInput =\n    traceDetails.spanType === 'agent_run' &&\n    spanInput &&\n    typeof spanInput === 'object' &&\n    !Array.isArray(spanInput) &&\n    'messages' in spanInput;\n  const rawInput = isWrappedAgentInput ? (spanInput.messages ?? traceDetails.input) : traceDetails.input;\n\n  return toEditorText(rawInput);\n}\n\n/** A recorded step as an expectation: what it did, without how long it took or what ran inside it. */\nfunction toExpectedStep(step: TrajectoryStep): ExpectedStep {\n  // Expectations can't type provider-executed tools yet, so those match by name only.\n  if (step.stepType === 'provider_tool_call') return { name: step.name };\n  const { children: _children, durationMs: _durationMs, metadata: _metadata, ...expected } = step;\n  return expected;\n}\n\nexport function TraceAsItemDialog({\n  traceDetails: externalTraceDetails,\n  rootSpanId,\n  traceId,\n  isOpen,\n  onClose,\n  renderCreateDatasetDialog,\n}: TraceAsItemDialogProps) {\n  const client = useMastraClient();\n\n  // Lazy-load the root span details when dialog opens and no traceDetails provided\n  const spanTraceId = !externalTraceDetails && isOpen ? traceId : null;\n  const spanId = !externalTraceDetails && isOpen ? rootSpanId : null;\n  const { data: lazySpanDetail, isLoading: isSpanLoading } = useSpanDetail({\n    traceId: spanTraceId,\n    spanId,\n    queryOptions: { enabled: Boolean(spanTraceId) && Boolean(spanId) },\n  });\n\n  const traceDetails = externalTraceDetails ?? lazySpanDetail?.span;\n\n  const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({\n    queryKey: ['trace-trajectory', traceId],\n    queryFn: () => client.getTraceTrajectory(traceId ?? ''),\n    enabled: isOpen && Boolean(traceId),\n  });\n\n  // The dialog seeds its form when it opens, so it opens once everything the form is seeded from has arrived.\n  const isReady = !isSpanLoading && !isTrajectoryLoading;\n  const steps = trajectory?.steps ?? [];\n  // Derive item-level tool mocks from the recorded tool calls in the trajectory\n  const toolMocks = collectToolMocks(steps);\n\n  return (\n    <AddDatasetItemDialog\n      open={isOpen && isReady}\n      onOpenChange={open => {\n        if (!open) onClose();\n      }}\n      initialInput={getInitialInput(traceDetails)}\n      initialGroundTruth={traceDetails?.output != null ? toEditorText(traceDetails.output) : ''}\n      initialToolMocks={toolMocks.length > 0 ? safeStringify(toolMocks, 2) : undefined}\n      initialTrajectory={steps.length > 0 ? { steps: steps.map(toExpectedStep), ordering: 'relaxed' } : undefined}\n      source={traceId ? { type: 'trace', referenceId: traceId } : undefined}\n      renderCreateDatasetDialog={renderCreateDatasetDialog}\n    />\n  );\n}\n"],"names":["safeStringify","useMastraClient","useSpanDetail","useQuery","collectToolMocks","jsx","AddDatasetItemDialog"],"mappings":"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"}

package/dist/domains/observability/components/trace-as-item-dialog.es.js

@@ -14,12 +14,24 @@ import '@base-ui/react/use-render';
 import '../../../lib/framework.es.js';
 import { AddDatasetItemDialog } from '../../datasets/components/add-dataset-item-dialog/add-dataset-item-dialog.es.js';
 
+const readsAsJson = (text) => {
+  try {
+    JSON.parse(text);
+    return true;
+  } catch {
+    return false;
+  }
+};
+function toEditorText(value) {
+  if (typeof value === "string" && !readsAsJson(value)) return value;
+  return safeStringify(value, 2);
+}
 function getInitialInput(traceDetails) {
   if (traceDetails?.input == null) return "{}";
   const spanInput = traceDetails.input;
   const isWrappedAgentInput = traceDetails.spanType === "agent_run" && spanInput && typeof spanInput === "object" && !Array.isArray(spanInput) && "messages" in spanInput;
   const rawInput = isWrappedAgentInput ? spanInput.messages ?? traceDetails.input : traceDetails.input;
-  return safeStringify(rawInput, 2);
+  return toEditorText(rawInput);
 }
 function toExpectedStep(step) {
   if (step.stepType === "provider_tool_call") return { name: step.name };
@@ -59,7 +71,7 @@ function TraceAsItemDialog({
         if (!open) onClose();
       },
       initialInput: getInitialInput(traceDetails),
-      initialGroundTruth: traceDetails?.output != null ? safeStringify(traceDetails.output, 2) : "",
+      initialGroundTruth: traceDetails?.output != null ? toEditorText(traceDetails.output) : "",
       initialToolMocks: toolMocks.length > 0 ? safeStringify(toolMocks, 2) : void 0,
       initialTrajectory: steps.length > 0 ? { steps: steps.map(toExpectedStep), ordering: "relaxed" } : void 0,
       source: traceId ? { type: "trace", referenceId: traceId } : void 0,

package/dist/domains/observability/components/trace-as-item-dialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-as-item-dialog.es.js","sources":["../../../../src/domains/observability/components/trace-as-item-dialog.tsx"],"sourcesContent":["'use client';\n\nimport type { TrajectoryStep } from '@mastra/core/evals';\nimport { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';\nimport { safeStringify } from '@mastra/core/utils/safe-stringify';\nimport { useMastraClient } from '@mastra/react';\nimport { useSpanDetail } from '@mastra/react/hooks/traces';\nimport { useQuery } from '@tanstack/react-query';\nimport { AddDatasetItemDialog } from '@/domains/datasets';\nimport type { AddDatasetItemDialogProps, TrajectoryExpectation } from '@/domains/datasets';\nimport type { SpanRecord } from '@/domains/traces/types';\n\ntype ExpectedStep = NonNullable<TrajectoryExpectation['steps']>[number];\n\ntype TraceAsItemDialogProps = {\n  /** Full span record — if provided, used directly (no fetch). */\n  traceDetails?: SpanRecord;\n  /** Root span ID for lazy-loading when traceDetails is not available. */\n  rootSpanId?: string | null;\n  traceId?: string;\n  isOpen: boolean;\n  onClose: () => void;\n  renderCreateDatasetDialog?: AddDatasetItemDialogProps['renderCreateDatasetDialog'];\n};\n\nfunction getInitialInput(traceDetails?: SpanRecord): string {\n  if (traceDetails?.input == null) return '{}';\n\n  // Unwrap legacy { messages } wrapper from agent_run spans so the dataset item stores a valid MessageListInput\n  const spanInput = traceDetails.input as Record<string, unknown> | undefined;\n  const isWrappedAgentInput =\n    traceDetails.spanType === 'agent_run' &&\n    spanInput &&\n    typeof spanInput === 'object' &&\n    !Array.isArray(spanInput) &&\n    'messages' in spanInput;\n  const rawInput = isWrappedAgentInput ? (spanInput.messages ?? traceDetails.input) : traceDetails.input;\n\n  return safeStringify(rawInput, 2);\n}\n\n/** A recorded step as an expectation: what it did, without how long it took or what ran inside it. */\nfunction toExpectedStep(step: TrajectoryStep): ExpectedStep {\n  // Expectations can't type provider-executed tools yet, so those match by name only.\n  if (step.stepType === 'provider_tool_call') return { name: step.name };\n  const { children: _children, durationMs: _durationMs, metadata: _metadata, ...expected } = step;\n  return expected;\n}\n\nexport function TraceAsItemDialog({\n  traceDetails: externalTraceDetails,\n  rootSpanId,\n  traceId,\n  isOpen,\n  onClose,\n  renderCreateDatasetDialog,\n}: TraceAsItemDialogProps) {\n  const client = useMastraClient();\n\n  // Lazy-load the root span details when dialog opens and no traceDetails provided\n  const spanTraceId = !externalTraceDetails && isOpen ? traceId : null;\n  const spanId = !externalTraceDetails && isOpen ? rootSpanId : null;\n  const { data: lazySpanDetail, isLoading: isSpanLoading } = useSpanDetail({\n    traceId: spanTraceId,\n    spanId,\n    queryOptions: { enabled: Boolean(spanTraceId) && Boolean(spanId) },\n  });\n\n  const traceDetails = externalTraceDetails ?? lazySpanDetail?.span;\n\n  const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({\n    queryKey: ['trace-trajectory', traceId],\n    queryFn: () => client.getTraceTrajectory(traceId ?? ''),\n    enabled: isOpen && Boolean(traceId),\n  });\n\n  // The dialog seeds its form when it opens, so it opens once everything the form is seeded from has arrived.\n  const isReady = !isSpanLoading && !isTrajectoryLoading;\n  const steps = trajectory?.steps ?? [];\n  // Derive item-level tool mocks from the recorded tool calls in the trajectory\n  const toolMocks = collectToolMocks(steps);\n\n  return (\n    <AddDatasetItemDialog\n      open={isOpen && isReady}\n      onOpenChange={open => {\n        if (!open) onClose();\n      }}\n      initialInput={getInitialInput(traceDetails)}\n      initialGroundTruth={traceDetails?.output != null ? safeStringify(traceDetails.output, 2) : ''}\n      initialToolMocks={toolMocks.length > 0 ? safeStringify(toolMocks, 2) : undefined}\n      initialTrajectory={steps.length > 0 ? { steps: steps.map(toExpectedStep), ordering: 'relaxed' } : undefined}\n      source={traceId ? { type: 'trace', referenceId: traceId } : undefined}\n      renderCreateDatasetDialog={renderCreateDatasetDialog}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"trace-as-item-dialog.es.js","sources":["../../../../src/domains/observability/components/trace-as-item-dialog.tsx"],"sourcesContent":["'use client';\n\nimport type { TrajectoryStep } from '@mastra/core/evals';\nimport { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';\nimport { safeStringify } from '@mastra/core/utils/safe-stringify';\nimport { useMastraClient } from '@mastra/react';\nimport { useSpanDetail } from '@mastra/react/hooks/traces';\nimport { useQuery } from '@tanstack/react-query';\nimport { AddDatasetItemDialog } from '@/domains/datasets';\nimport type { AddDatasetItemDialogProps, TrajectoryExpectation } from '@/domains/datasets';\nimport type { SpanRecord } from '@/domains/traces/types';\n\ntype ExpectedStep = NonNullable<TrajectoryExpectation['steps']>[number];\n\ntype TraceAsItemDialogProps = {\n  /** Full span record — if provided, used directly (no fetch). */\n  traceDetails?: SpanRecord;\n  /** Root span ID for lazy-loading when traceDetails is not available. */\n  rootSpanId?: string | null;\n  traceId?: string;\n  isOpen: boolean;\n  onClose: () => void;\n  renderCreateDatasetDialog?: AddDatasetItemDialogProps['renderCreateDatasetDialog'];\n};\n\nconst readsAsJson = (text: string) => {\n  try {\n    JSON.parse(text);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\n/** Strings show as plain text, unless the text reads as JSON: those stay quoted so they are saved back as strings. */\nfunction toEditorText(value: unknown): string {\n  if (typeof value === 'string' && !readsAsJson(value)) return value;\n  return safeStringify(value, 2);\n}\n\nfunction getInitialInput(traceDetails?: SpanRecord): string {\n  if (traceDetails?.input == null) return '{}';\n\n  // Unwrap legacy { messages } wrapper from agent_run spans so the dataset item stores a valid MessageListInput\n  const spanInput = traceDetails.input as Record<string, unknown> | undefined;\n  const isWrappedAgentInput =\n    traceDetails.spanType === 'agent_run' &&\n    spanInput &&\n    typeof spanInput === 'object' &&\n    !Array.isArray(spanInput) &&\n    'messages' in spanInput;\n  const rawInput = isWrappedAgentInput ? (spanInput.messages ?? traceDetails.input) : traceDetails.input;\n\n  return toEditorText(rawInput);\n}\n\n/** A recorded step as an expectation: what it did, without how long it took or what ran inside it. */\nfunction toExpectedStep(step: TrajectoryStep): ExpectedStep {\n  // Expectations can't type provider-executed tools yet, so those match by name only.\n  if (step.stepType === 'provider_tool_call') return { name: step.name };\n  const { children: _children, durationMs: _durationMs, metadata: _metadata, ...expected } = step;\n  return expected;\n}\n\nexport function TraceAsItemDialog({\n  traceDetails: externalTraceDetails,\n  rootSpanId,\n  traceId,\n  isOpen,\n  onClose,\n  renderCreateDatasetDialog,\n}: TraceAsItemDialogProps) {\n  const client = useMastraClient();\n\n  // Lazy-load the root span details when dialog opens and no traceDetails provided\n  const spanTraceId = !externalTraceDetails && isOpen ? traceId : null;\n  const spanId = !externalTraceDetails && isOpen ? rootSpanId : null;\n  const { data: lazySpanDetail, isLoading: isSpanLoading } = useSpanDetail({\n    traceId: spanTraceId,\n    spanId,\n    queryOptions: { enabled: Boolean(spanTraceId) && Boolean(spanId) },\n  });\n\n  const traceDetails = externalTraceDetails ?? lazySpanDetail?.span;\n\n  const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({\n    queryKey: ['trace-trajectory', traceId],\n    queryFn: () => client.getTraceTrajectory(traceId ?? ''),\n    enabled: isOpen && Boolean(traceId),\n  });\n\n  // The dialog seeds its form when it opens, so it opens once everything the form is seeded from has arrived.\n  const isReady = !isSpanLoading && !isTrajectoryLoading;\n  const steps = trajectory?.steps ?? [];\n  // Derive item-level tool mocks from the recorded tool calls in the trajectory\n  const toolMocks = collectToolMocks(steps);\n\n  return (\n    <AddDatasetItemDialog\n      open={isOpen && isReady}\n      onOpenChange={open => {\n        if (!open) onClose();\n      }}\n      initialInput={getInitialInput(traceDetails)}\n      initialGroundTruth={traceDetails?.output != null ? toEditorText(traceDetails.output) : ''}\n      initialToolMocks={toolMocks.length > 0 ? safeStringify(toolMocks, 2) : undefined}\n      initialTrajectory={steps.length > 0 ? { steps: steps.map(toExpectedStep), ordering: 'relaxed' } : undefined}\n      source={traceId ? { type: 'trace', referenceId: traceId } : undefined}\n      renderCreateDatasetDialog={renderCreateDatasetDialog}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/scores/components/trace-scores-tab.cjs.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const scores = require('@mastra/react/hooks/scores');
 const React = require('react');
-const dataList = require('../../../data-list-DlXU1PLQ.cjs');
-require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
+const dataList = require('../../../data-list-GysSTouz.cjs');
 const EmptyState = require('../../../EmptyState-FNJu74e8.cjs');
 const metricsKpiCard = require('../../../metrics-kpi-card-LOGZrRxg.cjs');
 const spinner = require('../../../spinner-Q8y5rnSa.cjs');

package/dist/domains/scores/components/trace-scores-tab.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-scores-tab.cjs.js","sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n\n  return (\n    <MetricsKpiCard className=\"relative min-w-0 cursor-pointer\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid cursor-pointer gap-1 text-left after:absolute after:inset-0 after:content-['']\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'relative z-10 underline underline-offset-2')}\n          >\n            <Txt as=\"span\" variant=\"caption\">\n              {expanded ? 'Read less' : 'Read more'}\n            </Txt>\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":["useState","useTraceSpanScores","jsx","Spinner","scores","EmptyState","jsxs","MetricsKpiCard","getShortId","Txt","formatDate","Fragment","cn","quietTextHover","controlStateColorTransition","DataList"],"mappings":"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"}
+{"version":3,"file":"trace-scores-tab.cjs.js","sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n\n  return (\n    <MetricsKpiCard className=\"relative min-w-0 cursor-pointer\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid cursor-pointer gap-1 text-left after:absolute after:inset-0 after:content-['']\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'relative z-10 underline underline-offset-2')}\n          >\n            <Txt as=\"span\" variant=\"caption\">\n              {expanded ? 'Read less' : 'Read more'}\n            </Txt>\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":["useState","useTraceSpanScores","jsx","Spinner","scores","EmptyState","jsxs","MetricsKpiCard","getShortId","Txt","formatDate","Fragment","cn","quietTextHover","controlStateColorTransition","DataList"],"mappings":"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"}

package/dist/domains/scores/components/trace-scores-tab.es.js

@@ -1,8 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTraceSpanScores } from '@mastra/react/hooks/scores';
 import { useState } from 'react';
-import { e as DataList } from '../../../data-list-DATsbxcn.js';
-import '../../../keyboard/keyboard-shortcuts-context.es.js';
+import { D as DataList } from '../../../data-list-CNE43dvA.js';
 import { E as EmptyState } from '../../../EmptyState-qVoRkUMf.js';
 import { M as MetricsKpiCard } from '../../../metrics-kpi-card-Br-DJ-As.js';
 import { S as Spinner } from '../../../spinner-CsLM6TfA.js';

package/dist/domains/scores/components/trace-scores-tab.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-scores-tab.es.js","sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n\n  return (\n    <MetricsKpiCard className=\"relative min-w-0 cursor-pointer\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid cursor-pointer gap-1 text-left after:absolute after:inset-0 after:content-['']\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'relative z-10 underline underline-offset-2')}\n          >\n            <Txt as=\"span\" variant=\"caption\">\n              {expanded ? 'Read less' : 'Read more'}\n            </Txt>\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"trace-scores-tab.es.js","sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n\n  return (\n    <MetricsKpiCard className=\"relative min-w-0 cursor-pointer\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid cursor-pointer gap-1 text-left after:absolute after:inset-0 after:content-['']\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'relative z-10 underline underline-offset-2')}\n          >\n            <Txt as=\"span\" variant=\"caption\">\n              {expanded ? 'Read less' : 'Read more'}\n            </Txt>\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/traces/components/trace-data-panel.cjs.js

@@ -6,8 +6,6 @@ const jsxRuntime = require('react/jsx-runtime');
 const scores = require('@mastra/react/hooks/scores');
 const React = require('react');
 const domains_scores_components_spanScoring = require('../../scores/components/span-scoring.cjs.js');
-require('../../../data-list-DlXU1PLQ.cjs');
-require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
 require('@base-ui/react/use-render');
 require('lucide-react');
 require('@mastra/core/utils/safe-stringify');

package/dist/domains/traces/components/trace-data-panel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-data-panel.cjs.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useScorers } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport type { ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { TraceDataPanelView } from '@/domains/traces/components/trace-data-panel-view';\nimport type { TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n  ComponentProps<typeof TraceDataPanelView>,\n  'sideView' | 'onSideViewChange' | 'onEvaluateTrace'\n>;\n\n/**\n * Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n  const [sideView, setSideView] = useState<TraceSideView>();\n  const [isScoringOpen, setIsScoringOpen] = useState(false);\n  const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n  const rootSpan = props.anchorSpanId\n    ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n    : props.spans?.find(span => span.parentSpanId == null);\n\n  return (\n    <>\n      <TraceDataPanelView\n        {...props}\n        onEvaluateTrace={() => setIsScoringOpen(true)}\n        sideView={sideView}\n        onSideViewChange={setSideView}\n      />\n      <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n        <DialogContent size=\"lg\">\n          <DialogHeader>\n            <DialogTitle>Score trace</DialogTitle>\n          </DialogHeader>\n\n          {isScoringOpen && rootSpan && (\n            <SpanScoring\n              traceId={props.traceId}\n              spanId={rootSpan.spanId}\n              entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n              isTopLevelSpan={!rootSpan.parentSpanId}\n              scorers={scorers}\n              isLoadingScorers={isLoadingScorers}\n              onSuccess={() => {\n                setIsScoringOpen(false);\n                setSideView('scores');\n              }}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["useState","useScorers","jsxs","Fragment","jsx","TraceDataPanelView","Dialog","DialogContent","DialogHeader","DialogTitle","SpanScoring"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiBO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,cAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqBC,iBAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,+DAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACAD,cAAA,CAACE,iBAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAAJ,eAAA,CAACK,oBAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,mBAAA,EAAA,EACC,QAAA,kBAAAJ,cAAA,CAACK,kBAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChBL,cAAA;AAAA,QAACM,iDAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-data-panel.cjs.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useScorers } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport type { ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { TraceDataPanelView } from '@/domains/traces/components/trace-data-panel-view';\nimport type { TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n  ComponentProps<typeof TraceDataPanelView>,\n  'sideView' | 'onSideViewChange' | 'onEvaluateTrace'\n>;\n\n/**\n * Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n  const [sideView, setSideView] = useState<TraceSideView>();\n  const [isScoringOpen, setIsScoringOpen] = useState(false);\n  const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n  const rootSpan = props.anchorSpanId\n    ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n    : props.spans?.find(span => span.parentSpanId == null);\n\n  return (\n    <>\n      <TraceDataPanelView\n        {...props}\n        onEvaluateTrace={() => setIsScoringOpen(true)}\n        sideView={sideView}\n        onSideViewChange={setSideView}\n      />\n      <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n        <DialogContent size=\"lg\">\n          <DialogHeader>\n            <DialogTitle>Score trace</DialogTitle>\n          </DialogHeader>\n\n          {isScoringOpen && rootSpan && (\n            <SpanScoring\n              traceId={props.traceId}\n              spanId={rootSpan.spanId}\n              entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n              isTopLevelSpan={!rootSpan.parentSpanId}\n              scorers={scorers}\n              isLoadingScorers={isLoadingScorers}\n              onSuccess={() => {\n                setIsScoringOpen(false);\n                setSideView('scores');\n              }}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["useState","useScorers","jsxs","Fragment","jsx","TraceDataPanelView","Dialog","DialogContent","DialogHeader","DialogTitle","SpanScoring"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiBO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,cAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqBC,iBAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,+DAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACAD,cAAA,CAACE,iBAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAAJ,eAAA,CAACK,oBAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,mBAAA,EAAA,EACC,QAAA,kBAAAJ,cAAA,CAACK,kBAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChBL,cAAA;AAAA,QAACM,iDAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-data-panel.es.js

@@ -2,8 +2,6 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useScorers } from '@mastra/react/hooks/scores';
 import { useState } from 'react';
 import { SpanScoring } from '../../scores/components/span-scoring.es.js';
-import '../../../data-list-DATsbxcn.js';
-import '../../../keyboard/keyboard-shortcuts-context.es.js';
 import '@base-ui/react/use-render';
 import 'lucide-react';
 import '@mastra/core/utils/safe-stringify';

package/dist/domains/traces/components/trace-data-panel.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-data-panel.es.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useScorers } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport type { ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { TraceDataPanelView } from '@/domains/traces/components/trace-data-panel-view';\nimport type { TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n  ComponentProps<typeof TraceDataPanelView>,\n  'sideView' | 'onSideViewChange' | 'onEvaluateTrace'\n>;\n\n/**\n * Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n  const [sideView, setSideView] = useState<TraceSideView>();\n  const [isScoringOpen, setIsScoringOpen] = useState(false);\n  const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n  const rootSpan = props.anchorSpanId\n    ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n    : props.spans?.find(span => span.parentSpanId == null);\n\n  return (\n    <>\n      <TraceDataPanelView\n        {...props}\n        onEvaluateTrace={() => setIsScoringOpen(true)}\n        sideView={sideView}\n        onSideViewChange={setSideView}\n      />\n      <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n        <DialogContent size=\"lg\">\n          <DialogHeader>\n            <DialogTitle>Score trace</DialogTitle>\n          </DialogHeader>\n\n          {isScoringOpen && rootSpan && (\n            <SpanScoring\n              traceId={props.traceId}\n              spanId={rootSpan.spanId}\n              entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n              isTopLevelSpan={!rootSpan.parentSpanId}\n              scorers={scorers}\n              isLoadingScorers={isLoadingScorers}\n              onSuccess={() => {\n                setIsScoringOpen(false);\n                setSideView('scores');\n              }}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiBO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqB,UAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACA,GAAA,CAAC,UAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChB,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-data-panel.es.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useScorers } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport type { ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { TraceDataPanelView } from '@/domains/traces/components/trace-data-panel-view';\nimport type { TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n  ComponentProps<typeof TraceDataPanelView>,\n  'sideView' | 'onSideViewChange' | 'onEvaluateTrace'\n>;\n\n/**\n * Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n  const [sideView, setSideView] = useState<TraceSideView>();\n  const [isScoringOpen, setIsScoringOpen] = useState(false);\n  const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n  const rootSpan = props.anchorSpanId\n    ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n    : props.spans?.find(span => span.parentSpanId == null);\n\n  return (\n    <>\n      <TraceDataPanelView\n        {...props}\n        onEvaluateTrace={() => setIsScoringOpen(true)}\n        sideView={sideView}\n        onSideViewChange={setSideView}\n      />\n      <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n        <DialogContent size=\"lg\">\n          <DialogHeader>\n            <DialogTitle>Score trace</DialogTitle>\n          </DialogHeader>\n\n          {isScoringOpen && rootSpan && (\n            <SpanScoring\n              traceId={props.traceId}\n              spanId={rootSpan.spanId}\n              entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n              isTopLevelSpan={!rootSpan.parentSpanId}\n              scorers={scorers}\n              isLoadingScorers={isLoadingScorers}\n              onSuccess={() => {\n                setIsScoringOpen(false);\n                setSideView('scores');\n              }}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqB,UAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACA,GAAA,CAAC,UAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChB,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-error-cell.cjs.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_components_traceErrorDetails = require('./trace-error-details.cjs.js');
-const dataList = require('../../../data-list-DlXU1PLQ.cjs');
-require('react');
-require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
+const dataList = require('../../../data-list-GysSTouz.cjs');
 const hoverCard = require('../../../hover-card-DVBz-iu-.cjs');
 
 function TraceErrorCell({ traceId, spanId, errorPreview }) {

package/dist/domains/traces/components/trace-error-cell.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-error-cell.cjs.js","sources":["../../../../src/domains/traces/components/trace-error-cell.tsx"],"sourcesContent":["import { TraceErrorDetails } from './trace-error-details';\nimport { DataList } from '@/ds/components/DataList';\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from '@/ds/components/HoverCard';\n\nexport interface TraceErrorCellProps {\n  traceId: string;\n  spanId: string;\n  /** The stored preview, shown in the cell and in the card until the full error loads. */\n  errorPreview: string;\n}\n\n/** Output cell of a failed row: the error preview, and the full error in a hover card. */\nexport function TraceErrorCell({ traceId, spanId, errorPreview }: TraceErrorCellProps) {\n  return (\n    <HoverCard>\n      <HoverCardTrigger\n        render={\n          <DataList.TextCell font=\"mono\" className=\"text-destructive-foreground\">\n            {errorPreview}\n          </DataList.TextCell>\n        }\n      />\n      <HoverCardContent\n        side=\"bottom\"\n        align=\"start\"\n        showArrow={false}\n        className=\"w-100 p-0\"\n        // The card is portaled, but React still bubbles its clicks to the row button.\n        onClick={event => event.stopPropagation()}\n      >\n        <TraceErrorDetails traceId={traceId} spanId={spanId} errorPreview={errorPreview} />\n      </HoverCardContent>\n    </HoverCard>\n  );\n}\n"],"names":["HoverCard","jsx","HoverCardTrigger","DataList","HoverCardContent","TraceErrorDetails"],"mappings":";;;;;;;;;;;AAYO,SAAS,cAAA,CAAe,EAAE,OAAA,EAAS,MAAA,EAAQ,cAAa,EAAwB;AACrF,EAAA,uCACGA,mBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,0BAAA;AAAA,MAAA;AAAA,QACC,MAAA,iCACGC,iBAAA,CAAS,QAAA,EAAT,EAAkB,IAAA,EAAK,MAAA,EAAO,SAAA,EAAU,6BAAA,EACtC,QAAA,EAAA,YAAA,EACH;AAAA;AAAA,KAEJ;AAAA,oBACAF,cAAA;AAAA,MAACG,0BAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,KAAA,EAAM,OAAA;AAAA,QACN,SAAA,EAAW,KAAA;AAAA,QACX,SAAA,EAAU,WAAA;AAAA,QAEV,OAAA,EAAS,CAAA,KAAA,KAAS,KAAA,CAAM,eAAA,EAAgB;AAAA,QAExC,QAAA,kBAAAH,cAAA,CAACI,6DAAA,EAAA,EAAkB,OAAA,EAAkB,MAAA,EAAgB,YAAA,EAA4B;AAAA;AAAA;AACnF,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-error-cell.cjs.js","sources":["../../../../src/domains/traces/components/trace-error-cell.tsx"],"sourcesContent":["import { TraceErrorDetails } from './trace-error-details';\nimport { DataList } from '@/ds/components/DataList';\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from '@/ds/components/HoverCard';\n\nexport interface TraceErrorCellProps {\n  traceId: string;\n  spanId: string;\n  /** The stored preview, shown in the cell and in the card until the full error loads. */\n  errorPreview: string;\n}\n\n/** Output cell of a failed row: the error preview, and the full error in a hover card. */\nexport function TraceErrorCell({ traceId, spanId, errorPreview }: TraceErrorCellProps) {\n  return (\n    <HoverCard>\n      <HoverCardTrigger\n        render={\n          <DataList.TextCell font=\"mono\" className=\"text-destructive-foreground\">\n            {errorPreview}\n          </DataList.TextCell>\n        }\n      />\n      <HoverCardContent\n        side=\"bottom\"\n        align=\"start\"\n        showArrow={false}\n        className=\"w-100 p-0\"\n        // The card is portaled, but React still bubbles its clicks to the row button.\n        onClick={event => event.stopPropagation()}\n      >\n        <TraceErrorDetails traceId={traceId} spanId={spanId} errorPreview={errorPreview} />\n      </HoverCardContent>\n    </HoverCard>\n  );\n}\n"],"names":["HoverCard","jsx","HoverCardTrigger","DataList","HoverCardContent","TraceErrorDetails"],"mappings":";;;;;;;;;AAYO,SAAS,cAAA,CAAe,EAAE,OAAA,EAAS,MAAA,EAAQ,cAAa,EAAwB;AACrF,EAAA,uCACGA,mBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,0BAAA;AAAA,MAAA;AAAA,QACC,MAAA,iCACGC,iBAAA,CAAS,QAAA,EAAT,EAAkB,IAAA,EAAK,MAAA,EAAO,SAAA,EAAU,6BAAA,EACtC,QAAA,EAAA,YAAA,EACH;AAAA;AAAA,KAEJ;AAAA,oBACAF,cAAA;AAAA,MAACG,0BAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,KAAA,EAAM,OAAA;AAAA,QACN,SAAA,EAAW,KAAA;AAAA,QACX,SAAA,EAAU,WAAA;AAAA,QAEV,OAAA,EAAS,CAAA,KAAA,KAAS,KAAA,CAAM,eAAA,EAAgB;AAAA,QAExC,QAAA,kBAAAH,cAAA,CAACI,6DAAA,EAAA,EAAkB,OAAA,EAAkB,MAAA,EAAgB,YAAA,EAA4B;AAAA;AAAA;AACnF,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-error-cell.es.js

@@ -1,8 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { TraceErrorDetails } from './trace-error-details.es.js';
-import { e as DataList } from '../../../data-list-DATsbxcn.js';
-import 'react';
-import '../../../keyboard/keyboard-shortcuts-context.es.js';
+import { D as DataList } from '../../../data-list-CNE43dvA.js';
 import { H as HoverCard, b as HoverCardTrigger, a as HoverCardContent } from '../../../hover-card-CJ1fcJvo.js';
 
 function TraceErrorCell({ traceId, spanId, errorPreview }) {