npm - @mastra/playground-ui - Versions diffs - 68.0.0 → 69.0.0-alpha.0 - Mend

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

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

Files changed (1784) hide show

package/dist/domains/observability/observability-list-url-state.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { $ as traceFilterOperatorParam, B as getTraceFilterGroups, X as serializeTraceFilterGroup, a as TRACE_DATE_FROM_PARAM, c as TRACE_DATE_TO_PARAM, d as TRACE_FILTER_GROUP_PARAM, dt as isTraceFilterOperatorId, et as traceFilterTokenOperator, o as TRACE_DATE_PRESET_PARAM, s as TRACE_DATE_PRESET_VALUES } from "../../trace-filters-CaWkw779.js";
 import { DEFAULT_TRACES_FILTERS } from "../traces/components/traces-explorer/traces-explorer-actions.es.js";
+import { $ as traceFilterOperatorParam, B as getTraceFilterGroups, X as serializeTraceFilterGroup, a as TRACE_DATE_FROM_PARAM, c as TRACE_DATE_TO_PARAM, d as TRACE_FILTER_GROUP_PARAM, dt as isTraceFilterOperatorId, et as traceFilterTokenOperator, o as TRACE_DATE_PRESET_PARAM, s as TRACE_DATE_PRESET_VALUES } from "../../trace-filters-CaWkw779.js";
 import { SORT_KEY_PARAM, readUrlSort } from "../../sort/use-url-sort.es.js";
 // src/domains/observability/observability-list-url-state.ts
 /**

package/dist/domains/observability/saved-view-state.cjs.js CHANGED Viewed

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../trace-filters-a0N9bf52.cjs");
-const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
-const require_sort_use_url_sort = require("../../sort/use-url-sort.cjs.js");
 const require_domains_observability_observability_list_url_state = require("./observability-list-url-state.cjs.js");
 const require_domains_logs_log_filters = require("../logs/log-filters.cjs.js");
 const require_domains_spans_span_filters = require("../spans/span-filters.cjs.js");
 const require_domains_threads_thread_filters = require("../threads/thread-filters.cjs.js");
+const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
+const require_trace_filters = require("../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_trace_list_columns = require("../traces/trace-list-columns.cjs.js");
+const require_sort_use_url_sort = require("../../sort/use-url-sort.cjs.js");
 // src/domains/observability/saved-view-state.ts
 var PAGE_PARAM = "page";
 var SAVED_VIEW_CUSTOM_COLUMN_PREFIX = "custom.";

package/dist/domains/observability/saved-view-state.es.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { A as TRACE_TAGS_OPERATORS, B as getTraceFilterGroups, D as TRACE_STRING_OPERATORS, I as createTraceFilterBarFields, M as applyTracePropertyFilterTokens, O as TRACE_SYNTHETIC_FILTER_FIELD_IDS, V as getTracePropertyFilterTokens, W as isTraceMetadataFieldId, a as TRACE_DATE_FROM_PARAM, b as TRACE_PROPERTY_FILTER_FIELD_IDS, c as TRACE_DATE_TO_PARAM, dt as isTraceFilterOperatorId, h as TRACE_LIST_MODE_VALUES, m as TRACE_LIST_MODE_PARAM, o as TRACE_DATE_PRESET_PARAM, s as TRACE_DATE_PRESET_VALUES, ut as isTraceFilterGroup } from "../../trace-filters-CaWkw779.js";
-import { DEFAULT_TRACES_FILTERS, TRACES_SORT_FIELDS } from "../traces/components/traces-explorer/traces-explorer-actions.es.js";
-import { SORT_KEY_PARAM, readUrlSort } from "../../sort/use-url-sort.es.js";
 import { OBSERVABILITY_LIST_DEFAULT_DATE_PRESET, OBSERVABILITY_LIST_SORT_FIELDS, SPAN_LIST_SORT_FIELDS, readObservabilityListFilters, writeObservabilityListFilters } from "./observability-list-url-state.es.js";
 import { DEFAULT_LOGS_DATE_PRESET, LOGS_DATE_PRESET_VALUES, LOGS_PROPERTY_FILTER_FIELD_IDS, LOGS_ROOT_ENTITY_TYPE_PARAM, LOGS_SORT_FIELDS, applyLogsPropertyFilterTokens, getLogsPropertyFilterTokens } from "../logs/log-filters.es.js";
 import { SPAN_CONTEXT_FILTER_FIELD_IDS, SPAN_CORE_FILTER_FIELD_IDS, createSpanFilterBarFields } from "../spans/span-filters.es.js";
 import { THREAD_FILTER_FIELD_IDS, createThreadFilterBarFields } from "../threads/thread-filters.es.js";
+import { DEFAULT_TRACES_FILTERS, TRACES_SORT_FIELDS } from "../traces/components/traces-explorer/traces-explorer-actions.es.js";
+import { A as TRACE_TAGS_OPERATORS, B as getTraceFilterGroups, D as TRACE_STRING_OPERATORS, I as createTraceFilterBarFields, M as applyTracePropertyFilterTokens, O as TRACE_SYNTHETIC_FILTER_FIELD_IDS, V as getTracePropertyFilterTokens, W as isTraceMetadataFieldId, a as TRACE_DATE_FROM_PARAM, b as TRACE_PROPERTY_FILTER_FIELD_IDS, c as TRACE_DATE_TO_PARAM, dt as isTraceFilterOperatorId, h as TRACE_LIST_MODE_VALUES, m as TRACE_LIST_MODE_PARAM, o as TRACE_DATE_PRESET_PARAM, s as TRACE_DATE_PRESET_VALUES, ut as isTraceFilterGroup } from "../../trace-filters-CaWkw779.js";
 import { TRACE_COLUMN_CATALOGS, TRACE_CUSTOM_COLUMN_FIELDS, TRACE_USAGE_COLUMNS, isTraceCustomColumn } from "../traces/trace-list-columns.es.js";
+import { SORT_KEY_PARAM, readUrlSort } from "../../sort/use-url-sort.es.js";
 // src/domains/observability/saved-view-state.ts
 var PAGE_PARAM = "page";
 var SAVED_VIEW_CUSTOM_COLUMN_PREFIX = "custom.";

package/dist/domains/observability/saved-views/observability-saved-views.cjs.js CHANGED Viewed

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_observability_saved_views = require("../../../observability-saved-views-Daizz4tU.cjs");
+const require_observability_saved_views = require("../../../observability-saved-views-DgABvgat.cjs");
 exports.ObservabilitySavedViews = require_observability_saved_views.ObservabilitySavedViews;

package/dist/domains/observability/saved-views/observability-saved-views.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { t as ObservabilitySavedViews } from "../../../observability-saved-views-~~CjKTEp1V~~.js";
1	+ export { t as ObservabilitySavedViews } from "../../../observability-saved-views-Ch53fh5_.js";

package/dist/domains/observability/saved-views/use-hosted-saved-views.cjs.js CHANGED Viewed

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_observability_saved_views_saved_views_source = require("./saved-views-source.cjs.js");
 const require_domains_observability_saved_view_state = require("../saved-view-state.cjs.js");
+const require_domains_observability_saved_views_saved_views_source = require("./saved-views-source.cjs.js");
 const require_saved_view_schema = require("../../../saved-view-schema-DRJYELfK.cjs");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");

package/dist/domains/observability/saved-views/use-hosted-saved-views.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { SavedViewNameTakenError, savedViewsQueryKey } from "./saved-views-source.es.js";
 import { applySavedView, savedViewFromSearchParams } from "../saved-view-state.es.js";
+import { SavedViewNameTakenError, savedViewsQueryKey } from "./saved-views-source.es.js";
 import { n as savedViewNameSchema } from "../../../saved-view-schema-eJXlRRel.js";
 import { useRef, useState } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";

package/dist/domains/observability/saved-views.cjs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_observability_saved_views_saved_views_source = require("./saved-views/saved-views-source.cjs.js");
-const require_observability_saved_views = require("../../observability-saved-views-Daizz4tU.cjs");
+const require_observability_saved_views = require("../../observability-saved-views-DgABvgat.cjs");
 const require_domains_observability_saved_views_saved_views_provider = require("./saved-views/saved-views-provider.cjs.js");
+const require_domains_observability_saved_views_saved_views_source = require("./saved-views/saved-views-source.cjs.js");
 exports.ObservabilitySavedViews = require_observability_saved_views.ObservabilitySavedViews;
 exports.SavedViewNameTakenError = require_domains_observability_saved_views_saved_views_source.SavedViewNameTakenError;
 exports.SavedViewsProvider = require_domains_observability_saved_views_saved_views_provider.SavedViewsProvider;

package/dist/domains/observability/saved-views.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { SavedViewNameTakenError } from "./saved-views/saved-views-source.es.js";
-import { t as ObservabilitySavedViews } from "../../observability-saved-views-CjKTEp1V.js";
+import { t as ObservabilitySavedViews } from "../../observability-saved-views-Ch53fh5_.js";
 import { SavedViewsProvider } from "./saved-views/saved-views-provider.es.js";
+import { SavedViewNameTakenError } from "./saved-views/saved-views-source.es.js";
 export { ObservabilitySavedViews, SavedViewNameTakenError, SavedViewsProvider };

package/dist/domains/observability.cjs.js CHANGED Viewed

@@ -1,17 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_observability_saved_views_saved_views_source = require("./observability/saved-views/saved-views-source.cjs.js");
-const require_observability_saved_views = require("../observability-saved-views-Daizz4tU.cjs");
-const require_domains_observability_saved_views_saved_views_provider = require("./observability/saved-views/saved-views-provider.cjs.js");
+const require_domains_observability_components_observability_page_layout = require("./observability/components/observability-page-layout.cjs.js");
 const require_domains_observability_components_observability_capability_gate = require("./observability/components/observability-capability-gate.cjs.js");
 const require_domains_observability_components_observability_list_body = require("./observability/components/observability-list-body.cjs.js");
 const require_domains_observability_hooks_use_observability_views = require("./observability/hooks/use-observability-views.cjs.js");
-const require_domains_observability_components_observability_page_layout = require("./observability/components/observability-page-layout.cjs.js");
-const require_domains_observability_list_polling = require("./observability/list-polling.cjs.js");
-const require_domains_observability_hooks_use_list_head_poll = require("./observability/hooks/use-list-head-poll.cjs.js");
 const require_domains_observability_hooks_use_observability_list_filters = require("./observability/hooks/use-observability-list-filters.cjs.js");
+const require_domains_observability_hooks_use_list_head_poll = require("./observability/hooks/use-list-head-poll.cjs.js");
 const require_domains_observability_merge_head_rows = require("./observability/merge-head-rows.cjs.js");
+const require_domains_observability_list_polling = require("./observability/list-polling.cjs.js");
 const require_domains_observability_observability_crumbs = require("./observability/observability-crumbs.cjs.js");
 const require_domains_observability_observability_selection_params = require("./observability/observability-selection-params.cjs.js");
+const require_observability_saved_views = require("../observability-saved-views-DgABvgat.cjs");
+const require_domains_observability_saved_views_saved_views_source = require("./observability/saved-views/saved-views-source.cjs.js");
+const require_domains_observability_saved_views_saved_views_provider = require("./observability/saved-views/saved-views-provider.cjs.js");
 exports.OBSERVABILITY_LIST_HEAD_LIMIT = require_domains_observability_list_polling.OBSERVABILITY_LIST_HEAD_LIMIT;
 exports.OBSERVABILITY_LIST_HEAD_MAX_ROWS = require_domains_observability_list_polling.OBSERVABILITY_LIST_HEAD_MAX_ROWS;
 exports.OBSERVABILITY_LIST_HORIZON_MS = require_domains_observability_list_polling.OBSERVABILITY_LIST_HORIZON_MS;

package/dist/domains/observability.es.js CHANGED Viewed

@@ -1,14 +1,14 @@
-import { SavedViewNameTakenError } from "./observability/saved-views/saved-views-source.es.js";
-import { t as ObservabilitySavedViews } from "../observability-saved-views-CjKTEp1V.js";
-import { SavedViewsProvider } from "./observability/saved-views/saved-views-provider.es.js";
+import { ObservabilityPageLayout } from "./observability/components/observability-page-layout.es.js";
 import { ObservabilityCapabilityGate } from "./observability/components/observability-capability-gate.es.js";
 import { ObservabilityListBody } from "./observability/components/observability-list-body.es.js";
 import { useObservabilityViews } from "./observability/hooks/use-observability-views.es.js";
-import { ObservabilityPageLayout } from "./observability/components/observability-page-layout.es.js";
-import { OBSERVABILITY_LIST_HEAD_LIMIT, OBSERVABILITY_LIST_HEAD_MAX_ROWS, OBSERVABILITY_LIST_HORIZON_MS, OBSERVABILITY_LIST_POLL_INTERVAL_MS, OBSERVABILITY_LIST_REFETCH_INTERVAL_MS, fixedWindowRefetchInterval, isRejectedListRequest, recoveryRefetchInterval } from "./observability/list-polling.es.js";
-import { listHeadQueryKey, useListAnchor, useListHeadPoll } from "./observability/hooks/use-list-head-poll.es.js";
 import { observabilityListQueryOptions, useObservabilityListFilters } from "./observability/hooks/use-observability-list-filters.es.js";
+import { listHeadQueryKey, useListAnchor, useListHeadPoll } from "./observability/hooks/use-list-head-poll.es.js";
 import { mergeHeadRows } from "./observability/merge-head-rows.es.js";
+import { OBSERVABILITY_LIST_HEAD_LIMIT, OBSERVABILITY_LIST_HEAD_MAX_ROWS, OBSERVABILITY_LIST_HORIZON_MS, OBSERVABILITY_LIST_POLL_INTERVAL_MS, OBSERVABILITY_LIST_REFETCH_INTERVAL_MS, fixedWindowRefetchInterval, isRejectedListRequest, recoveryRefetchInterval } from "./observability/list-polling.es.js";
 import { OBSERVABILITY_VIEW_LABELS, observabilityViewCrumbLabel } from "./observability/observability-crumbs.es.js";
 import { readSpanSelection, readThreadSelection, spanTraceSearch, withSpanSelection, withThreadSelection } from "./observability/observability-selection-params.es.js";
+import { t as ObservabilitySavedViews } from "../observability-saved-views-Ch53fh5_.js";
+import { SavedViewNameTakenError } from "./observability/saved-views/saved-views-source.es.js";
+import { SavedViewsProvider } from "./observability/saved-views/saved-views-provider.es.js";
 export { OBSERVABILITY_LIST_HEAD_LIMIT, OBSERVABILITY_LIST_HEAD_MAX_ROWS, OBSERVABILITY_LIST_HORIZON_MS, OBSERVABILITY_LIST_POLL_INTERVAL_MS, OBSERVABILITY_LIST_REFETCH_INTERVAL_MS, OBSERVABILITY_VIEW_LABELS, ObservabilityCapabilityGate, ObservabilityListBody, ObservabilityPageLayout, ObservabilitySavedViews, SavedViewNameTakenError, SavedViewsProvider, fixedWindowRefetchInterval, isRejectedListRequest, listHeadQueryKey, mergeHeadRows, observabilityListQueryOptions, observabilityViewCrumbLabel, readSpanSelection, readThreadSelection, recoveryRefetchInterval, spanTraceSearch, useListAnchor, useListHeadPoll, useObservabilityListFilters, useObservabilityViews, withSpanSelection, withThreadSelection };

package/dist/domains/review/components/review-status-badge.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Badge = require("../../../Badge-DZ6r6bcw.cjs");
+const require_Badge = require("../../../Badge-DqaMg7Gy.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/review/components/review-status-badge.tsx
 function reviewStatusBadgeVariant(status) {

package/dist/domains/review/components/review-status-badge.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { t as Badge } from "../../../Badge-aVu5iGAF.js";
+import { t as Badge } from "../../../Badge-C7NnqmMx.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/review/components/review-status-badge.tsx
 function reviewStatusBadgeVariant(status) {

package/dist/domains/scores/components/score-as-item-dialog.cjs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils_id = require("../../../utils/id.cjs.js");
 const require_domains_datasets_components_save_as_dataset_item_dialog = require("../../datasets/components/save-as-dataset-item-dialog.cjs.js");
+const require_utils_id = require("../../../utils/id.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_core_utils_safe_stringify = require("@mastra/core/utils/safe-stringify");
 // src/domains/scores/components/score-as-item-dialog.tsx

package/dist/domains/scores/components/score-as-item-dialog.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
-import { getShortId } from "../../../utils/id.es.js";
 import { SaveAsDatasetItemDialog } from "../../datasets/components/save-as-dataset-item-dialog.es.js";
+import { getShortId } from "../../../utils/id.es.js";
 import { jsx } from "react/jsx-runtime";
 import { safeStringify } from "@mastra/core/utils/safe-stringify";
 // src/domains/scores/components/score-as-item-dialog.tsx

package/dist/domains/scores/components/score-data-panel.cjs.js CHANGED Viewed

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_scores_components_score_as_item_dialog = require("./score-as-item-dialog.cjs.js");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_DataKeysAndValues = require("../../../DataKeysAndValues-BbKeVxrQ.cjs");
+const require_DataPanel = require("../../../DataPanel-BRRAvWYQ.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
 const require_lib_framework = require("../../../lib/framework.cjs.js");
 const require_utils = require("../../../utils-uDc1ofX1.cjs");
 const require_utils_date_format = require("../../../utils/date-format.cjs.js");
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_DataPanel = require("../../../DataPanel-Coc9h35I.cjs");
-const require_DataKeysAndValues = require("../../../DataKeysAndValues-DsH6AbAo.cjs");
-const require_domains_scores_components_score_as_item_dialog = require("./score-as-item-dialog.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -34,7 +34,7 @@ function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }) {
 	const { Link, paths } = require_lib_framework.useLinkComponent();
 	const [datasetDialogOpen, setDatasetDialogOpen] = (0, react.useState)(false);
 	const isCodeBased = isCodeBasedScorer(score);
-	const naText = isCodeBased ? "N/A — code-based scorer does not use prompts" : "N/A — step not configured";
+	const naText = isCodeBased ? "Code-based scorer does not use prompts" : "Step not configured";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataPanel.DataPanel, {
 		open: !!score,
 		onClose,
@@ -97,7 +97,7 @@ function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }) {
 					as: "p",
 					variant: "body-sm",
 					className: "mt-2",
-					children: score.reason || (isCodeBased ? "N/A — code-based scorer does not generate a reason" : "N/A — step not configured")
+					children: score.reason || (isCodeBased ? "Code-based scorer does not generate a reason" : "Step not configured")
 				})]
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {

package/dist/domains/scores/components/score-data-panel.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"score-data-panel.cjs.js","names":["_Fragment","Txt","useLinkComponent","useState","DataPanel","DataKeysAndValues","formatTimestampPrecise","Button","SaveIcon","cn","GaugeIcon","FileInputIcon","FileOutputIcon","ReceiptText","ScoreAsItemDialog"],"sources":["../../../../src/domains/scores/components/score-data-panel.tsx"],"sourcesContent":["import type { ClientScoreRowData } from '@mastra/client-js';\nimport { FileInputIcon, FileOutputIcon, GaugeIcon, ReceiptText, SaveIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { ScoreAsItemDialog } from './score-as-item-dialog';\nimport { Button } from '@/ds/components/Button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nfunction isCodeBasedScorer(score?: ClientScoreRowData): boolean {\n if (!score) return false;\n const scorer = score.scorer as Record<string, unknown> \| undefined;\n if (scorer?.hasJudge === false) return true;\n if (scorer?.hasJudge === true) return false;\n return !score.preprocessPrompt && !score.analyzePrompt && !score.generateScorePrompt && !score.generateReasonPrompt;\n}\n\nfunction buildDialogTitle(sectionTitle: string, icon: React.ReactNode, score: ClientScoreRowData) {\n return (\n <>\n <Txt as=\"span\" variant=\"eyebrow\" tone=\"faint\" className=\"flex items-center gap-1.5 [&>svg]:size-3.5\">\n {icon}\n {sectionTitle}\n </Txt>\n <span>\n › Score <b className=\"text-muted-foreground\">#{score.id}</b>\n </span>\n </>\n );\n}\n\nexport interface ScoreDataPanelProps {\n /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n score?: ClientScoreRowData;\n onClose: () => void;\n onPrevious?: () => void;\n onNext?: () => void;\n depth?: 1 \| 2 \| 3;\n}\n\nexport function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }: ScoreDataPanelProps) {\n const { Link, paths } = useLinkComponent();\n const [datasetDialogOpen, setDatasetDialogOpen] = useState(false);\n const isCodeBased = isCodeBasedScorer(score);\n const naText = isCodeBased ? 'N/A — code-based scorer does not use prompts' : 'N/A — step not configured';\n\n return (\n <>\n <DataPanel open={!!score} onClose={onClose} title={score ? `Score ${score.id}` : 'Score'} depth={depth}>\n {score && (\n <>\n <DataPanel.Header>\n <DataPanel.Heading>\n Score\n <DataPanel.CopyId id={score.id} />\n </DataPanel.Heading>\n <DataPanel.HeaderActions>\n {(onPrevious \|\| onNext) && (\n <DataPanel.NextPrevNav\n onPrevious={onPrevious}\n onNext={onNext}\n previousLabel=\"Go to previous score\"\n nextLabel=\"Go to next score\"\n />\n )}\n <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close score\" tooltip=\"Close score\" />\n </DataPanel.HeaderActions>\n </DataPanel.Header>\n\n <DataPanel.Content>\n <DataKeysAndValues>\n {score.scorer?.name != null && (\n <>\n <DataKeysAndValues.Key>Scorer</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{String(score.scorer.name)}</DataKeysAndValues.Value>\n </>\n )}\n {score.createdAt && (\n <>\n <DataKeysAndValues.Key>Created</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{formatTimestampPrecise(score.createdAt)}</DataKeysAndValues.Value>\n </>\n )}\n {score.traceId && (\n <>\n <DataKeysAndValues.Key>Trace Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId)} as={Link}>\n {score.traceId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.traceId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n {score.spanId && score.traceId && (\n <>\n <DataKeysAndValues.Key>Span Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId, score.spanId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId, score.spanId)} as={Link}>\n {score.spanId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.spanId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n </DataKeysAndValues>\n\n <div className=\"my-6 flex justify-end\">\n <Button size=\"sm\" onClick={() => setDatasetDialogOpen(true)} icon={<SaveIcon />}>\n Save as dataset item\n </Button>\n </div>\n\n <div className=\"mb-6 text-muted-foreground\">\n <div\n className={cn(\n 'text-placeholder',\n 'flex items-baseline gap-2',\n '[&>svg]:size-5 [&>svg]:translate-y-1',\n )}\n >\n <GaugeIcon />\n <Txt as=\"span\" variant=\"body\">\n Score:\n </Txt>\n <Txt\n as=\"b\"\n variant=\"body\"\n tone=\"muted\"\n className=\"tabular-nums\"\n >{`${score.score == null \|\| Number.isNaN(score.score) ? 'n/a' : score.score}`}</Txt>\n </div>\n <Txt as=\"p\" variant=\"body-sm\" className=\"mt-2\">\n {score.reason \|\|\n (isCodeBased ? 'N/A — code-based scorer does not generate a reason' : 'N/A — step not configured')}\n </Txt>\n </div>\n\n <div className=\"grid gap-4\">\n <DataPanel.CodeSection\n title=\"Input\"\n dialogTitle={buildDialogTitle('Input', <FileInputIcon />, score)}\n icon={<FileInputIcon />}\n codeStr={JSON.stringify(score.input ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Output\"\n dialogTitle={buildDialogTitle('Output', <FileOutputIcon />, score)}\n icon={<FileOutputIcon />}\n codeStr={JSON.stringify(score.output ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Preprocess Prompt\"\n dialogTitle={buildDialogTitle('Preprocess Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.preprocessPrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Analyze Prompt\"\n dialogTitle={buildDialogTitle('Analyze Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.analyzePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Score Prompt\"\n dialogTitle={buildDialogTitle('Generate Score Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateScorePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Reason Prompt\"\n dialogTitle={buildDialogTitle('Generate Reason Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateReasonPrompt \|\| naText}\n simplified\n />\n </div>\n </DataPanel.Content>\n </>\n )}\n </DataPanel>\n\n {score && (\n <ScoreAsItemDialog\n score={score}\n isOpen={datasetDialogOpen}\n onClose={() => setDatasetDialogOpen(false)}\n depth={(depth ?? 1) > 1 ? 3 : 2}\n />\n )}\n </>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"score-data-panel.cjs.js","names":["_Fragment","Txt","useLinkComponent","useState","DataPanel","DataKeysAndValues","formatTimestampPrecise","Button","SaveIcon","cn","GaugeIcon","FileInputIcon","FileOutputIcon","ReceiptText","ScoreAsItemDialog"],"sources":["../../../../src/domains/scores/components/score-data-panel.tsx"],"sourcesContent":["import type { ClientScoreRowData } from '@mastra/client-js';\nimport { FileInputIcon, FileOutputIcon, GaugeIcon, ReceiptText, SaveIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { ScoreAsItemDialog } from './score-as-item-dialog';\nimport { Button } from '@/ds/components/Button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nfunction isCodeBasedScorer(score?: ClientScoreRowData): boolean {\n if (!score) return false;\n const scorer = score.scorer as Record<string, unknown> \| undefined;\n if (scorer?.hasJudge === false) return true;\n if (scorer?.hasJudge === true) return false;\n return !score.preprocessPrompt && !score.analyzePrompt && !score.generateScorePrompt && !score.generateReasonPrompt;\n}\n\nfunction buildDialogTitle(sectionTitle: string, icon: React.ReactNode, score: ClientScoreRowData) {\n return (\n <>\n <Txt as=\"span\" variant=\"eyebrow\" tone=\"faint\" className=\"flex items-center gap-1.5 [&>svg]:size-3.5\">\n {icon}\n {sectionTitle}\n </Txt>\n <span>\n › Score <b className=\"text-muted-foreground\">#{score.id}</b>\n </span>\n </>\n );\n}\n\nexport interface ScoreDataPanelProps {\n /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n score?: ClientScoreRowData;\n onClose: () => void;\n onPrevious?: () => void;\n onNext?: () => void;\n depth?: 1 \| 2 \| 3;\n}\n\nexport function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }: ScoreDataPanelProps) {\n const { Link, paths } = useLinkComponent();\n const [datasetDialogOpen, setDatasetDialogOpen] = useState(false);\n const isCodeBased = isCodeBasedScorer(score);\n const naText = isCodeBased ? 'Code-based scorer does not use prompts' : 'Step not configured';\n\n return (\n <>\n <DataPanel open={!!score} onClose={onClose} title={score ? `Score ${score.id}` : 'Score'} depth={depth}>\n {score && (\n <>\n <DataPanel.Header>\n <DataPanel.Heading>\n Score\n <DataPanel.CopyId id={score.id} />\n </DataPanel.Heading>\n <DataPanel.HeaderActions>\n {(onPrevious \|\| onNext) && (\n <DataPanel.NextPrevNav\n onPrevious={onPrevious}\n onNext={onNext}\n previousLabel=\"Go to previous score\"\n nextLabel=\"Go to next score\"\n />\n )}\n <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close score\" tooltip=\"Close score\" />\n </DataPanel.HeaderActions>\n </DataPanel.Header>\n\n <DataPanel.Content>\n <DataKeysAndValues>\n {score.scorer?.name != null && (\n <>\n <DataKeysAndValues.Key>Scorer</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{String(score.scorer.name)}</DataKeysAndValues.Value>\n </>\n )}\n {score.createdAt && (\n <>\n <DataKeysAndValues.Key>Created</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{formatTimestampPrecise(score.createdAt)}</DataKeysAndValues.Value>\n </>\n )}\n {score.traceId && (\n <>\n <DataKeysAndValues.Key>Trace Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId)} as={Link}>\n {score.traceId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.traceId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n {score.spanId && score.traceId && (\n <>\n <DataKeysAndValues.Key>Span Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId, score.spanId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId, score.spanId)} as={Link}>\n {score.spanId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.spanId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n </DataKeysAndValues>\n\n <div className=\"my-6 flex justify-end\">\n <Button size=\"sm\" onClick={() => setDatasetDialogOpen(true)} icon={<SaveIcon />}>\n Save as dataset item\n </Button>\n </div>\n\n <div className=\"mb-6 text-muted-foreground\">\n <div\n className={cn(\n 'text-placeholder',\n 'flex items-baseline gap-2',\n '[&>svg]:size-5 [&>svg]:translate-y-1',\n )}\n >\n <GaugeIcon />\n <Txt as=\"span\" variant=\"body\">\n Score:\n </Txt>\n <Txt\n as=\"b\"\n variant=\"body\"\n tone=\"muted\"\n className=\"tabular-nums\"\n >{`${score.score == null \|\| Number.isNaN(score.score) ? 'n/a' : score.score}`}</Txt>\n </div>\n <Txt as=\"p\" variant=\"body-sm\" className=\"mt-2\">\n {score.reason \|\|\n (isCodeBased ? 'Code-based scorer does not generate a reason' : 'Step not configured')}\n </Txt>\n </div>\n\n <div className=\"grid gap-4\">\n <DataPanel.CodeSection\n title=\"Input\"\n dialogTitle={buildDialogTitle('Input', <FileInputIcon />, score)}\n icon={<FileInputIcon />}\n codeStr={JSON.stringify(score.input ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Output\"\n dialogTitle={buildDialogTitle('Output', <FileOutputIcon />, score)}\n icon={<FileOutputIcon />}\n codeStr={JSON.stringify(score.output ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Preprocess Prompt\"\n dialogTitle={buildDialogTitle('Preprocess Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.preprocessPrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Analyze Prompt\"\n dialogTitle={buildDialogTitle('Analyze Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.analyzePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Score Prompt\"\n dialogTitle={buildDialogTitle('Generate Score Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateScorePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Reason Prompt\"\n dialogTitle={buildDialogTitle('Generate Reason Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateReasonPrompt \|\| naText}\n simplified\n />\n </div>\n </DataPanel.Content>\n </>\n )}\n </DataPanel>\n\n {score && (\n <ScoreAsItemDialog\n score={score}\n isOpen={datasetDialogOpen}\n onClose={() => setDatasetDialogOpen(false)}\n depth={(depth ?? 1) > 1 ? 3 : 2}\n />\n )}\n </>\n );\n}\n"],"mappings":"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"}

package/dist/domains/scores/components/score-data-panel.es.js CHANGED Viewed

@@ -1,11 +1,11 @@
+import { ScoreAsItemDialog } from "./score-as-item-dialog.es.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { t as DataKeysAndValues } from "../../../DataKeysAndValues-B56je3sK.js";
+import { t as DataPanel } from "../../../DataPanel-pVr5LVaK.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
 import { useLinkComponent } from "../../../lib/framework.es.js";
 import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { formatTimestampPrecise } from "../../../utils/date-format.es.js";
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { t as DataPanel } from "../../../DataPanel-IgB9D5PO.js";
-import { t as DataKeysAndValues } from "../../../DataKeysAndValues-PwOmGxyp.js";
-import { ScoreAsItemDialog } from "./score-as-item-dialog.es.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { FileInputIcon, FileOutputIcon, GaugeIcon, ReceiptText, SaveIcon } from "lucide-react";
@@ -33,7 +33,7 @@ function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }) {
 	const { Link, paths } = useLinkComponent();
 	const [datasetDialogOpen, setDatasetDialogOpen] = useState(false);
 	const isCodeBased = isCodeBasedScorer(score);
-	const naText = isCodeBased ? "N/A — code-based scorer does not use prompts" : "N/A — step not configured";
+	const naText = isCodeBased ? "Code-based scorer does not use prompts" : "Step not configured";
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DataPanel, {
 		open: !!score,
 		onClose,
@@ -96,7 +96,7 @@ function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }) {
 					as: "p",
 					variant: "body-sm",
 					className: "mt-2",
-					children: score.reason || (isCodeBased ? "N/A — code-based scorer does not generate a reason" : "N/A — step not configured")
+					children: score.reason || (isCodeBased ? "Code-based scorer does not generate a reason" : "Step not configured")
 				})]
 			}),
 			/* @__PURE__ */ jsxs("div", {

package/dist/domains/scores/components/score-data-panel.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"score-data-panel.es.js","names":["_Fragment"],"sources":["../../../../src/domains/scores/components/score-data-panel.tsx"],"sourcesContent":["import type { ClientScoreRowData } from '@mastra/client-js';\nimport { FileInputIcon, FileOutputIcon, GaugeIcon, ReceiptText, SaveIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { ScoreAsItemDialog } from './score-as-item-dialog';\nimport { Button } from '@/ds/components/Button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nfunction isCodeBasedScorer(score?: ClientScoreRowData): boolean {\n if (!score) return false;\n const scorer = score.scorer as Record<string, unknown> \| undefined;\n if (scorer?.hasJudge === false) return true;\n if (scorer?.hasJudge === true) return false;\n return !score.preprocessPrompt && !score.analyzePrompt && !score.generateScorePrompt && !score.generateReasonPrompt;\n}\n\nfunction buildDialogTitle(sectionTitle: string, icon: React.ReactNode, score: ClientScoreRowData) {\n return (\n <>\n <Txt as=\"span\" variant=\"eyebrow\" tone=\"faint\" className=\"flex items-center gap-1.5 [&>svg]:size-3.5\">\n {icon}\n {sectionTitle}\n </Txt>\n <span>\n › Score <b className=\"text-muted-foreground\">#{score.id}</b>\n </span>\n </>\n );\n}\n\nexport interface ScoreDataPanelProps {\n /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n score?: ClientScoreRowData;\n onClose: () => void;\n onPrevious?: () => void;\n onNext?: () => void;\n depth?: 1 \| 2 \| 3;\n}\n\nexport function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }: ScoreDataPanelProps) {\n const { Link, paths } = useLinkComponent();\n const [datasetDialogOpen, setDatasetDialogOpen] = useState(false);\n const isCodeBased = isCodeBasedScorer(score);\n const naText = isCodeBased ? 'N/A — code-based scorer does not use prompts' : 'N/A — step not configured';\n\n return (\n <>\n <DataPanel open={!!score} onClose={onClose} title={score ? `Score ${score.id}` : 'Score'} depth={depth}>\n {score && (\n <>\n <DataPanel.Header>\n <DataPanel.Heading>\n Score\n <DataPanel.CopyId id={score.id} />\n </DataPanel.Heading>\n <DataPanel.HeaderActions>\n {(onPrevious \|\| onNext) && (\n <DataPanel.NextPrevNav\n onPrevious={onPrevious}\n onNext={onNext}\n previousLabel=\"Go to previous score\"\n nextLabel=\"Go to next score\"\n />\n )}\n <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close score\" tooltip=\"Close score\" />\n </DataPanel.HeaderActions>\n </DataPanel.Header>\n\n <DataPanel.Content>\n <DataKeysAndValues>\n {score.scorer?.name != null && (\n <>\n <DataKeysAndValues.Key>Scorer</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{String(score.scorer.name)}</DataKeysAndValues.Value>\n </>\n )}\n {score.createdAt && (\n <>\n <DataKeysAndValues.Key>Created</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{formatTimestampPrecise(score.createdAt)}</DataKeysAndValues.Value>\n </>\n )}\n {score.traceId && (\n <>\n <DataKeysAndValues.Key>Trace Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId)} as={Link}>\n {score.traceId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.traceId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n {score.spanId && score.traceId && (\n <>\n <DataKeysAndValues.Key>Span Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId, score.spanId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId, score.spanId)} as={Link}>\n {score.spanId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.spanId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n </DataKeysAndValues>\n\n <div className=\"my-6 flex justify-end\">\n <Button size=\"sm\" onClick={() => setDatasetDialogOpen(true)} icon={<SaveIcon />}>\n Save as dataset item\n </Button>\n </div>\n\n <div className=\"mb-6 text-muted-foreground\">\n <div\n className={cn(\n 'text-placeholder',\n 'flex items-baseline gap-2',\n '[&>svg]:size-5 [&>svg]:translate-y-1',\n )}\n >\n <GaugeIcon />\n <Txt as=\"span\" variant=\"body\">\n Score:\n </Txt>\n <Txt\n as=\"b\"\n variant=\"body\"\n tone=\"muted\"\n className=\"tabular-nums\"\n >{`${score.score == null \|\| Number.isNaN(score.score) ? 'n/a' : score.score}`}</Txt>\n </div>\n <Txt as=\"p\" variant=\"body-sm\" className=\"mt-2\">\n {score.reason \|\|\n (isCodeBased ? 'N/A — code-based scorer does not generate a reason' : 'N/A — step not configured')}\n </Txt>\n </div>\n\n <div className=\"grid gap-4\">\n <DataPanel.CodeSection\n title=\"Input\"\n dialogTitle={buildDialogTitle('Input', <FileInputIcon />, score)}\n icon={<FileInputIcon />}\n codeStr={JSON.stringify(score.input ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Output\"\n dialogTitle={buildDialogTitle('Output', <FileOutputIcon />, score)}\n icon={<FileOutputIcon />}\n codeStr={JSON.stringify(score.output ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Preprocess Prompt\"\n dialogTitle={buildDialogTitle('Preprocess Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.preprocessPrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Analyze Prompt\"\n dialogTitle={buildDialogTitle('Analyze Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.analyzePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Score Prompt\"\n dialogTitle={buildDialogTitle('Generate Score Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateScorePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Reason Prompt\"\n dialogTitle={buildDialogTitle('Generate Reason Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateReasonPrompt \|\| naText}\n simplified\n />\n </div>\n </DataPanel.Content>\n </>\n )}\n </DataPanel>\n\n {score && (\n <ScoreAsItemDialog\n score={score}\n isOpen={datasetDialogOpen}\n onClose={() => setDatasetDialogOpen(false)}\n depth={(depth ?? 1) > 1 ? 3 : 2}\n />\n )}\n </>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAYA,SAAS,kBAAkB,OAAqC;CAC9D,IAAI,CAAC,OAAO,OAAO;CACnB,MAAM,SAAS,MAAM;CACrB,IAAI,QAAQ,aAAa,OAAO,OAAO;CACvC,IAAI,QAAQ,aAAa,MAAM,OAAO;CACtC,OAAO,CAAC,MAAM,oBAAoB,CAAC,MAAM,iBAAiB,CAAC,MAAM,uBAAuB,CAAC,MAAM;AACjG;AAEA,SAAS,iBAAiB,cAAsB,MAAuB,OAA2B;CAChG,OACE,qBAAAA,YAAA,EAAA,UAAA,CACE,qBAAC,KAAD;EAAK,IAAG;EAAO,SAAQ;EAAU,MAAK;EAAQ,WAAU;EAAxD,UAAA,CACG,MACA,YACE;CACL,CAAA,GAAA,qBAAC,QAAD,EAAA,UAAA,CAAM,YACI,qBAAC,KAAD;EAAG,WAAU;EAAb,UAAA,CAAqC,KAAE,MAAM,EAAM;CACvD,CAAA,CAAA,EAAA,CAAA,CACN,EAAA,CAAA;AAEN;AAWA,SAAgB,eAAe,EAAE,OAAO,SAAS,YAAY,QAAQ,SAA8B;CACjG,MAAM,EAAE,MAAM,UAAU,iBAAiB;CACzC,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,KAAK;CAChE,MAAM,cAAc,kBAAkB,KAAK;CAC3C,MAAM,SAAS,cAAc,iDAAiD;CAE9E,OACE,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,WAAD;EAAW,MAAM,CAAC,CAAC;EAAgB;EAAS,OAAO,QAAQ,SAAS,MAAM,OAAO;EAAgB;EAC9F,UAAA,SACC,qBAAAA,YAAA,EAAA,UAAA,CACE,qBAAC,UAAU,QAAX,EAAA,UAAA,CACE,qBAAC,UAAU,SAAX,EAAA,UAAA,CAAmB,SAEjB,oBAAC,UAAU,QAAX,EAAkB,IAAI,MAAM,GAAK,CAAA,CAChB,EAAA,CAAA,GACnB,qBAAC,UAAU,eAAX,EAAA,UAAA,EACI,cAAc,WACd,oBAAC,UAAU,aAAX;GACc;GACJ;GACR,eAAc;GACd,WAAU;EACX,CAAA,GAEH,oBAAC,UAAU,aAAX;GAAuB,MAAK;GAAI,SAAS;GAAS,OAAM;GAAc,SAAQ;EAAe,CAAA,CACtE,EAAA,CAAA,CACT,EAAA,CAAA,GAElB,qBAAC,UAAU,SAAX,EAAA,UAAA;GACE,qBAAC,mBAAD,EAAA,UAAA;IACG,MAAM,QAAQ,QAAQ,QACrB,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,kBAAkB,KAAnB,EAAA,UAAuB,SAA6B,CAAA,GACpD,oBAAC,kBAAkB,OAAnB,EAAA,UAA0B,OAAO,MAAM,OAAO,IAAI,EAA2B,CAAA,CAC7E,EAAA,CAAA;IAEH,MAAM,aACL,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,kBAAkB,KAAnB,EAAA,UAAuB,UAA8B,CAAA,GACrD,oBAAC,kBAAkB,OAAnB,EAAA,UAA0B,uBAAuB,MAAM,SAAS,EAA2B,CAAA,CAC3F,EAAA,CAAA;IAEH,MAAM,WACL,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,kBAAkB,KAAnB,EAAA,UAAuB,WAA+B,CAAA,GACrD,MAAM,UAAU,MAAM,OAAO,IAC5B,oBAAC,kBAAkB,WAAnB;KAA6B,MAAM,MAAM,UAAU,MAAM,OAAO;KAAG,IAAI;KACpE,UAAA,MAAM;IACoB,CAAA,IAE7B,oBAAC,kBAAkB,OAAnB,EAAA,UAA0B,MAAM,QAAiC,CAAA,CAEnE,EAAA,CAAA;IAEH,MAAM,UAAU,MAAM,WACrB,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,kBAAkB,KAAnB,EAAA,UAAuB,UAA8B,CAAA,GACpD,MAAM,UAAU,MAAM,SAAS,MAAM,MAAM,IAC1C,oBAAC,kBAAkB,WAAnB;KAA6B,MAAM,MAAM,UAAU,MAAM,SAAS,MAAM,MAAM;KAAG,IAAI;KAClF,UAAA,MAAM;IACoB,CAAA,IAE7B,oBAAC,kBAAkB,OAAnB,EAAA,UAA0B,MAAM,OAAgC,CAAA,CAElE,EAAA,CAAA;GAEa,EAAA,CAAA;GAEnB,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,oBAAC,QAAD;KAAQ,MAAK;KAAK,eAAe,qBAAqB,IAAI;KAAG,MAAM,oBAAC,UAAD,CAAW,CAAA;KAAG,UAAA;IAEzE,CAAA;GACL,CAAA;GAEL,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,OAAD;KACE,WAAW,GACT,oBACA,6BACA,sCACF;KALF,UAAA;MAOE,oBAAC,WAAD,CAAY,CAAA;MACZ,oBAAC,KAAD;OAAK,IAAG;OAAO,SAAQ;OAAO,UAAA;MAEzB,CAAA;MACL,oBAAC,KAAD;OACE,IAAG;OACH,SAAQ;OACR,MAAK;OACL,WAAU;OACV,UAAA,GAAG,MAAM,SAAS,QAAQ,OAAO,MAAM,MAAM,KAAK,IAAI,QAAQ,MAAM;MAAa,CAAA;KAChF;IACL,CAAA,GAAA,oBAAC,KAAD;KAAK,IAAG;KAAI,SAAQ;KAAU,WAAU;KACrC,UAAA,MAAM,WACJ,cAAc,uDAAuD;IACrE,CAAA,CACF;;GAEL,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,oBAAC,UAAU,aAAX;MACE,OAAM;MACN,aAAa,iBAAiB,SAAS,oBAAC,eAAD,CAAgB,CAAA,GAAG,KAAK;MAC/D,MAAM,oBAAC,eAAD,CAAgB,CAAA;MACtB,SAAS,KAAK,UAAU,MAAM,SAAS,MAAM,MAAM,CAAC;KACrD,CAAA;KACD,oBAAC,UAAU,aAAX;MACE,OAAM;MACN,aAAa,iBAAiB,UAAU,oBAAC,gBAAD,CAAiB,CAAA,GAAG,KAAK;MACjE,MAAM,oBAAC,gBAAD,CAAiB,CAAA;MACvB,SAAS,KAAK,UAAU,MAAM,UAAU,MAAM,MAAM,CAAC;KACtD,CAAA;KACD,oBAAC,UAAU,aAAX;MACE,OAAM;MACN,aAAa,iBAAiB,qBAAqB,oBAAC,aAAD,CAAc,CAAA,GAAG,KAAK;MACzE,MAAM,oBAAC,aAAD,CAAc,CAAA;MACpB,SAAS,MAAM,oBAAoB;MACnC,YAAA;KACD,CAAA;KACD,oBAAC,UAAU,aAAX;MACE,OAAM;MACN,aAAa,iBAAiB,kBAAkB,oBAAC,aAAD,CAAc,CAAA,GAAG,KAAK;MACtE,MAAM,oBAAC,aAAD,CAAc,CAAA;MACpB,SAAS,MAAM,iBAAiB;MAChC,YAAA;KACD,CAAA;KACD,oBAAC,UAAU,aAAX;MACE,OAAM;MACN,aAAa,iBAAiB,yBAAyB,oBAAC,aAAD,CAAc,CAAA,GAAG,KAAK;MAC7E,MAAM,oBAAC,aAAD,CAAc,CAAA;MACpB,SAAS,MAAM,uBAAuB;MACtC,YAAA;KACD,CAAA;KACD,oBAAC,UAAU,aAAX;MACE,OAAM;MACN,aAAa,iBAAiB,0BAA0B,oBAAC,aAAD,CAAc,CAAA,GAAG,KAAK;MAC9E,MAAM,oBAAC,aAAD,CAAc,CAAA;MACpB,SAAS,MAAM,wBAAwB;MACvC,YAAA;KACD,CAAA;IACE;;EACY,EAAA,CAAA,CACnB,EAAA,CAAA;CAEK,CAAA,GAEV,SACC,oBAAC,mBAAD;EACS;EACP,QAAQ;EACR,eAAe,qBAAqB,KAAK;EACzC,QAAQ,SAAS,KAAK,IAAI,IAAI;CAC/B,CAAA,CAEH,EAAA,CAAA;AAEN"}
1	+ {"version":3,"file":"score-data-panel.es.js","names":["_Fragment"],"sources":["../../../../src/domains/scores/components/score-data-panel.tsx"],"sourcesContent":["import type { ClientScoreRowData } from '@mastra/client-js';\nimport { FileInputIcon, FileOutputIcon, GaugeIcon, ReceiptText, SaveIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { ScoreAsItemDialog } from './score-as-item-dialog';\nimport { Button } from '@/ds/components/Button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nfunction isCodeBasedScorer(score?: ClientScoreRowData): boolean {\n if (!score) return false;\n const scorer = score.scorer as Record<string, unknown> \| undefined;\n if (scorer?.hasJudge === false) return true;\n if (scorer?.hasJudge === true) return false;\n return !score.preprocessPrompt && !score.analyzePrompt && !score.generateScorePrompt && !score.generateReasonPrompt;\n}\n\nfunction buildDialogTitle(sectionTitle: string, icon: React.ReactNode, score: ClientScoreRowData) {\n return (\n <>\n <Txt as=\"span\" variant=\"eyebrow\" tone=\"faint\" className=\"flex items-center gap-1.5 [&>svg]:size-3.5\">\n {icon}\n {sectionTitle}\n </Txt>\n <span>\n › Score <b className=\"text-muted-foreground\">#{score.id}</b>\n </span>\n </>\n );\n}\n\nexport interface ScoreDataPanelProps {\n /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n score?: ClientScoreRowData;\n onClose: () => void;\n onPrevious?: () => void;\n onNext?: () => void;\n depth?: 1 \| 2 \| 3;\n}\n\nexport function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }: ScoreDataPanelProps) {\n const { Link, paths } = useLinkComponent();\n const [datasetDialogOpen, setDatasetDialogOpen] = useState(false);\n const isCodeBased = isCodeBasedScorer(score);\n const naText = isCodeBased ? 'Code-based scorer does not use prompts' : 'Step not configured';\n\n return (\n <>\n <DataPanel open={!!score} onClose={onClose} title={score ? `Score ${score.id}` : 'Score'} depth={depth}>\n {score && (\n <>\n <DataPanel.Header>\n <DataPanel.Heading>\n Score\n <DataPanel.CopyId id={score.id} />\n </DataPanel.Heading>\n <DataPanel.HeaderActions>\n {(onPrevious \|\| onNext) && (\n <DataPanel.NextPrevNav\n onPrevious={onPrevious}\n onNext={onNext}\n previousLabel=\"Go to previous score\"\n nextLabel=\"Go to next score\"\n />\n )}\n <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close score\" tooltip=\"Close score\" />\n </DataPanel.HeaderActions>\n </DataPanel.Header>\n\n <DataPanel.Content>\n <DataKeysAndValues>\n {score.scorer?.name != null && (\n <>\n <DataKeysAndValues.Key>Scorer</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{String(score.scorer.name)}</DataKeysAndValues.Value>\n </>\n )}\n {score.createdAt && (\n <>\n <DataKeysAndValues.Key>Created</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{formatTimestampPrecise(score.createdAt)}</DataKeysAndValues.Value>\n </>\n )}\n {score.traceId && (\n <>\n <DataKeysAndValues.Key>Trace Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId)} as={Link}>\n {score.traceId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.traceId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n {score.spanId && score.traceId && (\n <>\n <DataKeysAndValues.Key>Span Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId, score.spanId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId, score.spanId)} as={Link}>\n {score.spanId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.spanId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n </DataKeysAndValues>\n\n <div className=\"my-6 flex justify-end\">\n <Button size=\"sm\" onClick={() => setDatasetDialogOpen(true)} icon={<SaveIcon />}>\n Save as dataset item\n </Button>\n </div>\n\n <div className=\"mb-6 text-muted-foreground\">\n <div\n className={cn(\n 'text-placeholder',\n 'flex items-baseline gap-2',\n '[&>svg]:size-5 [&>svg]:translate-y-1',\n )}\n >\n <GaugeIcon />\n <Txt as=\"span\" variant=\"body\">\n Score:\n </Txt>\n <Txt\n as=\"b\"\n variant=\"body\"\n tone=\"muted\"\n className=\"tabular-nums\"\n >{`${score.score == null \|\| Number.isNaN(score.score) ? 'n/a' : score.score}`}</Txt>\n </div>\n <Txt as=\"p\" variant=\"body-sm\" className=\"mt-2\">\n {score.reason \|\|\n (isCodeBased ? 'Code-based scorer does not generate a reason' : 'Step not configured')}\n </Txt>\n </div>\n\n <div className=\"grid gap-4\">\n <DataPanel.CodeSection\n title=\"Input\"\n dialogTitle={buildDialogTitle('Input', <FileInputIcon />, score)}\n icon={<FileInputIcon />}\n codeStr={JSON.stringify(score.input ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Output\"\n dialogTitle={buildDialogTitle('Output', <FileOutputIcon />, score)}\n icon={<FileOutputIcon />}\n codeStr={JSON.stringify(score.output ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Preprocess Prompt\"\n dialogTitle={buildDialogTitle('Preprocess Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.preprocessPrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Analyze Prompt\"\n dialogTitle={buildDialogTitle('Analyze Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.analyzePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Score Prompt\"\n dialogTitle={buildDialogTitle('Generate Score Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateScorePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Reason Prompt\"\n dialogTitle={buildDialogTitle('Generate Reason Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateReasonPrompt \|\| naText}\n simplified\n />\n </div>\n </DataPanel.Content>\n </>\n )}\n </DataPanel>\n\n {score && (\n <ScoreAsItemDialog\n score={score}\n isOpen={datasetDialogOpen}\n onClose={() => setDatasetDialogOpen(false)}\n depth={(depth ?? 1) > 1 ? 3 : 2}\n />\n )}\n </>\n );\n}\n"],"mappings":"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"}

package/dist/domains/scores/components/span-scoring.cjs.js CHANGED Viewed

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_toast_api = require("../../../toast-api-qtkOucy2.cjs");
-const require_Dialog = require("../../../Dialog-BvWF9HE-.cjs");
-const require_Notice = require("../../../Notice-JZ7SW7q6.cjs");
-const require_combobox = require("../../../combobox-DIT_6xiG.cjs");
+const require_combobox = require("../../../combobox-i723LxeC.cjs");
+const require_Dialog = require("../../../Dialog-Duy3M1ny.cjs");
+const require_Notice = require("../../../Notice-B_KjMmA6.cjs");
 const require_components_Text = require("../../../components/Text.cjs.js");
+const require_toast_api = require("../../../toast-api-DDcGCbIw.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/domains/scores/components/span-scoring.es.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { t as toast } from "../../../toast-api-D_rrRhNG.js";
-import { n as DialogBody, o as DialogDescription, p as DialogAction, r as DialogCancel, s as DialogFooter } from "../../../Dialog-DaWtxwd9.js";
-import { t as Notice } from "../../../Notice-C-8oOZZF.js";
-import { t as Combobox } from "../../../combobox-D21no8t5.js";
+import { t as Combobox } from "../../../combobox-lbSxWRMl.js";
+import { n as DialogBody, o as DialogDescription, p as DialogAction, r as DialogCancel, s as DialogFooter } from "../../../Dialog-OBPu3rl2.js";
+import { t as Notice } from "../../../Notice-OSlG42lD.js";
 import { TextAndIcon } from "../../../components/Text.es.js";
+import { t as toast } from "../../../toast-api-Cak5N8pT.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { InfoIcon } from "lucide-react";

package/dist/domains/scores/components/trace-scores-list.cjs.js CHANGED Viewed

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_icons_ScorersIcon = require("../../../icons/ScorersIcon.cjs.js");
-const require_MarkdownRenderer = require("../../../MarkdownRenderer-y65WGBhC.cjs");
+const require_data_list = require("../../../data-list-072hHK9L.cjs");
 const require_components_HoverCard = require("../../../components/HoverCard.cjs.js");
-const require_spinner = require("../../../spinner-C8ZxiA5C.cjs");
-const require_data_list = require("../../../data-list-C4Vmq5HA.cjs");
+const require_MarkdownRenderer = require("../../../MarkdownRenderer-CUYpmuPh.cjs");
+const require_spinner = require("../../../spinner-oS6q4pwx.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_icons_ScorersIcon = require("../../../icons/ScorersIcon.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/domains/scores/components/trace-scores-list.es.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { ScorersIcon } from "../../../icons/ScorersIcon.es.js";
-import { t as MarkdownRenderer } from "../../../MarkdownRenderer-CI30RqdB.js";
+import { t as DataList } from "../../../data-list-GzbzPmYR.js";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "../../../components/HoverCard.es.js";
-import { t as Spinner } from "../../../spinner-CnLgLj9R.js";
-import { t as DataList } from "../../../data-list-DHCOoLmj.js";
+import { t as MarkdownRenderer } from "../../../MarkdownRenderer-CY8LGt-l.js";
+import { t as Spinner } from "../../../spinner-B9ykw74u.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { ScorersIcon } from "../../../icons/ScorersIcon.es.js";
 import { Fragment, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { InfoIcon } from "lucide-react";

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

@@ -1,14 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_utils_date_format = require("../../../utils/date-format.cjs.js");
+const require_data_list = require("../../../data-list-072hHK9L.cjs");
+const require_EmptyState = require("../../../EmptyState-Dc-sP95H.cjs");
+const require_Metadata = require("../../../Metadata-5GJlO4GU.cjs");
+const require_MetricsKpiCard = require("../../../MetricsKpiCard-C_9GvRAp.cjs");
+const require_spinner = require("../../../spinner-oS6q4pwx.cjs");
 const require_utils_id = require("../../../utils/id.cjs.js");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
 require("../../../primitives/transitions.cjs.js");
 require("../../../primitives/typography.cjs.js");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_EmptyState = require("../../../EmptyState-DxDHlYqD.cjs");
-const require_spinner = require("../../../spinner-C8ZxiA5C.cjs");
-const require_data_list = require("../../../data-list-C4Vmq5HA.cjs");
-const require_MetricsKpiCard = require("../../../MetricsKpiCard-By_-sagx.cjs");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
+const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_scores = require("@mastra/react/hooks/scores");
@@ -63,22 +64,17 @@ function TraceScoreCard({ score, onSelect }) {
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsKpiCard.MetricsKpiCard.Label, { children: scorerName }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsKpiCard.MetricsKpiCard.Value, { children: String(score.score) }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Txt.Txt, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
 					as: "span",
 					variant: "meta",
 					tone: "muted",
 					className: "tabular-nums",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-							as: "span",
-							variant: "meta",
-							font: "mono",
-							children: require_utils_id.getShortId(score.id)
-						}),
-						" ",
-						"· ",
-						require_utils_date_format.formatDate(createdAt, "date-time-seconds")
-					]
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Metadata.Metadata, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metadata.Metadata.Item, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+						as: "span",
+						variant: "meta",
+						font: "mono",
+						children: require_utils_id.getShortId(score.id)
+					}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metadata.Metadata.Item, { children: require_utils_date_format.formatDate(createdAt, "date-time-seconds") })] })
 				})
 			]
 		}), score.reason && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TraceScoreReason, { reason: score.reason })]

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

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-scores-tab.cjs.js","names":["useState","useTraceSpanScores","Spinner","EmptyState","MetricsKpiCard","getShortId","Txt","formatDate","_Fragment","cn","DataList"],"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"],"mappings":"~~;;;;;;;;;;;;;;;AAcA~~,IAAM,wBAAwB;;;;;AAY9B,SAAgB,eAAe,EAAE,SAAS,QAAQ,iBAAsC;CACtF,MAAM,CAAC,MAAM,YAAA,GAAWA,MAAAA,SAAAA,CAAS,CAAC;CAClC,MAAM,EAAE,MAAM,YAAY,eAAA,GAAcC,2BAAAA,mBAAAA,CAAmB;EACzD;EACA;EACA;EACA,cAAc,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO;CACjD,CAAC;CAED,IAAI,WACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,SAAD;GAAS,MAAK;GAAK,SAAQ;GAAQ,WAAU;EAAoB,CAAA;CAC9D,CAAA;CAIT,MAAM,SAAS,YAAY,UAAU,CAAC;CAEtC,IAAI,OAAO,WAAW,GACpB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;EAAY,WAAU;EAAgB,iBAAgB;CAAyC,CAAA;CAGxG,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACG,OAAO,KAAI,UACV,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;GAAsC;GAAO,gBAAgB,cAAc,MAAM,EAAE;EAAI,GAAlE,MAAM,EAA4D,CACxF,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;GAAuB,YAAY,YAAY;GAAY,cAAc;EAAU,CAAA,CAChF;;AAET;AAEA,SAAS,eAAe,EAAE,OAAO,YAAiE;CAChG,MAAM,YAAY,IAAI,KAAK,MAAM,SAAS;CAC1C,MAAM,aAAa,OAAO,MAAM,QAAQ,QAAQ,MAAM,QAAQ,MAAM,QAAQ;CAE5E,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,uBAAAA,gBAAD;EAAgB,WAAU;EAA1B,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,cAAY,SAASC,iBAAAA,WAAW,MAAM,EAAE;GACxC,WAAU;GAJZ,UAAA;IAME,iBAAA,GAAA,kBAAA,IAAA,CAACD,uBAAAA,eAAe,OAAhB,EAAA,UAAuB,WAAiC,CAAA;IACxD,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,eAAe,OAAhB,EAAA,UAAuB,OAAO,MAAM,KAAK,EAAwB,CAAA;IACjE,iBAAA,GAAA,kBAAA,~~KAAA~~,CAACE,YAAAA,KAAD;KAAK,IAAG;KAAO,SAAQ;KAAO,MAAK;KAAQ,WAAU;~~KAArD~~,UAAA~~;MACE~~,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;~~OAAK~~,IAAG;~~OAAO~~,SAAQ;~~OAAO~~,MAAK;~~OAChC~~,UAAAD,iBAAAA,WAAW,MAAM,EAAE;~~MACjB~~,CAAA~~;MAAE;MAAI;MACRE~~,0BAAAA,WAAW,WAAW,mBAAmB;~~KACzC;;~~GACC;EACP,CAAA,GAAA,MAAM,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,EAAkB,QAAQ,MAAM,OAAS,CAAA,CAC5C;;AAEpB;AAEA,SAAS,iBAAiB,EAAE,UAA8B;CACxD,MAAM,CAAC,UAAU,gBAAA,~~GAAeP~~,MAAAA,SAAAA,CAAS,KAAK;CAC9C,MAAM,SAAS,OAAO,SAAS;CAC/B,MAAM,OAAO,UAAU,CAAC,WAAW,GAAG,OAAO,MAAM,GAAG,qBAAqB,CAAC,CAAC,QAAQ,EAAE,KAAK;CAE5F,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACM,YAAAA,KAAD;EAAK,SAAQ;EAAU,MAAK;EAA5B,UAAA,CACG,MACA,UACC,iBAAA,GAAA,kBAAA,KAAA,~~CAAAE~~,kBAAAA,UAAA,EAAA,UAAA,CACG,KACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GACE,MAAK;GACL,eAAe,aAAY,UAAS,CAAC,KAAK;GAC1C,WAAWC,cAAAA,GAAAA,+CAAAA,kFAAgD,4CAA4C;GAEvG,UAAA,iBAAA,GAAA,kBAAA,IAAA,~~CAACH~~,YAAAA,KAAD;IAAK,IAAG;IAAO,SAAQ;IACpB,UAAA,WAAW,cAAc;GACvB,CAAA;EACC,CAAA,CACR,EAAA,CAAA,CAED;;AAET;AAEA,SAAS,sBAAsB,EAC7B,YACA,gBAIC;CACD,MAAM,cAAc,YAAY,QAAQ;CACxC,IAAI,gBAAgB,KAAK,CAAC,YAAY,SAAS,OAAO;CAEtD,OACE,iBAAA,GAAA,kBAAA,IAAA,~~CAACI~~,kBAAAA,SAAS,YAAV;EACe;EACb,SAAS,YAAY;EACrB,kBAAkB,aAAa,cAAc,CAAC;EAC9C,kBAAkB,aAAa,cAAc,CAAC;CAC/C,CAAA;AAEL"}
1	+ {"version":3,"file":"trace-scores-tab.cjs.js","names":["useState","useTraceSpanScores","Spinner","EmptyState","MetricsKpiCard","getShortId","Txt","Metadata","formatDate","_Fragment","cn","DataList"],"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 { Metadata } from '@/ds/components/Metadata';\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 <Metadata>\n <Metadata.Item>\n <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n {getShortId(score.id)}\n </Txt>\n </Metadata.Item>\n <Metadata.Item>{formatDate(createdAt, 'date-time-seconds')}</Metadata.Item>\n </Metadata>\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"],"mappings":"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"}