npm - @mastra/playground-ui - Versions diffs - 58.0.0 → 59.0.0-alpha.1 - Mend

@mastra/playground-ui 58.0.0 → 59.0.0-alpha.1

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

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

	@@ -1 +1 @@
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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"}
1	+ {"version":3,"file":"log-data-panel.cjs.js","sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { 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';\nimport { formatTimestampPrecise } from '@/utils/date-format';\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 ? (formatTimestampPrecise(log.timestamp) ?? '') : '';\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":["formatTimestampPrecise","jsx","DataPanel","jsxs","Fragment","DataKeysAndValues","ButtonsGroup","Button","ArrowRightIcon","CopyButton"],"mappings":"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"}

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

@@ -1,16 +1,13 @@
 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';
+import { D as DataPanel } from '../../../data-panel-BWgExbHs.js';
+import { formatTimestampPrecise } from '../../../utils/date-format.es.js';
-function toDate(value) {
-  return value instanceof Date ? value : new Date(value);
-}
 function LogDataPanel({
   log,
   onClose,
@@ -20,7 +17,7 @@ function LogDataPanel({
   onNext,
   depth
 }) {
-  const formattedDate = log ? format(toDate(log.timestamp), "MMM dd, HH:mm:ss.SSS") : "";
+  const formattedDate = log ? formatTimestampPrecise(log.timestamp) ?? "" : "";
   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 }),

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

	@@ -1 +1 @@
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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"}
1	+ {"version":3,"file":"log-data-panel.es.js","sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { 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';\nimport { formatTimestampPrecise } from '@/utils/date-format';\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 ? (formatTimestampPrecise(log.timestamp) ?? '') : '';\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 CHANGED Viewed

@@ -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-CjwR0o3w.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-CgbWqYky.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const logsDataList = require('../../../logs-data-list-YL9yLKF3.cjs');
+const logsDataList = require('../../../logs-data-list-lJK0yGYj.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.es.js CHANGED Viewed

@@ -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-DAfM8AjW.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-BrSh9Y_3.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { L as LogsDataList } from '../../../logs-data-list-5BAeLU57.js';
+import { L as LogsDataList } from '../../../logs-data-list-BKE5vYZR.js';
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
 const Button = require('../../../Button-BAMnPqos.cjs');
 const EmptyState = require('../../../EmptyState-2XQgeju6.cjs');
+const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",
@@ -15,7 +15,6 @@ const PRESET_LABELS = {
   "last-14d": "the last 14 days",
   "last-30d": "the last 30 days"
 };
-const DATE_FORMAT = "MMM d, yyyy HH:mm";
 const LEVEL_TIP = "Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.";
 function describeRange({ datePreset, dateFrom, dateTo }) {
   if (datePreset && datePreset !== "all" && datePreset !== "custom") {
@@ -26,13 +25,13 @@ function describeRange({ datePreset, dateFrom, dateTo }) {
   }
   if (dateFrom && dateTo) {
     return {
-      title: `No logs between ${dateFns.format(dateFrom, DATE_FORMAT)} and ${dateFns.format(dateTo, DATE_FORMAT)}`,
+      title: `No logs between ${utils_dateFormat.formatDate(dateFrom, "date-time")} and ${utils_dateFormat.formatDate(dateTo, "date-time")}`,
       description: LEVEL_TIP
     };
   }
   if (dateFrom) {
     return {
-      title: `No logs since ${dateFns.format(dateFrom, DATE_FORMAT)}`,
+      title: `No logs since ${utils_dateFormat.formatDate(dateFrom, "date-time")}`,
       description: LEVEL_TIP
     };
   }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"no-logs-info.cjs.js","sources":["../../../../src/domains/logs/components/no-logs-info.tsx"],"sourcesContent":["import { ~~format } from 'date-fns';\nimport {~~ ExternalLinkIcon } from 'lucide-react';\nimport type { LogsDatePreset } from '../log-filters';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\n\nconst PRESET_LABELS: Record<Exclude<LogsDatePreset, 'all' \| 'custom'>, string> = {\n 'last-24h': 'the last 24 hours',\n 'last-3d': 'the last 3 days',\n 'last-7d': 'the last 7 days',\n 'last-14d': 'the last 14 days',\n 'last-30d': 'the last 30 days',\n};\n\nexport interface NoLogsInfoProps {\n datePreset?: LogsDatePreset;\n dateFrom?: Date;\n dateTo?: Date;\n}\n\nconst ~~DATE_FORMAT = 'MMM d, yyyy HH:mm';\n\nconst~~ LEVEL_TIP = 'Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoLogsInfoProps): { title: string; description: string } {\n if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n return {\n title: `No logs for ${PRESET_LABELS[datePreset]}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom && dateTo) {\n return {\n title: `No logs between ${~~format~~(dateFrom, ~~DATE_FORMAT~~)} and ${~~format~~(dateTo, ~~DATE_FORMAT~~)}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom) {\n return {\n title: `No logs since ${~~format~~(dateFrom, ~~DATE_FORMAT~~)}`,\n description: LEVEL_TIP,\n };\n }\n return {\n title: 'No logs yet',\n description: 'Logs will appear here once agents, workflows, or tools are executed.',\n };\n}\n\nexport const NoLogsInfo = ({ datePreset, dateFrom, dateTo }: NoLogsInfoProps = {}) => {\n const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n return (\n <EmptyState\n titleSlot={title}\n descriptionSlot={description}\n actionSlot={\n <Button\n variant=\"ghost\"\n render={\n <a href=\"https://mastra.ai/en/docs/observability/logging\" target=\"_blank\" rel=\"noopener noreferrer\" />\n }\n icon={<ExternalLinkIcon />}\n >\n Logging Documentation\n </Button>\n }\n variant=\"fill\"\n />\n );\n};\n"],"names":["~~format~~","jsx","EmptyState","Button","ExternalLinkIcon"],"mappings":";;;;;;;;;;AAMA,MAAM,aAAA,GAA2E;AAAA,EAC/E,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,~~WAAA,GAAc,mBAAA;AAEpB,MAAM,~~SAAA,GAAY,oGAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA4D;AAChH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,YAAA,EAAe,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MAC/C,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmBA,~~cAAA~~,~~CAAO~~,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQA,~~cAAA~~,~~CAAO~~,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,~~MAC1F~~,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiBA,~~cAAA~~,~~CAAO~~,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,~~MACrD~~,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAqB,EAAC,KAAM;AACpF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,uBACEC,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,WAAA;AAAA,MACjB,UAAA,kBACED,cAAA;AAAA,QAACE,aAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,MAAA,iCACG,GAAA,EAAA,EAAE,IAAA,EAAK,mDAAkD,MAAA,EAAO,QAAA,EAAS,KAAI,qBAAA,EAAsB,CAAA;AAAA,UAEtG,IAAA,iCAAOC,4BAAA,EAAA,EAAiB,CAAA;AAAA,UACzB,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,MAEF,OAAA,EAAQ;AAAA;AAAA,GACV;AAEJ;;;;"}
1	+ {"version":3,"file":"no-logs-info.cjs.js","sources":["../../../../src/domains/logs/components/no-logs-info.tsx"],"sourcesContent":["import { ExternalLinkIcon } from 'lucide-react';\nimport type { LogsDatePreset } from '../log-filters';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { formatDate } from '@/utils/date-format';\n\nconst PRESET_LABELS: Record<Exclude<LogsDatePreset, 'all' \| 'custom'>, string> = {\n 'last-24h': 'the last 24 hours',\n 'last-3d': 'the last 3 days',\n 'last-7d': 'the last 7 days',\n 'last-14d': 'the last 14 days',\n 'last-30d': 'the last 30 days',\n};\n\nexport interface NoLogsInfoProps {\n datePreset?: LogsDatePreset;\n dateFrom?: Date;\n dateTo?: Date;\n}\n\nconst LEVEL_TIP = 'Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoLogsInfoProps): { title: string; description: string } {\n if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n return {\n title: `No logs for ${PRESET_LABELS[datePreset]}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom && dateTo) {\n return {\n title: `No logs between ${formatDate(dateFrom, 'date-time')} and ${formatDate(dateTo, 'date-time')}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom) {\n return {\n title: `No logs since ${formatDate(dateFrom, 'date-time')}`,\n description: LEVEL_TIP,\n };\n }\n return {\n title: 'No logs yet',\n description: 'Logs will appear here once agents, workflows, or tools are executed.',\n };\n}\n\nexport const NoLogsInfo = ({ datePreset, dateFrom, dateTo }: NoLogsInfoProps = {}) => {\n const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n return (\n <EmptyState\n titleSlot={title}\n descriptionSlot={description}\n actionSlot={\n <Button\n variant=\"ghost\"\n render={\n <a href=\"https://mastra.ai/en/docs/observability/logging\" target=\"_blank\" rel=\"noopener noreferrer\" />\n }\n icon={<ExternalLinkIcon />}\n >\n Logging Documentation\n </Button>\n }\n variant=\"fill\"\n />\n );\n};\n"],"names":["formatDate","jsx","EmptyState","Button","ExternalLinkIcon"],"mappings":";;;;;;;;;;AAMA,MAAM,aAAA,GAA2E;AAAA,EAC/E,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,SAAA,GAAY,oGAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA4D;AAChH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,YAAA,EAAe,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MAC/C,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmBA,2BAAA,CAAW,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQA,2BAAA,CAAW,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,MAClG,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiBA,2BAAA,CAAW,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,MACzD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAqB,EAAC,KAAM;AACpF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,uBACEC,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,WAAA;AAAA,MACjB,UAAA,kBACED,cAAA;AAAA,QAACE,aAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,MAAA,iCACG,GAAA,EAAA,EAAE,IAAA,EAAK,mDAAkD,MAAA,EAAO,QAAA,EAAS,KAAI,qBAAA,EAAsB,CAAA;AAAA,UAEtG,IAAA,iCAAOC,4BAAA,EAAA,EAAiB,CAAA;AAAA,UACzB,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,MAEF,OAAA,EAAQ;AAAA;AAAA,GACV;AAEJ;;;;"}

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

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
-import { format } from 'date-fns';
 import { ExternalLinkIcon } from 'lucide-react';
 import { B as Button } from '../../../Button-B8nF87ai.js';
 import { E as EmptyState } from '../../../EmptyState-Bc4nJ9QH.js';
+import { formatDate } from '../../../utils/date-format.es.js';
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",
@@ -11,7 +11,6 @@ const PRESET_LABELS = {
   "last-14d": "the last 14 days",
   "last-30d": "the last 30 days"
 };
-const DATE_FORMAT = "MMM d, yyyy HH:mm";
 const LEVEL_TIP = "Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.";
 function describeRange({ datePreset, dateFrom, dateTo }) {
   if (datePreset && datePreset !== "all" && datePreset !== "custom") {
@@ -22,13 +21,13 @@ function describeRange({ datePreset, dateFrom, dateTo }) {
   }
   if (dateFrom && dateTo) {
     return {
-      title: `No logs between ${format(dateFrom, DATE_FORMAT)} and ${format(dateTo, DATE_FORMAT)}`,
+      title: `No logs between ${formatDate(dateFrom, "date-time")} and ${formatDate(dateTo, "date-time")}`,
       description: LEVEL_TIP
     };
   }
   if (dateFrom) {
     return {
-      title: `No logs since ${format(dateFrom, DATE_FORMAT)}`,
+      title: `No logs since ${formatDate(dateFrom, "date-time")}`,
       description: LEVEL_TIP
     };
   }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"no-logs-info.es.js","sources":["../../../../src/domains/logs/components/no-logs-info.tsx"],"sourcesContent":["import { ~~format } from 'date-fns';\nimport {~~ ExternalLinkIcon } from 'lucide-react';\nimport type { LogsDatePreset } from '../log-filters';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\n\nconst PRESET_LABELS: Record<Exclude<LogsDatePreset, 'all' \| 'custom'>, string> = {\n 'last-24h': 'the last 24 hours',\n 'last-3d': 'the last 3 days',\n 'last-7d': 'the last 7 days',\n 'last-14d': 'the last 14 days',\n 'last-30d': 'the last 30 days',\n};\n\nexport interface NoLogsInfoProps {\n datePreset?: LogsDatePreset;\n dateFrom?: Date;\n dateTo?: Date;\n}\n\nconst ~~DATE_FORMAT = 'MMM d, yyyy HH:mm';\n\nconst~~ LEVEL_TIP = 'Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoLogsInfoProps): { title: string; description: string } {\n if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n return {\n title: `No logs for ${PRESET_LABELS[datePreset]}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom && dateTo) {\n return {\n title: `No logs between ${~~format~~(dateFrom, ~~DATE_FORMAT~~)} and ${~~format~~(dateTo, ~~DATE_FORMAT~~)}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom) {\n return {\n title: `No logs since ${~~format~~(dateFrom, ~~DATE_FORMAT~~)}`,\n description: LEVEL_TIP,\n };\n }\n return {\n title: 'No logs yet',\n description: 'Logs will appear here once agents, workflows, or tools are executed.',\n };\n}\n\nexport const NoLogsInfo = ({ datePreset, dateFrom, dateTo }: NoLogsInfoProps = {}) => {\n const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n return (\n <EmptyState\n titleSlot={title}\n descriptionSlot={description}\n actionSlot={\n <Button\n variant=\"ghost\"\n render={\n <a href=\"https://mastra.ai/en/docs/observability/logging\" target=\"_blank\" rel=\"noopener noreferrer\" />\n }\n icon={<ExternalLinkIcon />}\n >\n Logging Documentation\n </Button>\n }\n variant=\"fill\"\n />\n );\n};\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,aAAA,GAA2E;AAAA,EAC/E,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,~~WAAA,GAAc,mBAAA;AAEpB,MAAM,~~SAAA,GAAY,oGAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA4D;AAChH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,YAAA,EAAe,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MAC/C,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmB,~~MAAA~~,~~CAAO~~,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQ,~~MAAA~~,~~CAAO~~,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,~~MAC1F~~,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiB,~~MAAA~~,~~CAAO~~,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,~~MACrD~~,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAqB,EAAC,KAAM;AACpF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,WAAA;AAAA,MACjB,UAAA,kBACE,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,MAAA,sBACG,GAAA,EAAA,EAAE,IAAA,EAAK,mDAAkD,MAAA,EAAO,QAAA,EAAS,KAAI,qBAAA,EAAsB,CAAA;AAAA,UAEtG,IAAA,sBAAO,gBAAA,EAAA,EAAiB,CAAA;AAAA,UACzB,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,MAEF,OAAA,EAAQ;AAAA;AAAA,GACV;AAEJ;;;;"}
1	+ {"version":3,"file":"no-logs-info.es.js","sources":["../../../../src/domains/logs/components/no-logs-info.tsx"],"sourcesContent":["import { ExternalLinkIcon } from 'lucide-react';\nimport type { LogsDatePreset } from '../log-filters';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { formatDate } from '@/utils/date-format';\n\nconst PRESET_LABELS: Record<Exclude<LogsDatePreset, 'all' \| 'custom'>, string> = {\n 'last-24h': 'the last 24 hours',\n 'last-3d': 'the last 3 days',\n 'last-7d': 'the last 7 days',\n 'last-14d': 'the last 14 days',\n 'last-30d': 'the last 30 days',\n};\n\nexport interface NoLogsInfoProps {\n datePreset?: LogsDatePreset;\n dateFrom?: Date;\n dateTo?: Date;\n}\n\nconst LEVEL_TIP = 'Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoLogsInfoProps): { title: string; description: string } {\n if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n return {\n title: `No logs for ${PRESET_LABELS[datePreset]}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom && dateTo) {\n return {\n title: `No logs between ${formatDate(dateFrom, 'date-time')} and ${formatDate(dateTo, 'date-time')}`,\n description: LEVEL_TIP,\n };\n }\n if (dateFrom) {\n return {\n title: `No logs since ${formatDate(dateFrom, 'date-time')}`,\n description: LEVEL_TIP,\n };\n }\n return {\n title: 'No logs yet',\n description: 'Logs will appear here once agents, workflows, or tools are executed.',\n };\n}\n\nexport const NoLogsInfo = ({ datePreset, dateFrom, dateTo }: NoLogsInfoProps = {}) => {\n const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n return (\n <EmptyState\n titleSlot={title}\n descriptionSlot={description}\n actionSlot={\n <Button\n variant=\"ghost\"\n render={\n <a href=\"https://mastra.ai/en/docs/observability/logging\" target=\"_blank\" rel=\"noopener noreferrer\" />\n }\n icon={<ExternalLinkIcon />}\n >\n Logging Documentation\n </Button>\n }\n variant=\"fill\"\n />\n );\n};\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,aAAA,GAA2E;AAAA,EAC/E,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,SAAA,GAAY,oGAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA4D;AAChH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,YAAA,EAAe,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MAC/C,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmB,UAAA,CAAW,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQ,UAAA,CAAW,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,MAClG,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiB,UAAA,CAAW,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,MACzD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAqB,EAAC,KAAM;AACpF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,WAAA;AAAA,MACjB,UAAA,kBACE,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,MAAA,sBACG,GAAA,EAAA,EAAE,IAAA,EAAK,mDAAkD,MAAA,EAAO,QAAA,EAAS,KAAI,qBAAA,EAAsB,CAAA;AAAA,UAEtG,IAAA,sBAAO,gBAAA,EAAA,EAAiB,CAAA;AAAA,UACzB,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,MAEF,OAAA,EAAQ;AAAA;AAAA,GACV;AAEJ;;;;"}

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

@@ -7,10 +7,12 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const recharts = require('recharts');
 const Button = require('../../../Button-BAMnPqos.cjs');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
 const domains_memory_lib_replaySelection = require('../lib/replay-selection.cjs.js');
 const domains_memory_lib_timeline = require('../lib/timeline.cjs.js');
 const domains_memory_components_flameGraphData = require('./flame-graph-data.cjs.js');
+const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 const MSG_COLOR = "var(--color-green-500, #22c55e)";
 const OBS_COLOR = "#f59e0b";
@@ -19,7 +21,7 @@ function TimeAxis({ domain }) {
   const ticks = [0, 0.25, 0.5, 0.75, 1];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[6rem_1fr] items-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground", children: "Time" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-between px-1 py-1.5 font-mono text-meta text-muted-foreground", children: ticks.map((t) => /* @__PURE__ */ jsxRuntime.jsx("span", { children: domains_memory_lib_timeline.formatTimeDisplay(domains_memory_lib_timeline.tToTimestamp(t, domain)) }, t)) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-between px-1 py-1.5 text-meta text-muted-foreground", children: ticks.map((t) => /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", font: "mono", children: utils_dateFormat.formatDate(domains_memory_lib_timeline.tToTimestamp(t, domain), "date-time-seconds", { timeZone: "UTC" }) }, t)) })
   ] });
 }
 function FlameTooltip({
@@ -30,13 +32,13 @@ function FlameTooltip({
 }) {
   if (!active || !payload?.length) return null;
   const t = payload[0]?.payload?.t;
-  const time = domain != null && t != null ? domains_memory_lib_timeline.formatTimeDisplay(domains_memory_lib_timeline.tToTimestamp(t, domain)) : null;
+  const time = domain != null && t != null ? utils_dateFormat.formatDate(domains_memory_lib_timeline.tToTimestamp(t, domain), "date-time-seconds", { timeZone: "UTC" }) : null;
   const visibleEntries = payload.filter((entry) => entry.name !== "t" && entry.name !== "time" && entry.value != null);
   if (showValue) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${primitives_raisedSurface.overlaySurfaceStyle} flex flex-col gap-0.5 rounded px-2 py-1.5 font-mono text-meta`, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${primitives_raisedSurface.overlaySurfaceStyle} flex flex-col gap-0.5 rounded px-2 py-1.5 text-meta tabular-nums`, children: [
       time && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "time" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: time })
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", font: "mono", tone: "ink", children: time })
       ] }),
       visibleEntries.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: entry.name }),
@@ -44,7 +46,7 @@ function FlameTooltip({
       ] }, entry.name))
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${primitives_raisedSurface.overlaySurfaceStyle} rounded px-2 py-1 font-mono text-meta`, children: time && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: time }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${primitives_raisedSurface.overlaySurfaceStyle} rounded px-2 py-1 text-meta`, children: time && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", font: "mono", tone: "ink", children: time }) });
 }
 function AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain, threshold }) {
   const yMax = domains_memory_components_flameGraphData.getAreaRowYMax(data, dataKey, threshold);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"flame-graph.cjs.js","sources":["../../../../src/domains/memory/components/flame-graph.tsx"],"sourcesContent":["import { RotateCcw } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n Area,\n AreaChart,\n ComposedChart,\n ReferenceLine,\n ResponsiveContainer,\n Scatter,\n ScatterChart,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\n\nimport { Button } from '../../../ds/components/Button';\nimport { overlaySurfaceStyle } from '../../../ds/primitives/raised-surface';\nimport type { ExtractedOmMarker } from '../lib/extract-markers';\nimport { tToTimestampMs } from '../lib/replay-selection';\nimport type { TDomain } from '../lib/timeline';\nimport { formatTimeDisplay, tToTimestamp } from '../lib/timeline';\nimport type { MemoryMessage, OMHistoryRecord } from '../types';\nimport {\n getAreaRowYMax,\n isEventPoint,\n toActiveObservationData,\n toBufferedObservationData,\n toCombinedRowData,\n toContextData,\n toEventData,\n toMessageData,\n toSelectedT,\n} from './flame-graph-data';\n\nexport interface ZoomRange {\n left: number;\n right: number;\n}\n\ninterface FlameGraphProps {\n omRecords: OMHistoryRecord[];\n markers: ExtractedOmMarker[];\n messages: MemoryMessage[];\n tDomain: TDomain;\n observationThreshold?: number;\n reflectionThreshold?: number;\n onSelectTimestamp?: (timestamp: number \| null) => void;\n /*\n Controlled zoom range (epoch ms). When provided together with\n * `onZoomRangeChange`, the caller owns the range and the graph becomes a\n * controlled component; otherwise the range is managed internally.\n /\n zoomRange?: ZoomRange;\n onZoomRangeChange?: (range: ZoomRange) => void;\n}\n\ntype RechartsClickState = { activeLabel?: string \| number } \| null \| undefined;\n\nconst MSG_COLOR = 'var(--color-green-500, #22c55e)';\nconst OBS_COLOR = '#f59e0b';\nconst REFLECT_COLOR = '#ec4899';\n\nfunction TimeAxis({ domain }: { domain: TDomain }) {\n const ticks = [0, 0.25, 0.5, 0.75, 1];\n return (\n <div className=\"grid grid-cols-[6rem_1fr] items-center\">\n <p className=\"flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground\">\n Time\n </p>\n <div className=\"flex justify-between px-1 py-1.5 font-mono text-meta text-muted-foreground\">\n {ticks.map(t => (\n <span key={t}>{formatTimeDisplay(tToTimestamp(t, domain))}</span>\n ))}\n </div>\n </div>\n );\n}\n\nexport function FlameTooltip({\n active,\n payload,\n domain,\n showValue,\n}: {\n active?: boolean;\n payload?: Array<{ value: unknown; name: string; payload?: { t?: number } }>;\n domain?: TDomain;\n showValue?: boolean;\n}) {\n if (!active \|\| !payload?.length) return null;\n const t = payload[0]?.payload?.t;\n const time = domain != null && t != null ? formatTimeDisplay(tToTimestamp(t, domain)) : null;\n const visibleEntries = payload.filter(entry => entry.name !== 't' && entry.name !== 'time' && entry.value != null);\n\n if (showValue) {\n return (\n <div className={`${overlaySurfaceStyle} flex flex-col gap-0.5 rounded px-2 py-1.5 font-mono text-meta`}>\n {time && (\n <div className=\"flex items-center justify-between gap-3\">\n <span className=\"text-muted-foreground\">time</span>\n <span className=\"text-foreground\">{time}</span>\n </div>\n )}\n {visibleEntries.map(entry => (\n <div key={entry.name} className=\"flex items-center justify-between gap-3\">\n <span className=\"text-muted-foreground\">{entry.name}</span>\n <span className=\"text-foreground\">\n {typeof entry.value === 'number' ? Math.round(entry.value).toLocaleString() : String(entry.value)}\n </span>\n </div>\n ))}\n </div>\n );\n }\n\n return (\n <div className={`${overlaySurfaceStyle} rounded px-2 py-1 font-mono text-meta`}>\n {time && <span className=\"text-foreground\">{time}</span>}\n </div>\n );\n}\n\ninterface AreaRowProps {\n label: string;\n data: Array<{ t: number; [k: string]: unknown }>;\n dataKey: string;\n color: string;\n gradientId: string;\n domain: TDomain;\n zoomDomain: [number, number];\n threshold?: number;\n}\n\nfunction AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain, threshold }: AreaRowProps) {\n const yMax = getAreaRowYMax(data, dataKey, threshold);\n\n return (\n <div className=\"relative grid grid-cols-[6rem_1fr] items-center border-b border-border/50 hover:z-10\">\n <p className=\"flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground\">\n {label}\n </p>\n <div>\n <ResponsiveContainer width=\"100%\" height={32}>\n <AreaChart data={data} margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n <defs>\n <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n <stop offset=\"100%\" stopColor={color} stopOpacity={0.03} />\n </linearGradient>\n </defs>\n <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n <YAxis type=\"number\" domain={yMax != null ? [0, yMax] : undefined} hide />\n <Tooltip\n content={<FlameTooltip domain={domain} showValue />}\n cursor={{ stroke: 'rgba(255,255,255,0.08)' }}\n />\n <Area\n type=\"linear\"\n dataKey={dataKey}\n stroke={color}\n strokeWidth={1}\n strokeOpacity={0.6}\n fill={`url(#${gradientId})`}\n isAnimationActive={false}\n />\n {threshold != null && (\n <ReferenceLine y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n )}\n </AreaChart>\n </ResponsiveContainer>\n </div>\n </div>\n );\n}\n\ninterface EventRowProps {\n label: string;\n data: Array<{ t: number; event: number; [k: string]: unknown }>;\n color: string;\n height?: number;\n domain: TDomain;\n zoomDomain: [number, number];\n}\n\nfunction EventRow({ label, data, color, height = 32, domain, zoomDomain }: EventRowProps) {\n return (\n <div className=\"relative grid grid-cols-[6rem_1fr] items-center border-b border-border/50 hover:z-10\">\n <p className=\"flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground\">\n {label}\n </p>\n <div>\n <ResponsiveContainer width=\"100%\" height={height}>\n <ScatterChart margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n <YAxis dataKey=\"event\" type=\"number\" domain={[0, 2]} hide />\n <Tooltip content={<FlameTooltip domain={domain} />} cursor={false} />\n <Scatter\n data={data}\n fill={color}\n isAnimationActive={false}\n shape={(props: Record<string, unknown>) => {\n const cx = props.cx as number;\n return (\n <g>\n <rect x={cx - 6} y={0} width={12} height={height} fill=\"transparent\" />\n <rect x={cx - 1.5} y={0} width={3} height={height} fill={color} />\n </g>\n );\n }}\n />\n </ScatterChart>\n </ResponsiveContainer>\n </div>\n </div>\n );\n}\n\ninterface CombinedRowProps {\n label: string;\n areaData: Array<Record<string, number>>;\n areaDataKey: string;\n eventData: Array<{ t: number; event: number; [k: string]: unknown }>;\n color: string;\n gradientId: string;\n domain: TDomain;\n zoomDomain: [number, number];\n threshold?: number;\n height?: number;\n onSelectT?: (t: number) => void;\n}\n\nfunction CombinedRow({\n label,\n areaData,\n areaDataKey,\n eventData,\n color,\n gradientId,\n domain,\n zoomDomain,\n threshold,\n height = 44,\n onSelectT,\n}: CombinedRowProps) {\n const combinedData = toCombinedRowData(areaData, areaDataKey, eventData);\n\n return (\n <div className=\"relative grid grid-cols-[6rem_1fr] items-center border-b border-border/50 hover:z-10\">\n <p className=\"flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground\">\n {label}\n </p>\n <div>\n <ResponsiveContainer width=\"100%\" height={height}>\n <ComposedChart\n margin={{ top: 0, right: 0, bottom: 0, left: 0 }}\n onClick={(state: RechartsClickState) => {\n const t = toSelectedT(state?.activeLabel);\n if (t != null && onSelectT) onSelectT(t);\n }}\n className={onSelectT ? 'cursor-pointer' : undefined}\n >\n <defs>\n <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n <stop offset=\"100%\" stopColor={color} stopOpacity={0.06} />\n </linearGradient>\n </defs>\n <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n <YAxis yAxisId=\"area\" dataKey={areaDataKey} type=\"number\" hide domain={[0, 'dataMax']} />\n <Tooltip content={<FlameTooltip domain={domain} showValue />} cursor={false} />\n <Area\n yAxisId=\"area\"\n data={combinedData}\n type=\"linear\"\n dataKey={areaDataKey}\n stroke={color}\n strokeWidth={1}\n strokeOpacity={0.6}\n fill={`url(#${gradientId})`}\n isAnimationActive={false}\n activeDot={{ r: 5, stroke: color, strokeWidth: 2, fill: '#0a0a0a' }}\n dot={(props: Record<string, unknown>) =>\n isEventPoint(props.payload) ? (\n <circle cx={props.cx as number} cy={props.cy as number} r={4} fill={color} />\n ) : (\n <></>\n )\n }\n />\n {threshold != null && (\n <ReferenceLine yAxisId=\"area\" y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n )}\n </ComposedChart>\n </ResponsiveContainer>\n </div>\n </div>\n );\n}\n\nfunction ZoomTrack({\n tDomain,\n zoomLeft,\n zoomRight,\n onZoomLeftChange,\n onZoomRightChange,\n onReset,\n}: {\n tDomain: TDomain;\n zoomLeft: number;\n zoomRight: number;\n onZoomLeftChange: (ts: number) => void;\n onZoomRightChange: (ts: number) => void;\n onReset: () => void;\n}) {\n const trackRef = useRef<HTMLDivElement>(null);\n const dragging = useRef<'left' \| 'right' \| null>(null);\n\n const range = tDomain.tMax - tDomain.tMin;\n const leftPercent = range > 0 ? ((zoomLeft - tDomain.tMin) / range) 100 : 0;\n const rightPercent = range > 0 ? ((zoomRight - tDomain.tMin) / range) * 100 : 100;\n\n const toTimestamp = useCallback(\n (clientX: number) => {\n const track = trackRef.current;\n if (!track) return null;\n const rect = track.getBoundingClientRect();\n const frac = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n return tDomain.tMin + frac * (tDomain.tMax - tDomain.tMin);\n },\n [tDomain.tMin, tDomain.tMax],\n );\n\n useEffect(() => {\n const onMouseMove = (e: MouseEvent) => {\n if (!dragging.current) return;\n const ts = toTimestamp(e.clientX);\n if (ts == null) return;\n if (dragging.current === 'left') {\n onZoomLeftChange(Math.min(ts, zoomRight));\n } else {\n onZoomRightChange(Math.max(ts, zoomLeft));\n }\n };\n const onMouseUp = () => {\n dragging.current = null;\n };\n window.addEventListener('mousemove', onMouseMove);\n window.addEventListener('mouseup', onMouseUp);\n return () => {\n window.removeEventListener('mousemove', onMouseMove);\n window.removeEventListener('mouseup', onMouseUp);\n };\n }, [toTimestamp, zoomLeft, zoomRight, onZoomLeftChange, onZoomRightChange]);\n\n return (\n <div className=\"grid grid-cols-[6rem_1fr] items-center border-b border-border/50\">\n <div className=\"flex items-center gap-1 self-stretch border-r border-border/50 pl-3\">\n <p className=\"text-meta text-muted-foreground\">Zoom</p>\n <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Reset zoom\" onClick={onReset}>\n <RotateCcw className=\"size-3\" />\n </Button>\n </div>\n <div\n ref={trackRef}\n data-zoom-track=\"\"\n className=\"relative h-6 cursor-pointer select-none\"\n onMouseDown={e => {\n const ts = toTimestamp(e.clientX);\n if (ts == null) return;\n e.preventDefault();\n const distLeft = Math.abs(ts - zoomLeft);\n const distRight = Math.abs(ts - zoomRight);\n if (distLeft <= distRight) {\n onZoomLeftChange(Math.min(ts, zoomRight));\n dragging.current = 'left';\n } else {\n onZoomRightChange(Math.max(ts, zoomLeft));\n dragging.current = 'right';\n }\n }}\n >\n <div\n data-zoom-part=\"before\"\n className=\"absolute inset-y-0 left-0 bg-background/60\"\n style={{ width: `${leftPercent}%` }}\n />\n <div\n data-zoom-part=\"band\"\n className=\"absolute inset-y-0 border-y border-border/30 bg-fill-subtle\"\n style={{ left: `${leftPercent}%`, right: `${100 - rightPercent}%` }}\n />\n <div\n data-zoom-part=\"after\"\n className=\"absolute inset-y-0 right-0 bg-background/60\"\n style={{ width: `${100 - rightPercent}%` }}\n />\n <div\n data-zoom-handle=\"left\"\n className=\"absolute inset-y-0 w-1 cursor-col-resize bg-foreground/50 hover:bg-foreground\"\n style={{ left: `${leftPercent}%`, transform: 'translateX(-50%)' }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n dragging.current = 'left';\n }}\n />\n <div\n data-zoom-handle=\"right\"\n className=\"absolute inset-y-0 w-1 cursor-col-resize bg-foreground/50 hover:bg-foreground\"\n style={{ left: `${rightPercent}%`, transform: 'translateX(-50%)' }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n dragging.current = 'right';\n }}\n />\n </div>\n </div>\n );\n}\n\nconst FALLBACK_DOMAIN: TDomain = { tMin: 0, tMax: 1 };\n\nexport function FlameGraph({\n omRecords,\n markers,\n messages,\n tDomain: tDomainProp,\n observationThreshold,\n reflectionThreshold,\n onSelectTimestamp,\n zoomRange,\n onZoomRangeChange,\n}: FlameGraphProps) {\n const domain = tDomainProp ?? FALLBACK_DOMAIN;\n\n const handleSelectT = useCallback(\n (t: number) => {\n onSelectTimestamp?.(tToTimestampMs(t, domain));\n },\n [onSelectTimestamp, domain],\n );\n\n const isControlled = zoomRange != null && onZoomRangeChange != null;\n const [internalZoomLeft, setInternalZoomLeft] = useState<number>(domain.tMin);\n const [internalZoomRight, setInternalZoomRight] = useState<number>(domain.tMax);\n\n // Reset the internal (uncontrolled) range whenever the domain changes.\n // Controlled callers own resetting via `onZoomRangeChange`.\n useEffect(() => {\n if (isControlled) return;\n setInternalZoomLeft(domain.tMin);\n setInternalZoomRight(domain.tMax);\n }, [domain.tMin, domain.tMax, isControlled]);\n\n const zoomLeft = isControlled ? zoomRange.left : internalZoomLeft;\n const zoomRight = isControlled ? zoomRange.right : internalZoomRight;\n\n const setZoomLeft = useCallback(\n (ts: number) => {\n if (isControlled) onZoomRangeChange({ left: ts, right: zoomRight });\n else setInternalZoomLeft(ts);\n },\n [isControlled, onZoomRangeChange, zoomRight],\n );\n const setZoomRight = useCallback(\n (ts: number) => {\n if (isControlled) onZoomRangeChange({ left: zoomLeft, right: ts });\n else setInternalZoomRight(ts);\n },\n [isControlled, onZoomRangeChange, zoomLeft],\n );\n\n const resetZoom = useCallback(() => {\n if (isControlled) onZoomRangeChange({ left: domain.tMin, right: domain.tMax });\n else {\n setInternalZoomLeft(domain.tMin);\n setInternalZoomRight(domain.tMax);\n }\n }, [isControlled, onZoomRangeChange, domain.tMin, domain.tMax]);\n\n const range = domain.tMax - domain.tMin;\n const zoomTLeft = range > 0 ? (zoomLeft - domain.tMin) / range : 0;\n const zoomTRight = range > 0 ? (zoomRight - domain.tMin) / range : 1;\n const zoomDomain: [number, number] = [zoomTLeft, zoomTRight];\n\n const messageData = useMemo(() => toMessageData(messages, domain), [messages, domain]);\n const contextData = useMemo(() => toContextData(omRecords, markers, domain), [omRecords, markers, domain]);\n const activeObservationData = useMemo(\n () => toActiveObservationData(omRecords, markers, domain),\n [omRecords, markers, domain],\n );\n const bufferedObservationData = useMemo(() => toBufferedObservationData(markers, domain), [markers, domain]);\n const eventData = useMemo(() => toEventData(omRecords, domain), [omRecords, domain]);\n\n const hasData =\n messageData.length > 0 \|\| contextData.length > 0 \|\| activeObservationData.length > 0 \|\| eventData.length > 0;\n\n if (!hasData) return null;\n\n return (\n <div className=\"flex flex-col pr-2 pb-2 [&_.recharts-surface]:outline-none\">\n <CombinedRow\n label=\"Messages\"\n areaData={contextData}\n areaDataKey=\"pendingMessageTokens\"\n eventData={messageData}\n color={MSG_COLOR}\n gradientId=\"grad-messages\"\n domain={domain}\n zoomDomain={zoomDomain}\n threshold={observationThreshold}\n onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n />\n\n <CombinedRow\n label=\"Observations\"\n areaData={activeObservationData}\n areaDataKey=\"observationTokenCount\"\n eventData={eventData}\n color={OBS_COLOR}\n gradientId=\"grad-observations\"\n domain={domain}\n zoomDomain={zoomDomain}\n threshold={reflectionThreshold}\n onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n />\n\n {bufferedObservationData.length > 0 && (\n <AreaRow\n label=\"Buffered obs\"\n data={bufferedObservationData}\n dataKey=\"bufferedObservationTokenCount\"\n color={REFLECT_COLOR}\n gradientId=\"grad-buffered-obs\"\n domain={domain}\n zoomDomain={zoomDomain}\n threshold={reflectionThreshold}\n />\n )}\n\n {eventData.length > 0 && (\n <EventRow label=\"Events\" data={eventData} color={REFLECT_COLOR} domain={domain} zoomDomain={zoomDomain} />\n )}\n\n <TimeAxis domain={domain} />\n\n <ZoomTrack\n tDomain={domain}\n zoomLeft={zoomLeft}\n zoomRight={zoomRight}\n onZoomLeftChange={setZoomLeft}\n onZoomRightChange={setZoomRight}\n onReset={resetZoom}\n />\n </div>\n );\n}\n"],"names":["jsxs","jsx","formatTimeDisplay","tToTimestamp","overlaySurfaceStyle","getAreaRowYMax","ResponsiveContainer","AreaChart","XAxis","YAxis","Tooltip","Area","ReferenceLine","ScatterChart","Scatter","toCombinedRowData","ComposedChart","toSelectedT","isEventPoint","Fragment","useRef","useCallback","useEffect","Button","RotateCcw","tToTimestampMs","useState","useMemo","toMessageData","toContextData","toActiveObservationData","toBufferedObservationData","toEventData"],"mappings":";;;;;;;;;;;;;;AA0DA,MAAM,SAAA,GAAY,iCAAA;AAClB,MAAM,SAAA,GAAY,SAAA;AAClB,MAAM,aAAA,GAAgB,SAAA;AAEtB,SAAS,QAAA,CAAS,EAAE,MAAA,EAAO,EAAwB;AACjD,EAAA,MAAM,QAAQ,CAAC,CAAA,EAAG,IAAA,EAAM,GAAA,EAAK,MAAM,CAAC,CAAA;AACpC,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wCAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+FAAA,EAAgG,QAAA,EAAA,MAAA,EAE7G,CAAA;AAAA,mCACC,KAAA,EAAA,EAAI,SAAA,EAAU,4EAAA,EACZ,QAAA,EAAA,KAAA,CAAM,IAAI,CAAA,CAAA,qBACTA,cAAA,CAAC,MAAA,EAAA,EAAc,QAAA,EAAAC,6CAAA,CAAkBC,yCAAa,CAAA,EAAG,MAAM,CAAC,CAAA,EAAA,EAA7C,CAA+C,CAC3D,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,YAAA,CAAa;AAAA,EAC3B,MAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,EAAS,QAAQ,OAAO,IAAA;AACxC,EAAA,MAAM,CAAA,GAAI,OAAA,CAAQ,CAAC,CAAA,EAAG,OAAA,EAAS,CAAA;AAC/B,EAAA,MAAM,IAAA,GAAO,MAAA,IAAU,IAAA,IAAQ,CAAA,IAAK,IAAA,GAAOD,8CAAkBC,wCAAA,CAAa,CAAA,EAAG,MAAM,CAAC,CAAA,GAAI,IAAA;AACxF,EAAA,MAAM,cAAA,GAAiB,OAAA,CAAQ,MAAA,CAAO,CAAA,KAAA,KAAS,KAAA,CAAM,IAAA,KAAS,GAAA,IAAO,KAAA,CAAM,IAAA,KAAS,MAAA,IAAU,KAAA,CAAM,KAAA,IAAS,IAAI,CAAA;AAEjH,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBACEH,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,EAAGI,4CAAmB,CAAA,8DAAA,CAAA,EACnC,QAAA,EAAA;AAAA,MAAA,IAAA,oBACCJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAA,EACb,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,wBAC5CA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,IAAA,EAAK;AAAA,OAAA,EAC1C,CAAA;AAAA,MAED,eAAe,GAAA,CAAI,CAAA,KAAA,qBAClBD,eAAA,CAAC,KAAA,EAAA,EAAqB,WAAU,yCAAA,EAC9B,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAA,KAAA,CAAM,IAAA,EAAK,CAAA;AAAA,uCACnD,MAAA,EAAA,EAAK,SAAA,EAAU,mBACb,QAAA,EAAA,OAAO,KAAA,CAAM,UAAU,QAAA,GAAW,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA,CAAE,cAAA,KAAmB,MAAA,CAAO,KAAA,CAAM,KAAK,CAAA,EAClG;AAAA,OAAA,EAAA,EAJQ,KAAA,CAAM,IAKhB,CACD;AAAA,KAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,EAAGG,4CAAmB,CAAA,sCAAA,CAAA,EACnC,QAAA,EAAA,IAAA,oBAAQH,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,IAAA,EAAK,CAAA,EACnD,CAAA;AAEJ;AAaA,SAAS,OAAA,CAAQ,EAAE,KAAA,EAAO,IAAA,EAAM,OAAA,EAAS,OAAO,UAAA,EAAY,MAAA,EAAQ,UAAA,EAAY,SAAA,EAAU,EAAiB;AACzG,EAAA,MAAM,IAAA,GAAOI,uDAAA,CAAe,IAAA,EAAM,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACEL,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sFAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+FAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,oBACAA,cAAA,CAAC,SACC,QAAA,kBAAAA,cAAA,CAACK,4BAAA,EAAA,EAAoB,OAAM,MAAA,EAAO,MAAA,EAAQ,IACxC,QAAA,kBAAAN,eAAA,CAACO,kBAAA,EAAA,EAAU,MAAY,MAAA,EAAQ,EAAE,KAAK,CAAA,EAAG,KAAA,EAAO,GAAG,MAAA,EAAQ,CAAA,EAAG,IAAA,EAAM,CAAA,EAAE,EACpE,QAAA,EAAA;AAAA,sBAAAN,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAD,eAAA,CAAC,gBAAA,EAAA,EAAe,EAAA,EAAI,UAAA,EAAY,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EACtD,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,UAAK,MAAA,EAAO,IAAA,EAAK,SAAA,EAAW,KAAA,EAAO,aAAa,IAAA,EAAM,CAAA;AAAA,uCACtD,MAAA,EAAA,EAAK,MAAA,EAAO,QAAO,SAAA,EAAW,KAAA,EAAO,aAAa,IAAA,EAAM;AAAA,OAAA,EAC3D,CAAA,EACF,CAAA;AAAA,sBACAA,cAAA,CAACO,cAAA,EAAA,EAAM,OAAA,EAAQ,GAAA,EAAI,IAAA,EAAK,QAAA,EAAS,MAAA,EAAQ,UAAA,EAAY,iBAAA,EAAiB,IAAA,EAAC,IAAA,EAAI,IAAA,EAAC,CAAA;AAAA,sBAC5EP,cAAA,CAACQ,cAAA,EAAA,EAAM,IAAA,EAAK,QAAA,EAAS,MAAA,EAAQ,IAAA,IAAQ,IAAA,GAAO,CAAC,CAAA,EAAG,IAAI,CAAA,GAAI,MAAA,EAAW,MAAI,IAAA,EAAC,CAAA;AAAA,sBACxER,cAAA;AAAA,QAACS,gBAAA;AAAA,QAAA;AAAA,UACC,OAAA,kBAAST,cAAA,CAAC,YAAA,EAAA,EAAa,MAAA,EAAgB,WAAS,IAAA,EAAC,CAAA;AAAA,UACjD,MAAA,EAAQ,EAAE,MAAA,EAAQ,wBAAA;AAAyB;AAAA,OAC7C;AAAA,sBACAA,cAAA;AAAA,QAACU,aAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA;AAAA,UACA,MAAA,EAAQ,KAAA;AAAA,UACR,WAAA,EAAa,CAAA;AAAA,UACb,aAAA,EAAe,GAAA;AAAA,UACf,IAAA,EAAM,QAAQ,UAAU,CAAA,CAAA,CAAA;AAAA,UACxB,iBAAA,EAAmB;AAAA;AAAA,OACrB;AAAA,MACC,SAAA,IAAa,IAAA,oBACZV,cAAA,CAACW,sBAAA,EAAA,EAAc,CAAA,EAAG,SAAA,EAAW,MAAA,EAAQ,KAAA,EAAO,eAAA,EAAgB,KAAA,EAAM,aAAA,EAAe,GAAA,EAAK;AAAA,KAAA,EAE1F,GACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAWA,SAAS,QAAA,CAAS,EAAE,KAAA,EAAO,IAAA,EAAM,OAAO,MAAA,GAAS,EAAA,EAAI,MAAA,EAAQ,UAAA,EAAW,EAAkB;AACxF,EAAA,uBACEZ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sFAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+FAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,mCACC,KAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAACK,gCAAoB,KAAA,EAAM,MAAA,EAAO,QAChC,QAAA,kBAAAN,eAAA,CAACa,qBAAA,EAAA,EAAa,QAAQ,EAAE,GAAA,EAAK,GAAG,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAG,IAAA,EAAM,GAAE,EAC3D,QAAA,EAAA;AAAA,sBAAAZ,cAAA,CAACO,cAAA,EAAA,EAAM,OAAA,EAAQ,GAAA,EAAI,IAAA,EAAK,QAAA,EAAS,QAAQ,UAAA,EAAY,iBAAA,EAAiB,IAAA,EAAC,IAAA,EAAI,IAAA,EAAC,CAAA;AAAA,sBAC5EP,cAAA,CAACQ,cAAA,EAAA,EAAM,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,QAAA,EAAS,MAAA,EAAQ,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,IAAA,EAAI,IAAA,EAAC,CAAA;AAAA,sBAC1DR,cAAA,CAACS,oBAAQ,OAAA,kBAAST,cAAA,CAAC,gBAAa,MAAA,EAAgB,CAAA,EAAI,QAAQ,KAAA,EAAO,CAAA;AAAA,sBACnEA,cAAA;AAAA,QAACa,gBAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,IAAA,EAAM,KAAA;AAAA,UACN,iBAAA,EAAmB,KAAA;AAAA,UACnB,KAAA,EAAO,CAAC,KAAA,KAAmC;AACzC,YAAA,MAAM,KAAK,KAAA,CAAM,EAAA;AACjB,YAAA,uCACG,GAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAAb,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,EAAA,GAAK,CAAA,EAAG,CAAA,EAAG,GAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAgB,IAAA,EAAK,aAAA,EAAc,CAAA;AAAA,8BACrEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,EAAA,GAAK,GAAA,EAAK,CAAA,EAAG,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,MAAA,EAAgB,IAAA,EAAM,KAAA,EAAO;AAAA,aAAA,EAClE,CAAA;AAAA,UAEJ;AAAA;AAAA;AACF,KAAA,EACF,GACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAgBA,SAAS,WAAA,CAAY;AAAA,EACnB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA,GAAS,EAAA;AAAA,EACT;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,YAAA,GAAec,0DAAA,CAAkB,QAAA,EAAU,WAAA,EAAa,SAAS,CAAA;AAEvE,EAAA,uBACEf,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sFAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+FAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,mCACC,KAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAACK,4BAAA,EAAA,EAAoB,KAAA,EAAM,QAAO,MAAA,EAChC,QAAA,kBAAAN,eAAA;AAAA,MAACgB,sBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,EAAE,GAAA,EAAK,CAAA,EAAG,OAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,IAAA,EAAM,CAAA,EAAE;AAAA,QAC/C,OAAA,EAAS,CAAC,KAAA,KAA8B;AACtC,UAAA,MAAM,CAAA,GAAIC,oDAAA,CAAY,KAAA,EAAO,WAAW,CAAA;AACxC,UAAA,IAAI,CAAA,IAAK,IAAA,IAAQ,SAAA,EAAW,SAAA,CAAU,CAAC,CAAA;AAAA,QACzC,CAAA;AAAA,QACA,SAAA,EAAW,YAAY,gBAAA,GAAmB,MAAA;AAAA,QAE1C,QAAA,EAAA;AAAA,0BAAAhB,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAD,eAAA,CAAC,gBAAA,EAAA,EAAe,EAAA,EAAI,UAAA,EAAY,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EACtD,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,UAAK,MAAA,EAAO,IAAA,EAAK,SAAA,EAAW,KAAA,EAAO,aAAa,IAAA,EAAM,CAAA;AAAA,2CACtD,MAAA,EAAA,EAAK,MAAA,EAAO,QAAO,SAAA,EAAW,KAAA,EAAO,aAAa,IAAA,EAAM;AAAA,WAAA,EAC3D,CAAA,EACF,CAAA;AAAA,0BACAA,cAAA,CAACO,cAAA,EAAA,EAAM,OAAA,EAAQ,GAAA,EAAI,IAAA,EAAK,QAAA,EAAS,MAAA,EAAQ,UAAA,EAAY,iBAAA,EAAiB,IAAA,EAAC,IAAA,EAAI,IAAA,EAAC,CAAA;AAAA,0BAC5EP,cAAA,CAACQ,cAAA,EAAA,EAAM,OAAA,EAAQ,MAAA,EAAO,SAAS,WAAA,EAAa,IAAA,EAAK,QAAA,EAAS,IAAA,EAAI,IAAA,EAAC,MAAA,EAAQ,CAAC,CAAA,EAAG,SAAS,CAAA,EAAG,CAAA;AAAA,0BACvFR,cAAA,CAACS,gBAAA,EAAA,EAAQ,OAAA,kBAAST,cAAA,CAAC,YAAA,EAAA,EAAa,QAAgB,SAAA,EAAS,IAAA,EAAC,CAAA,EAAI,MAAA,EAAQ,KAAA,EAAO,CAAA;AAAA,0BAC7EA,cAAA;AAAA,YAACU,aAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,MAAA;AAAA,cACR,IAAA,EAAM,YAAA;AAAA,cACN,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,WAAA;AAAA,cACT,MAAA,EAAQ,KAAA;AAAA,cACR,WAAA,EAAa,CAAA;AAAA,cACb,aAAA,EAAe,GAAA;AAAA,cACf,IAAA,EAAM,QAAQ,UAAU,CAAA,CAAA,CAAA;AAAA,cACxB,iBAAA,EAAmB,KAAA;AAAA,cACnB,SAAA,EAAW,EAAE,CAAA,EAAG,CAAA,EAAG,QAAQ,KAAA,EAAO,WAAA,EAAa,CAAA,EAAG,IAAA,EAAM,SAAA,EAAU;AAAA,cAClE,GAAA,EAAK,CAAC,KAAA,KACJO,qDAAA,CAAa,MAAM,OAAO,CAAA,kCACvB,QAAA,EAAA,EAAO,EAAA,EAAI,MAAM,EAAA,EAAc,EAAA,EAAI,MAAM,EAAA,EAAc,CAAA,EAAG,GAAG,IAAA,EAAM,KAAA,EAAO,oBAE3EjB,cAAA,CAAAkB,mBAAA,EAAA,EAAE;AAAA;AAAA,WAGR;AAAA,UACC,SAAA,IAAa,IAAA,oBACZlB,cAAA,CAACW,sBAAA,EAAA,EAAc,OAAA,EAAQ,MAAA,EAAO,CAAA,EAAG,SAAA,EAAW,MAAA,EAAQ,KAAA,EAAO,eAAA,EAAgB,KAAA,EAAM,eAAe,GAAA,EAAK;AAAA;AAAA;AAAA,OAG3G,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,SAAA,CAAU;AAAA,EACjB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,MAAM,QAAA,GAAWQ,aAAuB,IAAI,CAAA;AAC5C,EAAA,MAAM,QAAA,GAAWA,aAAgC,IAAI,CAAA;AAErD,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,IAAA,GAAO,OAAA,CAAQ,IAAA;AACrC,EAAA,MAAM,cAAc,KAAA,GAAQ,CAAA,GAAA,CAAM,WAAW,OAAA,CAAQ,IAAA,IAAQ,QAAS,GAAA,GAAM,CAAA;AAC5E,EAAA,MAAM,eAAe,KAAA,GAAQ,CAAA,GAAA,CAAM,YAAY,OAAA,CAAQ,IAAA,IAAQ,QAAS,GAAA,GAAM,GAAA;AAE9E,EAAA,MAAM,WAAA,GAAcC,iBAAA;AAAA,IAClB,CAAC,OAAA,KAAoB;AACnB,MAAA,MAAM,QAAQ,QAAA,CAAS,OAAA;AACvB,MAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,MAAA,MAAM,IAAA,GAAO,MAAM,qBAAA,EAAsB;AACzC,MAAA,MAAM,IAAA,GAAO,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,CAAA,EAAA,CAAI,OAAA,GAAU,IAAA,CAAK,IAAA,IAAQ,IAAA,CAAK,KAAK,CAAC,CAAA;AACxE,MAAA,OAAO,OAAA,CAAQ,IAAA,GAAO,IAAA,IAAQ,OAAA,CAAQ,OAAO,OAAA,CAAQ,IAAA,CAAA;AAAA,IACvD,CAAA;AAAA,IACA,CAAC,OAAA,CAAQ,IAAA,EAAM,OAAA,CAAQ,IAAI;AAAA,GAC7B;AAEA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAAkB;AACrC,MAAA,IAAI,CAAC,SAAS,OAAA,EAAS;AACvB,MAAA,MAAM,EAAA,GAAK,WAAA,CAAY,CAAA,CAAE,OAAO,CAAA;AAChC,MAAA,IAAI,MAAM,IAAA,EAAM;AAChB,MAAA,IAAI,QAAA,CAAS,YAAY,MAAA,EAAQ;AAC/B,QAAA,gBAAA,CAAiB,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,SAAS,CAAC,CAAA;AAAA,MAC1C,CAAA,MAAO;AACL,QAAA,iBAAA,CAAkB,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,QAAQ,CAAC,CAAA;AAAA,MAC1C;AAAA,IACF,CAAA;AACA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AAAA,IACrB,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,aAAa,WAAW,CAAA;AAChD,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC5C,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,aAAa,WAAW,CAAA;AACnD,MAAA,MAAA,CAAO,mBAAA,CAAoB,WAAW,SAAS,CAAA;AAAA,IACjD,CAAA;AAAA,EACF,GAAG,CAAC,WAAA,EAAa,UAAU,SAAA,EAAW,gBAAA,EAAkB,iBAAiB,CAAC,CAAA;AAE1E,EAAA,uBACEtB,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kEAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qEAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iCAAA,EAAkC,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,sBACnDA,cAAA,CAACsB,aAAA,EAAA,EAAO,OAAA,EAAQ,OAAA,EAAQ,MAAK,SAAA,EAAU,YAAA,EAAW,YAAA,EAAa,OAAA,EAAS,OAAA,EACtE,QAAA,kBAAAtB,cAAA,CAACuB,qBAAA,EAAA,EAAU,SAAA,EAAU,UAAS,CAAA,EAChC;AAAA,KAAA,EACF,CAAA;AAAA,oBACAxB,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,QAAA;AAAA,QACL,iBAAA,EAAgB,EAAA;AAAA,QAChB,SAAA,EAAU,yCAAA;AAAA,QACV,aAAa,CAAA,CAAA,KAAK;AAChB,UAAA,MAAM,EAAA,GAAK,WAAA,CAAY,CAAA,CAAE,OAAO,CAAA;AAChC,UAAA,IAAI,MAAM,IAAA,EAAM;AAChB,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,MAAM,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,EAAA,GAAK,QAAQ,CAAA;AACvC,UAAA,MAAM,SAAA,GAAY,IAAA,CAAK,GAAA,CAAI,EAAA,GAAK,SAAS,CAAA;AACzC,UAAA,IAAI,YAAY,SAAA,EAAW;AACzB,YAAA,gBAAA,CAAiB,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,SAAS,CAAC,CAAA;AACxC,YAAA,QAAA,CAAS,OAAA,GAAU,MAAA;AAAA,UACrB,CAAA,MAAO;AACL,YAAA,iBAAA,CAAkB,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,QAAQ,CAAC,CAAA;AACxC,YAAA,QAAA,CAAS,OAAA,GAAU,OAAA;AAAA,UACrB;AAAA,QACF,CAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAe,QAAA;AAAA,cACf,SAAA,EAAU,4CAAA;AAAA,cACV,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,WAAW,CAAA,CAAA,CAAA;AAAI;AAAA,WACpC;AAAA,0BACAA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAe,MAAA;AAAA,cACf,SAAA,EAAU,6DAAA;AAAA,cACV,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAG,WAAW,KAAK,KAAA,EAAO,CAAA,EAAG,GAAA,GAAM,YAAY,CAAA,CAAA,CAAA;AAAI;AAAA,WACpE;AAAA,0BACAA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAe,OAAA;AAAA,cACf,SAAA,EAAU,6CAAA;AAAA,cACV,OAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAA,GAAM,YAAY,CAAA,CAAA,CAAA;AAAI;AAAA,WAC3C;AAAA,0BACAA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,kBAAA,EAAiB,MAAA;AAAA,cACjB,SAAA,EAAU,+EAAA;AAAA,cACV,OAAO,EAAE,IAAA,EAAM,GAAG,WAAW,CAAA,CAAA,CAAA,EAAK,WAAW,kBAAA,EAAmB;AAAA,cAChE,aAAa,CAAA,CAAA,KAAK;AAChB,gBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,gBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,gBAAA,QAAA,CAAS,OAAA,GAAU,MAAA;AAAA,cACrB;AAAA;AAAA,WACF;AAAA,0BACAA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,kBAAA,EAAiB,OAAA;AAAA,cACjB,SAAA,EAAU,+EAAA;AAAA,cACV,OAAO,EAAE,IAAA,EAAM,GAAG,YAAY,CAAA,CAAA,CAAA,EAAK,WAAW,kBAAA,EAAmB;AAAA,cACjE,aAAa,CAAA,CAAA,KAAK;AAChB,gBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,gBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,gBAAA,QAAA,CAAS,OAAA,GAAU,OAAA;AAAA,cACrB;AAAA;AAAA;AACF;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAEA,MAAM,eAAA,GAA2B,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,CAAA,EAAE;AAE7C,SAAS,UAAA,CAAW;AAAA,EACzB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,EAAS,WAAA;AAAA,EACT,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAoB;AAClB,EAAA,MAAM,SAAS,WAAA,IAAe,eAAA;AAE9B,EAAA,MAAM,aAAA,GAAgBoB,iBAAA;AAAA,IACpB,CAAC,CAAA,KAAc;AACb,MAAA,iBAAA,GAAoBI,iDAAA,CAAe,CAAA,EAAG,MAAM,CAAC,CAAA;AAAA,IAC/C,CAAA;AAAA,IACA,CAAC,mBAAmB,MAAM;AAAA,GAC5B;AAEA,EAAA,MAAM,YAAA,GAAe,SAAA,IAAa,IAAA,IAAQ,iBAAA,IAAqB,IAAA;AAC/D,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAIC,cAAA,CAAiB,OAAO,IAAI,CAAA;AAC5E,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAIA,cAAA,CAAiB,OAAO,IAAI,CAAA;AAI9E,EAAAJ,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAA,EAAc;AAClB,IAAA,mBAAA,CAAoB,OAAO,IAAI,CAAA;AAC/B,IAAA,oBAAA,CAAqB,OAAO,IAAI,CAAA;AAAA,EAClC,GAAG,CAAC,MAAA,CAAO,MAAM,MAAA,CAAO,IAAA,EAAM,YAAY,CAAC,CAAA;AAE3C,EAAA,MAAM,QAAA,GAAW,YAAA,GAAe,SAAA,CAAU,IAAA,GAAO,gBAAA;AACjD,EAAA,MAAM,SAAA,GAAY,YAAA,GAAe,SAAA,CAAU,KAAA,GAAQ,iBAAA;AAEnD,EAAA,MAAM,WAAA,GAAcD,iBAAA;AAAA,IAClB,CAAC,EAAA,KAAe;AACd,MAAA,IAAI,cAAc,iBAAA,CAAkB,EAAE,MAAM,EAAA,EAAI,KAAA,EAAO,WAAW,CAAA;AAAA,+BACzC,EAAE,CAAA;AAAA,IAC7B,CAAA;AAAA,IACA,CAAC,YAAA,EAAc,iBAAA,EAAmB,SAAS;AAAA,GAC7C;AACA,EAAA,MAAM,YAAA,GAAeA,iBAAA;AAAA,IACnB,CAAC,EAAA,KAAe;AACd,MAAA,IAAI,cAAc,iBAAA,CAAkB,EAAE,MAAM,QAAA,EAAU,KAAA,EAAO,IAAI,CAAA;AAAA,gCACvC,EAAE,CAAA;AAAA,IAC9B,CAAA;AAAA,IACA,CAAC,YAAA,EAAc,iBAAA,EAAmB,QAAQ;AAAA,GAC5C;AAEA,EAAA,MAAM,SAAA,GAAYA,kBAAY,MAAM;AAClC,IAAA,IAAI,YAAA,oBAAgC,EAAE,IAAA,EAAM,OAAO,IAAA,EAAM,KAAA,EAAO,MAAA,CAAO,IAAA,EAAM,CAAA;AAAA,SACxE;AACH,MAAA,mBAAA,CAAoB,OAAO,IAAI,CAAA;AAC/B,MAAA,oBAAA,CAAqB,OAAO,IAAI,CAAA;AAAA,IAClC;AAAA,EACF,CAAA,EAAG,CAAC,YAAA,EAAc,iBAAA,EAAmB,OAAO,IAAA,EAAM,MAAA,CAAO,IAAI,CAAC,CAAA;AAE9D,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,IAAA,GAAO,MAAA,CAAO,IAAA;AACnC,EAAA,MAAM,YAAY,KAAA,GAAQ,CAAA,GAAA,CAAK,QAAA,GAAW,MAAA,CAAO,QAAQ,KAAA,GAAQ,CAAA;AACjE,EAAA,MAAM,aAAa,KAAA,GAAQ,CAAA,GAAA,CAAK,SAAA,GAAY,MAAA,CAAO,QAAQ,KAAA,GAAQ,CAAA;AACnE,EAAA,MAAM,UAAA,GAA+B,CAAC,SAAA,EAAW,UAAU,CAAA;AAE3D,EAAA,MAAM,WAAA,GAAcM,aAAA,CAAQ,MAAMC,sDAAA,CAAc,QAAA,EAAU,MAAM,CAAA,EAAG,CAAC,QAAA,EAAU,MAAM,CAAC,CAAA;AACrF,EAAA,MAAM,WAAA,GAAcD,aAAA,CAAQ,MAAME,sDAAA,CAAc,SAAA,EAAW,OAAA,EAAS,MAAM,CAAA,EAAG,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM,CAAC,CAAA;AACzG,EAAA,MAAM,qBAAA,GAAwBF,aAAA;AAAA,IAC5B,MAAMG,gEAAA,CAAwB,SAAA,EAAW,OAAA,EAAS,MAAM,CAAA;AAAA,IACxD,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GAC7B;AACA,EAAA,MAAM,uBAAA,GAA0BH,aAAA,CAAQ,MAAMI,kEAAA,CAA0B,OAAA,EAAS,MAAM,CAAA,EAAG,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAC3G,EAAA,MAAM,SAAA,GAAYJ,aAAA,CAAQ,MAAMK,oDAAA,CAAY,SAAA,EAAW,MAAM,CAAA,EAAG,CAAC,SAAA,EAAW,MAAM,CAAC,CAAA;AAEnF,EAAA,MAAM,OAAA,GACJ,WAAA,CAAY,MAAA,GAAS,CAAA,IAAK,WAAA,CAAY,MAAA,GAAS,CAAA,IAAK,qBAAA,CAAsB,MAAA,GAAS,CAAA,IAAK,SAAA,CAAU,MAAA,GAAS,CAAA;AAE7G,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAErB,EAAA,uBACEhC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,UAAA;AAAA,QACN,QAAA,EAAU,WAAA;AAAA,QACV,WAAA,EAAY,sBAAA;AAAA,QACZ,SAAA,EAAW,WAAA;AAAA,QACX,KAAA,EAAO,SAAA;AAAA,QACP,UAAA,EAAW,eAAA;AAAA,QACX,MAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA,EAAW,oBAAA;AAAA,QACX,SAAA,EAAW,oBAAoB,aAAA,GAAgB;AAAA;AAAA,KACjD;AAAA,oBAEAA,cAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,cAAA;AAAA,QACN,QAAA,EAAU,qBAAA;AAAA,QACV,WAAA,EAAY,uBAAA;AAAA,QACZ,SAAA;AAAA,QACA,KAAA,EAAO,SAAA;AAAA,QACP,UAAA,EAAW,mBAAA;AAAA,QACX,MAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA,EAAW,mBAAA;AAAA,QACX,SAAA,EAAW,oBAAoB,aAAA,GAAgB;AAAA;AAAA,KACjD;AAAA,IAEC,uBAAA,CAAwB,SAAS,CAAA,oBAChCA,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,cAAA;AAAA,QACN,IAAA,EAAM,uBAAA;AAAA,QACN,OAAA,EAAQ,+BAAA;AAAA,QACR,KAAA,EAAO,aAAA;AAAA,QACP,UAAA,EAAW,mBAAA;AAAA,QACX,MAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA,EAAW;AAAA;AAAA,KACb;AAAA,IAGD,SAAA,CAAU,MAAA,GAAS,CAAA,oBAClBA,cAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAM,QAAA,EAAS,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,aAAA,EAAe,MAAA,EAAgB,UAAA,EAAwB,CAAA;AAAA,oBAG1GA,cAAA,CAAC,YAAS,MAAA,EAAgB,CAAA;AAAA,oBAE1BA,cAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,MAAA;AAAA,QACT,QAAA;AAAA,QACA,SAAA;AAAA,QACA,gBAAA,EAAkB,WAAA;AAAA,QAClB,iBAAA,EAAmB,YAAA;AAAA,QACnB,OAAA,EAAS;AAAA;AAAA;AACX,GAAA,EACF,CAAA;AAEJ;;;;;"}
1	+ {"version":3,"file":"flame-graph.cjs.js","sources":["../../../../src/domains/memory/components/flame-graph.tsx"],"sourcesContent":["import { RotateCcw } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n Area,\n AreaChart,\n ComposedChart,\n ReferenceLine,\n ResponsiveContainer,\n Scatter,\n ScatterChart,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\n\nimport { Button } from '../../../ds/components/Button';\nimport { Txt } from '../../../ds/components/Txt';\nimport { overlaySurfaceStyle } from '../../../ds/primitives/raised-surface';\nimport type { ExtractedOmMarker } from '../lib/extract-markers';\nimport { tToTimestampMs } from '../lib/replay-selection';\nimport type { TDomain } from '../lib/timeline';\nimport { tToTimestamp } from '../lib/timeline';\nimport type { MemoryMessage, OMHistoryRecord } from '../types';\nimport {\n getAreaRowYMax,\n isEventPoint,\n toActiveObservationData,\n toBufferedObservationData,\n toCombinedRowData,\n toContextData,\n toEventData,\n toMessageData,\n toSelectedT,\n} from './flame-graph-data';\nimport { formatDate } from '@/utils/date-format';\n\nexport interface ZoomRange {\n left: number;\n right: number;\n}\n\ninterface FlameGraphProps {\n omRecords: OMHistoryRecord[];\n markers: ExtractedOmMarker[];\n messages: MemoryMessage[];\n tDomain: TDomain;\n observationThreshold?: number;\n reflectionThreshold?: number;\n onSelectTimestamp?: (timestamp: number \| null) => void;\n /*\n Controlled zoom range (epoch ms). When provided together with\n * `onZoomRangeChange`, the caller owns the range and the graph becomes a\n * controlled component; otherwise the range is managed internally.\n /\n zoomRange?: ZoomRange;\n onZoomRangeChange?: (range: ZoomRange) => void;\n}\n\ntype RechartsClickState = { activeLabel?: string \| number } \| null \| undefined;\n\nconst MSG_COLOR = 'var(--color-green-500, #22c55e)';\nconst OBS_COLOR = '#f59e0b';\nconst REFLECT_COLOR = '#ec4899';\n\nfunction TimeAxis({ domain }: { domain: TDomain }) {\n const ticks = [0, 0.25, 0.5, 0.75, 1];\n return (\n <div className=\"grid grid-cols-[6rem_1fr] items-center\">\n <p className=\"flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground\">\n Time\n </p>\n <div className=\"flex justify-between px-1 py-1.5 text-meta text-muted-foreground\">\n {ticks.map(t => (\n <Txt key={t} as=\"span\" variant=\"meta\" font=\"mono\">\n {formatDate(tToTimestamp(t, domain), 'date-time-seconds', { timeZone: 'UTC' })}\n </Txt>\n ))}\n </div>\n </div>\n );\n}\n\nexport function FlameTooltip({\n active,\n payload,\n domain,\n showValue,\n}: {\n active?: boolean;\n payload?: Array<{ value: unknown; name: string; payload?: { t?: number } }>;\n domain?: TDomain;\n showValue?: boolean;\n}) {\n if (!active \|\| !payload?.length) return null;\n const t = payload[0]?.payload?.t;\n const time =\n domain != null && t != null ? formatDate(tToTimestamp(t, domain), 'date-time-seconds', { timeZone: 'UTC' }) : null;\n const visibleEntries = payload.filter(entry => entry.name !== 't' && entry.name !== 'time' && entry.value != null);\n\n if (showValue) {\n return (\n <div className={`${overlaySurfaceStyle} flex flex-col gap-0.5 rounded px-2 py-1.5 text-meta tabular-nums`}>\n {time && (\n <div className=\"flex items-center justify-between gap-3\">\n <span className=\"text-muted-foreground\">time</span>\n <Txt as=\"span\" variant=\"meta\" font=\"mono\" tone=\"ink\">\n {time}\n </Txt>\n </div>\n )}\n {visibleEntries.map(entry => (\n <div key={entry.name} className=\"flex items-center justify-between gap-3\">\n <span className=\"text-muted-foreground\">{entry.name}</span>\n <span className=\"text-foreground\">\n {typeof entry.value === 'number' ? Math.round(entry.value).toLocaleString() : String(entry.value)}\n </span>\n </div>\n ))}\n </div>\n );\n }\n\n return (\n <div className={`${overlaySurfaceStyle} rounded px-2 py-1 text-meta`}>\n {time && (\n <Txt as=\"span\" variant=\"meta\" font=\"mono\" tone=\"ink\">\n {time}\n </Txt>\n )}\n </div>\n );\n}\n\ninterface AreaRowProps {\n label: string;\n data: Array<{ t: number; [k: string]: unknown }>;\n dataKey: string;\n color: string;\n gradientId: string;\n domain: TDomain;\n zoomDomain: [number, number];\n threshold?: number;\n}\n\nfunction AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain, threshold }: AreaRowProps) {\n const yMax = getAreaRowYMax(data, dataKey, threshold);\n\n return (\n <div className=\"relative grid grid-cols-[6rem_1fr] items-center border-b border-border/50 hover:z-10\">\n <p className=\"flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground\">\n {label}\n </p>\n <div>\n <ResponsiveContainer width=\"100%\" height={32}>\n <AreaChart data={data} margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n <defs>\n <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n <stop offset=\"100%\" stopColor={color} stopOpacity={0.03} />\n </linearGradient>\n </defs>\n <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n <YAxis type=\"number\" domain={yMax != null ? [0, yMax] : undefined} hide />\n <Tooltip\n content={<FlameTooltip domain={domain} showValue />}\n cursor={{ stroke: 'rgba(255,255,255,0.08)' }}\n />\n <Area\n type=\"linear\"\n dataKey={dataKey}\n stroke={color}\n strokeWidth={1}\n strokeOpacity={0.6}\n fill={`url(#${gradientId})`}\n isAnimationActive={false}\n />\n {threshold != null && (\n <ReferenceLine y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n )}\n </AreaChart>\n </ResponsiveContainer>\n </div>\n </div>\n );\n}\n\ninterface EventRowProps {\n label: string;\n data: Array<{ t: number; event: number; [k: string]: unknown }>;\n color: string;\n height?: number;\n domain: TDomain;\n zoomDomain: [number, number];\n}\n\nfunction EventRow({ label, data, color, height = 32, domain, zoomDomain }: EventRowProps) {\n return (\n <div className=\"relative grid grid-cols-[6rem_1fr] items-center border-b border-border/50 hover:z-10\">\n <p className=\"flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground\">\n {label}\n </p>\n <div>\n <ResponsiveContainer width=\"100%\" height={height}>\n <ScatterChart margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n <YAxis dataKey=\"event\" type=\"number\" domain={[0, 2]} hide />\n <Tooltip content={<FlameTooltip domain={domain} />} cursor={false} />\n <Scatter\n data={data}\n fill={color}\n isAnimationActive={false}\n shape={(props: Record<string, unknown>) => {\n const cx = props.cx as number;\n return (\n <g>\n <rect x={cx - 6} y={0} width={12} height={height} fill=\"transparent\" />\n <rect x={cx - 1.5} y={0} width={3} height={height} fill={color} />\n </g>\n );\n }}\n />\n </ScatterChart>\n </ResponsiveContainer>\n </div>\n </div>\n );\n}\n\ninterface CombinedRowProps {\n label: string;\n areaData: Array<Record<string, number>>;\n areaDataKey: string;\n eventData: Array<{ t: number; event: number; [k: string]: unknown }>;\n color: string;\n gradientId: string;\n domain: TDomain;\n zoomDomain: [number, number];\n threshold?: number;\n height?: number;\n onSelectT?: (t: number) => void;\n}\n\nfunction CombinedRow({\n label,\n areaData,\n areaDataKey,\n eventData,\n color,\n gradientId,\n domain,\n zoomDomain,\n threshold,\n height = 44,\n onSelectT,\n}: CombinedRowProps) {\n const combinedData = toCombinedRowData(areaData, areaDataKey, eventData);\n\n return (\n <div className=\"relative grid grid-cols-[6rem_1fr] items-center border-b border-border/50 hover:z-10\">\n <p className=\"flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground\">\n {label}\n </p>\n <div>\n <ResponsiveContainer width=\"100%\" height={height}>\n <ComposedChart\n margin={{ top: 0, right: 0, bottom: 0, left: 0 }}\n onClick={(state: RechartsClickState) => {\n const t = toSelectedT(state?.activeLabel);\n if (t != null && onSelectT) onSelectT(t);\n }}\n className={onSelectT ? 'cursor-pointer' : undefined}\n >\n <defs>\n <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n <stop offset=\"100%\" stopColor={color} stopOpacity={0.06} />\n </linearGradient>\n </defs>\n <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n <YAxis yAxisId=\"area\" dataKey={areaDataKey} type=\"number\" hide domain={[0, 'dataMax']} />\n <Tooltip content={<FlameTooltip domain={domain} showValue />} cursor={false} />\n <Area\n yAxisId=\"area\"\n data={combinedData}\n type=\"linear\"\n dataKey={areaDataKey}\n stroke={color}\n strokeWidth={1}\n strokeOpacity={0.6}\n fill={`url(#${gradientId})`}\n isAnimationActive={false}\n activeDot={{ r: 5, stroke: color, strokeWidth: 2, fill: '#0a0a0a' }}\n dot={(props: Record<string, unknown>) =>\n isEventPoint(props.payload) ? (\n <circle cx={props.cx as number} cy={props.cy as number} r={4} fill={color} />\n ) : (\n <></>\n )\n }\n />\n {threshold != null && (\n <ReferenceLine yAxisId=\"area\" y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n )}\n </ComposedChart>\n </ResponsiveContainer>\n </div>\n </div>\n );\n}\n\nfunction ZoomTrack({\n tDomain,\n zoomLeft,\n zoomRight,\n onZoomLeftChange,\n onZoomRightChange,\n onReset,\n}: {\n tDomain: TDomain;\n zoomLeft: number;\n zoomRight: number;\n onZoomLeftChange: (ts: number) => void;\n onZoomRightChange: (ts: number) => void;\n onReset: () => void;\n}) {\n const trackRef = useRef<HTMLDivElement>(null);\n const dragging = useRef<'left' \| 'right' \| null>(null);\n\n const range = tDomain.tMax - tDomain.tMin;\n const leftPercent = range > 0 ? ((zoomLeft - tDomain.tMin) / range) 100 : 0;\n const rightPercent = range > 0 ? ((zoomRight - tDomain.tMin) / range) * 100 : 100;\n\n const toTimestamp = useCallback(\n (clientX: number) => {\n const track = trackRef.current;\n if (!track) return null;\n const rect = track.getBoundingClientRect();\n const frac = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n return tDomain.tMin + frac * (tDomain.tMax - tDomain.tMin);\n },\n [tDomain.tMin, tDomain.tMax],\n );\n\n useEffect(() => {\n const onMouseMove = (e: MouseEvent) => {\n if (!dragging.current) return;\n const ts = toTimestamp(e.clientX);\n if (ts == null) return;\n if (dragging.current === 'left') {\n onZoomLeftChange(Math.min(ts, zoomRight));\n } else {\n onZoomRightChange(Math.max(ts, zoomLeft));\n }\n };\n const onMouseUp = () => {\n dragging.current = null;\n };\n window.addEventListener('mousemove', onMouseMove);\n window.addEventListener('mouseup', onMouseUp);\n return () => {\n window.removeEventListener('mousemove', onMouseMove);\n window.removeEventListener('mouseup', onMouseUp);\n };\n }, [toTimestamp, zoomLeft, zoomRight, onZoomLeftChange, onZoomRightChange]);\n\n return (\n <div className=\"grid grid-cols-[6rem_1fr] items-center border-b border-border/50\">\n <div className=\"flex items-center gap-1 self-stretch border-r border-border/50 pl-3\">\n <p className=\"text-meta text-muted-foreground\">Zoom</p>\n <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Reset zoom\" onClick={onReset}>\n <RotateCcw className=\"size-3\" />\n </Button>\n </div>\n <div\n ref={trackRef}\n data-zoom-track=\"\"\n className=\"relative h-6 cursor-pointer select-none\"\n onMouseDown={e => {\n const ts = toTimestamp(e.clientX);\n if (ts == null) return;\n e.preventDefault();\n const distLeft = Math.abs(ts - zoomLeft);\n const distRight = Math.abs(ts - zoomRight);\n if (distLeft <= distRight) {\n onZoomLeftChange(Math.min(ts, zoomRight));\n dragging.current = 'left';\n } else {\n onZoomRightChange(Math.max(ts, zoomLeft));\n dragging.current = 'right';\n }\n }}\n >\n <div\n data-zoom-part=\"before\"\n className=\"absolute inset-y-0 left-0 bg-background/60\"\n style={{ width: `${leftPercent}%` }}\n />\n <div\n data-zoom-part=\"band\"\n className=\"absolute inset-y-0 border-y border-border/30 bg-fill-subtle\"\n style={{ left: `${leftPercent}%`, right: `${100 - rightPercent}%` }}\n />\n <div\n data-zoom-part=\"after\"\n className=\"absolute inset-y-0 right-0 bg-background/60\"\n style={{ width: `${100 - rightPercent}%` }}\n />\n <div\n data-zoom-handle=\"left\"\n className=\"absolute inset-y-0 w-1 cursor-col-resize bg-foreground/50 hover:bg-foreground\"\n style={{ left: `${leftPercent}%`, transform: 'translateX(-50%)' }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n dragging.current = 'left';\n }}\n />\n <div\n data-zoom-handle=\"right\"\n className=\"absolute inset-y-0 w-1 cursor-col-resize bg-foreground/50 hover:bg-foreground\"\n style={{ left: `${rightPercent}%`, transform: 'translateX(-50%)' }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n dragging.current = 'right';\n }}\n />\n </div>\n </div>\n );\n}\n\nconst FALLBACK_DOMAIN: TDomain = { tMin: 0, tMax: 1 };\n\nexport function FlameGraph({\n omRecords,\n markers,\n messages,\n tDomain: tDomainProp,\n observationThreshold,\n reflectionThreshold,\n onSelectTimestamp,\n zoomRange,\n onZoomRangeChange,\n}: FlameGraphProps) {\n const domain = tDomainProp ?? FALLBACK_DOMAIN;\n\n const handleSelectT = useCallback(\n (t: number) => {\n onSelectTimestamp?.(tToTimestampMs(t, domain));\n },\n [onSelectTimestamp, domain],\n );\n\n const isControlled = zoomRange != null && onZoomRangeChange != null;\n const [internalZoomLeft, setInternalZoomLeft] = useState<number>(domain.tMin);\n const [internalZoomRight, setInternalZoomRight] = useState<number>(domain.tMax);\n\n // Reset the internal (uncontrolled) range whenever the domain changes.\n // Controlled callers own resetting via `onZoomRangeChange`.\n useEffect(() => {\n if (isControlled) return;\n setInternalZoomLeft(domain.tMin);\n setInternalZoomRight(domain.tMax);\n }, [domain.tMin, domain.tMax, isControlled]);\n\n const zoomLeft = isControlled ? zoomRange.left : internalZoomLeft;\n const zoomRight = isControlled ? zoomRange.right : internalZoomRight;\n\n const setZoomLeft = useCallback(\n (ts: number) => {\n if (isControlled) onZoomRangeChange({ left: ts, right: zoomRight });\n else setInternalZoomLeft(ts);\n },\n [isControlled, onZoomRangeChange, zoomRight],\n );\n const setZoomRight = useCallback(\n (ts: number) => {\n if (isControlled) onZoomRangeChange({ left: zoomLeft, right: ts });\n else setInternalZoomRight(ts);\n },\n [isControlled, onZoomRangeChange, zoomLeft],\n );\n\n const resetZoom = useCallback(() => {\n if (isControlled) onZoomRangeChange({ left: domain.tMin, right: domain.tMax });\n else {\n setInternalZoomLeft(domain.tMin);\n setInternalZoomRight(domain.tMax);\n }\n }, [isControlled, onZoomRangeChange, domain.tMin, domain.tMax]);\n\n const range = domain.tMax - domain.tMin;\n const zoomTLeft = range > 0 ? (zoomLeft - domain.tMin) / range : 0;\n const zoomTRight = range > 0 ? (zoomRight - domain.tMin) / range : 1;\n const zoomDomain: [number, number] = [zoomTLeft, zoomTRight];\n\n const messageData = useMemo(() => toMessageData(messages, domain), [messages, domain]);\n const contextData = useMemo(() => toContextData(omRecords, markers, domain), [omRecords, markers, domain]);\n const activeObservationData = useMemo(\n () => toActiveObservationData(omRecords, markers, domain),\n [omRecords, markers, domain],\n );\n const bufferedObservationData = useMemo(() => toBufferedObservationData(markers, domain), [markers, domain]);\n const eventData = useMemo(() => toEventData(omRecords, domain), [omRecords, domain]);\n\n const hasData =\n messageData.length > 0 \|\| contextData.length > 0 \|\| activeObservationData.length > 0 \|\| eventData.length > 0;\n\n if (!hasData) return null;\n\n return (\n <div className=\"flex flex-col pr-2 pb-2 [&_.recharts-surface]:outline-none\">\n <CombinedRow\n label=\"Messages\"\n areaData={contextData}\n areaDataKey=\"pendingMessageTokens\"\n eventData={messageData}\n color={MSG_COLOR}\n gradientId=\"grad-messages\"\n domain={domain}\n zoomDomain={zoomDomain}\n threshold={observationThreshold}\n onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n />\n\n <CombinedRow\n label=\"Observations\"\n areaData={activeObservationData}\n areaDataKey=\"observationTokenCount\"\n eventData={eventData}\n color={OBS_COLOR}\n gradientId=\"grad-observations\"\n domain={domain}\n zoomDomain={zoomDomain}\n threshold={reflectionThreshold}\n onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n />\n\n {bufferedObservationData.length > 0 && (\n <AreaRow\n label=\"Buffered obs\"\n data={bufferedObservationData}\n dataKey=\"bufferedObservationTokenCount\"\n color={REFLECT_COLOR}\n gradientId=\"grad-buffered-obs\"\n domain={domain}\n zoomDomain={zoomDomain}\n threshold={reflectionThreshold}\n />\n )}\n\n {eventData.length > 0 && (\n <EventRow label=\"Events\" data={eventData} color={REFLECT_COLOR} domain={domain} zoomDomain={zoomDomain} />\n )}\n\n <TimeAxis domain={domain} />\n\n <ZoomTrack\n tDomain={domain}\n zoomLeft={zoomLeft}\n zoomRight={zoomRight}\n onZoomLeftChange={setZoomLeft}\n onZoomRightChange={setZoomRight}\n onReset={resetZoom}\n />\n </div>\n );\n}\n"],"names":["jsxs","jsx","Txt","formatDate","tToTimestamp","overlaySurfaceStyle","getAreaRowYMax","ResponsiveContainer","AreaChart","XAxis","YAxis","Tooltip","Area","ReferenceLine","ScatterChart","Scatter","toCombinedRowData","ComposedChart","toSelectedT","isEventPoint","Fragment","useRef","useCallback","useEffect","Button","RotateCcw","tToTimestampMs","useState","useMemo","toMessageData","toContextData","toActiveObservationData","toBufferedObservationData","toEventData"],"mappings":"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"}

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

@@ -3,10 +3,12 @@ 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-B8nF87ai.js';
+import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { overlaySurfaceStyle } from '../../../primitives/raised-surface.es.js';
 import { tToTimestampMs } from '../lib/replay-selection.es.js';
-import { formatTimeDisplay, tToTimestamp } from '../lib/timeline.es.js';
+import { tToTimestamp } from '../lib/timeline.es.js';
 import { toMessageData, toContextData, toActiveObservationData, toBufferedObservationData, toEventData, toCombinedRowData, isEventPoint, toSelectedT, getAreaRowYMax } from './flame-graph-data.es.js';
+import { formatDate } from '../../../utils/date-format.es.js';
 const MSG_COLOR = "var(--color-green-500, #22c55e)";
 const OBS_COLOR = "#f59e0b";
@@ -15,7 +17,7 @@ function TimeAxis({ domain }) {
   const ticks = [0, 0.25, 0.5, 0.75, 1];
   return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[6rem_1fr] items-center", children: [
     /* @__PURE__ */ jsx("p", { className: "flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground", children: "Time" }),
-    /* @__PURE__ */ jsx("div", { className: "flex justify-between px-1 py-1.5 font-mono text-meta text-muted-foreground", children: ticks.map((t) => /* @__PURE__ */ jsx("span", { children: formatTimeDisplay(tToTimestamp(t, domain)) }, t)) })
+    /* @__PURE__ */ jsx("div", { className: "flex justify-between px-1 py-1.5 text-meta text-muted-foreground", children: ticks.map((t) => /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", font: "mono", children: formatDate(tToTimestamp(t, domain), "date-time-seconds", { timeZone: "UTC" }) }, t)) })
   ] });
 }
 function FlameTooltip({
@@ -26,13 +28,13 @@ function FlameTooltip({
 }) {
   if (!active || !payload?.length) return null;
   const t = payload[0]?.payload?.t;
-  const time = domain != null && t != null ? formatTimeDisplay(tToTimestamp(t, domain)) : null;
+  const time = domain != null && t != null ? formatDate(tToTimestamp(t, domain), "date-time-seconds", { timeZone: "UTC" }) : null;
   const visibleEntries = payload.filter((entry) => entry.name !== "t" && entry.name !== "time" && entry.value != null);
   if (showValue) {
-    return /* @__PURE__ */ jsxs("div", { className: `${overlaySurfaceStyle} flex flex-col gap-0.5 rounded px-2 py-1.5 font-mono text-meta`, children: [
+    return /* @__PURE__ */ jsxs("div", { className: `${overlaySurfaceStyle} flex flex-col gap-0.5 rounded px-2 py-1.5 text-meta tabular-nums`, children: [
       time && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "time" }),
-        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: time })
+        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", font: "mono", tone: "ink", children: time })
       ] }),
       visibleEntries.map((entry) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: entry.name }),
@@ -40,7 +42,7 @@ function FlameTooltip({
       ] }, entry.name))
     ] });
   }
-  return /* @__PURE__ */ jsx("div", { className: `${overlaySurfaceStyle} rounded px-2 py-1 font-mono text-meta`, children: time && /* @__PURE__ */ jsx("span", { className: "text-foreground", children: time }) });
+  return /* @__PURE__ */ jsx("div", { className: `${overlaySurfaceStyle} rounded px-2 py-1 text-meta`, children: time && /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", font: "mono", tone: "ink", children: time }) });
 }
 function AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain, threshold }) {
   const yMax = getAreaRowYMax(data, dataKey, threshold);