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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/domains/mcps/components/mcp-app-viewer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-app-viewer.cjs.js","sources":["../../../../src/domains/mcps/components/mcp-app-viewer.tsx"],"sourcesContent":["import { AppRenderer } from '@mcp-ui/client';\nimport type { AppRendererHandle, SandboxConfig } from '@mcp-ui/client';\nimport type { CallToolRequest, CallToolResult } from '@modelcontextprotocol/sdk/types.js';\nimport { useCallback, useMemo, useRef, useState } from 'react';\n\nconst SANDBOX_PROXY_HTML = `<!DOCTYPE html>\n<html><head><meta charset=\"UTF-8\"><style>html,body{margin:0;padding:0;width:100%;height:100%}</style></head>\n<body><script>\nwindow.addEventListener('message',function(e){\n  var d=e.data;if(!d||typeof d!=='object')return;\n  if(d.method==='ui/notifications/sandbox-resource-ready'){\n    var h=(d.params||{}).html;if(h){document.open();document.write(h);document.close()}\n  }\n});\nwindow.parent.postMessage({jsonrpc:'2.0',method:'ui/notifications/sandbox-proxy-ready',params:{}},'*');\n<\\/script></body></html>`;\n\nlet _blobUrl: URL | null = null;\nfunction getSandboxBlobUrl(): URL {\n  if (!_blobUrl) {\n    const blob = new Blob([SANDBOX_PROXY_HTML], { type: 'text/html' });\n    _blobUrl = new URL(URL.createObjectURL(blob));\n  }\n  return _blobUrl;\n}\n\nexport interface McpAppViewerProps {\n  /** The HTML content to render in the sandboxed iframe */\n  html: string;\n  /** Title for the iframe (accessibility) */\n  title?: string;\n  /** Name of the MCP tool this UI is associated with */\n  toolName?: string;\n  /** Tool arguments that triggered this UI (delivered via tool-input notification) */\n  toolInput?: Record<string, unknown>;\n  /** Tool execution result (delivered via tool-result notification) */\n  toolResult?: unknown;\n  /** Callback when the app sends a tool call request via callServerTool */\n  onToolCall?: (toolName: string, args: Record<string, unknown>) => Promise<unknown>;\n  /** Callback when the app sends a message via sendMessage (drives new chat turns) */\n  onSendMessage?: (content: string) => void;\n  /** Sandbox configuration — URL to the sandbox proxy HTML. If omitted, a blob URL is generated automatically. */\n  sandboxUrl?: URL;\n  /** Optional className for the container */\n  className?: string;\n}\n\n/**\n * McpAppViewer renders MCP App HTML using the standard @mcp-ui/client AppRenderer.\n *\n * This component wraps AppRenderer to provide a Mastra-specific API while delegating\n * all MCP Apps protocol handling (bridge injection, handshake, tool input/result\n * delivery, JSON-RPC communication) to the standard implementation.\n */\nexport function McpAppViewer({\n  html,\n  title: _title = 'MCP App',\n  toolName = 'mcp-app',\n  toolInput,\n  toolResult,\n  onToolCall,\n  onSendMessage,\n  sandboxUrl,\n  className,\n}: McpAppViewerProps) {\n  const appRef = useRef<AppRendererHandle>(null);\n  const [height, setHeight] = useState(400);\n\n  // hostInfo MUST be memoized — it is a dependency of the bridge creation effect\n  // in AppRenderer. A new object reference triggers bridge recreation → sandbox\n  // timeout → toolInput never delivered.\n  const hostInfo = useMemo(() => ({ name: 'Mastra Studio', version: '1.0.0' }), []);\n\n  const normalizedToolResult: CallToolResult | undefined = useMemo(() => {\n    if (toolResult === undefined) return undefined;\n    if (toolResult && typeof toolResult === 'object' && Array.isArray((toolResult as CallToolResult).content)) {\n      return toolResult as CallToolResult;\n    }\n    return {\n      content: [\n        { type: 'text' as const, text: typeof toolResult === 'string' ? toolResult : JSON.stringify(toolResult) },\n      ],\n    };\n  }, [toolResult]);\n\n  const resolvedSandboxUrl = useMemo(() => sandboxUrl ?? getSandboxBlobUrl(), [sandboxUrl]);\n  const sandbox: SandboxConfig = useMemo(() => ({ url: resolvedSandboxUrl }), [resolvedSandboxUrl]);\n\n  const handleCallTool = useCallback(\n    async (params: CallToolRequest['params']): Promise<CallToolResult> => {\n      if (!onToolCall) {\n        return { content: [{ type: 'text', text: 'Tool calls not supported' }] };\n      }\n      const raw = await onToolCall(params.name, (params.arguments ?? {}) as Record<string, unknown>);\n\n      // Detect if the result is already a CallToolResult (has content array with typed items)\n      // or wrapped in an API envelope { result: CallToolResult }\n      const isCtResult = (obj: unknown): boolean =>\n        !!obj &&\n        typeof obj === 'object' &&\n        Array.isArray((obj as Record<string, unknown>).content) &&\n        ((obj as Record<string, unknown>).content as unknown[]).length > 0 &&\n        typeof ((obj as Record<string, unknown>).content as Record<string, unknown>[])[0]?.type === 'string';\n\n      if (raw && typeof raw === 'object' && 'result' in raw && isCtResult((raw as Record<string, unknown>).result)) {\n        return (raw as { result: CallToolResult }).result;\n      }\n      if (isCtResult(raw)) {\n        return raw as CallToolResult;\n      }\n      return {\n        content: [{ type: 'text', text: typeof raw === 'string' ? raw : JSON.stringify(raw) }],\n        structuredContent: typeof raw === 'object' ? (raw as Record<string, unknown>) : { result: raw },\n      };\n    },\n    [onToolCall],\n  );\n\n  const handleMessage = useCallback(\n    async (params: { role: string; content: Array<{ type: string; text?: string }> }) => {\n      if (!onSendMessage) return {};\n      const text = params.content\n        ?.filter(block => block.type === 'text')\n        .map(block => block.text)\n        .join('\\n');\n      if (text) {\n        onSendMessage(text);\n      }\n      return {};\n    },\n    [onSendMessage],\n  );\n\n  const handleOpenLink = useCallback(async (params: { url: string }) => {\n    if (typeof params.url === 'string') {\n      window.open(params.url, '_blank', 'noopener,noreferrer');\n    }\n    return {};\n  }, []);\n\n  const handleSizeChanged = useCallback((params: { width?: number; height?: number }) => {\n    if (typeof params.height === 'number') {\n      setHeight(Math.max(100, Math.min(params.height, 2000)));\n    }\n  }, []);\n\n  const handleError = useCallback((error: Error) => {\n    console.error('[McpAppViewer]', error);\n  }, []);\n\n  return (\n    <div\n      className={className}\n      style={{\n        width: '100%',\n        height: `${height}px`,\n        overflow: 'hidden',\n        borderRadius: '8px',\n        background: 'white',\n      }}\n    >\n      <AppRenderer\n        ref={appRef}\n        toolName={toolName}\n        sandbox={sandbox}\n        html={html}\n        toolInput={toolInput}\n        toolResult={normalizedToolResult}\n        hostInfo={hostInfo}\n        onCallTool={handleCallTool}\n        onMessage={handleMessage}\n        onOpenLink={handleOpenLink}\n        onSizeChanged={handleSizeChanged}\n        onError={handleError}\n      />\n    </div>\n  );\n}\n"],"names":["useRef","useState","useMemo","useCallback","jsx","AppRenderer"],"mappings":"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"}
+{"version":3,"file":"mcp-app-viewer.cjs.js","sources":["../../../../src/domains/mcps/components/mcp-app-viewer.tsx"],"sourcesContent":["import { AppRenderer } from '@mcp-ui/client';\nimport type { AppRendererHandle, SandboxConfig } from '@mcp-ui/client';\nimport type { CallToolRequest, CallToolResult } from '@modelcontextprotocol/sdk/types.js';\nimport { useCallback, useMemo, useRef, useState } from 'react';\n\nconst SANDBOX_PROXY_HTML = `<!DOCTYPE html>\n<html><head><meta charset=\"UTF-8\"><style>html,body{margin:0;padding:0;width:100%;height:100%}</style></head>\n<body><script>\nwindow.addEventListener('message',function(e){\n  var d=e.data;if(!d||typeof d!=='object')return;\n  if(d.method==='ui/notifications/sandbox-resource-ready'){\n    var h=(d.params||{}).html;if(h){document.open();document.write(h);document.close()}\n  }\n});\nwindow.parent.postMessage({jsonrpc:'2.0',method:'ui/notifications/sandbox-proxy-ready',params:{}},'*');\n<\\/script></body></html>`;\n\nlet _blobUrl: URL | null = null;\nfunction getSandboxBlobUrl(): URL {\n  if (!_blobUrl) {\n    const blob = new Blob([SANDBOX_PROXY_HTML], { type: 'text/html' });\n    _blobUrl = new URL(URL.createObjectURL(blob));\n  }\n  return _blobUrl;\n}\n\nexport interface McpAppViewerProps {\n  /** The HTML content to render in the sandboxed iframe */\n  html: string;\n  /** Title for the iframe (accessibility) */\n  title?: string;\n  /** Name of the MCP tool this UI is associated with */\n  toolName?: string;\n  /** Tool arguments that triggered this UI (delivered via tool-input notification) */\n  toolInput?: Record<string, unknown>;\n  /** Tool execution result (delivered via tool-result notification) */\n  toolResult?: unknown;\n  /** Callback when the app sends a tool call request via callServerTool */\n  onToolCall?: (toolName: string, args: Record<string, unknown>) => Promise<unknown>;\n  /** Callback when the app sends a message via sendMessage (drives new chat turns) */\n  onSendMessage?: (content: string) => void;\n  /** Sandbox configuration — URL to the sandbox proxy HTML. If omitted, a blob URL is generated automatically. */\n  sandboxUrl?: URL;\n  /** Optional className for the container */\n  className?: string;\n}\n\n/**\n * McpAppViewer renders MCP App HTML using the standard @mcp-ui/client AppRenderer.\n *\n * This component wraps AppRenderer to provide a Mastra-specific API while delegating\n * all MCP Apps protocol handling (bridge injection, handshake, tool input/result\n * delivery, JSON-RPC communication) to the standard implementation.\n */\nexport function McpAppViewer({\n  html,\n  title: _title = 'MCP App',\n  toolName = 'mcp-app',\n  toolInput,\n  toolResult,\n  onToolCall,\n  onSendMessage,\n  sandboxUrl,\n  className,\n}: McpAppViewerProps) {\n  const appRef = useRef<AppRendererHandle>(null);\n  const [height, setHeight] = useState(400);\n\n  // hostInfo MUST be memoized — it is a dependency of the bridge creation effect\n  // in AppRenderer. A new object reference triggers bridge recreation → sandbox\n  // timeout → toolInput never delivered.\n  const hostInfo = useMemo(() => ({ name: 'Mastra Studio', version: '1.0.0' }), []);\n\n  const normalizedToolResult: CallToolResult | undefined = useMemo(() => {\n    if (toolResult === undefined) return undefined;\n    if (toolResult && typeof toolResult === 'object' && Array.isArray((toolResult as CallToolResult).content)) {\n      return toolResult as CallToolResult;\n    }\n    return {\n      content: [\n        { type: 'text' as const, text: typeof toolResult === 'string' ? toolResult : JSON.stringify(toolResult) },\n      ],\n    };\n  }, [toolResult]);\n\n  const resolvedSandboxUrl = useMemo(() => sandboxUrl ?? getSandboxBlobUrl(), [sandboxUrl]);\n  const sandbox: SandboxConfig = useMemo(() => ({ url: resolvedSandboxUrl }), [resolvedSandboxUrl]);\n\n  const handleCallTool = useCallback(\n    async (params: CallToolRequest['params']): Promise<CallToolResult> => {\n      if (!onToolCall) {\n        return { content: [{ type: 'text', text: 'Tool calls not supported' }] };\n      }\n      const raw = await onToolCall(params.name, params.arguments ?? {});\n\n      // Detect if the result is already a CallToolResult (has content array with typed items)\n      // or wrapped in an API envelope { result: CallToolResult }\n      const isCtResult = (obj: unknown): boolean =>\n        !!obj &&\n        typeof obj === 'object' &&\n        Array.isArray((obj as Record<string, unknown>).content) &&\n        ((obj as Record<string, unknown>).content as unknown[]).length > 0 &&\n        typeof ((obj as Record<string, unknown>).content as Record<string, unknown>[])[0]?.type === 'string';\n\n      if (raw && typeof raw === 'object' && 'result' in raw && isCtResult((raw as Record<string, unknown>).result)) {\n        return (raw as { result: CallToolResult }).result;\n      }\n      if (isCtResult(raw)) {\n        return raw as CallToolResult;\n      }\n      return {\n        content: [{ type: 'text', text: typeof raw === 'string' ? raw : JSON.stringify(raw) }],\n        structuredContent: typeof raw === 'object' ? (raw as Record<string, unknown>) : { result: raw },\n      };\n    },\n    [onToolCall],\n  );\n\n  const handleMessage = useCallback(\n    async (params: { role: string; content: Array<{ type: string; text?: string }> }) => {\n      if (!onSendMessage) return {};\n      const text = params.content\n        ?.filter(block => block.type === 'text')\n        .map(block => block.text)\n        .join('\\n');\n      if (text) {\n        onSendMessage(text);\n      }\n      return {};\n    },\n    [onSendMessage],\n  );\n\n  const handleOpenLink = useCallback(async (params: { url: string }) => {\n    if (typeof params.url === 'string') {\n      window.open(params.url, '_blank', 'noopener,noreferrer');\n    }\n    return {};\n  }, []);\n\n  const handleSizeChanged = useCallback((params: { width?: number; height?: number }) => {\n    if (typeof params.height === 'number') {\n      setHeight(Math.max(100, Math.min(params.height, 2000)));\n    }\n  }, []);\n\n  const handleError = useCallback((error: Error) => {\n    console.error('[McpAppViewer]', error);\n  }, []);\n\n  return (\n    <div\n      className={className}\n      style={{\n        width: '100%',\n        height: `${height}px`,\n        overflow: 'hidden',\n        borderRadius: '8px',\n        background: 'white',\n      }}\n    >\n      <AppRenderer\n        ref={appRef}\n        toolName={toolName}\n        sandbox={sandbox}\n        html={html}\n        toolInput={toolInput}\n        toolResult={normalizedToolResult}\n        hostInfo={hostInfo}\n        onCallTool={handleCallTool}\n        onMessage={handleMessage}\n        onOpenLink={handleOpenLink}\n        onSizeChanged={handleSizeChanged}\n        onError={handleError}\n      />\n    </div>\n  );\n}\n"],"names":["useRef","useState","useMemo","useCallback","jsx","AppRenderer"],"mappings":"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"}

package/dist/domains/mcps/components/mcp-app-viewer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-app-viewer.es.js","sources":["../../../../src/domains/mcps/components/mcp-app-viewer.tsx"],"sourcesContent":["import { AppRenderer } from '@mcp-ui/client';\nimport type { AppRendererHandle, SandboxConfig } from '@mcp-ui/client';\nimport type { CallToolRequest, CallToolResult } from '@modelcontextprotocol/sdk/types.js';\nimport { useCallback, useMemo, useRef, useState } from 'react';\n\nconst SANDBOX_PROXY_HTML = `<!DOCTYPE html>\n<html><head><meta charset=\"UTF-8\"><style>html,body{margin:0;padding:0;width:100%;height:100%}</style></head>\n<body><script>\nwindow.addEventListener('message',function(e){\n  var d=e.data;if(!d||typeof d!=='object')return;\n  if(d.method==='ui/notifications/sandbox-resource-ready'){\n    var h=(d.params||{}).html;if(h){document.open();document.write(h);document.close()}\n  }\n});\nwindow.parent.postMessage({jsonrpc:'2.0',method:'ui/notifications/sandbox-proxy-ready',params:{}},'*');\n<\\/script></body></html>`;\n\nlet _blobUrl: URL | null = null;\nfunction getSandboxBlobUrl(): URL {\n  if (!_blobUrl) {\n    const blob = new Blob([SANDBOX_PROXY_HTML], { type: 'text/html' });\n    _blobUrl = new URL(URL.createObjectURL(blob));\n  }\n  return _blobUrl;\n}\n\nexport interface McpAppViewerProps {\n  /** The HTML content to render in the sandboxed iframe */\n  html: string;\n  /** Title for the iframe (accessibility) */\n  title?: string;\n  /** Name of the MCP tool this UI is associated with */\n  toolName?: string;\n  /** Tool arguments that triggered this UI (delivered via tool-input notification) */\n  toolInput?: Record<string, unknown>;\n  /** Tool execution result (delivered via tool-result notification) */\n  toolResult?: unknown;\n  /** Callback when the app sends a tool call request via callServerTool */\n  onToolCall?: (toolName: string, args: Record<string, unknown>) => Promise<unknown>;\n  /** Callback when the app sends a message via sendMessage (drives new chat turns) */\n  onSendMessage?: (content: string) => void;\n  /** Sandbox configuration — URL to the sandbox proxy HTML. If omitted, a blob URL is generated automatically. */\n  sandboxUrl?: URL;\n  /** Optional className for the container */\n  className?: string;\n}\n\n/**\n * McpAppViewer renders MCP App HTML using the standard @mcp-ui/client AppRenderer.\n *\n * This component wraps AppRenderer to provide a Mastra-specific API while delegating\n * all MCP Apps protocol handling (bridge injection, handshake, tool input/result\n * delivery, JSON-RPC communication) to the standard implementation.\n */\nexport function McpAppViewer({\n  html,\n  title: _title = 'MCP App',\n  toolName = 'mcp-app',\n  toolInput,\n  toolResult,\n  onToolCall,\n  onSendMessage,\n  sandboxUrl,\n  className,\n}: McpAppViewerProps) {\n  const appRef = useRef<AppRendererHandle>(null);\n  const [height, setHeight] = useState(400);\n\n  // hostInfo MUST be memoized — it is a dependency of the bridge creation effect\n  // in AppRenderer. A new object reference triggers bridge recreation → sandbox\n  // timeout → toolInput never delivered.\n  const hostInfo = useMemo(() => ({ name: 'Mastra Studio', version: '1.0.0' }), []);\n\n  const normalizedToolResult: CallToolResult | undefined = useMemo(() => {\n    if (toolResult === undefined) return undefined;\n    if (toolResult && typeof toolResult === 'object' && Array.isArray((toolResult as CallToolResult).content)) {\n      return toolResult as CallToolResult;\n    }\n    return {\n      content: [\n        { type: 'text' as const, text: typeof toolResult === 'string' ? toolResult : JSON.stringify(toolResult) },\n      ],\n    };\n  }, [toolResult]);\n\n  const resolvedSandboxUrl = useMemo(() => sandboxUrl ?? getSandboxBlobUrl(), [sandboxUrl]);\n  const sandbox: SandboxConfig = useMemo(() => ({ url: resolvedSandboxUrl }), [resolvedSandboxUrl]);\n\n  const handleCallTool = useCallback(\n    async (params: CallToolRequest['params']): Promise<CallToolResult> => {\n      if (!onToolCall) {\n        return { content: [{ type: 'text', text: 'Tool calls not supported' }] };\n      }\n      const raw = await onToolCall(params.name, (params.arguments ?? {}) as Record<string, unknown>);\n\n      // Detect if the result is already a CallToolResult (has content array with typed items)\n      // or wrapped in an API envelope { result: CallToolResult }\n      const isCtResult = (obj: unknown): boolean =>\n        !!obj &&\n        typeof obj === 'object' &&\n        Array.isArray((obj as Record<string, unknown>).content) &&\n        ((obj as Record<string, unknown>).content as unknown[]).length > 0 &&\n        typeof ((obj as Record<string, unknown>).content as Record<string, unknown>[])[0]?.type === 'string';\n\n      if (raw && typeof raw === 'object' && 'result' in raw && isCtResult((raw as Record<string, unknown>).result)) {\n        return (raw as { result: CallToolResult }).result;\n      }\n      if (isCtResult(raw)) {\n        return raw as CallToolResult;\n      }\n      return {\n        content: [{ type: 'text', text: typeof raw === 'string' ? raw : JSON.stringify(raw) }],\n        structuredContent: typeof raw === 'object' ? (raw as Record<string, unknown>) : { result: raw },\n      };\n    },\n    [onToolCall],\n  );\n\n  const handleMessage = useCallback(\n    async (params: { role: string; content: Array<{ type: string; text?: string }> }) => {\n      if (!onSendMessage) return {};\n      const text = params.content\n        ?.filter(block => block.type === 'text')\n        .map(block => block.text)\n        .join('\\n');\n      if (text) {\n        onSendMessage(text);\n      }\n      return {};\n    },\n    [onSendMessage],\n  );\n\n  const handleOpenLink = useCallback(async (params: { url: string }) => {\n    if (typeof params.url === 'string') {\n      window.open(params.url, '_blank', 'noopener,noreferrer');\n    }\n    return {};\n  }, []);\n\n  const handleSizeChanged = useCallback((params: { width?: number; height?: number }) => {\n    if (typeof params.height === 'number') {\n      setHeight(Math.max(100, Math.min(params.height, 2000)));\n    }\n  }, []);\n\n  const handleError = useCallback((error: Error) => {\n    console.error('[McpAppViewer]', error);\n  }, []);\n\n  return (\n    <div\n      className={className}\n      style={{\n        width: '100%',\n        height: `${height}px`,\n        overflow: 'hidden',\n        borderRadius: '8px',\n        background: 'white',\n      }}\n    >\n      <AppRenderer\n        ref={appRef}\n        toolName={toolName}\n        sandbox={sandbox}\n        html={html}\n        toolInput={toolInput}\n        toolResult={normalizedToolResult}\n        hostInfo={hostInfo}\n        onCallTool={handleCallTool}\n        onMessage={handleMessage}\n        onOpenLink={handleOpenLink}\n        onSizeChanged={handleSizeChanged}\n        onError={handleError}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mcp-app-viewer.es.js","sources":["../../../../src/domains/mcps/components/mcp-app-viewer.tsx"],"sourcesContent":["import { AppRenderer } from '@mcp-ui/client';\nimport type { AppRendererHandle, SandboxConfig } from '@mcp-ui/client';\nimport type { CallToolRequest, CallToolResult } from '@modelcontextprotocol/sdk/types.js';\nimport { useCallback, useMemo, useRef, useState } from 'react';\n\nconst SANDBOX_PROXY_HTML = `<!DOCTYPE html>\n<html><head><meta charset=\"UTF-8\"><style>html,body{margin:0;padding:0;width:100%;height:100%}</style></head>\n<body><script>\nwindow.addEventListener('message',function(e){\n  var d=e.data;if(!d||typeof d!=='object')return;\n  if(d.method==='ui/notifications/sandbox-resource-ready'){\n    var h=(d.params||{}).html;if(h){document.open();document.write(h);document.close()}\n  }\n});\nwindow.parent.postMessage({jsonrpc:'2.0',method:'ui/notifications/sandbox-proxy-ready',params:{}},'*');\n<\\/script></body></html>`;\n\nlet _blobUrl: URL | null = null;\nfunction getSandboxBlobUrl(): URL {\n  if (!_blobUrl) {\n    const blob = new Blob([SANDBOX_PROXY_HTML], { type: 'text/html' });\n    _blobUrl = new URL(URL.createObjectURL(blob));\n  }\n  return _blobUrl;\n}\n\nexport interface McpAppViewerProps {\n  /** The HTML content to render in the sandboxed iframe */\n  html: string;\n  /** Title for the iframe (accessibility) */\n  title?: string;\n  /** Name of the MCP tool this UI is associated with */\n  toolName?: string;\n  /** Tool arguments that triggered this UI (delivered via tool-input notification) */\n  toolInput?: Record<string, unknown>;\n  /** Tool execution result (delivered via tool-result notification) */\n  toolResult?: unknown;\n  /** Callback when the app sends a tool call request via callServerTool */\n  onToolCall?: (toolName: string, args: Record<string, unknown>) => Promise<unknown>;\n  /** Callback when the app sends a message via sendMessage (drives new chat turns) */\n  onSendMessage?: (content: string) => void;\n  /** Sandbox configuration — URL to the sandbox proxy HTML. If omitted, a blob URL is generated automatically. */\n  sandboxUrl?: URL;\n  /** Optional className for the container */\n  className?: string;\n}\n\n/**\n * McpAppViewer renders MCP App HTML using the standard @mcp-ui/client AppRenderer.\n *\n * This component wraps AppRenderer to provide a Mastra-specific API while delegating\n * all MCP Apps protocol handling (bridge injection, handshake, tool input/result\n * delivery, JSON-RPC communication) to the standard implementation.\n */\nexport function McpAppViewer({\n  html,\n  title: _title = 'MCP App',\n  toolName = 'mcp-app',\n  toolInput,\n  toolResult,\n  onToolCall,\n  onSendMessage,\n  sandboxUrl,\n  className,\n}: McpAppViewerProps) {\n  const appRef = useRef<AppRendererHandle>(null);\n  const [height, setHeight] = useState(400);\n\n  // hostInfo MUST be memoized — it is a dependency of the bridge creation effect\n  // in AppRenderer. A new object reference triggers bridge recreation → sandbox\n  // timeout → toolInput never delivered.\n  const hostInfo = useMemo(() => ({ name: 'Mastra Studio', version: '1.0.0' }), []);\n\n  const normalizedToolResult: CallToolResult | undefined = useMemo(() => {\n    if (toolResult === undefined) return undefined;\n    if (toolResult && typeof toolResult === 'object' && Array.isArray((toolResult as CallToolResult).content)) {\n      return toolResult as CallToolResult;\n    }\n    return {\n      content: [\n        { type: 'text' as const, text: typeof toolResult === 'string' ? toolResult : JSON.stringify(toolResult) },\n      ],\n    };\n  }, [toolResult]);\n\n  const resolvedSandboxUrl = useMemo(() => sandboxUrl ?? getSandboxBlobUrl(), [sandboxUrl]);\n  const sandbox: SandboxConfig = useMemo(() => ({ url: resolvedSandboxUrl }), [resolvedSandboxUrl]);\n\n  const handleCallTool = useCallback(\n    async (params: CallToolRequest['params']): Promise<CallToolResult> => {\n      if (!onToolCall) {\n        return { content: [{ type: 'text', text: 'Tool calls not supported' }] };\n      }\n      const raw = await onToolCall(params.name, params.arguments ?? {});\n\n      // Detect if the result is already a CallToolResult (has content array with typed items)\n      // or wrapped in an API envelope { result: CallToolResult }\n      const isCtResult = (obj: unknown): boolean =>\n        !!obj &&\n        typeof obj === 'object' &&\n        Array.isArray((obj as Record<string, unknown>).content) &&\n        ((obj as Record<string, unknown>).content as unknown[]).length > 0 &&\n        typeof ((obj as Record<string, unknown>).content as Record<string, unknown>[])[0]?.type === 'string';\n\n      if (raw && typeof raw === 'object' && 'result' in raw && isCtResult((raw as Record<string, unknown>).result)) {\n        return (raw as { result: CallToolResult }).result;\n      }\n      if (isCtResult(raw)) {\n        return raw as CallToolResult;\n      }\n      return {\n        content: [{ type: 'text', text: typeof raw === 'string' ? raw : JSON.stringify(raw) }],\n        structuredContent: typeof raw === 'object' ? (raw as Record<string, unknown>) : { result: raw },\n      };\n    },\n    [onToolCall],\n  );\n\n  const handleMessage = useCallback(\n    async (params: { role: string; content: Array<{ type: string; text?: string }> }) => {\n      if (!onSendMessage) return {};\n      const text = params.content\n        ?.filter(block => block.type === 'text')\n        .map(block => block.text)\n        .join('\\n');\n      if (text) {\n        onSendMessage(text);\n      }\n      return {};\n    },\n    [onSendMessage],\n  );\n\n  const handleOpenLink = useCallback(async (params: { url: string }) => {\n    if (typeof params.url === 'string') {\n      window.open(params.url, '_blank', 'noopener,noreferrer');\n    }\n    return {};\n  }, []);\n\n  const handleSizeChanged = useCallback((params: { width?: number; height?: number }) => {\n    if (typeof params.height === 'number') {\n      setHeight(Math.max(100, Math.min(params.height, 2000)));\n    }\n  }, []);\n\n  const handleError = useCallback((error: Error) => {\n    console.error('[McpAppViewer]', error);\n  }, []);\n\n  return (\n    <div\n      className={className}\n      style={{\n        width: '100%',\n        height: `${height}px`,\n        overflow: 'hidden',\n        borderRadius: '8px',\n        background: 'white',\n      }}\n    >\n      <AppRenderer\n        ref={appRef}\n        toolName={toolName}\n        sandbox={sandbox}\n        html={html}\n        toolInput={toolInput}\n        toolResult={normalizedToolResult}\n        hostInfo={hostInfo}\n        onCallTool={handleCallTool}\n        onMessage={handleMessage}\n        onOpenLink={handleOpenLink}\n        onSizeChanged={handleSizeChanged}\n        onError={handleError}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAKA,MAAM,kBAAA,GAAqB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAA,CAAA;AAY3B,IAAI,QAAA,GAAuB,IAAA;AAC3B,SAAS,iBAAA,GAAyB;AAChC,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,CAAC,kBAAkB,CAAA,EAAG,EAAE,IAAA,EAAM,WAAA,EAAa,CAAA;AACjE,IAAA,QAAA,GAAW,IAAI,GAAA,CAAI,GAAA,CAAI,eAAA,CAAgB,IAAI,CAAC,CAAA;AAAA,EAC9C;AACA,EAAA,OAAO,QAAA;AACT;AA8BO,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA,OAAO,MAAA,GAAS,SAAA;AAAA,EAChB,QAAA,GAAW,SAAA;AAAA,EACX,SAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,MAAA,GAAS,OAA0B,IAAI,CAAA;AAC7C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,GAAG,CAAA;AAKxC,EAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,OAAO,EAAE,IAAA,EAAM,iBAAiB,OAAA,EAAS,OAAA,EAAQ,CAAA,EAAI,EAAE,CAAA;AAEhF,EAAA,MAAM,oBAAA,GAAmD,QAAQ,MAAM;AACrE,IAAA,IAAI,UAAA,KAAe,QAAW,OAAO,MAAA;AACrC,IAAA,IAAI,UAAA,IAAc,OAAO,UAAA,KAAe,QAAA,IAAY,MAAM,OAAA,CAAS,UAAA,CAA8B,OAAO,CAAA,EAAG;AACzG,MAAA,OAAO,UAAA;AAAA,IACT;AACA,IAAA,OAAO;AAAA,MACL,OAAA,EAAS;AAAA,QACP,EAAE,IAAA,EAAM,MAAA,EAAiB,IAAA,EAAM,OAAO,UAAA,KAAe,QAAA,GAAW,UAAA,GAAa,IAAA,CAAK,SAAA,CAAU,UAAU,CAAA;AAAE;AAC1G,KACF;AAAA,EACF,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,MAAM,kBAAA,GAAqB,QAAQ,MAAM,UAAA,IAAc,mBAAkB,EAAG,CAAC,UAAU,CAAC,CAAA;AACxF,EAAA,MAAM,OAAA,GAAyB,QAAQ,OAAO,EAAE,KAAK,kBAAA,EAAmB,CAAA,EAAI,CAAC,kBAAkB,CAAC,CAAA;AAEhG,EAAA,MAAM,cAAA,GAAiB,WAAA;AAAA,IACrB,OAAO,MAAA,KAA+D;AACpE,MAAA,IAAI,CAAC,UAAA,EAAY;AACf,QAAA,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM,MAAA,EAAQ,IAAA,EAAM,0BAAA,EAA4B,CAAA,EAAE;AAAA,MACzE;AACA,MAAA,MAAM,GAAA,GAAM,MAAM,UAAA,CAAW,MAAA,CAAO,MAAM,MAAA,CAAO,SAAA,IAAa,EAAE,CAAA;AAIhE,MAAA,MAAM,UAAA,GAAa,CAAC,GAAA,KAClB,CAAC,CAAC,GAAA,IACF,OAAO,GAAA,KAAQ,QAAA,IACf,KAAA,CAAM,OAAA,CAAS,IAAgC,OAAO,CAAA,IACpD,GAAA,CAAgC,OAAA,CAAsB,MAAA,GAAS,CAAA,IACjE,OAAS,GAAA,CAAgC,OAAA,CAAsC,CAAC,CAAA,EAAG,IAAA,KAAS,QAAA;AAE9F,MAAA,IAAI,GAAA,IAAO,OAAO,GAAA,KAAQ,QAAA,IAAY,YAAY,GAAA,IAAO,UAAA,CAAY,GAAA,CAAgC,MAAM,CAAA,EAAG;AAC5G,QAAA,OAAQ,GAAA,CAAmC,MAAA;AAAA,MAC7C;AACA,MAAA,IAAI,UAAA,CAAW,GAAG,CAAA,EAAG;AACnB,QAAA,OAAO,GAAA;AAAA,MACT;AACA,MAAA,OAAO;AAAA,QACL,OAAA,EAAS,CAAC,EAAE,IAAA,EAAM,QAAQ,IAAA,EAAM,OAAO,GAAA,KAAQ,QAAA,GAAW,GAAA,GAAM,IAAA,CAAK,SAAA,CAAU,GAAG,GAAG,CAAA;AAAA,QACrF,mBAAmB,OAAO,GAAA,KAAQ,WAAY,GAAA,GAAkC,EAAE,QAAQ,GAAA;AAAI,OAChG;AAAA,IACF,CAAA;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,OAAO,MAAA,KAA8E;AACnF,MAAA,IAAI,CAAC,aAAA,EAAe,OAAO,EAAC;AAC5B,MAAA,MAAM,IAAA,GAAO,MAAA,CAAO,OAAA,EAChB,MAAA,CAAO,WAAS,KAAA,CAAM,IAAA,KAAS,MAAM,CAAA,CACtC,IAAI,CAAA,KAAA,KAAS,KAAA,CAAM,IAAI,CAAA,CACvB,KAAK,IAAI,CAAA;AACZ,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,aAAA,CAAc,IAAI,CAAA;AAAA,MACpB;AACA,MAAA,OAAO,EAAC;AAAA,IACV,CAAA;AAAA,IACA,CAAC,aAAa;AAAA,GAChB;AAEA,EAAA,MAAM,cAAA,GAAiB,WAAA,CAAY,OAAO,MAAA,KAA4B;AACpE,IAAA,IAAI,OAAO,MAAA,CAAO,GAAA,KAAQ,QAAA,EAAU;AAClC,MAAA,MAAA,CAAO,IAAA,CAAK,MAAA,CAAO,GAAA,EAAK,QAAA,EAAU,qBAAqB,CAAA;AAAA,IACzD;AACA,IAAA,OAAO,EAAC;AAAA,EACV,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,iBAAA,GAAoB,WAAA,CAAY,CAAC,MAAA,KAAgD;AACrF,IAAA,IAAI,OAAO,MAAA,CAAO,MAAA,KAAW,QAAA,EAAU;AACrC,MAAA,SAAA,CAAU,IAAA,CAAK,IAAI,GAAA,EAAK,IAAA,CAAK,IAAI,MAAA,CAAO,MAAA,EAAQ,GAAI,CAAC,CAAC,CAAA;AAAA,IACxD;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,WAAA,GAAc,WAAA,CAAY,CAAC,KAAA,KAAiB;AAChD,IAAA,OAAA,CAAQ,KAAA,CAAM,kBAAkB,KAAK,CAAA;AAAA,EACvC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,KAAA,EAAO,MAAA;AAAA,QACP,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAA,CAAA;AAAA,QACjB,QAAA,EAAU,QAAA;AAAA,QACV,YAAA,EAAc,KAAA;AAAA,QACd,UAAA,EAAY;AAAA,OACd;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,MAAA;AAAA,UACL,QAAA;AAAA,UACA,OAAA;AAAA,UACA,IAAA;AAAA,UACA,SAAA;AAAA,UACA,UAAA,EAAY,oBAAA;AAAA,UACZ,QAAA;AAAA,UACA,UAAA,EAAY,cAAA;AAAA,UACZ,SAAA,EAAW,aAAA;AAAA,UACX,UAAA,EAAY,cAAA;AAAA,UACZ,aAAA,EAAe,iBAAA;AAAA,UACf,OAAA,EAAS;AAAA;AAAA;AACX;AAAA,GACF;AAEJ;;;;"}

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ArrowLeftIcon } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
-import { B as Button } from '../../../Button-EGoajBQY.js';
+import { B as Button } from '../../../Button-D8a5EWJ5.js';
 import { S as Skeleton } from '../../../skeleton-Q4fDAXcz.js';
 import { T as Txt } from '../../../Txt-BtIGLRk1.js';
 import { MemoryIcon } from '../../../icons/MemoryIcon.es.js';

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

@@ -12,7 +12,7 @@ const domains_metrics_lib_metricsBuckets = require('../lib/metrics-buckets.cjs.j
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
+const metricsCard = require('../../../metrics-card-CpjGYNBP.cjs');
 const metricsStackedBarChart = require('../../../metrics-stacked-bar-chart-BofJ8NDc.cjs');
 
 const SERIES = [

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

@@ -8,7 +8,7 @@ import { bucketPlan, bucketWindow } from '../lib/metrics-buckets.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
+import { M as MetricsCard } from '../../../metrics-card-D6ty6a6Z.js';
 import { M as MetricsStackedBarChart } from '../../../metrics-stacked-bar-chart-DcxHznKw.js';
 
 const SERIES = [

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
-import { D as DateTimeRangePicker } from '../../../date-time-range-picker-D-EECKzz.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-CcnDMZJu.js';
 import { useMetrics } from '../hooks/use-metrics.es.js';
 import { METRICS_PICKER_PRESETS, toPickerPreset, fromPickerPreset } from '../metrics-date-presets.es.js';
 

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

@@ -13,7 +13,7 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
+const metricsCard = require('../../../metrics-card-CpjGYNBP.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-BkHXfteP.cjs');
 
 const SERIES = [{ dataKey: "failureRate", label: "Failed runs", color: domains_metrics_lib_chartColors.CHART_COLORS.error }];

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

@@ -9,7 +9,7 @@ import { OpenErrorsInLogsButton } from './card-action-buttons.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
+import { M as MetricsCard } from '../../../metrics-card-D6ty6a6Z.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-EJs7ojrX.js';
 
 const SERIES = [{ dataKey: "failureRate", label: "Failed runs", color: CHART_COLORS.error }];

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

@@ -15,7 +15,7 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
+const metricsCard = require('../../../metrics-card-CpjGYNBP.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-BkHXfteP.cjs');
 const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-v3F9XvGj.cjs');
 

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

@@ -11,7 +11,7 @@ import { OpenInTracesButton } from './card-action-buttons.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
+import { M as MetricsCard } from '../../../metrics-card-D6ty6a6Z.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-EJs7ojrX.js';
 import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-CGFjb9nn.js';
 

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

@@ -9,7 +9,7 @@ const domains_metrics_lib_chartColors = require('../lib/chart-colors.cjs.js');
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
+const metricsCard = require('../../../metrics-card-CpjGYNBP.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-BkHXfteP.cjs');
 
 const SCORER_COLORS = [

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

@@ -5,7 +5,7 @@ import { CHART_COLORS } from '../lib/chart-colors.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
+import { M as MetricsCard } from '../../../metrics-card-D6ty6a6Z.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-EJs7ojrX.js';
 
 const SCORER_COLORS = [

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

@@ -14,7 +14,7 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
+const metricsCard = require('../../../metrics-card-CpjGYNBP.cjs');
 const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-v3F9XvGj.cjs');
 const metricsStackedBarChart = require('../../../metrics-stacked-bar-chart-BofJ8NDc.cjs');
 

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

@@ -10,7 +10,7 @@ import { OpenInTracesButton } from './card-action-buttons.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
+import { M as MetricsCard } from '../../../metrics-card-D6ty6a6Z.js';
 import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-CGFjb9nn.js';
 import { M as MetricsStackedBarChart } from '../../../metrics-stacked-bar-chart-DcxHznKw.js';
 

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

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

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

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

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

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

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

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

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

@@ -10,16 +10,16 @@ const datasets = require('@mastra/react/hooks/datasets');
 const reactQuery = require('@tanstack/react-query');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-DH1aTzbs.cjs');
-const codeEditor = require('../../../code-editor-DQuJ1XXd.cjs');
+const Button = require('../../../Button-C4I05uT4.cjs');
+const codeEditor = require('../../../code-editor-Bd-Cldem.cjs');
 const field = require('../../../field-BCU5ZtWV.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
 const form = require('../../../form-Cw-n1rd9.cjs');
-const select = require('../../../select-CbNLtiAs.cjs');
+const select = require('../../../select-A3AFKLd9.cjs');
 const Txt = require('../../../Txt-CIS2G5Jx.cjs');
 require('../../../lib/framework.cjs.js');
 const toast = require('../../../toast-DxKdVSyw.cjs');
-const sideDialog = require('../../../side-dialog-BzULMBaH.cjs');
+const sideDialog = require('../../../side-dialog-SJCWBnbw.cjs');
 const textAndIcon = require('../../../text-and-icon-BcyWJ1Fj.cjs');
 const utils_id = require('../../../utils/id.cjs.js');