npm - @mastra/playground-ui - Versions diffs - 60.0.0-alpha.8 → 60.0.0 - Mend

@mastra/playground-ui 60.0.0-alpha.8 → 60.0.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 (1883) hide show

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

@@ -4,12 +4,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const metricsCard = require('../../../metrics-card-DzcVJTAN.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-kz8QgD9q.cjs');
-const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-Dp34Hg6w.cjs');
-const tabsRoot = require('../../../tabs-root-5s72GhmI.cjs');
-const tabsTab = require('../../../tabs-tab-BzurlE52.cjs');
-const tabsContent = require('../../../tabs-content-DKELc1lK.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-CjJxBbM-.cjs');
+const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-DiXCgpik.cjs');
+const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
+const tabsTab = require('../../../tabs-tab-lm4xyjtD.cjs');
+const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');

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

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { M as MetricsCard } from '../../../metrics-card-C2RTi5Ew.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-CwvP8dUo.js';
-import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-Bp7Giyp9.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-Dh-McKbO.js';
-import { T as Tab } from '../../../tabs-tab-BDdO7sWN.js';
-import { T as TabContent } from '../../../tabs-content-C3x4OoZ_.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.js';
+import { M as MetricsLineChart } from '../../../metrics-line-chart-C3UMBQ38.js';
+import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-mZXPH1yH.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
+import { T as Tab } from '../../../tabs-tab-7e2as-AV.js';
+import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
 import { CHART_COLORS } from './metrics-utils.es.js';
 import { formatCompactNumber, formatCost } from '../../../utils/cost.es.js';

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const horizontalBars = require('../../../horizontal-bars-43dr_F8j.cjs');
-const metricsCard = require('../../../metrics-card-DzcVJTAN.cjs');
-const tabsContent = require('../../../tabs-content-DKELc1lK.cjs');
-const tabsRoot = require('../../../tabs-root-5s72GhmI.cjs');
-const tabsTab = require('../../../tabs-tab-BzurlE52.cjs');
+const horizontalBars = require('../../../horizontal-bars-DRD7JkHL.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.cjs');
+const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
+const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
+const tabsTab = require('../../../tabs-tab-lm4xyjtD.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');

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

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { H as HorizontalBars } from '../../../horizontal-bars-DsTY4Y1M.js';
-import { M as MetricsCard } from '../../../metrics-card-C2RTi5Ew.js';
-import { T as TabContent } from '../../../tabs-content-C3x4OoZ_.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-Dh-McKbO.js';
-import { T as Tab } from '../../../tabs-tab-BDdO7sWN.js';
+import { H as HorizontalBars } from '../../../horizontal-bars-BSRESJsp.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.js';
+import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
+import { T as Tab } from '../../../tabs-tab-7e2as-AV.js';
 import { CHART_COLORS } from './metrics-utils.es.js';
 import { formatCompactNumber } from '../../../utils/cost.es.js';

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

@@ -11,15 +11,16 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_datasets_hooks_useDatasetMutations = require('../../datasets/hooks/use-dataset-mutations.cjs.js');
 const domains_datasets_hooks_useDatasets = require('../../datasets/hooks/use-datasets.cjs.js');
-const Button = require('../../../Button-CIwF6NHM.cjs');
-const codeEditor = require('../../../code-editor-By2dTBXC.cjs');
+const Button = require('../../../Button-BnmR2HRc.cjs');
+const codeEditor = require('../../../code-editor-BXchPl_F.cjs');
 const label = require('../../../label-DfAhywj_.cjs');
-const select = require('../../../select-C2IbXjKQ.cjs');
-const sideDialog = require('../../../side-dialog-2JVgN0vs.cjs');
-const textAndIcon = require('../../../text-and-icon-BcHVl157.cjs');
+const select = require('../../../select-C0ZGSJYa.cjs');
+const sideDialog = require('../../../side-dialog-7P9aEC4v.cjs');
+const textAndIcon = require('../../../text-and-icon-4eVhfmbb.cjs');
 const utils_id = require('../../../utils/id.cjs.js');
 const toast = require('../../../toast-nm-fM7BR.cjs');
 const domains_datasets_hooks_useDatasetItems = require('../../datasets/hooks/use-dataset-items.cjs.js');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
 function itemLabel(item) {
   const preview = (() => {
@@ -172,7 +173,7 @@ function AddTraceMocksForm({ initialMocksJson, onClose }) {
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "derived-mocks", children: "Tool Mocks (JSON)" }),
       /* @__PURE__ */ jsxRuntime.jsx(codeEditor.CodeEditor, { value: mocksJson, onChange: setMocksJson, showCopyButton: false, className: "min-h-40" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground", children: "Seeded from the trace's tool calls. Edit or remove entries before appending." })
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", children: "Seeded from the trace's tool calls. Edit or remove entries before appending." })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 pt-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}), type: "button", onClick: onClose, children: "Cancel" }),

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';\nimport { useMastraClient } from '@mastra/react';\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 { useDatasetItem, useDatasetItems } from '@/domains/datasets/hooks/use-dataset-items';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Label } from '@/ds/components/Label';\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 { 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 <div className=\"px-2 py-4 text-body text-muted-foreground\">Loading tool calls from trace...</div>\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(selectedDatasetId);\n const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem(selectedDatasetId, selectedItemId);\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} className=\"grid gap-4\">\n <div className=\"grid gap-2\">\n <Label htmlFor=\"target-dataset\">Dataset </Label>\n <Select value={selectedDatasetId} onValueChange={handleDatasetChange} disabled={isDatasetsLoading}>\n <SelectTrigger id=\"target-dataset\">\n <SelectValue placeholder={isDatasetsLoading ? 'Loading datasets...' : 'Select a dataset'} />\n </SelectTrigger>\n <SelectContent>\n {datasets.length === 0 ? (\n <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No datasets available</div>\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 </div>\n\n <div className=\"grid gap-2\">\n <Label htmlFor=\"target-item\">Item *</Label>\n <Select\n value={selectedItemId}\n onValueChange={setSelectedItemId}\n disabled={!selectedDatasetId \|\| isItemsLoading}\n >\n <SelectTrigger id=\"target-item\">\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 <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No items available</div>\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 </div>\n\n <div className=\"grid gap-2\">\n <Label htmlFor=\"derived-mocks\">Tool Mocks (JSON)</Label>\n <CodeEditor value={mocksJson} onChange={setMocksJson} showCopyButton={false} className=\"min-h-40\" />\n <p className=\"text-caption text-muted-foreground\">\n Seeded from the trace's tool calls. Edit or remove entries before appending.\n </p>\n </div>\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","useState","useDatasets","useDatasetItems","useDatasetItem","useDatasetMutations","toast","Label","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","CodeEditor","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';\nimport { useMastraClient } from '@mastra/react';\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 { useDatasetItem, useDatasetItems } from '@/domains/datasets/hooks/use-dataset-items';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Label } from '@/ds/components/Label';\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 <div className=\"px-2 py-4 text-body text-muted-foreground\">Loading tool calls from trace...</div>\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(selectedDatasetId);\n const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem(selectedDatasetId, selectedItemId);\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} className=\"grid gap-4\">\n <div className=\"grid gap-2\">\n <Label htmlFor=\"target-dataset\">Dataset </Label>\n <Select value={selectedDatasetId} onValueChange={handleDatasetChange} disabled={isDatasetsLoading}>\n <SelectTrigger id=\"target-dataset\">\n <SelectValue placeholder={isDatasetsLoading ? 'Loading datasets...' : 'Select a dataset'} />\n </SelectTrigger>\n <SelectContent>\n {datasets.length === 0 ? (\n <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No datasets available</div>\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 </div>\n\n <div className=\"grid gap-2\">\n <Label htmlFor=\"target-item\">Item *</Label>\n <Select\n value={selectedItemId}\n onValueChange={setSelectedItemId}\n disabled={!selectedDatasetId \|\| isItemsLoading}\n >\n <SelectTrigger id=\"target-item\">\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 <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No items available</div>\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 </div>\n\n <div className=\"grid gap-2\">\n <Label htmlFor=\"derived-mocks\">Tool Mocks (JSON)</Label>\n <CodeEditor value={mocksJson} onChange={setMocksJson} showCopyButton={false} className=\"min-h-40\" />\n <Txt variant=\"caption\" tone=\"muted\">\n Seeded from the trace's tool calls. Edit or remove entries before appending.\n </Txt>\n </div>\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","useState","useDatasets","useDatasetItems","useDatasetItem","useDatasetMutations","toast","Label","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","CodeEditor","Txt","Button","X","Plus"],"mappings":"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"}

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

@@ -7,15 +7,16 @@ import { EyeIcon, WrenchIcon, X, Plus } from 'lucide-react';
 import { useState } from 'react';
 import { useDatasetMutations } from '../../datasets/hooks/use-dataset-mutations.es.js';
 import { useDatasets } from '../../datasets/hooks/use-datasets.es.js';
-import { B as Button } from '../../../Button-BY9qlu8K.js';
-import { C as CodeEditor } from '../../../code-editor-F12uuTDl.js';
+import { B as Button } from '../../../Button-C6eUqcPI.js';
+import { C as CodeEditor } from '../../../code-editor-Cltwid7c.js';
 import { L as Label } from '../../../label-Dxsz0dFs.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-B_xxIbdq.js';
-import { S as SideDialog } from '../../../side-dialog-BCREZ1dF.js';
-import { T as TextAndIcon } from '../../../text-and-icon-wzPA3yr_.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-ch8imm15.js';
+import { S as SideDialog } from '../../../side-dialog-D2O3Y7GB.js';
+import { T as TextAndIcon } from '../../../text-and-icon-CuBm-Wjm.js';
 import { getShortId } from '../../../utils/id.es.js';
 import { t as toast } from '../../../toast-c5kCpyWt.js';
 import { useDatasetItems, useDatasetItem } from '../../datasets/hooks/use-dataset-items.es.js';
+import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 function itemLabel(item) {
   const preview = (() => {
@@ -168,7 +169,7 @@ function AddTraceMocksForm({ initialMocksJson, onClose }) {
     /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "derived-mocks", children: "Tool Mocks (JSON)" }),
       /* @__PURE__ */ jsx(CodeEditor, { value: mocksJson, onChange: setMocksJson, showCopyButton: false, className: "min-h-40" }),
-      /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground", children: "Seeded from the trace's tool calls. Edit or remove entries before appending." })
+      /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", children: "Seeded from the trace's tool calls. Edit or remove entries before appending." })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 pt-4", children: [
       /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(X, {}), type: "button", onClick: onClose, children: "Cancel" }),

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';\nimport { useMastraClient } from '@mastra/react';\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 { useDatasetItem, useDatasetItems } from '@/domains/datasets/hooks/use-dataset-items';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Label } from '@/ds/components/Label';\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 { 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 <div className=\"px-2 py-4 text-body text-muted-foreground\">Loading tool calls from trace...</div>\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(selectedDatasetId);\n const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem(selectedDatasetId, selectedItemId);\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} className=\"grid gap-4\">\n <div className=\"grid gap-2\">\n <Label htmlFor=\"target-dataset\">Dataset </Label>\n <Select value={selectedDatasetId} onValueChange={handleDatasetChange} disabled={isDatasetsLoading}>\n <SelectTrigger id=\"target-dataset\">\n <SelectValue placeholder={isDatasetsLoading ? 'Loading datasets...' : 'Select a dataset'} />\n </SelectTrigger>\n <SelectContent>\n {datasets.length === 0 ? (\n <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No datasets available</div>\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 </div>\n\n <div className=\"grid gap-2\">\n <Label htmlFor=\"target-item\">Item *</Label>\n <Select\n value={selectedItemId}\n onValueChange={setSelectedItemId}\n disabled={!selectedDatasetId \|\| isItemsLoading}\n >\n <SelectTrigger id=\"target-item\">\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 <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No items available</div>\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 </div>\n\n <div className=\"grid gap-2\">\n <Label htmlFor=\"derived-mocks\">Tool Mocks (JSON)</Label>\n <CodeEditor value={mocksJson} onChange={setMocksJson} showCopyButton={false} className=\"min-h-40\" />\n <p className=\"text-caption text-muted-foreground\">\n Seeded from the trace's tool calls. Edit or remove entries before appending.\n </p>\n </div>\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';\nimport { useMastraClient } from '@mastra/react';\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 { useDatasetItem, useDatasetItems } from '@/domains/datasets/hooks/use-dataset-items';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Label } from '@/ds/components/Label';\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 <div className=\"px-2 py-4 text-body text-muted-foreground\">Loading tool calls from trace...</div>\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(selectedDatasetId);\n const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem(selectedDatasetId, selectedItemId);\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} className=\"grid gap-4\">\n <div className=\"grid gap-2\">\n <Label htmlFor=\"target-dataset\">Dataset </Label>\n <Select value={selectedDatasetId} onValueChange={handleDatasetChange} disabled={isDatasetsLoading}>\n <SelectTrigger id=\"target-dataset\">\n <SelectValue placeholder={isDatasetsLoading ? 'Loading datasets...' : 'Select a dataset'} />\n </SelectTrigger>\n <SelectContent>\n {datasets.length === 0 ? (\n <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No datasets available</div>\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 </div>\n\n <div className=\"grid gap-2\">\n <Label htmlFor=\"target-item\">Item *</Label>\n <Select\n value={selectedItemId}\n onValueChange={setSelectedItemId}\n disabled={!selectedDatasetId \|\| isItemsLoading}\n >\n <SelectTrigger id=\"target-item\">\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 <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No items available</div>\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 </div>\n\n <div className=\"grid gap-2\">\n <Label htmlFor=\"derived-mocks\">Tool Mocks (JSON)</Label>\n <CodeEditor value={mocksJson} onChange={setMocksJson} showCopyButton={false} className=\"min-h-40\" />\n <Txt variant=\"caption\" tone=\"muted\">\n Seeded from the trace's tool calls. Edit or remove entries before appending.\n </Txt>\n </div>\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/observability/components/trace-as-item-dialog.cjs.js CHANGED Viewed

@@ -11,7 +11,7 @@ const lucideReact = require('lucide-react');
 const domains_datasets_components_saveAsDatasetItemDialog = require('../../datasets/components/save-as-dataset-item-dialog.cjs.js');
 require('react');
 const domains_traces_hooks_useSpanDetail = require('../../traces/hooks/use-span-detail.cjs.js');
-const textAndIcon = require('../../../text-and-icon-BcHVl157.cjs');
+const textAndIcon = require('../../../text-and-icon-4eVhfmbb.cjs');
 const utils_id = require('../../../utils/id.cjs.js');
 function getInitialInput(traceDetails) {

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

@@ -7,7 +7,7 @@ import { EyeIcon } from 'lucide-react';
 import { SaveAsDatasetItemDialog } from '../../datasets/components/save-as-dataset-item-dialog.es.js';
 import 'react';
 import { useSpanDetail } from '../../traces/hooks/use-span-detail.es.js';
-import { T as TextAndIcon } from '../../../text-and-icon-wzPA3yr_.js';
+import { T as TextAndIcon } from '../../../text-and-icon-CuBm-Wjm.js';
 import { getShortId } from '../../../utils/id.es.js';
 function getInitialInput(traceDetails) {

package/dist/domains/request-context/components/request-context-label.cjs.js CHANGED Viewed

@@ -22,11 +22,7 @@ function RequestContextLabel({ as = "span", children, tooltip: tooltip$1 }) {
         {
           type: "button",
           "aria-label": ariaLabel,
-          className: utils_cn.cn(
-            primitives_typography.quietTextHover,
-            primitives_transitions.controlStateColorTransition,
-            "rounded-sm focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:outline-none"
-          ),
+          className: utils_cn.cn(primitives_typography.quietTextHover, primitives_transitions.controlStateColorTransition, "rounded-sm", primitives_transitions.focusRing),
           children: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "xs", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, {}) })
         }
       ) }),

package/dist/domains/request-context/components/request-context-label.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"request-context-label.cjs.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n as?: 'label' \| 'span';\n children: ReactNode;\n tooltip?: string;\n}\n\nexport function RequestContextLabel({ as = 'span', children, tooltip }: RequestContextLabelProps) {\n const labelText = typeof children === 'string' ? children.replace(/\\s\$[^)]\$/g, '') : 'Request context';\n const ariaLabel = `${labelText} details`;\n\n return (\n <div className=\"flex items-center gap-1.5\">\n <Txt as={as} variant=\"body\" tone=\"muted\">\n {children}\n </Txt>\n\n {tooltip && (\n <TooltipProvider delay={10}>\n <Tooltip>\n <TooltipTrigger asChild>\n <button\n type=\"button\"\n aria-label={ariaLabel}\n className={cn(\n quietTextHover~~,\n~~ controlStateColorTransition~~,\n~~ 'rounded-sm ~~focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:outline-none',\n~~ )}\n >\n <Icon size=\"xs\">\n <Info />\n </Icon>\n </button>\n </TooltipTrigger>\n <TooltipContent side=\"top\" className=\"max-w-60\">\n {tooltip}\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n )}\n </div>\n );\n}\n"],"names":["tooltip","jsxs","jsx","Txt","TooltipProvider","Tooltip","TooltipTrigger","cn","quietTextHover","controlStateColorTransition","Icon","Info","TooltipContent"],"mappings":";;;;;;;;;;;;;AAeO,SAAS,oBAAoB,EAAE,EAAA,GAAK,MAAA,EAAQ,QAAA,WAAUA,WAAQ,EAA6B;AAChG,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,WAAI,EAAA,EAAQ,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,SAC9B,QAAA,EACH,CAAA;AAAA,IAECH,6BACCE,cAAA,CAACE,uBAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,0CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAJ,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAWK,WAAA~~;AAAA~~,~~YACTC~~,oCAAA~~;AAAA~~,~~YACAC~~,kDAAA~~;AAAA~~,~~YACA;AAAA~~,~~WACF~~;AAAA,~~UAEA~~,yCAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,~~kBAAAR~~,cAAA,~~CAACS~~,oBAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,qCACCC,sBAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,~~EAAAZ~~,SAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"request-context-label.cjs.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n as?: 'label' \| 'span';\n children: ReactNode;\n tooltip?: string;\n}\n\nexport function RequestContextLabel({ as = 'span', children, tooltip }: RequestContextLabelProps) {\n const labelText = typeof children === 'string' ? children.replace(/\\s\$[^)]\$/g, '') : 'Request context';\n const ariaLabel = `${labelText} details`;\n\n return (\n <div className=\"flex items-center gap-1.5\">\n <Txt as={as} variant=\"body\" tone=\"muted\">\n {children}\n </Txt>\n\n {tooltip && (\n <TooltipProvider delay={10}>\n <Tooltip>\n <TooltipTrigger asChild>\n <button\n type=\"button\"\n aria-label={ariaLabel}\n className={cn(quietTextHover, controlStateColorTransition, 'rounded-sm', focusRing)}\n >\n <Icon size=\"xs\">\n <Info />\n </Icon>\n </button>\n </TooltipTrigger>\n <TooltipContent side=\"top\" className=\"max-w-60\">\n {tooltip}\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n )}\n </div>\n );\n}\n"],"names":["tooltip","jsxs","jsx","Txt","TooltipProvider","Tooltip","TooltipTrigger","cn","quietTextHover","controlStateColorTransition","focusRing","Icon","Info","TooltipContent"],"mappings":";;;;;;;;;;;;;AAeO,SAAS,oBAAoB,EAAE,EAAA,GAAK,MAAA,EAAQ,QAAA,WAAUA,WAAQ,EAA6B;AAChG,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,WAAI,EAAA,EAAQ,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,SAC9B,QAAA,EACH,CAAA;AAAA,IAECH,6BACCE,cAAA,CAACE,uBAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,0CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAJ,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAWK,WAAA,CAAGC,oCAAA,EAAgBC,kDAAA,EAA6B,cAAcC,gCAAS,CAAA;AAAA,UAElF,yCAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAAT,cAAA,CAACU,oBAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,qCACCC,sBAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAAb,SAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/request-context/components/request-context-label.es.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { Info } from 'lucide-react';
 import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-DsQPiynb.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { Icon } from '../../../icons/Icon.es.js';
-import { controlStateColorTransition } from '../../../primitives/transitions.es.js';
+import { focusRing, controlStateColorTransition } from '../../../primitives/transitions.es.js';
 import { quietTextHover } from '../../../primitives/typography.es.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
@@ -18,11 +18,7 @@ function RequestContextLabel({ as = "span", children, tooltip }) {
         {
           type: "button",
           "aria-label": ariaLabel,
-          className: cn(
-            quietTextHover,
-            controlStateColorTransition,
-            "rounded-sm focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:outline-none"
-          ),
+          className: cn(quietTextHover, controlStateColorTransition, "rounded-sm", focusRing),
           children: /* @__PURE__ */ jsx(Icon, { size: "xs", children: /* @__PURE__ */ jsx(Info, {}) })
         }
       ) }),

package/dist/domains/request-context/components/request-context-label.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"request-context-label.es.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n as?: 'label' \| 'span';\n children: ReactNode;\n tooltip?: string;\n}\n\nexport function RequestContextLabel({ as = 'span', children, tooltip }: RequestContextLabelProps) {\n const labelText = typeof children === 'string' ? children.replace(/\\s\$[^)]\$/g, '') : 'Request context';\n const ariaLabel = `${labelText} details`;\n\n return (\n <div className=\"flex items-center gap-1.5\">\n <Txt as={as} variant=\"body\" tone=\"muted\">\n {children}\n </Txt>\n\n {tooltip && (\n <TooltipProvider delay={10}>\n <Tooltip>\n <TooltipTrigger asChild>\n <button\n type=\"button\"\n aria-label={ariaLabel}\n className={cn(\n quietTextHover~~,\n~~ controlStateColorTransition~~,\n~~ 'rounded-sm ~~focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:outline-none',\n~~ )}\n >\n <Icon size=\"xs\">\n <Info />\n </Icon>\n </button>\n </TooltipTrigger>\n <TooltipContent side=\"top\" className=\"max-w-60\">\n {tooltip}\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n )}\n </div>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;AAeO,SAAS,oBAAoB,EAAE,EAAA,GAAK,MAAA,EAAQ,QAAA,EAAU,SAAQ,EAA6B;AAChG,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAI,EAAA,EAAQ,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,SAC9B,QAAA,EACH,CAAA;AAAA,IAEC,2BACC,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAW,EAAA~~;AAAA~~,~~YACT~~,cAAA~~;AAAA~~,~~YACA~~,2BAAA~~;AAAA~~,~~YACA;AAAA~~,~~WACF~~;AAAA,~~UAEA~~,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,0BACC,cAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"request-context-label.es.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n as?: 'label' \| 'span';\n children: ReactNode;\n tooltip?: string;\n}\n\nexport function RequestContextLabel({ as = 'span', children, tooltip }: RequestContextLabelProps) {\n const labelText = typeof children === 'string' ? children.replace(/\\s\$[^)]\$/g, '') : 'Request context';\n const ariaLabel = `${labelText} details`;\n\n return (\n <div className=\"flex items-center gap-1.5\">\n <Txt as={as} variant=\"body\" tone=\"muted\">\n {children}\n </Txt>\n\n {tooltip && (\n <TooltipProvider delay={10}>\n <Tooltip>\n <TooltipTrigger asChild>\n <button\n type=\"button\"\n aria-label={ariaLabel}\n className={cn(quietTextHover, controlStateColorTransition, 'rounded-sm', focusRing)}\n >\n <Icon size=\"xs\">\n <Info />\n </Icon>\n </button>\n </TooltipTrigger>\n <TooltipContent side=\"top\" className=\"max-w-60\">\n {tooltip}\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n )}\n </div>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;AAeO,SAAS,oBAAoB,EAAE,EAAA,GAAK,MAAA,EAAQ,QAAA,EAAU,SAAQ,EAA6B;AAChG,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAI,EAAA,EAAQ,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,SAC9B,QAAA,EACH,CAAA;AAAA,IAEC,2BACC,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,2BAAA,EAA6B,cAAc,SAAS,CAAA;AAAA,UAElF,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,0BACC,cAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const Badge = require('../../../Badge-DFNxcz-r.cjs');
+const Badge = require('../../../Badge-H8K5WrXg.cjs');
 function reviewStatusBadgeVariant(status) {
-  if (status === "needs-review") return "orange";
-  if (status === "complete" || status === "reviewed") return "green";
+  if (status === "needs-review") return "warning";
+  if (status === "complete" || status === "reviewed") return "success";
   return "neutral";
 }
 function ReviewStatusBadge({ status, children, ...props }) {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"review-status-badge.cjs.js","sources":["../../../../src/domains/review/components/review-status-badge.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { Badge } from '@/ds/components/Badge';\n\ntype ReviewStatus = 'needs-review' \| 'complete' \| 'reviewed';\n\nfunction reviewStatusBadgeVariant(status: string): ComponentProps<typeof Badge>['variant'] {\n if (status === 'needs-review') return '~~orange~~';\n if (status === 'complete' \|\| status === 'reviewed') return '~~green~~';\n return 'neutral';\n}\n\ntype ReviewStatusBadgeProps = Omit<ComponentProps<typeof Badge>, 'variant' \| 'children' \| 'icon' \| 'indicator'> & {\n status: ReviewStatus \| (string & {});\n children?: ReactNode;\n};\n\n/** Shared status badge for review items and trace feedback, so both surfaces use the same colours. */\nexport function ReviewStatusBadge({ status, children, ...props }: ReviewStatusBadgeProps) {\n return (\n <Badge size=\"xs\" {...props} variant={reviewStatusBadgeVariant(status)}>\n {children ?? status}\n </Badge>\n );\n}\n"],"names":["jsx","Badge"],"mappings":";;;;;;;AAKA,SAAS,yBAAyB,MAAA,EAAyD;AACzF,EAAA,IAAI,MAAA,KAAW,gBAAgB,OAAO,~~QAAA~~;AACtC,EAAA,IAAI,MAAA,KAAW,UAAA,IAAc,MAAA,KAAW,UAAA,EAAY,OAAO,~~OAAA~~;AAC3D,EAAA,OAAO,SAAA;AACT;AAQO,SAAS,kBAAkB,EAAE,MAAA,EAAQ,QAAA,EAAU,GAAG,OAAM,EAA2B;AACxF,EAAA,uBACEA,cAAA,CAACC,WAAA,EAAA,EAAM,IAAA,EAAK,IAAA,EAAM,GAAG,KAAA,EAAO,OAAA,EAAS,wBAAA,CAAyB,MAAM,CAAA,EACjE,QAAA,EAAA,QAAA,IAAY,MAAA,EACf,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"review-status-badge.cjs.js","sources":["../../../../src/domains/review/components/review-status-badge.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { Badge } from '@/ds/components/Badge';\n\ntype ReviewStatus = 'needs-review' \| 'complete' \| 'reviewed';\n\nfunction reviewStatusBadgeVariant(status: string): ComponentProps<typeof Badge>['variant'] {\n if (status === 'needs-review') return 'warning';\n if (status === 'complete' \|\| status === 'reviewed') return 'success';\n return 'neutral';\n}\n\ntype ReviewStatusBadgeProps = Omit<ComponentProps<typeof Badge>, 'variant' \| 'children' \| 'icon' \| 'indicator'> & {\n status: ReviewStatus \| (string & {});\n children?: ReactNode;\n};\n\n/** Shared status badge for review items and trace feedback, so both surfaces use the same colours. */\nexport function ReviewStatusBadge({ status, children, ...props }: ReviewStatusBadgeProps) {\n return (\n <Badge size=\"xs\" {...props} variant={reviewStatusBadgeVariant(status)}>\n {children ?? status}\n </Badge>\n );\n}\n"],"names":["jsx","Badge"],"mappings":";;;;;;;AAKA,SAAS,yBAAyB,MAAA,EAAyD;AACzF,EAAA,IAAI,MAAA,KAAW,gBAAgB,OAAO,SAAA;AACtC,EAAA,IAAI,MAAA,KAAW,UAAA,IAAc,MAAA,KAAW,UAAA,EAAY,OAAO,SAAA;AAC3D,EAAA,OAAO,SAAA;AACT;AAQO,SAAS,kBAAkB,EAAE,MAAA,EAAQ,QAAA,EAAU,GAAG,OAAM,EAA2B;AACxF,EAAA,uBACEA,cAAA,CAACC,WAAA,EAAA,EAAM,IAAA,EAAK,IAAA,EAAM,GAAG,KAAA,EAAO,OAAA,EAAS,wBAAA,CAAyB,MAAM,CAAA,EACjE,QAAA,EAAA,QAAA,IAAY,MAAA,EACf,CAAA;AAEJ;;;;"}

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

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
-import { B as Badge } from '../../../Badge-Bzn8Z-_I.js';
+import { B as Badge } from '../../../Badge-Q_pCeeGW.js';
 function reviewStatusBadgeVariant(status) {
-  if (status === "needs-review") return "orange";
-  if (status === "complete" || status === "reviewed") return "green";
+  if (status === "needs-review") return "warning";
+  if (status === "complete" || status === "reviewed") return "success";
   return "neutral";
 }
 function ReviewStatusBadge({ status, children, ...props }) {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"review-status-badge.es.js","sources":["../../../../src/domains/review/components/review-status-badge.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { Badge } from '@/ds/components/Badge';\n\ntype ReviewStatus = 'needs-review' \| 'complete' \| 'reviewed';\n\nfunction reviewStatusBadgeVariant(status: string): ComponentProps<typeof Badge>['variant'] {\n if (status === 'needs-review') return '~~orange~~';\n if (status === 'complete' \|\| status === 'reviewed') return '~~green~~';\n return 'neutral';\n}\n\ntype ReviewStatusBadgeProps = Omit<ComponentProps<typeof Badge>, 'variant' \| 'children' \| 'icon' \| 'indicator'> & {\n status: ReviewStatus \| (string & {});\n children?: ReactNode;\n};\n\n/** Shared status badge for review items and trace feedback, so both surfaces use the same colours. */\nexport function ReviewStatusBadge({ status, children, ...props }: ReviewStatusBadgeProps) {\n return (\n <Badge size=\"xs\" {...props} variant={reviewStatusBadgeVariant(status)}>\n {children ?? status}\n </Badge>\n );\n}\n"],"names":[],"mappings":";;;AAKA,SAAS,yBAAyB,MAAA,EAAyD;AACzF,EAAA,IAAI,MAAA,KAAW,gBAAgB,OAAO,~~QAAA~~;AACtC,EAAA,IAAI,MAAA,KAAW,UAAA,IAAc,MAAA,KAAW,UAAA,EAAY,OAAO,~~OAAA~~;AAC3D,EAAA,OAAO,SAAA;AACT;AAQO,SAAS,kBAAkB,EAAE,MAAA,EAAQ,QAAA,EAAU,GAAG,OAAM,EAA2B;AACxF,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,IAAA,EAAM,GAAG,KAAA,EAAO,OAAA,EAAS,wBAAA,CAAyB,MAAM,CAAA,EACjE,QAAA,EAAA,QAAA,IAAY,MAAA,EACf,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"review-status-badge.es.js","sources":["../../../../src/domains/review/components/review-status-badge.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { Badge } from '@/ds/components/Badge';\n\ntype ReviewStatus = 'needs-review' \| 'complete' \| 'reviewed';\n\nfunction reviewStatusBadgeVariant(status: string): ComponentProps<typeof Badge>['variant'] {\n if (status === 'needs-review') return 'warning';\n if (status === 'complete' \|\| status === 'reviewed') return 'success';\n return 'neutral';\n}\n\ntype ReviewStatusBadgeProps = Omit<ComponentProps<typeof Badge>, 'variant' \| 'children' \| 'icon' \| 'indicator'> & {\n status: ReviewStatus \| (string & {});\n children?: ReactNode;\n};\n\n/** Shared status badge for review items and trace feedback, so both surfaces use the same colours. */\nexport function ReviewStatusBadge({ status, children, ...props }: ReviewStatusBadgeProps) {\n return (\n <Badge size=\"xs\" {...props} variant={reviewStatusBadgeVariant(status)}>\n {children ?? status}\n </Badge>\n );\n}\n"],"names":[],"mappings":";;;AAKA,SAAS,yBAAyB,MAAA,EAAyD;AACzF,EAAA,IAAI,MAAA,KAAW,gBAAgB,OAAO,SAAA;AACtC,EAAA,IAAI,MAAA,KAAW,UAAA,IAAc,MAAA,KAAW,UAAA,EAAY,OAAO,SAAA;AAC3D,EAAA,OAAO,SAAA;AACT;AAQO,SAAS,kBAAkB,EAAE,MAAA,EAAQ,QAAA,EAAU,GAAG,OAAM,EAA2B;AACxF,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,IAAA,EAAM,GAAG,KAAA,EAAO,OAAA,EAAS,wBAAA,CAAyB,MAAM,CAAA,EACjE,QAAA,EAAA,QAAA,IAAY,MAAA,EACf,CAAA;AAEJ;;;;"}

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

@@ -9,7 +9,7 @@ const domains_datasets_components_saveAsDatasetItemDialog = require('../../datas
 require('@mastra/react');
 require('@tanstack/react-query');
 require('react');
-const textAndIcon = require('../../../text-and-icon-BcHVl157.cjs');
+const textAndIcon = require('../../../text-and-icon-4eVhfmbb.cjs');
 const utils_id = require('../../../utils/id.cjs.js');
 function getInitialInput(score) {

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

@@ -5,7 +5,7 @@ import { SaveAsDatasetItemDialog } from '../../datasets/components/save-as-datas
 import '@mastra/react';
 import '@tanstack/react-query';
 import 'react';
-import { T as TextAndIcon } from '../../../text-and-icon-wzPA3yr_.js';
+import { T as TextAndIcon } from '../../../text-and-icon-CuBm-Wjm.js';
 import { getShortId } from '../../../utils/id.es.js';
 function getInitialInput(score) {

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-CIwF6NHM.cjs');
-const dataKeysAndValues = require('../../../data-keys-and-values-OR8KkBEc.cjs');
-const dataPanel = require('../../../data-panel-D2kZv9vY.cjs');
+const Button = require('../../../Button-BnmR2HRc.cjs');
+const dataKeysAndValues = require('../../../data-keys-and-values-DnpdW8zx.cjs');
+const dataPanel = require('../../../data-panel-CjvoI_lx.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');
@@ -70,11 +70,11 @@ function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }) {
           ] }),
           score.traceId && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Trace Id" }),
-            /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.ValueLink, { href: paths.traceLink(score.traceId), as: Link, children: score.traceId })
+            paths.traceLink(score.traceId) ? /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.ValueLink, { href: paths.traceLink(score.traceId), as: Link, children: score.traceId }) : /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: score.traceId })
           ] }),
           score.spanId && score.traceId && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Span Id" }),
-            /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.ValueLink, { href: paths.traceLink(score.traceId, score.spanId), as: Link, children: score.spanId })
+            paths.traceLink(score.traceId, score.spanId) ? /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.ValueLink, { href: paths.traceLink(score.traceId, score.spanId), as: Link, children: score.spanId }) : /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: score.spanId })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-6 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size: "sm", onClick: () => setDatasetDialogOpen(true), icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SaveIcon, {}), children: "Save as Dataset Item" }) }),