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/datasets/components/save-as-dataset-item-dialog.es.js CHANGED Viewed

@@ -2,15 +2,16 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useDatasets, useDatasetMutations } from '@mastra/react/hooks/datasets';
 import { DatabaseIcon, X, Check } from 'lucide-react';
 import { useState, useRef, useEffect } 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 } 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 { T as Txt } from '../../../Txt-BuzYj7Vy.js';
+import { useLinkComponent } from '../../../lib/framework.es.js';
 import { t as toast } from '../../../toast-WCmYXnuT.js';
 function SaveAsDatasetItemDialog({
@@ -32,6 +33,7 @@ function SaveAsDatasetItemDialog({
   const [toolMocks, setToolMocks] = useState("");
   const { data, isLoading: isDatasetsLoading } = useDatasets();
   const { addItem } = useDatasetMutations();
+  const { navigate, paths } = useLinkComponent();
   const datasets = data?.datasets ?? [];
   const prevOpenRef = useRef(false);
   const trajectorySeededRef = useRef(false);
@@ -133,7 +135,7 @@ function SaveAsDatasetItemDialog({
       }
     }
     try {
-      await addItem.mutateAsync({
+      const item = await addItem.mutateAsync({
         datasetId: selectedDatasetId,
         input: parsedInput,
         groundTruth: parsedGroundTruth,
@@ -142,7 +144,10 @@ function SaveAsDatasetItemDialog({
         ...source ? { source } : {}
       });
       const targetDataset = datasets.find((d) => d.id === selectedDatasetId);
-      toast.success(`Item saved to "${targetDataset?.name}"`);
+      const itemHref = paths.datasetItemLink(selectedDatasetId, item.id);
+      toast.success(`Added to "${targetDataset?.name}"`, {
+        action: itemHref ? { label: "Go to dataset", onClick: () => navigate(itemHref) } : void 0
+      });
       setSelectedDatasetId("");
       setInput("{}");
       setGroundTruth("");

package/dist/domains/datasets/components/save-as-dataset-item-dialog.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"save-as-dataset-item-dialog.es.js","sources":["../../../../src/domains/datasets/components/save-as-dataset-item-dialog.tsx"],"sourcesContent":["'use client';\n\nimport type { DatasetItemToolMock, AddDatasetItemParams } from '@mastra/client-js';\nimport { useDatasetMutations, useDatasets } from '@mastra/react/hooks/datasets';\nimport { DatabaseIcon, Check, X } from 'lucide-react';\nimport { useState, useEffect, useRef } from 'react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, 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 } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { toast } from '@/utils/toast';\n\nexport type SaveAsDatasetItemDialogProps = {\n initialInput: string;\n initialGroundTruth: string;\n /** JSON string of the expected trajectory /\n initialTrajectory?: string;\n /* Whether the trajectory is still being fetched /\n trajectoryLoading?: boolean;\n /* JSON string of the tool mocks (array of { toolName, args, output }) */\n initialToolMocks?: string;\n breadcrumb: ReactNode;\n isOpen: boolean;\n onClose: () => void;\n level?: SideDialogRootProps['level'];\n source?: {\n type: 'csv' \| 'json' \| 'trace' \| 'llm' \| 'experiment-result' \| 'candidate-screener';\n referenceId?: string;\n };\n};\n\nexport function SaveAsDatasetItemDialog({\n initialInput,\n initialGroundTruth,\n initialTrajectory,\n trajectoryLoading,\n initialToolMocks,\n breadcrumb,\n isOpen,\n onClose,\n level = 2,\n source,\n}: SaveAsDatasetItemDialogProps) {\n const [selectedDatasetId, setSelectedDatasetId] = useState<string>('');\n const [input, setInput] = useState('');\n const [groundTruth, setGroundTruth] = useState('');\n const [expectedTrajectory, setExpectedTrajectory] = useState('');\n const [toolMocks, setToolMocks] = useState('');\n // source is passed through — not editable in the UI\n\n const { data, isLoading: isDatasetsLoading } = useDatasets();\n const { addItem } = useDatasetMutations();\n\n const datasets = data?.datasets ?? [];\n\n const prevOpenRef = useRef(false);\n const trajectorySeededRef = useRef(false);\n const inputSeededRef = useRef(false);\n const groundTruthSeededRef = useRef(false);\n useEffect(() => {\n if (isOpen && !prevOpenRef.current) {\n setInput(initialInput);\n setGroundTruth(initialGroundTruth);\n setExpectedTrajectory(initialTrajectory ?? '');\n setToolMocks(initialToolMocks ?? '');\n trajectorySeededRef.current = !!initialTrajectory;\n inputSeededRef.current = initialInput !== '{}';\n groundTruthSeededRef.current = !!initialGroundTruth;\n }\n prevOpenRef.current = isOpen;\n if (!isOpen) {\n trajectorySeededRef.current = false;\n inputSeededRef.current = false;\n groundTruthSeededRef.current = false;\n }\n }, [isOpen, initialInput, initialGroundTruth, initialTrajectory, initialToolMocks]);\n\n // Mark fields as user-edited so async seeding won't overwrite them.\n const handleInputChange = (value: string) => {\n inputSeededRef.current = true;\n setInput(value);\n };\n\n const handleGroundTruthChange = (value: string) => {\n groundTruthSeededRef.current = true;\n setGroundTruth(value);\n };\n\n const handleExpectedTrajectoryChange = (value: string) => {\n trajectorySeededRef.current = true;\n setExpectedTrajectory(value);\n };\n\n const handleToolMocksChange = (value: string) => {\n setToolMocks(value);\n };\n\n // Seed input when it arrives asynchronously after the dialog is already open\n useEffect(() => {\n if (isOpen && initialInput !== '{}' && !inputSeededRef.current) {\n setInput(initialInput);\n inputSeededRef.current = true;\n }\n }, [isOpen, initialInput]);\n\n // Seed groundTruth when it arrives asynchronously after the dialog is already open\n useEffect(() => {\n if (isOpen && initialGroundTruth && !groundTruthSeededRef.current) {\n setGroundTruth(initialGroundTruth);\n groundTruthSeededRef.current = true;\n }\n }, [isOpen, initialGroundTruth]);\n\n // Seed trajectory when it arrives asynchronously after the dialog is already open\n useEffect(() => {\n if (isOpen && initialTrajectory && !trajectorySeededRef.current) {\n setExpectedTrajectory(initialTrajectory);\n trajectorySeededRef.current = true;\n }\n }, [isOpen, initialTrajectory]);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n\n if (!selectedDatasetId) {\n toast.error('Please select a dataset');\n return;\n }\n\n let parsedInput: unknown;\n try {\n parsedInput = JSON.parse(input);\n } catch {\n toast.error('Input must be valid JSON');\n return;\n }\n\n let parsedGroundTruth: unknown \| undefined;\n if (groundTruth.trim()) {\n try {\n parsedGroundTruth = JSON.parse(groundTruth);\n } catch {\n toast.error('Ground Truth must be valid JSON');\n return;\n }\n }\n\n let parsedTrajectory: AddDatasetItemParams['expectedTrajectory'];\n if (expectedTrajectory.trim()) {\n try {\n parsedTrajectory = JSON.parse(expectedTrajectory);\n } catch {\n toast.error('Expected Trajectory must be valid JSON');\n return;\n }\n }\n\n let parsedToolMocks: DatasetItemToolMock[] \| undefined;\n if (toolMocks.trim()) {\n try {\n const parsed = JSON.parse(toolMocks);\n if (!Array.isArray(parsed)) {\n toast.error('Tool Mocks must be a JSON array');\n return;\n }\n parsedToolMocks = parsed as DatasetItemToolMock[];\n } catch {\n toast.error('Tool Mocks must be valid JSON');\n return;\n }\n }\n\n try {\n await addItem.mutateAsync({\n datasetId: selectedDatasetId,\n input: parsedInput,\n groundTruth: parsedGroundTruth,\n expectedTrajectory: parsedTrajectory,\n toolMocks: parsedToolMocks,\n ...(source ? { source } : {}),\n });\n\n const targetDataset = datasets.find(d => d.id === selectedDatasetId);\n toast.success(`Item saved to \"${targetDataset?.name}\"`);\n\n setSelectedDatasetId('');\n setInput('{}');\n setGroundTruth('');\n setExpectedTrajectory('');\n setToolMocks('');\n onClose();\n } catch (error) {\n toast.error(`Failed to save item: ${error instanceof Error ? error.message : 'Unknown error'}`);\n }\n };\n\n const handleCancel = () => {\n setSelectedDatasetId('');\n onClose();\n };\n\n return (\n <SideDialog\n dialogTitle=\"Save as Dataset Item\"\n dialogDescription=\"Save data as a dataset item\"\n isOpen={isOpen}\n onClose={onClose}\n level={level}\n >\n <SideDialog.Top>\n {breadcrumb}›\n <TextAndIcon>\n <DatabaseIcon /> Save as Dataset Item\n </TextAndIcon>\n </SideDialog.Top>\n\n <SideDialog.Content>\n <SideDialog.Header>\n <SideDialog.Heading>\n <DatabaseIcon /> Save as Dataset Item\n </SideDialog.Heading>\n </SideDialog.Header>\n\n <Form onSubmit={handleSubmit}>\n <Field>\n <FieldLabel required>Dataset</FieldLabel>\n <Select\n value={selectedDatasetId}\n onValueChange={setSelectedDatasetId}\n disabled={addItem.isPending \|\| isDatasetsLoading}\n >\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>Input (JSON)</FieldLabel>\n <CodeEditor value={input} onChange={handleInputChange} showCopyButton={false} className=\"min-h-30\" />\n </Field>\n\n <Field>\n <FieldLabel>Ground Truth (JSON, optional)</FieldLabel>\n <CodeEditor\n value={groundTruth}\n onChange={handleGroundTruthChange}\n showCopyButton={false}\n className=\"min-h-20\"\n />\n </Field>\n\n <Field>\n <FieldLabel>Expected Trajectory (JSON, optional)</FieldLabel>\n <CodeEditor\n value={expectedTrajectory}\n onChange={handleExpectedTrajectoryChange}\n showCopyButton={false}\n className=\"min-h-20\"\n />\n </Field>\n\n <Field>\n <FieldLabel>Tool Mocks (JSON, optional)</FieldLabel>\n <CodeEditor\n value={toolMocks}\n onChange={handleToolMocksChange}\n showCopyButton={false}\n className=\"min-h-20\"\n />\n </Field>\n\n <div className=\"flex justify-end gap-2 pt-4\">\n <Button icon={<X />} type=\"button\" onClick={handleCancel}>\n Cancel\n </Button>\n <Button\n icon={<Check />}\n type=\"submit\"\n variant=\"default\"\n disabled={addItem.isPending \|\| trajectoryLoading \|\| !selectedDatasetId \|\| datasets.length === 0}\n >\n {addItem.isPending ? 'Saving...' : trajectoryLoading ? 'Loading...' : 'Save Item'}\n </Button>\n </div>\n </Form>\n </SideDialog.Content>\n </SideDialog>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"save-as-dataset-item-dialog.es.js","sources":["../../../../src/domains/datasets/components/save-as-dataset-item-dialog.tsx"],"sourcesContent":["'use client';\n\nimport type { DatasetItemToolMock, AddDatasetItemParams } from '@mastra/client-js';\nimport { useDatasetMutations, useDatasets } from '@mastra/react/hooks/datasets';\nimport { DatabaseIcon, Check, X } from 'lucide-react';\nimport { useState, useEffect, useRef } from 'react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, 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 } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { useLinkComponent } from '@/lib/framework';\nimport { toast } from '@/utils/toast';\n\nexport type SaveAsDatasetItemDialogProps = {\n initialInput: string;\n initialGroundTruth: string;\n /** JSON string of the expected trajectory /\n initialTrajectory?: string;\n /* Whether the trajectory is still being fetched /\n trajectoryLoading?: boolean;\n /* JSON string of the tool mocks (array of { toolName, args, output }) */\n initialToolMocks?: string;\n breadcrumb: ReactNode;\n isOpen: boolean;\n onClose: () => void;\n level?: SideDialogRootProps['level'];\n source?: {\n type: 'csv' \| 'json' \| 'trace' \| 'llm' \| 'experiment-result' \| 'candidate-screener';\n referenceId?: string;\n };\n};\n\nexport function SaveAsDatasetItemDialog({\n initialInput,\n initialGroundTruth,\n initialTrajectory,\n trajectoryLoading,\n initialToolMocks,\n breadcrumb,\n isOpen,\n onClose,\n level = 2,\n source,\n}: SaveAsDatasetItemDialogProps) {\n const [selectedDatasetId, setSelectedDatasetId] = useState<string>('');\n const [input, setInput] = useState('');\n const [groundTruth, setGroundTruth] = useState('');\n const [expectedTrajectory, setExpectedTrajectory] = useState('');\n const [toolMocks, setToolMocks] = useState('');\n // source is passed through — not editable in the UI\n\n const { data, isLoading: isDatasetsLoading } = useDatasets();\n const { addItem } = useDatasetMutations();\n const { navigate, paths } = useLinkComponent();\n\n const datasets = data?.datasets ?? [];\n\n const prevOpenRef = useRef(false);\n const trajectorySeededRef = useRef(false);\n const inputSeededRef = useRef(false);\n const groundTruthSeededRef = useRef(false);\n useEffect(() => {\n if (isOpen && !prevOpenRef.current) {\n setInput(initialInput);\n setGroundTruth(initialGroundTruth);\n setExpectedTrajectory(initialTrajectory ?? '');\n setToolMocks(initialToolMocks ?? '');\n trajectorySeededRef.current = !!initialTrajectory;\n inputSeededRef.current = initialInput !== '{}';\n groundTruthSeededRef.current = !!initialGroundTruth;\n }\n prevOpenRef.current = isOpen;\n if (!isOpen) {\n trajectorySeededRef.current = false;\n inputSeededRef.current = false;\n groundTruthSeededRef.current = false;\n }\n }, [isOpen, initialInput, initialGroundTruth, initialTrajectory, initialToolMocks]);\n\n // Mark fields as user-edited so async seeding won't overwrite them.\n const handleInputChange = (value: string) => {\n inputSeededRef.current = true;\n setInput(value);\n };\n\n const handleGroundTruthChange = (value: string) => {\n groundTruthSeededRef.current = true;\n setGroundTruth(value);\n };\n\n const handleExpectedTrajectoryChange = (value: string) => {\n trajectorySeededRef.current = true;\n setExpectedTrajectory(value);\n };\n\n const handleToolMocksChange = (value: string) => {\n setToolMocks(value);\n };\n\n // Seed input when it arrives asynchronously after the dialog is already open\n useEffect(() => {\n if (isOpen && initialInput !== '{}' && !inputSeededRef.current) {\n setInput(initialInput);\n inputSeededRef.current = true;\n }\n }, [isOpen, initialInput]);\n\n // Seed groundTruth when it arrives asynchronously after the dialog is already open\n useEffect(() => {\n if (isOpen && initialGroundTruth && !groundTruthSeededRef.current) {\n setGroundTruth(initialGroundTruth);\n groundTruthSeededRef.current = true;\n }\n }, [isOpen, initialGroundTruth]);\n\n // Seed trajectory when it arrives asynchronously after the dialog is already open\n useEffect(() => {\n if (isOpen && initialTrajectory && !trajectorySeededRef.current) {\n setExpectedTrajectory(initialTrajectory);\n trajectorySeededRef.current = true;\n }\n }, [isOpen, initialTrajectory]);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n\n if (!selectedDatasetId) {\n toast.error('Please select a dataset');\n return;\n }\n\n let parsedInput: unknown;\n try {\n parsedInput = JSON.parse(input);\n } catch {\n toast.error('Input must be valid JSON');\n return;\n }\n\n let parsedGroundTruth: unknown \| undefined;\n if (groundTruth.trim()) {\n try {\n parsedGroundTruth = JSON.parse(groundTruth);\n } catch {\n toast.error('Ground Truth must be valid JSON');\n return;\n }\n }\n\n let parsedTrajectory: AddDatasetItemParams['expectedTrajectory'];\n if (expectedTrajectory.trim()) {\n try {\n parsedTrajectory = JSON.parse(expectedTrajectory);\n } catch {\n toast.error('Expected Trajectory must be valid JSON');\n return;\n }\n }\n\n let parsedToolMocks: DatasetItemToolMock[] \| undefined;\n if (toolMocks.trim()) {\n try {\n const parsed = JSON.parse(toolMocks);\n if (!Array.isArray(parsed)) {\n toast.error('Tool Mocks must be a JSON array');\n return;\n }\n parsedToolMocks = parsed as DatasetItemToolMock[];\n } catch {\n toast.error('Tool Mocks must be valid JSON');\n return;\n }\n }\n\n try {\n const item = await addItem.mutateAsync({\n datasetId: selectedDatasetId,\n input: parsedInput,\n groundTruth: parsedGroundTruth,\n expectedTrajectory: parsedTrajectory,\n toolMocks: parsedToolMocks,\n ...(source ? { source } : {}),\n });\n\n const targetDataset = datasets.find(d => d.id === selectedDatasetId);\n // Opens the dataset with the new item's drawer; apps without that route return ''.\n const itemHref = paths.datasetItemLink(selectedDatasetId, item.id);\n toast.success(`Added to \"${targetDataset?.name}\"`, {\n action: itemHref ? { label: 'Go to dataset', onClick: () => navigate(itemHref) } : undefined,\n });\n\n setSelectedDatasetId('');\n setInput('{}');\n setGroundTruth('');\n setExpectedTrajectory('');\n setToolMocks('');\n onClose();\n } catch (error) {\n toast.error(`Failed to save item: ${error instanceof Error ? error.message : 'Unknown error'}`);\n }\n };\n\n const handleCancel = () => {\n setSelectedDatasetId('');\n onClose();\n };\n\n return (\n <SideDialog\n dialogTitle=\"Save as Dataset Item\"\n dialogDescription=\"Save data as a dataset item\"\n isOpen={isOpen}\n onClose={onClose}\n level={level}\n >\n <SideDialog.Top>\n {breadcrumb}›\n <TextAndIcon>\n <DatabaseIcon /> Save as Dataset Item\n </TextAndIcon>\n </SideDialog.Top>\n\n <SideDialog.Content>\n <SideDialog.Header>\n <SideDialog.Heading>\n <DatabaseIcon /> Save as Dataset Item\n </SideDialog.Heading>\n </SideDialog.Header>\n\n <Form onSubmit={handleSubmit}>\n <Field>\n <FieldLabel required>Dataset</FieldLabel>\n <Select\n value={selectedDatasetId}\n onValueChange={setSelectedDatasetId}\n disabled={addItem.isPending \|\| isDatasetsLoading}\n >\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>Input (JSON)</FieldLabel>\n <CodeEditor value={input} onChange={handleInputChange} showCopyButton={false} className=\"min-h-30\" />\n </Field>\n\n <Field>\n <FieldLabel>Ground Truth (JSON, optional)</FieldLabel>\n <CodeEditor\n value={groundTruth}\n onChange={handleGroundTruthChange}\n showCopyButton={false}\n className=\"min-h-20\"\n />\n </Field>\n\n <Field>\n <FieldLabel>Expected Trajectory (JSON, optional)</FieldLabel>\n <CodeEditor\n value={expectedTrajectory}\n onChange={handleExpectedTrajectoryChange}\n showCopyButton={false}\n className=\"min-h-20\"\n />\n </Field>\n\n <Field>\n <FieldLabel>Tool Mocks (JSON, optional)</FieldLabel>\n <CodeEditor\n value={toolMocks}\n onChange={handleToolMocksChange}\n showCopyButton={false}\n className=\"min-h-20\"\n />\n </Field>\n\n <div className=\"flex justify-end gap-2 pt-4\">\n <Button icon={<X />} type=\"button\" onClick={handleCancel}>\n Cancel\n </Button>\n <Button\n icon={<Check />}\n type=\"submit\"\n variant=\"default\"\n disabled={addItem.isPending \|\| trajectoryLoading \|\| !selectedDatasetId \|\| datasets.length === 0}\n >\n {addItem.isPending ? 'Saving...' : trajectoryLoading ? 'Loading...' : 'Save Item'}\n </Button>\n </div>\n </Form>\n </SideDialog.Content>\n </SideDialog>\n );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/logs/components/log-data-panel.cjs.js CHANGED Viewed

@@ -5,11 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-BfZzgZrA.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
 const buttonsGroup = require('../../../buttons-group-C2lPe7sm.cjs');
-const copyButton = require('../../../copy-button-CUVxXN4H.cjs');
+const copyButton = require('../../../copy-button-5tVWqoTk.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 utils_dateFormat = require('../../../utils/date-format.cjs.js');

package/dist/domains/logs/components/log-data-panel.es.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ArrowRightIcon } from 'lucide-react';
 import { Fragment as Fragment$1 } from 'react';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
 import { B as ButtonsGroup } from '../../../buttons-group-BU9ErJSH.js';
-import { C as CopyButton } from '../../../copy-button-CDyuUYUr.js';
+import { C as CopyButton } from '../../../copy-button-Af_Qt7G1.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 { formatTimestampPrecise } from '../../../utils/date-format.es.js';

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

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

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

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

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

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

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

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

package/dist/domains/logs/components/logs-toolbar.cjs.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const propertyFilterApplied = require('../../../property-filter-applied-BeLCh3zo.cjs');
+const propertyFilterApplied = require('../../../property-filter-applied-BBvaTC4B.cjs');
 const utils_cn = require('../../../cn-TqD01zH-.cjs');
 function LogsToolbar({

package/dist/domains/logs/components/logs-toolbar.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-CZLzY0OH.js';
+import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-Ru3OQoGo.js';
 import { c as cn } from '../../../cn-coERSHz5.js';
 function LogsToolbar({

package/dist/domains/logs/components/no-logs-info.cjs.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-BfZzgZrA.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
 const EmptyState = require('../../../EmptyState-ChzkDnbJ.cjs');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');

package/dist/domains/logs/components/no-logs-info.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { ExternalLinkIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
 import { E as EmptyState } from '../../../EmptyState-Cu6JKbrk.js';
 import { formatDate } from '../../../utils/date-format.es.js';

package/dist/domains/memory/components/flame-graph.cjs.js CHANGED Viewed

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const recharts = require('recharts');
-const Button = require('../../../Button-BfZzgZrA.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
 const domains_memory_lib_replaySelection = require('../lib/replay-selection.cjs.js');

package/dist/domains/memory/components/flame-graph.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { RotateCcw } from 'lucide-react';
 import { useCallback, useState, useEffect, useMemo, useRef } from 'react';
 import { ResponsiveContainer, ComposedChart, XAxis, YAxis, Tooltip, Area, ReferenceLine, AreaChart, ScatterChart, Scatter } from 'recharts';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { overlaySurfaceStyle } from '../../../primitives/raised-surface.es.js';
 import { tToTimestampMs } from '../lib/replay-selection.es.js';

package/dist/domains/memory/components/memory-studio-panel.cjs.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-BfZzgZrA.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
 const skeleton = require('../../../skeleton-bUFvB8ok.cjs');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const icons_MemoryIcon = require('../../../icons/MemoryIcon.cjs.js');

package/dist/domains/memory/components/memory-studio-panel.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ArrowLeftIcon } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
 import { S as Skeleton } from '../../../skeleton-Bjxvf3Y-.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { MemoryIcon } from '../../../icons/MemoryIcon.es.js';

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

@@ -12,7 +12,7 @@ const domains_metrics_lib_metricsBuckets = require('../lib/metrics-buckets.cjs.j
 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 metricsStackedBarChart = require('../../../metrics-stacked-bar-chart-BKhaGInr.cjs');
 const SERIES = [

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

@@ -8,7 +8,7 @@ import { bucketPlan, bucketWindow } from '../lib/metrics-buckets.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 MetricsStackedBarChart } from '../../../metrics-stacked-bar-chart-3MKRp0RI.js';
 const SERIES = [

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-BfZzgZrA.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
 function OpenInTracesButton({ onClick }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick, variant: "ghost", size: "icon-md", tooltip: "View in Traces", "aria-label": "View in Traces", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeIcon, {}) });

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { LogsIcon, EyeIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
 function OpenInTracesButton({ onClick }) {
   return /* @__PURE__ */ jsx(Button, { onClick, variant: "ghost", size: "icon-md", tooltip: "View in Traces", "aria-label": "View in Traces", children: /* @__PURE__ */ jsx(EyeIcon, {}) });

package/dist/domains/metrics/components/chart-area.cjs.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const metricsCard = require('../../../metrics-card-Bv2A5G41.cjs');
+const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
 function ChartArea({ isEmpty = false, emptyMessage = "No data in this range.", children }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [

package/dist/domains/metrics/components/chart-area.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { M as MetricsCard } from '../../../metrics-card-oEbbYDo7.js';
+import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
 function ChartArea({ isEmpty = false, emptyMessage = "No data in this range.", children }) {
   return /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const metricsCard = require('../../../metrics-card-Bv2A5G41.cjs');
+const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
 function ChartCardError() {
   return /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Error, { message: "Couldn't load this data. Try again in a moment.", className: "h-full" });

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

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { M as MetricsCard } from '../../../metrics-card-oEbbYDo7.js';
+import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
 function ChartCardError() {
   return /* @__PURE__ */ jsx(MetricsCard.Error, { message: "Couldn't load this data. Try again in a moment.", className: "h-full" });

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const metricsCard = require('../../../metrics-card-Bv2A5G41.cjs');
+const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
 const utils_cn = require('../../../cn-TqD01zH-.cjs');
 function ChartCard({

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { M as MetricsCard } from '../../../metrics-card-oEbbYDo7.js';
+import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
 import { c as cn } from '../../../cn-coERSHz5.js';
 function ChartCard({

package/dist/domains/metrics/components/date-range-selector.cjs.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dateTimeRangePicker = require('../../../date-time-range-picker-BvRPfy1i.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-ByNvjYuV.cjs');
 const domains_metrics_hooks_useMetrics = require('../hooks/use-metrics.cjs.js');
 const METRICS_PRESETS = [

package/dist/domains/metrics/components/date-range-selector.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
-import { D as DateTimeRangePicker } from '../../../date-time-range-picker-CIfaXUuy.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-SU1Q1h1h.js';
 import { useMetrics } from '../hooks/use-metrics.es.js';
 const METRICS_PRESETS = [

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

@@ -13,7 +13,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 metricsLineChart = require('../../../metrics-line-chart-D7fE4EQJ.cjs');
 const SERIES = [{ dataKey: "failureRate", label: "Failed runs", color: domains_metrics_lib_chartColors.CHART_COLORS.error }];

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

@@ -9,7 +9,7 @@ import { OpenErrorsInLogsButton } 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 MetricsLineChart } from '../../../metrics-line-chart-BBn0LeqC.js';
 const SERIES = [{ dataKey: "failureRate", label: "Failed runs", color: CHART_COLORS.error }];

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

@@ -15,7 +15,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 metricsLineChart = require('../../../metrics-line-chart-D7fE4EQJ.cjs');
 const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-BSzXdRFR.cjs');

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

@@ -11,7 +11,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 MetricsLineChart } from '../../../metrics-line-chart-BBn0LeqC.js';
 import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-bgRf6KTb.js';

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

@@ -9,7 +9,7 @@ const domains_metrics_lib_chartColors = require('../lib/chart-colors.cjs.js');
 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 metricsLineChart = require('../../../metrics-line-chart-D7fE4EQJ.cjs');
 const SCORER_COLORS = [

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

@@ -5,7 +5,7 @@ import { CHART_COLORS } from '../lib/chart-colors.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 MetricsLineChart } from '../../../metrics-line-chart-BBn0LeqC.js';
 const SCORER_COLORS = [

package/dist/domains/metrics/components/token-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 metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-BSzXdRFR.cjs');
 const metricsStackedBarChart = require('../../../metrics-stacked-bar-chart-BKhaGInr.cjs');

package/dist/domains/metrics/components/token-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 MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-bgRf6KTb.js';
 import { M as MetricsStackedBarChart } from '../../../metrics-stacked-bar-chart-3MKRp0RI.js';