@mastra/playground-ui 58.0.0-alpha.3 → 58.0.0

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

@@ -0,0 +1,118 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const dateFns = require('date-fns');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Button = require('../../../Button-BAMnPqos.cjs');
+const buttonsGroup = require('../../../buttons-group-CoZP3lJt.cjs');
+const copyButton = require('../../../copy-button-D2MTGxq_.cjs');
+const dataKeysAndValues = require('../../../data-keys-and-values-CMJ9zHKm.cjs');
+const dataPanel = require('../../../data-panel-XPXrhYJI.cjs');
+
+function toDate(value) {
+  return value instanceof Date ? value : new Date(value);
+}
+function LogDataPanel({
+  log,
+  onClose,
+  onTraceClick,
+  onSpanClick,
+  onPrevious,
+  onNext,
+  depth
+}) {
+  const formattedDate = log ? dateFns.format(toDate(log.timestamp), "MMM dd, HH:mm:ss.SSS") : "";
+  return /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel, { open: !!log, onClose, title: log ? `Log ${formattedDate}` : "Log", depth, children: log && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CloseButton, { onClick: onClose }),
+      /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Heading, { children: [
+        "Log · ",
+        formattedDate
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.HeaderActions, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        dataPanel.DataPanel.NextPrevNav,
+        {
+          onPrevious,
+          onNext,
+          previousLabel: "Go to previous log",
+          nextLabel: "Go to next log"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 p-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(dataKeysAndValues.DataKeysAndValues, { children: [
+        log.entityType && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Entity Type" }),
+          /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: log.entityType })
+        ] }),
+        log.entityName && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Entity Name" }),
+          /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: log.entityName })
+        ] }),
+        log.serviceName && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Service" }),
+          /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: log.serviceName })
+        ] }),
+        log.environment && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Environment" }),
+          /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: log.environment })
+        ] }),
+        log.source && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Source" }),
+          /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: log.source })
+        ] }),
+        log.metadata && Object.entries(log.metadata).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: key }),
+          /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: String(value) })
+        ] }, key))
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CodeSection, { title: "Message", codeStr: log.message, simplified: true }),
+      (log.traceId || log.spanId) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+        log.traceId && /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { className: "w-full min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Button.Button,
+            {
+              className: "min-w-0 flex-1 justify-between overflow-hidden",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, {}),
+              onClick: () => log.traceId && onTraceClick?.(log.traceId),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Trace" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto min-w-0 truncate text-caption text-placeholder", children: [
+                  "# ",
+                  log.traceId
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: log.traceId, tooltip: "Copy Trace ID to clipboard" })
+        ] }),
+        log.spanId && /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { className: "w-full min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Button.Button,
+            {
+              className: "min-w-0 flex-1 justify-between overflow-hidden",
+              disabled: !log.traceId || !onSpanClick,
+              onClick: () => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, {}),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Span" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto min-w-0 truncate text-caption text-placeholder", children: [
+                  "# ",
+                  log.spanId
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: log.spanId, tooltip: "Copy Span ID to clipboard" })
+        ] })
+      ] }),
+      log.data && Object.keys(log.data).length > 0 && /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CodeSection, { title: "Data", codeStr: JSON.stringify(log.data, null, 2) })
+    ] }) })
+  ] }) });
+}
+
+exports.LogDataPanel = LogDataPanel;
+//# sourceMappingURL=log-data-panel.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"log-data-panel.cjs.js","sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { ArrowRightIcon } from 'lucide-react';\nimport { Fragment } from 'react';\nimport type { LogRecord } from '../types';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nfunction toDate(value: Date | string): Date {\n  return value instanceof Date ? value : new Date(value);\n}\n\nexport interface LogDataPanelProps {\n  /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n  log?: LogRecord;\n  onClose: () => void;\n  onTraceClick?: (traceId: string) => void;\n  onSpanClick?: (traceId: string, spanId: string) => void;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  depth?: 1 | 2 | 3;\n}\n\nexport function LogDataPanel({\n  log,\n  onClose,\n  onTraceClick,\n  onSpanClick,\n  onPrevious,\n  onNext,\n  depth,\n}: LogDataPanelProps) {\n  const formattedDate = log ? format(toDate(log.timestamp), 'MMM dd, HH:mm:ss.SSS') : '';\n\n  return (\n    <DataPanel open={!!log} onClose={onClose} title={log ? `Log ${formattedDate}` : 'Log'} depth={depth}>\n      {log && (\n        <>\n          <DataPanel.Header>\n            <DataPanel.CloseButton onClick={onClose} />\n            <DataPanel.Heading>Log · {formattedDate}</DataPanel.Heading>\n            <DataPanel.HeaderActions>\n              <DataPanel.NextPrevNav\n                onPrevious={onPrevious}\n                onNext={onNext}\n                previousLabel=\"Go to previous log\"\n                nextLabel=\"Go to next log\"\n              />\n            </DataPanel.HeaderActions>\n          </DataPanel.Header>\n\n          <DataPanel.Content>\n            <div className=\"grid gap-6 p-2\">\n              <DataKeysAndValues>\n                {log.entityType && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Type</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityType}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.entityName && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Name</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.serviceName && (\n                  <>\n                    <DataKeysAndValues.Key>Service</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.serviceName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.environment && (\n                  <>\n                    <DataKeysAndValues.Key>Environment</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.environment}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.source && (\n                  <>\n                    <DataKeysAndValues.Key>Source</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.source}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.metadata &&\n                  Object.entries(log.metadata).map(([key, value]) => (\n                    <Fragment key={key}>\n                      <DataKeysAndValues.Key>{key}</DataKeysAndValues.Key>\n                      <DataKeysAndValues.Value>{String(value)}</DataKeysAndValues.Value>\n                    </Fragment>\n                  ))}\n              </DataKeysAndValues>\n\n              <DataPanel.CodeSection title=\"Message\" codeStr={log.message} simplified />\n\n              {(log.traceId || log.spanId) && (\n                <div className=\"grid gap-2\">\n                  {log.traceId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        icon={<ArrowRightIcon />}\n                        onClick={() => log.traceId && onTraceClick?.(log.traceId)}\n                      >\n                        <span>Trace</span>\n                        <span className=\"ml-auto min-w-0 truncate text-caption text-placeholder\"># {log.traceId}</span>\n                      </Button>\n                      <CopyButton content={log.traceId} tooltip=\"Copy Trace ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                  {log.spanId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        disabled={!log.traceId || !onSpanClick}\n                        onClick={() => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId)}\n                        icon={<ArrowRightIcon />}\n                      >\n                        <span>Span</span>\n                        <span className=\"ml-auto min-w-0 truncate text-caption text-placeholder\"># {log.spanId}</span>\n                      </Button>\n                      <CopyButton content={log.spanId} tooltip=\"Copy Span ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                </div>\n              )}\n\n              {log.data && Object.keys(log.data).length > 0 && (\n                <DataPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} />\n              )}\n            </div>\n          </DataPanel.Content>\n        </>\n      )}\n    </DataPanel>\n  );\n}\n"],"names":["format","jsx","DataPanel","jsxs","Fragment","DataKeysAndValues","ButtonsGroup","Button","ArrowRightIcon","CopyButton"],"mappings":"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"}

package/dist/domains/logs/components/log-data-panel.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/logs/components/log-data-panel'
+export {}

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

@@ -0,0 +1,114 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { format } from 'date-fns';
+import { ArrowRightIcon } from 'lucide-react';
+import { Fragment as Fragment$1 } from 'react';
+import { B as Button } from '../../../Button-B8nF87ai.js';
+import { B as ButtonsGroup } from '../../../buttons-group-DsZgrZBZ.js';
+import { C as CopyButton } from '../../../copy-button-DcZ1mdw4.js';
+import { D as DataKeysAndValues } from '../../../data-keys-and-values-BTYDB-K2.js';
+import { D as DataPanel } from '../../../data-panel-BQVTKo86.js';
+
+function toDate(value) {
+  return value instanceof Date ? value : new Date(value);
+}
+function LogDataPanel({
+  log,
+  onClose,
+  onTraceClick,
+  onSpanClick,
+  onPrevious,
+  onNext,
+  depth
+}) {
+  const formattedDate = log ? format(toDate(log.timestamp), "MMM dd, HH:mm:ss.SSS") : "";
+  return /* @__PURE__ */ jsx(DataPanel, { open: !!log, onClose, title: log ? `Log ${formattedDate}` : "Log", depth, children: log && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(DataPanel.Header, { children: [
+      /* @__PURE__ */ jsx(DataPanel.CloseButton, { onClick: onClose }),
+      /* @__PURE__ */ jsxs(DataPanel.Heading, { children: [
+        "Log · ",
+        formattedDate
+      ] }),
+      /* @__PURE__ */ jsx(DataPanel.HeaderActions, { children: /* @__PURE__ */ jsx(
+        DataPanel.NextPrevNav,
+        {
+          onPrevious,
+          onNext,
+          previousLabel: "Go to previous log",
+          nextLabel: "Go to next log"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(DataPanel.Content, { children: /* @__PURE__ */ jsxs("div", { className: "grid gap-6 p-2", children: [
+      /* @__PURE__ */ jsxs(DataKeysAndValues, { children: [
+        log.entityType && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Entity Type" }),
+          /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: log.entityType })
+        ] }),
+        log.entityName && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Entity Name" }),
+          /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: log.entityName })
+        ] }),
+        log.serviceName && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Service" }),
+          /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: log.serviceName })
+        ] }),
+        log.environment && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Environment" }),
+          /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: log.environment })
+        ] }),
+        log.source && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Source" }),
+          /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: log.source })
+        ] }),
+        log.metadata && Object.entries(log.metadata).map(([key, value]) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: key }),
+          /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: String(value) })
+        ] }, key))
+      ] }),
+      /* @__PURE__ */ jsx(DataPanel.CodeSection, { title: "Message", codeStr: log.message, simplified: true }),
+      (log.traceId || log.spanId) && /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+        log.traceId && /* @__PURE__ */ jsxs(ButtonsGroup, { className: "w-full min-w-0", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              className: "min-w-0 flex-1 justify-between overflow-hidden",
+              icon: /* @__PURE__ */ jsx(ArrowRightIcon, {}),
+              onClick: () => log.traceId && onTraceClick?.(log.traceId),
+              children: [
+                /* @__PURE__ */ jsx("span", { children: "Trace" }),
+                /* @__PURE__ */ jsxs("span", { className: "ml-auto min-w-0 truncate text-caption text-placeholder", children: [
+                  "# ",
+                  log.traceId
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(CopyButton, { content: log.traceId, tooltip: "Copy Trace ID to clipboard" })
+        ] }),
+        log.spanId && /* @__PURE__ */ jsxs(ButtonsGroup, { className: "w-full min-w-0", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              className: "min-w-0 flex-1 justify-between overflow-hidden",
+              disabled: !log.traceId || !onSpanClick,
+              onClick: () => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId),
+              icon: /* @__PURE__ */ jsx(ArrowRightIcon, {}),
+              children: [
+                /* @__PURE__ */ jsx("span", { children: "Span" }),
+                /* @__PURE__ */ jsxs("span", { className: "ml-auto min-w-0 truncate text-caption text-placeholder", children: [
+                  "# ",
+                  log.spanId
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(CopyButton, { content: log.spanId, tooltip: "Copy Span ID to clipboard" })
+        ] })
+      ] }),
+      log.data && Object.keys(log.data).length > 0 && /* @__PURE__ */ jsx(DataPanel.CodeSection, { title: "Data", codeStr: JSON.stringify(log.data, null, 2) })
+    ] }) })
+  ] }) });
+}
+
+export { LogDataPanel };
+//# sourceMappingURL=log-data-panel.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"log-data-panel.es.js","sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { ArrowRightIcon } from 'lucide-react';\nimport { Fragment } from 'react';\nimport type { LogRecord } from '../types';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nfunction toDate(value: Date | string): Date {\n  return value instanceof Date ? value : new Date(value);\n}\n\nexport interface LogDataPanelProps {\n  /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n  log?: LogRecord;\n  onClose: () => void;\n  onTraceClick?: (traceId: string) => void;\n  onSpanClick?: (traceId: string, spanId: string) => void;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  depth?: 1 | 2 | 3;\n}\n\nexport function LogDataPanel({\n  log,\n  onClose,\n  onTraceClick,\n  onSpanClick,\n  onPrevious,\n  onNext,\n  depth,\n}: LogDataPanelProps) {\n  const formattedDate = log ? format(toDate(log.timestamp), 'MMM dd, HH:mm:ss.SSS') : '';\n\n  return (\n    <DataPanel open={!!log} onClose={onClose} title={log ? `Log ${formattedDate}` : 'Log'} depth={depth}>\n      {log && (\n        <>\n          <DataPanel.Header>\n            <DataPanel.CloseButton onClick={onClose} />\n            <DataPanel.Heading>Log · {formattedDate}</DataPanel.Heading>\n            <DataPanel.HeaderActions>\n              <DataPanel.NextPrevNav\n                onPrevious={onPrevious}\n                onNext={onNext}\n                previousLabel=\"Go to previous log\"\n                nextLabel=\"Go to next log\"\n              />\n            </DataPanel.HeaderActions>\n          </DataPanel.Header>\n\n          <DataPanel.Content>\n            <div className=\"grid gap-6 p-2\">\n              <DataKeysAndValues>\n                {log.entityType && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Type</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityType}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.entityName && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Name</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.serviceName && (\n                  <>\n                    <DataKeysAndValues.Key>Service</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.serviceName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.environment && (\n                  <>\n                    <DataKeysAndValues.Key>Environment</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.environment}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.source && (\n                  <>\n                    <DataKeysAndValues.Key>Source</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.source}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.metadata &&\n                  Object.entries(log.metadata).map(([key, value]) => (\n                    <Fragment key={key}>\n                      <DataKeysAndValues.Key>{key}</DataKeysAndValues.Key>\n                      <DataKeysAndValues.Value>{String(value)}</DataKeysAndValues.Value>\n                    </Fragment>\n                  ))}\n              </DataKeysAndValues>\n\n              <DataPanel.CodeSection title=\"Message\" codeStr={log.message} simplified />\n\n              {(log.traceId || log.spanId) && (\n                <div className=\"grid gap-2\">\n                  {log.traceId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        icon={<ArrowRightIcon />}\n                        onClick={() => log.traceId && onTraceClick?.(log.traceId)}\n                      >\n                        <span>Trace</span>\n                        <span className=\"ml-auto min-w-0 truncate text-caption text-placeholder\"># {log.traceId}</span>\n                      </Button>\n                      <CopyButton content={log.traceId} tooltip=\"Copy Trace ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                  {log.spanId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        disabled={!log.traceId || !onSpanClick}\n                        onClick={() => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId)}\n                        icon={<ArrowRightIcon />}\n                      >\n                        <span>Span</span>\n                        <span className=\"ml-auto min-w-0 truncate text-caption text-placeholder\"># {log.spanId}</span>\n                      </Button>\n                      <CopyButton content={log.spanId} tooltip=\"Copy Span ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                </div>\n              )}\n\n              {log.data && Object.keys(log.data).length > 0 && (\n                <DataPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} />\n              )}\n            </div>\n          </DataPanel.Content>\n        </>\n      )}\n    </DataPanel>\n  );\n}\n"],"names":["Fragment"],"mappings":"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"}

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const reactVirtual = require('@tanstack/react-virtual');
 const React = require('react');
-const dataListSkeleton = require('../../../data-list-skeleton-K_WmrVke.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-CjwR0o3w.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const logsDataList = require('../../../logs-data-list-BGJTRyO_.cjs');
+const logsDataList = require('../../../logs-data-list-YL9yLKF3.cjs');
 
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;
@@ -45,13 +45,13 @@ function LogsListView({
     wasLoadingRef.current = isLoading;
   }, [isLoading]);
   if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(dataListSkeleton.DataListSkeleton, { columns: COLUMNS });
+    return /* @__PURE__ */ jsxRuntime.jsx(dataListSkeleton.DataListSkeleton, { columns: COLUMNS, fit: "container" });
   }
   const virtualItems = virtualizer.getVirtualItems();
   const totalSize = virtualizer.getTotalSize();
   const paddingTop = virtualItems[0]?.start ?? 0;
   const paddingBottom = virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(logsDataList.LogsDataList, { columns: COLUMNS, scrollRef, className: "min-w-0", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(logsDataList.LogsDataList, { columns: COLUMNS, scrollRef, className: "min-w-0", fit: "container", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(logsDataList.LogsDataList.Top, { children: [
       onSortChange ? /* @__PURE__ */ jsxRuntime.jsx(logsDataList.LogsDataList.SortableTopCell, { sortKey: "timestamp", sort: timestampSort, onSortChange, children: "Date" }) : /* @__PURE__ */ jsxRuntime.jsx(logsDataList.LogsDataList.TopCell, { children: "Date" }),
       /* @__PURE__ */ jsxRuntime.jsx(logsDataList.LogsDataList.TopCell, { children: "Time" }),

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

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

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

@@ -1,9 +1,9 @@
 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-h4pILqCC.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-DAfM8AjW.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { L as LogsDataList } from '../../../logs-data-list-XU1hCwI5.js';
+import { L as LogsDataList } from '../../../logs-data-list-5BAeLU57.js';
 
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;
@@ -41,13 +41,13 @@ function LogsListView({
     wasLoadingRef.current = isLoading;
   }, [isLoading]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx(DataListSkeleton, { columns: COLUMNS });
+    return /* @__PURE__ */ jsx(DataListSkeleton, { columns: COLUMNS, fit: "container" });
   }
   const virtualItems = virtualizer.getVirtualItems();
   const totalSize = virtualizer.getTotalSize();
   const paddingTop = virtualItems[0]?.start ?? 0;
   const paddingBottom = virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;
-  return /* @__PURE__ */ jsxs(LogsDataList, { columns: COLUMNS, scrollRef, className: "min-w-0", children: [
+  return /* @__PURE__ */ jsxs(LogsDataList, { columns: COLUMNS, scrollRef, className: "min-w-0", fit: "container", children: [
     /* @__PURE__ */ jsxs(LogsDataList.Top, { children: [
       onSortChange ? /* @__PURE__ */ jsx(LogsDataList.SortableTopCell, { sortKey: "timestamp", sort: timestampSort, onSortChange, children: "Date" }) : /* @__PURE__ */ jsx(LogsDataList.TopCell, { children: "Date" }),
       /* @__PURE__ */ jsx(LogsDataList.TopCell, { children: "Time" }),

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

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

@@ -2,18 +2,16 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const domains_logs_components_logDetailsView = require('./components/log-details-view.cjs.js');
+const domains_logs_components_logDataPanel = require('./components/log-data-panel.cjs.js');
 const domains_logs_components_logsErrorContent = require('./components/logs-error-content.cjs.js');
-const domains_logs_components_logsLayout = require('./components/logs-layout.cjs.js');
 const domains_logs_components_logsListView = require('./components/logs-list-view.cjs.js');
 const domains_logs_components_logsToolbar = require('./components/logs-toolbar.cjs.js');
 const domains_logs_components_noLogsInfo = require('./components/no-logs-info.cjs.js');
 
 
 
-exports.LogDetailsView = domains_logs_components_logDetailsView.LogDetailsView;
+exports.LogDataPanel = domains_logs_components_logDataPanel.LogDataPanel;
 exports.LogsErrorContent = domains_logs_components_logsErrorContent.LogsErrorContent;
-exports.LogsLayout = domains_logs_components_logsLayout.LogsLayout;
 exports.LogsListView = domains_logs_components_logsListView.LogsListView;
 exports.LogsToolbar = domains_logs_components_logsToolbar.LogsToolbar;
 exports.NoLogsInfo = domains_logs_components_noLogsInfo.NoLogsInfo;

package/dist/domains/logs/components.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/domains/logs/components.es.js

@@ -1,6 +1,5 @@
-export { LogDetailsView } from './components/log-details-view.es.js';
+export { LogDataPanel } from './components/log-data-panel.es.js';
 export { LogsErrorContent } from './components/logs-error-content.es.js';
-export { LogsLayout } from './components/logs-layout.es.js';
 export { LogsListView } from './components/logs-list-view.es.js';
 export { LogsToolbar } from './components/logs-toolbar.es.js';
 export { NoLogsInfo } from './components/no-logs-info.es.js';

package/dist/domains/logs/components.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"components.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/domains/logs.cjs.js

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const domains_logs_components_logDetailsView = require('./logs/components/log-details-view.cjs.js');
+const domains_logs_components_logDataPanel = require('./logs/components/log-data-panel.cjs.js');
 const domains_logs_components_logsErrorContent = require('./logs/components/logs-error-content.cjs.js');
-const domains_logs_components_logsLayout = require('./logs/components/logs-layout.cjs.js');
 const domains_logs_components_logsListView = require('./logs/components/logs-list-view.cjs.js');
 const domains_logs_components_logsToolbar = require('./logs/components/logs-toolbar.cjs.js');
 const domains_logs_components_noLogsInfo = require('./logs/components/no-logs-info.cjs.js');
@@ -16,9 +15,8 @@ const domains_logs_logFilters = require('./logs/log-filters.cjs.js');
 
 
 
-exports.LogDetailsView = domains_logs_components_logDetailsView.LogDetailsView;
+exports.LogDataPanel = domains_logs_components_logDataPanel.LogDataPanel;
 exports.LogsErrorContent = domains_logs_components_logsErrorContent.LogsErrorContent;
-exports.LogsLayout = domains_logs_components_logsLayout.LogsLayout;
 exports.LogsListView = domains_logs_components_logsListView.LogsListView;
 exports.LogsToolbar = domains_logs_components_logsToolbar.LogsToolbar;
 exports.NoLogsInfo = domains_logs_components_noLogsInfo.NoLogsInfo;

package/dist/domains/logs.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"logs.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"logs.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/domains/logs.es.js

@@ -1,6 +1,5 @@
-export { LogDetailsView } from './logs/components/log-details-view.es.js';
+export { LogDataPanel } from './logs/components/log-data-panel.es.js';
 export { LogsErrorContent } from './logs/components/logs-error-content.es.js';
-export { LogsLayout } from './logs/components/logs-layout.es.js';
 export { LogsListView } from './logs/components/logs-list-view.es.js';
 export { LogsToolbar } from './logs/components/logs-toolbar.es.js';
 export { NoLogsInfo } from './logs/components/no-logs-info.es.js';

package/dist/domains/logs.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"logs.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"logs.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/domains/memory/components/observation-detail-view.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useEffect } from 'react';
 import { C as Checkbox } from '../../../checkbox-CQedzgsi.js';
-import { C as CodeDiff } from '../../../code-diff-BHZTS4Zh.js';
+import { C as CodeDiff } from '../../../code-diff-Hao35skN.js';
 import { E as EmptyState } from '../../../EmptyState-Bc4nJ9QH.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';

package/dist/domains/metrics/components/memory-card-view.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dataList = require('../../../data-list-CH3HAhK5.cjs');
+const dataList = require('../../../data-list-PwFpP_mo.cjs');
 const metricsCard = require('../../../metrics-card-DCCHIG-z.cjs');
 const tabsContent = require('../../../tabs-content-DlCJoQUW.cjs');
 const tabsRoot = require('../../../tabs-root-COCL6jcx.cjs');

package/dist/domains/metrics/components/memory-card-view.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { D as DataList } from '../../../data-list-DXjH5wkB.js';
+import { D as DataList } from '../../../data-list-DisTjDHP.js';
 import { M as MetricsCard } from '../../../metrics-card-Bzm6m1dy.js';
 import { T as TabContent } from '../../../tabs-content-7ODUUdQ0.js';
 import { a as Tabs, T as TabList } from '../../../tabs-root-UNPxoGhW.js';

package/dist/domains/metrics/components/model-usage-cost-card-view.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const dataList = require('../../../data-list-CH3HAhK5.cjs');
+const dataList = require('../../../data-list-PwFpP_mo.cjs');
 const metricsCard = require('../../../metrics-card-DCCHIG-z.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 

package/dist/domains/metrics/components/model-usage-cost-card-view.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { D as DataList } from '../../../data-list-DXjH5wkB.js';
+import { D as DataList } from '../../../data-list-DisTjDHP.js';
 import { M as MetricsCard } from '../../../metrics-card-Bzm6m1dy.js';
 import { formatCost, METRICS_DATA_LIST_PROPS } from './metrics-utils.es.js';
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dataList = require('../../../data-list-CH3HAhK5.cjs');
+const dataList = require('../../../data-list-PwFpP_mo.cjs');
 const metricsCard = require('../../../metrics-card-DCCHIG-z.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-0FR3SYSt.cjs');
 const tabsContent = require('../../../tabs-content-DlCJoQUW.cjs');

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { D as DataList } from '../../../data-list-DXjH5wkB.js';
+import { D as DataList } from '../../../data-list-DisTjDHP.js';
 import { M as MetricsCard } from '../../../metrics-card-Bzm6m1dy.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-knlgw8bV.js';
 import { T as TabContent } from '../../../tabs-content-7ODUUdQ0.js';