npm - @mastra/playground-ui - Versions diffs - 63.0.0-alpha.2 → 63.0.0-alpha.4 - Mend

@mastra/playground-ui 63.0.0-alpha.2 → 63.0.0-alpha.4

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 (708) hide show

package/dist/domains/metrics/components/trace-volume-card.cjs.js CHANGED Viewed

@@ -14,7 +14,7 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-Bv2A5G41.cjs');
+const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
 const metricsShareList = require('../../../metrics-share-list-DfM8dE7e.cjs');
 const ROOT_ENTITY = {

package/dist/domains/metrics/components/trace-volume-card.es.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { OpenInTracesButton, OpenErrorsInLogsButton } from './card-action-button
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-oEbbYDo7.js';
+import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
 import { M as MetricsShareList } from '../../../metrics-share-list-2cC_1I1S.js';
 const ROOT_ENTITY = {

package/dist/domains/metrics/components/usage-card.cjs.js CHANGED Viewed

@@ -14,7 +14,7 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-Bv2A5G41.cjs');
+const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
 const metricsShareList = require('../../../metrics-share-list-DfM8dE7e.cjs');
 const KEEP = { placeholderData: reactQuery.keepPreviousData };

package/dist/domains/metrics/components/usage-card.es.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { OpenInTracesButton } from './card-action-buttons.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-oEbbYDo7.js';
+import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
 import { M as MetricsShareList } from '../../../metrics-share-list-2cC_1I1S.js';
 const KEEP = { placeholderData: keepPreviousData };

package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.cjs.js CHANGED Viewed

@@ -10,16 +10,17 @@ const datasets = require('@mastra/react/hooks/datasets');
 const reactQuery = require('@tanstack/react-query');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-BfZzgZrA.cjs');
-const codeEditor = require('../../../code-editor-Dg6Y6Q8z.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
+const codeEditor = require('../../../code-editor-CH8c-KF1.cjs');
 const field = require('../../../field-D1SVMPMz.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
 const form = require('../../../form-CsSBTIbV.cjs');
-const select = require('../../../select-Cdz5I0A5.cjs');
-const sideDialog = require('../../../side-dialog-DldgOJIk.cjs');
+const select = require('../../../select-D5cu0K7R.cjs');
+const sideDialog = require('../../../side-dialog-CUQGSSLs.cjs');
 const textAndIcon = require('../../../text-and-icon-BJ5wgYf5.cjs');
 const utils_id = require('../../../utils/id.cjs.js');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
+require('../../../lib/framework.cjs.js');
 const toast = require('../../../toast-C8a7bWV8.cjs');
 function itemLabel(item) {

package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-trace-mocks-to-item-dialog.cjs.js","sources":["../../../../src/domains/observability/components/add-trace-mocks-to-item-dialog.tsx"],"sourcesContent":["import type { DatasetItemToolMock } from '@mastra/client-js';\nimport { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';\nimport { safeStringify } from '@mastra/core/utils/safe-stringify';\n\nimport { useMastraClient } from '@mastra/react';\nimport { useDatasetItem, useDatasetItems } from '@mastra/react/hooks/datasets';\nimport { useQuery } from '@tanstack/react-query';\nimport { EyeIcon, WrenchIcon, Plus, X } from 'lucide-react';\nimport { useState } from 'react';\nimport { useDatasetMutations, useDatasets } from '@/domains/datasets';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, FieldDescription, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/ds/components/Select';\nimport { SideDialog } from '@/ds/components/SideDialog';\nimport type { SideDialogRootProps } from '@/ds/components/SideDialog';\nimport { TextAndIcon, getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { toast } from '@/utils/toast';\n\ntype AddTraceMocksToItemDialogProps = {\n traceId?: string;\n isOpen: boolean;\n onClose: () => void;\n level?: SideDialogRootProps['level'];\n};\n\n/** Short, human-readable label for an item: short id + a preview of the input. */\nfunction itemLabel(item: { id: string; input: unknown }): string {\n const preview = (() => {\n try {\n const json = JSON.stringify(item.input);\n if (!json) return '';\n return json.length > 40 ? `${json.slice(0, 40)}…` : json;\n } catch {\n return '';\n }\n })();\n const shortId = getShortId(item.id) ?? item.id;\n return preview ? `${shortId} — ${preview}` : shortId;\n}\n\nexport function AddTraceMocksToItemDialog({ traceId, isOpen, onClose, level = 2 }: AddTraceMocksToItemDialogProps) {\n const client = useMastraClient();\n\n const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({\n queryKey: ['trace-trajectory', traceId],\n queryFn: () => client.getTraceTrajectory(traceId ?? ''),\n enabled: isOpen && !!traceId,\n });\n\n const derivedMocks: DatasetItemToolMock[] = trajectory?.steps ? collectToolMocks(trajectory.steps) : [];\n const initialMocksJson = derivedMocks.length > 0 ? safeStringify(derivedMocks, 2) : '';\n\n return (\n <SideDialog\n dialogTitle=\"Add Tool Mocks to Item\"\n dialogDescription=\"Append trace-derived tool mocks to an existing dataset item\"\n isOpen={isOpen}\n onClose={onClose}\n level={level}\n >\n <SideDialog.Top>\n <TextAndIcon>\n <EyeIcon /> {getShortId(traceId)}\n </TextAndIcon>\n ›\n <TextAndIcon>\n <WrenchIcon /> Add Tool Mocks to Item\n </TextAndIcon>\n </SideDialog.Top>\n\n <SideDialog.Content>\n <SideDialog.Header>\n <SideDialog.Heading>\n <WrenchIcon /> Add Tool Mocks to Item\n </SideDialog.Heading>\n </SideDialog.Header>\n\n {isTrajectoryLoading ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4\">\n Loading tool calls from trace...\n </Txt>\n ) : (\n // Remount when the source trace changes so the form's useState seeds\n // from the freshly derived mocks — no state-reset effect needed.\n <AddTraceMocksForm key={traceId ?? 'no-trace'} initialMocksJson={initialMocksJson} onClose={onClose} />\n )}\n </SideDialog.Content>\n </SideDialog>\n );\n}\n\ntype AddTraceMocksFormProps = {\n initialMocksJson: string;\n onClose: () => void;\n};\n\nfunction AddTraceMocksForm({ initialMocksJson, onClose }: AddTraceMocksFormProps) {\n const [selectedDatasetId, setSelectedDatasetId] = useState<string>('');\n const [selectedItemId, setSelectedItemId] = useState<string>('');\n // Editable JSON of the mocks to append, seeded once from the trace-derived mocks.\n const [mocksJson, setMocksJson] = useState<string>(initialMocksJson);\n\n const { data: datasetsData, isLoading: isDatasetsLoading } = useDatasets();\n const datasets = datasetsData?.datasets ?? [];\n\n const { data: items = [], isLoading: isItemsLoading } = useDatasetItems({\n datasetId: selectedDatasetId,\n queryOptions: { enabled: Boolean(selectedDatasetId) },\n });\n const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem({\n datasetId: selectedDatasetId,\n itemId: selectedItemId,\n queryOptions: { enabled: Boolean(selectedDatasetId) && Boolean(selectedItemId) },\n });\n const { updateItem } = useDatasetMutations();\n\n // Whether the current editor content is a non-empty JSON array (enables submit).\n const hasMocks = (() => {\n if (!mocksJson.trim()) return false;\n try {\n const parsed = JSON.parse(mocksJson);\n return Array.isArray(parsed) && parsed.length > 0;\n } catch {\n return false;\n }\n })();\n\n const handleDatasetChange = (value: string) => {\n setSelectedDatasetId(value);\n setSelectedItemId('');\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n\n if (!selectedDatasetId \|\| !selectedItemId) {\n toast.error('Please select a dataset and an item');\n return;\n }\n\n // Parse the (possibly edited) mocks JSON.\n let parsedMocks: DatasetItemToolMock[];\n try {\n const parsed = mocksJson.trim() ? JSON.parse(mocksJson) : [];\n if (!Array.isArray(parsed)) {\n toast.error('Tool Mocks must be a JSON array');\n return;\n }\n parsedMocks = parsed as DatasetItemToolMock[];\n } catch {\n toast.error('Tool Mocks must be valid JSON');\n return;\n }\n if (parsedMocks.length === 0) {\n toast.error('There are no tool mocks to add');\n return;\n }\n // Guard against appending to a stale/unloaded item — require the authoritative item first.\n if (!selectedItem \|\| selectedItem.id !== selectedItemId) {\n toast.error('Item is still loading, please try again');\n return;\n }\n\n const existing = selectedItem.toolMocks ?? [];\n const merged = [...existing, ...parsedMocks];\n\n try {\n await updateItem.mutateAsync({\n datasetId: selectedDatasetId,\n itemId: selectedItemId,\n toolMocks: merged,\n });\n toast.success(`Added ${parsedMocks.length} tool mock(s) to the item`);\n onClose();\n } catch (error) {\n toast.error(`Failed to add tool mocks: ${error instanceof Error ? error.message : 'Unknown error'}`);\n }\n };\n\n return (\n <Form onSubmit={handleSubmit}>\n <Field>\n <FieldLabel required>Dataset</FieldLabel>\n <Select value={selectedDatasetId} onValueChange={handleDatasetChange} disabled={isDatasetsLoading}>\n <SelectTrigger>\n <SelectValue placeholder={isDatasetsLoading ? 'Loading datasets...' : 'Select a dataset'} />\n </SelectTrigger>\n <SelectContent>\n {datasets.length === 0 ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4 text-center\">\n No datasets available\n </Txt>\n ) : (\n datasets.map(dataset => (\n <SelectItem key={dataset.id} value={dataset.id}>\n {dataset.name}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </Field>\n\n <Field>\n <FieldLabel required>Item</FieldLabel>\n <Select\n value={selectedItemId}\n onValueChange={setSelectedItemId}\n disabled={!selectedDatasetId \|\| isItemsLoading}\n >\n <SelectTrigger>\n <SelectValue\n placeholder={\n !selectedDatasetId ? 'Select a dataset first' : isItemsLoading ? 'Loading items...' : 'Select an item'\n }\n />\n </SelectTrigger>\n <SelectContent>\n {items.length === 0 ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4 text-center\">\n No items available\n </Txt>\n ) : (\n items.map(item => (\n <SelectItem key={item.id} value={item.id}>\n {itemLabel(item)}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </Field>\n\n <Field>\n <FieldLabel>Tool Mocks (JSON)</FieldLabel>\n <CodeEditor value={mocksJson} onChange={setMocksJson} showCopyButton={false} className=\"min-h-40\" />\n <FieldDescription>\n Seeded from the trace's tool calls. Edit or remove entries before appending.\n </FieldDescription>\n </Field>\n\n <div className=\"flex justify-end gap-2 pt-4\">\n <Button icon={<X />} type=\"button\" onClick={onClose}>\n Cancel\n </Button>\n <Button\n icon={<Plus />}\n type=\"submit\"\n variant=\"default\"\n disabled={\n updateItem.isPending \|\|\n isSelectedItemFetching \|\|\n !hasMocks \|\|\n !selectedDatasetId \|\|\n !selectedItemId \|\|\n selectedItem?.id !== selectedItemId\n }\n >\n {updateItem.isPending ? 'Adding...' : 'Append Tool Mocks'}\n </Button>\n </div>\n </Form>\n );\n}\n"],"names":["getShortId","useMastraClient","useQuery","collectToolMocks","safeStringify","jsxs","SideDialog","TextAndIcon","jsx","EyeIcon","WrenchIcon","Txt","useState","useDatasets","datasets","useDatasetItems","useDatasetItem","useDatasetMutations","toast","Form","Field","FieldLabel","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","CodeEditor","FieldDescription","Button","X","Plus"],"mappings":"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"}
1	+ {"version":3,"file":"add-trace-mocks-to-item-dialog.cjs.js","sources":["../../../../src/domains/observability/components/add-trace-mocks-to-item-dialog.tsx"],"sourcesContent":["import type { DatasetItemToolMock } from '@mastra/client-js';\nimport { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';\nimport { safeStringify } from '@mastra/core/utils/safe-stringify';\n\nimport { useMastraClient } from '@mastra/react';\nimport { useDatasetItem, useDatasetItems } from '@mastra/react/hooks/datasets';\nimport { useQuery } from '@tanstack/react-query';\nimport { EyeIcon, WrenchIcon, Plus, X } from 'lucide-react';\nimport { useState } from 'react';\nimport { useDatasetMutations, useDatasets } from '@/domains/datasets';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, FieldDescription, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/ds/components/Select';\nimport { SideDialog } from '@/ds/components/SideDialog';\nimport type { SideDialogRootProps } from '@/ds/components/SideDialog';\nimport { TextAndIcon, getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { toast } from '@/utils/toast';\n\ntype AddTraceMocksToItemDialogProps = {\n traceId?: string;\n isOpen: boolean;\n onClose: () => void;\n level?: SideDialogRootProps['level'];\n};\n\n/** Short, human-readable label for an item: short id + a preview of the input. */\nfunction itemLabel(item: { id: string; input: unknown }): string {\n const preview = (() => {\n try {\n const json = JSON.stringify(item.input);\n if (!json) return '';\n return json.length > 40 ? `${json.slice(0, 40)}…` : json;\n } catch {\n return '';\n }\n })();\n const shortId = getShortId(item.id) ?? item.id;\n return preview ? `${shortId} — ${preview}` : shortId;\n}\n\nexport function AddTraceMocksToItemDialog({ traceId, isOpen, onClose, level = 2 }: AddTraceMocksToItemDialogProps) {\n const client = useMastraClient();\n\n const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({\n queryKey: ['trace-trajectory', traceId],\n queryFn: () => client.getTraceTrajectory(traceId ?? ''),\n enabled: isOpen && !!traceId,\n });\n\n const derivedMocks: DatasetItemToolMock[] = trajectory?.steps ? collectToolMocks(trajectory.steps) : [];\n const initialMocksJson = derivedMocks.length > 0 ? safeStringify(derivedMocks, 2) : '';\n\n return (\n <SideDialog\n dialogTitle=\"Add Tool Mocks to Item\"\n dialogDescription=\"Append trace-derived tool mocks to an existing dataset item\"\n isOpen={isOpen}\n onClose={onClose}\n level={level}\n >\n <SideDialog.Top>\n <TextAndIcon>\n <EyeIcon /> {getShortId(traceId)}\n </TextAndIcon>\n ›\n <TextAndIcon>\n <WrenchIcon /> Add Tool Mocks to Item\n </TextAndIcon>\n </SideDialog.Top>\n\n <SideDialog.Content>\n <SideDialog.Header>\n <SideDialog.Heading>\n <WrenchIcon /> Add Tool Mocks to Item\n </SideDialog.Heading>\n </SideDialog.Header>\n\n {isTrajectoryLoading ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4\">\n Loading tool calls from trace...\n </Txt>\n ) : (\n // Remount when the source trace changes so the form's useState seeds\n // from the freshly derived mocks — no state-reset effect needed.\n <AddTraceMocksForm key={traceId ?? 'no-trace'} initialMocksJson={initialMocksJson} onClose={onClose} />\n )}\n </SideDialog.Content>\n </SideDialog>\n );\n}\n\ntype AddTraceMocksFormProps = {\n initialMocksJson: string;\n onClose: () => void;\n};\n\nfunction AddTraceMocksForm({ initialMocksJson, onClose }: AddTraceMocksFormProps) {\n const [selectedDatasetId, setSelectedDatasetId] = useState<string>('');\n const [selectedItemId, setSelectedItemId] = useState<string>('');\n // Editable JSON of the mocks to append, seeded once from the trace-derived mocks.\n const [mocksJson, setMocksJson] = useState<string>(initialMocksJson);\n\n const { data: datasetsData, isLoading: isDatasetsLoading } = useDatasets();\n const datasets = datasetsData?.datasets ?? [];\n\n const { data: items = [], isLoading: isItemsLoading } = useDatasetItems({\n datasetId: selectedDatasetId,\n queryOptions: { enabled: Boolean(selectedDatasetId) },\n });\n const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem({\n datasetId: selectedDatasetId,\n itemId: selectedItemId,\n queryOptions: { enabled: Boolean(selectedDatasetId) && Boolean(selectedItemId) },\n });\n const { updateItem } = useDatasetMutations();\n\n // Whether the current editor content is a non-empty JSON array (enables submit).\n const hasMocks = (() => {\n if (!mocksJson.trim()) return false;\n try {\n const parsed = JSON.parse(mocksJson);\n return Array.isArray(parsed) && parsed.length > 0;\n } catch {\n return false;\n }\n })();\n\n const handleDatasetChange = (value: string) => {\n setSelectedDatasetId(value);\n setSelectedItemId('');\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n\n if (!selectedDatasetId \|\| !selectedItemId) {\n toast.error('Please select a dataset and an item');\n return;\n }\n\n // Parse the (possibly edited) mocks JSON.\n let parsedMocks: DatasetItemToolMock[];\n try {\n const parsed = mocksJson.trim() ? JSON.parse(mocksJson) : [];\n if (!Array.isArray(parsed)) {\n toast.error('Tool Mocks must be a JSON array');\n return;\n }\n parsedMocks = parsed as DatasetItemToolMock[];\n } catch {\n toast.error('Tool Mocks must be valid JSON');\n return;\n }\n if (parsedMocks.length === 0) {\n toast.error('There are no tool mocks to add');\n return;\n }\n // Guard against appending to a stale/unloaded item — require the authoritative item first.\n if (!selectedItem \|\| selectedItem.id !== selectedItemId) {\n toast.error('Item is still loading, please try again');\n return;\n }\n\n const existing = selectedItem.toolMocks ?? [];\n const merged = [...existing, ...parsedMocks];\n\n try {\n await updateItem.mutateAsync({\n datasetId: selectedDatasetId,\n itemId: selectedItemId,\n toolMocks: merged,\n });\n toast.success(`Added ${parsedMocks.length} tool mock(s) to the item`);\n onClose();\n } catch (error) {\n toast.error(`Failed to add tool mocks: ${error instanceof Error ? error.message : 'Unknown error'}`);\n }\n };\n\n return (\n <Form onSubmit={handleSubmit}>\n <Field>\n <FieldLabel required>Dataset</FieldLabel>\n <Select value={selectedDatasetId} onValueChange={handleDatasetChange} disabled={isDatasetsLoading}>\n <SelectTrigger>\n <SelectValue placeholder={isDatasetsLoading ? 'Loading datasets...' : 'Select a dataset'} />\n </SelectTrigger>\n <SelectContent>\n {datasets.length === 0 ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4 text-center\">\n No datasets available\n </Txt>\n ) : (\n datasets.map(dataset => (\n <SelectItem key={dataset.id} value={dataset.id}>\n {dataset.name}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </Field>\n\n <Field>\n <FieldLabel required>Item</FieldLabel>\n <Select\n value={selectedItemId}\n onValueChange={setSelectedItemId}\n disabled={!selectedDatasetId \|\| isItemsLoading}\n >\n <SelectTrigger>\n <SelectValue\n placeholder={\n !selectedDatasetId ? 'Select a dataset first' : isItemsLoading ? 'Loading items...' : 'Select an item'\n }\n />\n </SelectTrigger>\n <SelectContent>\n {items.length === 0 ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4 text-center\">\n No items available\n </Txt>\n ) : (\n items.map(item => (\n <SelectItem key={item.id} value={item.id}>\n {itemLabel(item)}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </Field>\n\n <Field>\n <FieldLabel>Tool Mocks (JSON)</FieldLabel>\n <CodeEditor value={mocksJson} onChange={setMocksJson} showCopyButton={false} className=\"min-h-40\" />\n <FieldDescription>\n Seeded from the trace's tool calls. Edit or remove entries before appending.\n </FieldDescription>\n </Field>\n\n <div className=\"flex justify-end gap-2 pt-4\">\n <Button icon={<X />} type=\"button\" onClick={onClose}>\n Cancel\n </Button>\n <Button\n icon={<Plus />}\n type=\"submit\"\n variant=\"default\"\n disabled={\n updateItem.isPending \|\|\n isSelectedItemFetching \|\|\n !hasMocks \|\|\n !selectedDatasetId \|\|\n !selectedItemId \|\|\n selectedItem?.id !== selectedItemId\n }\n >\n {updateItem.isPending ? 'Adding...' : 'Append Tool Mocks'}\n </Button>\n </div>\n </Form>\n );\n}\n"],"names":["getShortId","useMastraClient","useQuery","collectToolMocks","safeStringify","jsxs","SideDialog","TextAndIcon","jsx","EyeIcon","WrenchIcon","Txt","useState","useDatasets","datasets","useDatasetItems","useDatasetItem","useDatasetMutations","toast","Form","Field","FieldLabel","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","CodeEditor","FieldDescription","Button","X","Plus"],"mappings":"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"}

package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.es.js CHANGED Viewed

@@ -6,16 +6,17 @@ import { useDatasets, useDatasetItems, useDatasetItem, useDatasetMutations } fro
 import { useQuery } from '@tanstack/react-query';
 import { EyeIcon, WrenchIcon, X, Plus } from 'lucide-react';
 import { useState } from 'react';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
-import { C as CodeEditor } from '../../../code-editor-D69saH4C.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
+import { C as CodeEditor } from '../../../code-editor-B_v1EfzX.js';
 import { F as Field, e as FieldLabel, b as FieldDescription } from '../../../field-B89BEZg4.js';
 import '../../../field-control-aria-DB6y41tQ.js';
 import { F as Form } from '../../../form-CDRsQaFS.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-N2lgBRsg.js';
-import { S as SideDialog } from '../../../side-dialog-CWQL33WR.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-BvYdi3X0.js';
+import { S as SideDialog } from '../../../side-dialog-DSxU1To7.js';
 import { T as TextAndIcon } from '../../../text-and-icon-CGupOpWs.js';
 import { getShortId } from '../../../utils/id.es.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
+import '../../../lib/framework.es.js';
 import { t as toast } from '../../../toast-WCmYXnuT.js';
 function itemLabel(item) {

package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-trace-mocks-to-item-dialog.es.js","sources":["../../../../src/domains/observability/components/add-trace-mocks-to-item-dialog.tsx"],"sourcesContent":["import type { DatasetItemToolMock } from '@mastra/client-js';\nimport { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';\nimport { safeStringify } from '@mastra/core/utils/safe-stringify';\n\nimport { useMastraClient } from '@mastra/react';\nimport { useDatasetItem, useDatasetItems } from '@mastra/react/hooks/datasets';\nimport { useQuery } from '@tanstack/react-query';\nimport { EyeIcon, WrenchIcon, Plus, X } from 'lucide-react';\nimport { useState } from 'react';\nimport { useDatasetMutations, useDatasets } from '@/domains/datasets';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, FieldDescription, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/ds/components/Select';\nimport { SideDialog } from '@/ds/components/SideDialog';\nimport type { SideDialogRootProps } from '@/ds/components/SideDialog';\nimport { TextAndIcon, getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { toast } from '@/utils/toast';\n\ntype AddTraceMocksToItemDialogProps = {\n traceId?: string;\n isOpen: boolean;\n onClose: () => void;\n level?: SideDialogRootProps['level'];\n};\n\n/** Short, human-readable label for an item: short id + a preview of the input. */\nfunction itemLabel(item: { id: string; input: unknown }): string {\n const preview = (() => {\n try {\n const json = JSON.stringify(item.input);\n if (!json) return '';\n return json.length > 40 ? `${json.slice(0, 40)}…` : json;\n } catch {\n return '';\n }\n })();\n const shortId = getShortId(item.id) ?? item.id;\n return preview ? `${shortId} — ${preview}` : shortId;\n}\n\nexport function AddTraceMocksToItemDialog({ traceId, isOpen, onClose, level = 2 }: AddTraceMocksToItemDialogProps) {\n const client = useMastraClient();\n\n const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({\n queryKey: ['trace-trajectory', traceId],\n queryFn: () => client.getTraceTrajectory(traceId ?? ''),\n enabled: isOpen && !!traceId,\n });\n\n const derivedMocks: DatasetItemToolMock[] = trajectory?.steps ? collectToolMocks(trajectory.steps) : [];\n const initialMocksJson = derivedMocks.length > 0 ? safeStringify(derivedMocks, 2) : '';\n\n return (\n <SideDialog\n dialogTitle=\"Add Tool Mocks to Item\"\n dialogDescription=\"Append trace-derived tool mocks to an existing dataset item\"\n isOpen={isOpen}\n onClose={onClose}\n level={level}\n >\n <SideDialog.Top>\n <TextAndIcon>\n <EyeIcon /> {getShortId(traceId)}\n </TextAndIcon>\n ›\n <TextAndIcon>\n <WrenchIcon /> Add Tool Mocks to Item\n </TextAndIcon>\n </SideDialog.Top>\n\n <SideDialog.Content>\n <SideDialog.Header>\n <SideDialog.Heading>\n <WrenchIcon /> Add Tool Mocks to Item\n </SideDialog.Heading>\n </SideDialog.Header>\n\n {isTrajectoryLoading ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4\">\n Loading tool calls from trace...\n </Txt>\n ) : (\n // Remount when the source trace changes so the form's useState seeds\n // from the freshly derived mocks — no state-reset effect needed.\n <AddTraceMocksForm key={traceId ?? 'no-trace'} initialMocksJson={initialMocksJson} onClose={onClose} />\n )}\n </SideDialog.Content>\n </SideDialog>\n );\n}\n\ntype AddTraceMocksFormProps = {\n initialMocksJson: string;\n onClose: () => void;\n};\n\nfunction AddTraceMocksForm({ initialMocksJson, onClose }: AddTraceMocksFormProps) {\n const [selectedDatasetId, setSelectedDatasetId] = useState<string>('');\n const [selectedItemId, setSelectedItemId] = useState<string>('');\n // Editable JSON of the mocks to append, seeded once from the trace-derived mocks.\n const [mocksJson, setMocksJson] = useState<string>(initialMocksJson);\n\n const { data: datasetsData, isLoading: isDatasetsLoading } = useDatasets();\n const datasets = datasetsData?.datasets ?? [];\n\n const { data: items = [], isLoading: isItemsLoading } = useDatasetItems({\n datasetId: selectedDatasetId,\n queryOptions: { enabled: Boolean(selectedDatasetId) },\n });\n const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem({\n datasetId: selectedDatasetId,\n itemId: selectedItemId,\n queryOptions: { enabled: Boolean(selectedDatasetId) && Boolean(selectedItemId) },\n });\n const { updateItem } = useDatasetMutations();\n\n // Whether the current editor content is a non-empty JSON array (enables submit).\n const hasMocks = (() => {\n if (!mocksJson.trim()) return false;\n try {\n const parsed = JSON.parse(mocksJson);\n return Array.isArray(parsed) && parsed.length > 0;\n } catch {\n return false;\n }\n })();\n\n const handleDatasetChange = (value: string) => {\n setSelectedDatasetId(value);\n setSelectedItemId('');\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n\n if (!selectedDatasetId \|\| !selectedItemId) {\n toast.error('Please select a dataset and an item');\n return;\n }\n\n // Parse the (possibly edited) mocks JSON.\n let parsedMocks: DatasetItemToolMock[];\n try {\n const parsed = mocksJson.trim() ? JSON.parse(mocksJson) : [];\n if (!Array.isArray(parsed)) {\n toast.error('Tool Mocks must be a JSON array');\n return;\n }\n parsedMocks = parsed as DatasetItemToolMock[];\n } catch {\n toast.error('Tool Mocks must be valid JSON');\n return;\n }\n if (parsedMocks.length === 0) {\n toast.error('There are no tool mocks to add');\n return;\n }\n // Guard against appending to a stale/unloaded item — require the authoritative item first.\n if (!selectedItem \|\| selectedItem.id !== selectedItemId) {\n toast.error('Item is still loading, please try again');\n return;\n }\n\n const existing = selectedItem.toolMocks ?? [];\n const merged = [...existing, ...parsedMocks];\n\n try {\n await updateItem.mutateAsync({\n datasetId: selectedDatasetId,\n itemId: selectedItemId,\n toolMocks: merged,\n });\n toast.success(`Added ${parsedMocks.length} tool mock(s) to the item`);\n onClose();\n } catch (error) {\n toast.error(`Failed to add tool mocks: ${error instanceof Error ? error.message : 'Unknown error'}`);\n }\n };\n\n return (\n <Form onSubmit={handleSubmit}>\n <Field>\n <FieldLabel required>Dataset</FieldLabel>\n <Select value={selectedDatasetId} onValueChange={handleDatasetChange} disabled={isDatasetsLoading}>\n <SelectTrigger>\n <SelectValue placeholder={isDatasetsLoading ? 'Loading datasets...' : 'Select a dataset'} />\n </SelectTrigger>\n <SelectContent>\n {datasets.length === 0 ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4 text-center\">\n No datasets available\n </Txt>\n ) : (\n datasets.map(dataset => (\n <SelectItem key={dataset.id} value={dataset.id}>\n {dataset.name}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </Field>\n\n <Field>\n <FieldLabel required>Item</FieldLabel>\n <Select\n value={selectedItemId}\n onValueChange={setSelectedItemId}\n disabled={!selectedDatasetId \|\| isItemsLoading}\n >\n <SelectTrigger>\n <SelectValue\n placeholder={\n !selectedDatasetId ? 'Select a dataset first' : isItemsLoading ? 'Loading items...' : 'Select an item'\n }\n />\n </SelectTrigger>\n <SelectContent>\n {items.length === 0 ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4 text-center\">\n No items available\n </Txt>\n ) : (\n items.map(item => (\n <SelectItem key={item.id} value={item.id}>\n {itemLabel(item)}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </Field>\n\n <Field>\n <FieldLabel>Tool Mocks (JSON)</FieldLabel>\n <CodeEditor value={mocksJson} onChange={setMocksJson} showCopyButton={false} className=\"min-h-40\" />\n <FieldDescription>\n Seeded from the trace's tool calls. Edit or remove entries before appending.\n </FieldDescription>\n </Field>\n\n <div className=\"flex justify-end gap-2 pt-4\">\n <Button icon={<X />} type=\"button\" onClick={onClose}>\n Cancel\n </Button>\n <Button\n icon={<Plus />}\n type=\"submit\"\n variant=\"default\"\n disabled={\n updateItem.isPending \|\|\n isSelectedItemFetching \|\|\n !hasMocks \|\|\n !selectedDatasetId \|\|\n !selectedItemId \|\|\n selectedItem?.id !== selectedItemId\n }\n >\n {updateItem.isPending ? 'Adding...' : 'Append Tool Mocks'}\n </Button>\n </div>\n </Form>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"add-trace-mocks-to-item-dialog.es.js","sources":["../../../../src/domains/observability/components/add-trace-mocks-to-item-dialog.tsx"],"sourcesContent":["import type { DatasetItemToolMock } from '@mastra/client-js';\nimport { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';\nimport { safeStringify } from '@mastra/core/utils/safe-stringify';\n\nimport { useMastraClient } from '@mastra/react';\nimport { useDatasetItem, useDatasetItems } from '@mastra/react/hooks/datasets';\nimport { useQuery } from '@tanstack/react-query';\nimport { EyeIcon, WrenchIcon, Plus, X } from 'lucide-react';\nimport { useState } from 'react';\nimport { useDatasetMutations, useDatasets } from '@/domains/datasets';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, FieldDescription, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/ds/components/Select';\nimport { SideDialog } from '@/ds/components/SideDialog';\nimport type { SideDialogRootProps } from '@/ds/components/SideDialog';\nimport { TextAndIcon, getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { toast } from '@/utils/toast';\n\ntype AddTraceMocksToItemDialogProps = {\n traceId?: string;\n isOpen: boolean;\n onClose: () => void;\n level?: SideDialogRootProps['level'];\n};\n\n/** Short, human-readable label for an item: short id + a preview of the input. */\nfunction itemLabel(item: { id: string; input: unknown }): string {\n const preview = (() => {\n try {\n const json = JSON.stringify(item.input);\n if (!json) return '';\n return json.length > 40 ? `${json.slice(0, 40)}…` : json;\n } catch {\n return '';\n }\n })();\n const shortId = getShortId(item.id) ?? item.id;\n return preview ? `${shortId} — ${preview}` : shortId;\n}\n\nexport function AddTraceMocksToItemDialog({ traceId, isOpen, onClose, level = 2 }: AddTraceMocksToItemDialogProps) {\n const client = useMastraClient();\n\n const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({\n queryKey: ['trace-trajectory', traceId],\n queryFn: () => client.getTraceTrajectory(traceId ?? ''),\n enabled: isOpen && !!traceId,\n });\n\n const derivedMocks: DatasetItemToolMock[] = trajectory?.steps ? collectToolMocks(trajectory.steps) : [];\n const initialMocksJson = derivedMocks.length > 0 ? safeStringify(derivedMocks, 2) : '';\n\n return (\n <SideDialog\n dialogTitle=\"Add Tool Mocks to Item\"\n dialogDescription=\"Append trace-derived tool mocks to an existing dataset item\"\n isOpen={isOpen}\n onClose={onClose}\n level={level}\n >\n <SideDialog.Top>\n <TextAndIcon>\n <EyeIcon /> {getShortId(traceId)}\n </TextAndIcon>\n ›\n <TextAndIcon>\n <WrenchIcon /> Add Tool Mocks to Item\n </TextAndIcon>\n </SideDialog.Top>\n\n <SideDialog.Content>\n <SideDialog.Header>\n <SideDialog.Heading>\n <WrenchIcon /> Add Tool Mocks to Item\n </SideDialog.Heading>\n </SideDialog.Header>\n\n {isTrajectoryLoading ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4\">\n Loading tool calls from trace...\n </Txt>\n ) : (\n // Remount when the source trace changes so the form's useState seeds\n // from the freshly derived mocks — no state-reset effect needed.\n <AddTraceMocksForm key={traceId ?? 'no-trace'} initialMocksJson={initialMocksJson} onClose={onClose} />\n )}\n </SideDialog.Content>\n </SideDialog>\n );\n}\n\ntype AddTraceMocksFormProps = {\n initialMocksJson: string;\n onClose: () => void;\n};\n\nfunction AddTraceMocksForm({ initialMocksJson, onClose }: AddTraceMocksFormProps) {\n const [selectedDatasetId, setSelectedDatasetId] = useState<string>('');\n const [selectedItemId, setSelectedItemId] = useState<string>('');\n // Editable JSON of the mocks to append, seeded once from the trace-derived mocks.\n const [mocksJson, setMocksJson] = useState<string>(initialMocksJson);\n\n const { data: datasetsData, isLoading: isDatasetsLoading } = useDatasets();\n const datasets = datasetsData?.datasets ?? [];\n\n const { data: items = [], isLoading: isItemsLoading } = useDatasetItems({\n datasetId: selectedDatasetId,\n queryOptions: { enabled: Boolean(selectedDatasetId) },\n });\n const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem({\n datasetId: selectedDatasetId,\n itemId: selectedItemId,\n queryOptions: { enabled: Boolean(selectedDatasetId) && Boolean(selectedItemId) },\n });\n const { updateItem } = useDatasetMutations();\n\n // Whether the current editor content is a non-empty JSON array (enables submit).\n const hasMocks = (() => {\n if (!mocksJson.trim()) return false;\n try {\n const parsed = JSON.parse(mocksJson);\n return Array.isArray(parsed) && parsed.length > 0;\n } catch {\n return false;\n }\n })();\n\n const handleDatasetChange = (value: string) => {\n setSelectedDatasetId(value);\n setSelectedItemId('');\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n\n if (!selectedDatasetId \|\| !selectedItemId) {\n toast.error('Please select a dataset and an item');\n return;\n }\n\n // Parse the (possibly edited) mocks JSON.\n let parsedMocks: DatasetItemToolMock[];\n try {\n const parsed = mocksJson.trim() ? JSON.parse(mocksJson) : [];\n if (!Array.isArray(parsed)) {\n toast.error('Tool Mocks must be a JSON array');\n return;\n }\n parsedMocks = parsed as DatasetItemToolMock[];\n } catch {\n toast.error('Tool Mocks must be valid JSON');\n return;\n }\n if (parsedMocks.length === 0) {\n toast.error('There are no tool mocks to add');\n return;\n }\n // Guard against appending to a stale/unloaded item — require the authoritative item first.\n if (!selectedItem \|\| selectedItem.id !== selectedItemId) {\n toast.error('Item is still loading, please try again');\n return;\n }\n\n const existing = selectedItem.toolMocks ?? [];\n const merged = [...existing, ...parsedMocks];\n\n try {\n await updateItem.mutateAsync({\n datasetId: selectedDatasetId,\n itemId: selectedItemId,\n toolMocks: merged,\n });\n toast.success(`Added ${parsedMocks.length} tool mock(s) to the item`);\n onClose();\n } catch (error) {\n toast.error(`Failed to add tool mocks: ${error instanceof Error ? error.message : 'Unknown error'}`);\n }\n };\n\n return (\n <Form onSubmit={handleSubmit}>\n <Field>\n <FieldLabel required>Dataset</FieldLabel>\n <Select value={selectedDatasetId} onValueChange={handleDatasetChange} disabled={isDatasetsLoading}>\n <SelectTrigger>\n <SelectValue placeholder={isDatasetsLoading ? 'Loading datasets...' : 'Select a dataset'} />\n </SelectTrigger>\n <SelectContent>\n {datasets.length === 0 ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4 text-center\">\n No datasets available\n </Txt>\n ) : (\n datasets.map(dataset => (\n <SelectItem key={dataset.id} value={dataset.id}>\n {dataset.name}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </Field>\n\n <Field>\n <FieldLabel required>Item</FieldLabel>\n <Select\n value={selectedItemId}\n onValueChange={setSelectedItemId}\n disabled={!selectedDatasetId \|\| isItemsLoading}\n >\n <SelectTrigger>\n <SelectValue\n placeholder={\n !selectedDatasetId ? 'Select a dataset first' : isItemsLoading ? 'Loading items...' : 'Select an item'\n }\n />\n </SelectTrigger>\n <SelectContent>\n {items.length === 0 ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4 text-center\">\n No items available\n </Txt>\n ) : (\n items.map(item => (\n <SelectItem key={item.id} value={item.id}>\n {itemLabel(item)}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </Field>\n\n <Field>\n <FieldLabel>Tool Mocks (JSON)</FieldLabel>\n <CodeEditor value={mocksJson} onChange={setMocksJson} showCopyButton={false} className=\"min-h-40\" />\n <FieldDescription>\n Seeded from the trace's tool calls. Edit or remove entries before appending.\n </FieldDescription>\n </Field>\n\n <div className=\"flex justify-end gap-2 pt-4\">\n <Button icon={<X />} type=\"button\" onClick={onClose}>\n Cancel\n </Button>\n <Button\n icon={<Plus />}\n type=\"submit\"\n variant=\"default\"\n disabled={\n updateItem.isPending \|\|\n isSelectedItemFetching \|\|\n !hasMocks \|\|\n !selectedDatasetId \|\|\n !selectedItemId \|\|\n selectedItem?.id !== selectedItemId\n }\n >\n {updateItem.isPending ? 'Adding...' : 'Append Tool Mocks'}\n </Button>\n </div>\n </Form>\n );\n}\n"],"names":[],"mappings":"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"}

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

@@ -6,9 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_scores_components_scoreAsItemDialog = require('./score-as-item-dialog.cjs.js');
-const Button = require('../../../Button-BfZzgZrA.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
 const dataKeysAndValues = require('../../../data-keys-and-values-C1I--hWn.cjs');
-const dataPanel = require('../../../data-panel-CTqb-0qN.cjs');
+const dataPanel = require('../../../data-panel-Wjgbl6zx.cjs');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');
 const utils_cn = require('../../../cn-TqD01zH-.cjs');

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

@@ -2,9 +2,9 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { SaveIcon, GaugeIcon, FileInputIcon, FileOutputIcon, ReceiptText } from 'lucide-react';
 import { useState } from 'react';
 import { ScoreAsItemDialog } from './score-as-item-dialog.es.js';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-B1u00ihh.js';
-import { D as DataPanel } from '../../../data-panel-COU5dbUJ.js';
+import { D as DataPanel } from '../../../data-panel-BdCw3F_h.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { useLinkComponent } from '../../../lib/framework.es.js';
 import { c as cn } from '../../../cn-coERSHz5.js';

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

@@ -6,13 +6,13 @@ const jsxRuntime = require('react/jsx-runtime');
 const scores = require('@mastra/react/hooks/scores');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const combobox = require('../../../combobox-D9CFzzx8.cjs');
+const combobox = require('../../../combobox-fEMKH9nJ.cjs');
 require('@base-ui/react/combobox');
-const dialog = require('../../../dialog-DQI9ChYf.cjs');
+const dialog = require('../../../dialog-B5nLi0ER.cjs');
 const Notice = require('../../../Notice-c8dMiAtZ.cjs');
 const textAndIcon = require('../../../text-and-icon-BJ5wgYf5.cjs');
 const toast = require('../../../toast-C8a7bWV8.cjs');
-const dialogAction = require('../../../dialog-action-gdo9CwUv.cjs');
+const dialogAction = require('../../../dialog-action-DdkbsKfP.cjs');
 function SpanScoring({
   traceId,

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

@@ -2,13 +2,13 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTriggerScorer } from '@mastra/react/hooks/scores';
 import { InfoIcon } from 'lucide-react';
 import { useState } from 'react';
-import { C as Combobox } from '../../../combobox-DDUIREaG.js';
+import { C as Combobox } from '../../../combobox-so2V71F7.js';
 import '@base-ui/react/combobox';
-import { a as DialogBody, f as DialogFooter, b as DialogCancel, e as DialogDescription } from '../../../dialog-DlZmNahd.js';
+import { a as DialogBody, f as DialogFooter, b as DialogCancel, e as DialogDescription } from '../../../dialog-Jz2ZfO-z.js';
 import { N as Notice } from '../../../Notice-Wy1grdLu.js';
 import { T as TextAndIcon } from '../../../text-and-icon-CGupOpWs.js';
 import { t as toast } from '../../../toast-WCmYXnuT.js';
-import { D as DialogAction } from '../../../dialog-action-c4nfPomF.js';
+import { D as DialogAction } from '../../../dialog-action-BxXhAz-P.js';
 function SpanScoring({
   traceId,

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

@@ -5,7 +5,8 @@ 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-DkVOwk8l.cjs');
+const dataList = require('../../../data-list-BLfHObw8.cjs');
+require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
 const EmptyState = require('../../../EmptyState-ChzkDnbJ.cjs');
 const metricsKpiCard = require('../../../metrics-kpi-card-B-CKwzcj.cjs');
 const spinner = require('../../../spinner-BW4nHg_A.cjs');

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

	@@ -1 +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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"}
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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"}

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

@@ -1,7 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTraceSpanScores } from '@mastra/react/hooks/scores';
 import { useState } from 'react';
-import { D as DataList } from '../../../data-list-Dv2lP-dU.js';
+import { e as DataList } from '../../../data-list-B2ArWwsJ.js';
+import '../../../keyboard/keyboard-shortcuts-context.es.js';
 import { E as EmptyState } from '../../../EmptyState-Cu6JKbrk.js';
 import { M as MetricsKpiCard } from '../../../metrics-kpi-card-gvgEnnuU.js';
 import { S as Spinner } from '../../../spinner-CFtgt3oI.js';

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

	@@ -1 +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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"}
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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"}

package/dist/domains/traces/components/feedback-thread.cjs.js CHANGED Viewed

@@ -7,12 +7,12 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_review_components_reviewStatusBadge = require('../../review/components/review-status-badge.cjs.js');
 const domains_traces_utils_feedbackAuthor = require('../utils/feedback-author.cjs.js');
-const alertDialog = require('../../../alert-dialog-j626w-Qb.cjs');
-const Avatar = require('../../../Avatar-D6ybWljK.cjs');
-const Button = require('../../../Button-BfZzgZrA.cjs');
+const alertDialog = require('../../../alert-dialog-C-ODvRWT.cjs');
+const Avatar = require('../../../Avatar-0u68PVfu.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
 const comment = require('../../../comment-Bd78bCbX.cjs');
 const dropdownMenu = require('../../../dropdown-menu-Bg96BCnK.cjs');
-const inputGroup = require('../../../input-group-Cy7k5JRg.cjs');
+const inputGroup = require('../../../input-group-DQuyC9Pz.cjs');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');

package/dist/domains/traces/components/feedback-thread.es.js CHANGED Viewed

@@ -3,12 +3,12 @@ import { ArrowUp, ChevronLeft, ChevronRight, Trash2, EllipsisIcon, ClipboardChec
 import { useState } from 'react';
 import { ReviewStatusBadge } from '../../review/components/review-status-badge.es.js';
 import { feedbackAuthorLabel } from '../utils/feedback-author.es.js';
-import { A as AlertDialog } from '../../../alert-dialog-R9z2SJLl.js';
-import { A as Avatar } from '../../../Avatar-C2Sz53u5.js';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
+import { A as AlertDialog } from '../../../alert-dialog-DVAC9zdj.js';
+import { A as Avatar } from '../../../Avatar-BwkyFiED.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
 import { C as Comment, a as CommentItemTimestamp, b as CommentItemActions, c as CommentItemBody, d as CommentItem, e as CommentItemAvatar, f as CommentItemContent, g as CommentItemHeader, h as CommentList, i as CommentItemAuthor } from '../../../comment-Cve6rKxc.js';
 import { D as DropdownMenu } from '../../../dropdown-menu-D8GR_NhL.js';
-import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../../../input-group-BWsGYnES.js';
+import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../../../input-group-CIIwoggO.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { formatDate } from '../../../utils/date-format.es.js';

package/dist/domains/traces/components/span-data-panel-view.cjs.js CHANGED Viewed

@@ -15,7 +15,7 @@ const utils_cn = require('../../../cn-TqD01zH-.cjs');
 require('react');
 require('../../chat/attachments/composer-attachment-context.cjs.js');
 require('@base-ui/react/use-render');
-require('../../../Button-BfZzgZrA.cjs');
+require('../../../Button-CAVPKK09.cjs');
 require('../../chat/context/chat-context.cjs.js');
 require('./span-payload/span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanProcessorAttributes = require('./span-payload/span-processor-attributes.cjs.js');
@@ -24,11 +24,11 @@ const domains_traces_components_spanSummaryDescription = require('./span-summary
 const domains_traces_components_spanTokenUsage = require('./span-token-usage.cjs.js');
 const domains_traces_components_traceIdButton = require('./trace-id-button.cjs.js');
 const dataKeysAndValues = require('../../../data-keys-and-values-C1I--hWn.cjs');
-const dataPanel = require('../../../data-panel-CTqb-0qN.cjs');
+const dataPanel = require('../../../data-panel-Wjgbl6zx.cjs');
 const Notice = require('../../../Notice-c8dMiAtZ.cjs');
 const tabsRoot = require('../../../tabs-root-Phsi-P1b.cjs');
 const tabsList = require('../../../tabs-list-xikY_dug.cjs');
-const tabsTab = require('../../../tabs-tab-D9ndsGQu.cjs');
+const tabsTab = require('../../../tabs-tab-CqcY4tHE.cjs');
 const tabsContent = require('../../../tabs-content-C3VQRDXH.cjs');
 const BODY_CLASS = "min-h-0 flex-1 overflow-y-auto px-2 py-3";

package/dist/domains/traces/components/span-data-panel-view.es.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { c as cn } from '../../../cn-coERSHz5.js';
 import 'react';
 import '../../chat/attachments/composer-attachment-context.es.js';
 import '@base-ui/react/use-render';
-import '../../../Button-C8QDEN9j.js';
+import '../../../Button-60jVnaHt.js';
 import '../../chat/context/chat-context.es.js';
 import './span-payload/span-payload-processor.es.js';
 import { SpanProcessorAttributes } from './span-payload/span-processor-attributes.es.js';
@@ -20,11 +20,11 @@ import { SpanSummaryDescription } from './span-summary-description.es.js';
 import { SpanTokenUsage } from './span-token-usage.es.js';
 import { TraceIdButton } from './trace-id-button.es.js';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-B1u00ihh.js';
-import { D as DataPanel } from '../../../data-panel-COU5dbUJ.js';
+import { D as DataPanel } from '../../../data-panel-BdCw3F_h.js';
 import { N as Notice } from '../../../Notice-Wy1grdLu.js';
 import { T as Tabs } from '../../../tabs-root-CvGhdNKc.js';
 import { T as TabList } from '../../../tabs-list-DY_hziv7.js';
-import { T as Tab } from '../../../tabs-tab-BchiQf0E.js';
+import { T as Tab } from '../../../tabs-tab-CzpXzpf-.js';
 import { T as TabContent } from '../../../tabs-content-6EaLEj8a.js';
 const BODY_CLASS = "min-h-0 flex-1 overflow-y-auto px-2 py-3";

package/dist/domains/traces/components/span-details-view.cjs.js CHANGED Viewed

@@ -13,7 +13,7 @@ require('../../../code-Dcah35Gp.cjs');
 require('react');
 require('../../chat/attachments/composer-attachment-context.cjs.js');
 require('@base-ui/react/use-render');
-require('../../../Button-BfZzgZrA.cjs');
+require('../../../Button-CAVPKK09.cjs');
 require('../../chat/context/chat-context.cjs.js');
 require('./span-payload/span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanProcessorAttributes = require('./span-payload/span-processor-attributes.cjs.js');

package/dist/domains/traces/components/span-details-view.es.js CHANGED Viewed

@@ -9,7 +9,7 @@ import '../../../code-DAXWNzvf.js';
 import 'react';
 import '../../chat/attachments/composer-attachment-context.es.js';
 import '@base-ui/react/use-render';
-import '../../../Button-C8QDEN9j.js';
+import '../../../Button-60jVnaHt.js';
 import '../../chat/context/chat-context.es.js';
 import './span-payload/span-payload-processor.es.js';
 import { SpanProcessorAttributes } from './span-payload/span-processor-attributes.es.js';

package/dist/domains/traces/components/span-payload/span-error-renderer.cjs.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-sEGOgFlX.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIxmotnO.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const dataKeysAndValues = require('../../../../data-keys-and-values-C1I--hWn.cjs');
 const Notice = require('../../../../Notice-c8dMiAtZ.cjs');

package/dist/domains/traces/components/span-payload/span-error-renderer.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanError } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-WqYTBiGx.js';
+import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-dTs5UrjA.js';
 import { asCoreSpan } from './span-payload-registry.es.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-B1u00ihh.js';
 import { N as Notice } from '../../../../Notice-Wy1grdLu.js';

package/dist/domains/traces/components/span-payload/span-input-renderers.cjs.js CHANGED Viewed

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadMessages = require('./span-payload-messages.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-sEGOgFlX.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIxmotnO.cjs');
 const domains_traces_components_spanPayload_spanPayloadProcessor = require('./span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const Card = require('../../../../Card-RlL14eS5.cjs');