@mastra/playground-ui 61.0.0 → 62.0.0-alpha.0

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

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ArrowRightIcon } from 'lucide-react';
 import { Fragment as Fragment$1 } from 'react';
-import { B as Button } from '../../../Button-D43ghVKt.js';
-import { B as ButtonsGroup } from '../../../buttons-group-DsZgrZBZ.js';
-import { C as CopyButton } from '../../../copy-button-DH8xtrWz.js';
-import { D as DataKeysAndValues } from '../../../data-keys-and-values-DiRlIt-N.js';
-import { D as DataPanel } from '../../../data-panel-Bzed2B75.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
+import { B as Button } from '../../../Button-D76HGlPP.js';
+import { B as ButtonsGroup } from '../../../buttons-group-BU9ErJSH.js';
+import { C as CopyButton } from '../../../copy-button-CRWQE6VF.js';
+import { D as DataKeysAndValues } from '../../../data-keys-and-values-B1u00ihh.js';
+import { D as DataPanel } from '../../../data-panel-CQb99UIM.js';
+import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { formatTimestampPrecise } from '../../../utils/date-format.es.js';
 
 function LogDataPanel({

package/dist/domains/logs/components/logs-error-content.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const query = require('@mastra/react/hooks/query');
 const domains_auth_components_permissionDenied = require('../../auth/components/permission-denied.cjs.js');
 const domains_auth_components_sessionExpired = require('../../auth/components/session-expired.cjs.js');
-const EmptyState = require('../../../EmptyState-B6kP-dEp.cjs');
+const EmptyState = require('../../../EmptyState-ChzkDnbJ.cjs');
 
 function LogsErrorContent({ error, resource, errorTitle }) {
   if (query.is401UnauthorizedError(error)) return /* @__PURE__ */ jsxRuntime.jsx(domains_auth_components_sessionExpired.SessionExpired, {});

package/dist/domains/logs/components/logs-error-content.es.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { is401UnauthorizedError, is403ForbiddenError, isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@mastra/react/hooks/query';
 import { PermissionDenied } from '../../auth/components/permission-denied.es.js';
 import { SessionExpired } from '../../auth/components/session-expired.es.js';
-import { E as EmptyState } from '../../../EmptyState-BQww74OL.js';
+import { E as EmptyState } from '../../../EmptyState-Cu6JKbrk.js';
 
 function LogsErrorContent({ error, resource, errorTitle }) {
   if (is401UnauthorizedError(error)) return /* @__PURE__ */ jsx(SessionExpired, {});

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

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

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

@@ -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":";;;;;;;;;;;AAQA,MAAM,OAAA,GAAU,wDAAA;AAEhB,MAAM,UAAA,GAAa,EAAA;AACnB,MAAM,QAAA,GAAW,CAAA;AAyBV,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA,SAAA;AAAA,EACA,kBAAA;AAAA,EACA,WAAA;AAAA,EACA,mBAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,SAAA,GAAYA,aAA8B,IAAI,CAAA;AAEpD,EAAA,MAAM,cAAcC,2BAAA,CAAe;AAAA,IACjC,OAAO,IAAA,CAAK,MAAA;AAAA,IACZ,gBAAA,EAAkB,MAAM,SAAA,CAAU,OAAA;AAAA,IAClC,cAAc,MAAM,UAAA;AAAA,IACpB,QAAA,EAAU;AAAA,GACX,CAAA;AAED,EAAA,MAAM,EAAE,WAAA,EAAY,GAAIC,uCAAA,CAAoB;AAAA,IAC1C,OAAO,IAAA,CAAK,MAAA;AAAA,IACZ,YAAA,EAAc,SAAA;AAAA,IACd,UAAA,EAAY,CAAA,KAAA,KAAS,WAAA,CAAY,aAAA,CAAc,KAAK,CAAA;AAAA,IACpD,MAAA,EAAQ;AAAA,GACT,CAAA;AAYD,EAAA,MAAM,aAAA,GAAgBF,aAAO,SAAS,CAAA;AACtC,EAAAG,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAA,CAAc,OAAA,IAAW,CAAC,SAAA,EAAW;AACvC,MAAA,SAAA,CAAU,OAAA,EAAS,aAAA,CAAc,IAAI,KAAA,CAAM,QAAQ,CAAC,CAAA;AAAA,IACtD;AACA,IAAA,aAAA,CAAc,OAAA,GAAU,SAAA;AAAA,EAC1B,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBAAOC,cAAA,CAACC,iCAAA,EAAA,EAAqB,OAAA,EAAS,OAAA,EAAS,KAAI,WAAA,EAAY,CAAA;AAAA,EACjE;AAEA,EAAA,MAAM,YAAA,GAAe,YAAY,eAAA,EAAgB;AACjD,EAAA,MAAM,SAAA,GAAY,YAAY,YAAA,EAAa;AAC3C,EAAA,MAAM,UAAA,GAAa,YAAA,CAAa,CAAC,CAAA,EAAG,KAAA,IAAS,CAAA;AAC7C,EAAA,MAAM,aAAA,GACJ,YAAA,CAAa,MAAA,GAAS,CAAA,GAAI,KAAK,GAAA,CAAI,CAAA,EAAG,SAAA,IAAa,YAAA,CAAa,aAAa,MAAA,GAAS,CAAC,CAAA,EAAG,GAAA,IAAO,EAAE,CAAA,GAAI,CAAA;AAEzG,EAAA,uBACEC,eAAA,CAACC,6BAAa,OAAA,EAAS,OAAA,EAAS,WAAsB,SAAA,EAAU,SAAA,EAAU,KAAI,WAAA,EAC5E,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAACC,yBAAA,CAAa,KAAb,EACE,QAAA,EAAA;AAAA,MAAA,YAAA,mBACCH,cAAA,CAACG,yBAAA,CAAa,eAAA,EAAb,EAA6B,SAAQ,WAAA,EAAY,IAAA,EAAM,aAAA,EAAe,YAAA,EAA4B,kBAEnG,CAAA,mBAEAH,cAAA,CAACG,yBAAA,CAAa,OAAA,EAAb,EAAqB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,sBAE5BH,cAAA,CAACG,yBAAA,CAAa,OAAA,EAAb,EAAqB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,sBAC1BH,cAAA,CAACG,yBAAA,CAAa,OAAA,EAAb,EAAqB,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,sBAC3BH,cAAA,CAACG,yBAAA,CAAa,OAAA,EAAb,EAAqB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBAC5BH,cAAA,CAACG,yBAAA,CAAa,OAAA,EAAb,EAAqB,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,sBAC7BH,cAAA,CAACG,yBAAA,CAAa,OAAA,EAAb,EAAqB,QAAA,EAAA,MAAA,EAAI;AAAA,KAAA,EAC5B,CAAA;AAAA,IAEC,IAAA,CAAK,MAAA,KAAW,CAAA,mBACfH,cAAA,CAACG,yBAAA,CAAa,SAAb,EAAqB,OAAA,EAAQ,2BAAA,EAA4B,CAAA,mBAE1DD,eAAA,CAAAE,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAJ,cAAA,CAACG,yBAAA,CAAa,MAAA,EAAb,EAAoB,MAAA,EAAQ,UAAA,EAAY,CAAA;AAAA,MACxC,YAAA,CAAa,IAAI,CAAA,EAAA,KAAM;AACtB,QAAA,MAAM,GAAA,GAAM,IAAA,CAAK,EAAA,CAAG,KAAK,CAAA;AACzB,QAAA,IAAI,CAAC,KAAK,OAAO,IAAA;AACjB,QAAA,MAAM,EAAA,GAAK,QAAA,CAAS,GAAA,CAAI,GAAG,CAAA;AAI3B,QAAA,IAAI,CAAC,IAAI,OAAO,IAAA;AAChB,QAAA,MAAM,aAAa,EAAA,KAAO,aAAA;AAE1B,QAAA,uBACED,eAAA;AAAA,UAACC,yBAAA,CAAa,SAAA;AAAA,UAAb;AAAA,YAEC,KAAK,WAAA,CAAY,cAAA;AAAA,YACjB,cAAY,EAAA,CAAG,KAAA;AAAA,YACd,GAAG,WAAA,CAAY,EAAA,CAAG,KAAK,CAAA;AAAA,YACxB,OAAA,EAAS,MAAM,UAAA,CAAW,GAAG,CAAA;AAAA,YAC7B,QAAA,EAAU,UAAA;AAAA,YACV,SAAS,GAAA,CAAI,KAAA,KAAU,WAAW,GAAA,CAAI,KAAA,KAAU,UAAU,OAAA,GAAU,SAAA;AAAA,YAEpE,QAAA,EAAA;AAAA,8BAAAH,cAAA,CAACG,yBAAA,CAAa,QAAA,EAAb,EAAsB,SAAA,EAAW,IAAI,SAAA,EAAW,CAAA;AAAA,6CAChDA,yBAAA,CAAa,QAAA,EAAb,EAAsB,SAAA,EAAW,IAAI,SAAA,EAAW,CAAA;AAAA,6CAChDA,yBAAA,CAAa,SAAA,EAAb,EAAuB,KAAA,EAAO,IAAI,KAAA,EAAO,CAAA;AAAA,8BAC1CH,cAAA,CAACG,0BAAa,UAAA,EAAb,EAAwB,YAAY,GAAA,CAAI,UAAA,EAAY,UAAA,EAAY,GAAA,CAAI,UAAA,EAAY,CAAA;AAAA,6CAChFA,yBAAA,CAAa,WAAA,EAAb,EAAyB,OAAA,EAAS,IAAI,OAAA,EAAS,CAAA;AAAA,6CAC/CA,yBAAA,CAAa,QAAA,EAAb,EAAsB,IAAA,EAAM,IAAI,IAAA,EAAM;AAAA;AAAA,WAAA;AAAA,UAblC;AAAA,SAcP;AAAA,MAEJ,CAAC,CAAA;AAAA,sBACDH,cAAA,CAACG,yBAAA,CAAa,MAAA,EAAb,EAAoB,QAAQ,aAAA,EAAe;AAAA,KAAA,EAC9C,CAAA;AAAA,oBAEFH,cAAA;AAAA,MAACG,yBAAA,CAAa,eAAA;AAAA,MAAb;AAAA,QACC,SAAA,EAAW,kBAAA;AAAA,QACX,OAAA,EAAS,WAAA;AAAA,QACT;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"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-DuK0aDVr.js';
+import '../../../data-list-D5XeKpNR.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-CRQBCdB2.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { L as LogsDataList } from '../../../logs-data-list-YNXUjGIB.js';
+import { L as LogsDataList } from '../../../logs-data-list-CmGZY-tj.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,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const propertyFilterApplied = require('../../../property-filter-applied-CSLLo3VJ.cjs');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const propertyFilterApplied = require('../../../property-filter-applied-D8ksUq0V.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 
 function LogsToolbar({
   onClear,

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-B_nfBryj.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-BI8sBH9b.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 
 function LogsToolbar({
   onClear,

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

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

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

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { ExternalLinkIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-D43ghVKt.js';
-import { E as EmptyState } from '../../../EmptyState-BQww74OL.js';
+import { B as Button } from '../../../Button-D76HGlPP.js';
+import { E as EmptyState } from '../../../EmptyState-Cu6JKbrk.js';
 import { formatDate } from '../../../utils/date-format.es.js';
 
 const PRESET_LABELS = {

package/dist/domains/logs/hooks/use-logs-filter-persistence.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const React = require('react');
 const domains_logs_logFilters = require('../log-filters.cjs.js');
-const toast = require('../../../toast-nm-fM7BR.cjs');
+const toast = require('../../../toast-C8a7bWV8.cjs');
 
 const DEFAULT_SAVED_MESSAGE = "Filters setting for Logs saved";
 const DEFAULT_CLEARED_MESSAGE = "Filters setting for Logs cleared up";

package/dist/domains/logs/hooks/use-logs-filter-persistence.es.js

@@ -1,6 +1,6 @@
 import { useState, useCallback, useRef, useEffect } from 'react';
 import { loadLogsFiltersFromStorage, saveLogsFiltersToStorage, clearSavedLogsFilters, hasAnyLogsFilterParams } from '../log-filters.es.js';
-import { t as toast } from '../../../toast-c5kCpyWt.js';
+import { t as toast } from '../../../toast-WCmYXnuT.js';
 
 const DEFAULT_SAVED_MESSAGE = "Filters setting for Logs saved";
 const DEFAULT_CLEARED_MESSAGE = "Filters setting for Logs cleared up";

package/dist/domains/mcps/components/mcp-app-tool-result.cjs.js

@@ -7,7 +7,7 @@ const react = require('@mastra/react');
 const reactQuery = require('@tanstack/react-query');
 const React = require('react');
 const domains_mcps_components_mcpAppViewer = require('./mcp-app-viewer.cjs.js');
-const Txt = require('../../../Txt-DFPibRb3.cjs');
+const Txt = require('../../../Txt-DXjXpX9r.cjs');
 
 function McpAppToolResult({ appInfo, toolArgs, toolResult, onSendMessage, readOnly }) {
   const client = react.useMastraClient();

package/dist/domains/mcps/components/mcp-app-tool-result.es.js

@@ -3,7 +3,7 @@ import { useMastraClient } from '@mastra/react';
 import { useQuery } from '@tanstack/react-query';
 import { useCallback } from 'react';
 import { McpAppViewer } from './mcp-app-viewer.es.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
+import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 
 function McpAppToolResult({ appInfo, toolArgs, toolResult, onSendMessage, readOnly }) {
   const client = useMastraClient();

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

@@ -6,8 +6,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const recharts = require('recharts');
-const Button = require('../../../Button-CXhSUBxN.cjs');
-const Txt = require('../../../Txt-DFPibRb3.cjs');
+const Button = require('../../../Button-BTuu6_hv.cjs');
+const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
 const domains_memory_lib_replaySelection = require('../lib/replay-selection.cjs.js');
 const domains_memory_lib_timeline = require('../lib/timeline.cjs.js');

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

@@ -2,8 +2,8 @@ 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-D43ghVKt.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
+import { B as Button } from '../../../Button-D76HGlPP.js';
+import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { overlaySurfaceStyle } from '../../../primitives/raised-surface.es.js';
 import { tToTimestampMs } from '../lib/replay-selection.es.js';
 import { tToTimestamp } from '../lib/timeline.es.js';

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

@@ -5,9 +5,9 @@ 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-CXhSUBxN.cjs');
-const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
-const Txt = require('../../../Txt-DFPibRb3.cjs');
+const Button = require('../../../Button-BTuu6_hv.cjs');
+const skeleton = require('../../../skeleton-bUFvB8ok.cjs');
+const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const icons_MemoryIcon = require('../../../icons/MemoryIcon.cjs.js');
 const domains_memory_lib_extractMarkers = require('../lib/extract-markers.cjs.js');
 const domains_memory_lib_replaySelection = require('../lib/replay-selection.cjs.js');

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

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ArrowLeftIcon } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
-import { B as Button } from '../../../Button-D43ghVKt.js';
-import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
+import { B as Button } from '../../../Button-D76HGlPP.js';
+import { S as Skeleton } from '../../../skeleton-Bjxvf3Y-.js';
+import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { MemoryIcon } from '../../../icons/MemoryIcon.es.js';
 import { extractOmMarkers } from '../lib/extract-markers.es.js';
 import { getObservationTimestampMs, findRecordIdAtOrBefore } from '../lib/replay-selection.es.js';

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const checkbox = require('../../../checkbox-Bkobte27.cjs');
-const EmptyState = require('../../../EmptyState-B6kP-dEp.cjs');
-const field = require('../../../field-BkeKcz_6.cjs');
+const checkbox = require('../../../checkbox-DNlMGoJH.cjs');
+const EmptyState = require('../../../EmptyState-ChzkDnbJ.cjs');
+const field = require('../../../field-D1SVMPMz.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
-const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
-const Txt = require('../../../Txt-DFPibRb3.cjs');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const skeleton = require('../../../skeleton-bUFvB8ok.cjs');
+const Txt = require('../../../Txt-DXjXpX9r.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 const domains_memory_lib_observationPriority = require('../lib/observation-priority.cjs.js');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 

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

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { lazy, useState, useMemo, useEffect, Suspense } from 'react';
-import { C as Checkbox } from '../../../checkbox-DcNIsz5L.js';
-import { E as EmptyState } from '../../../EmptyState-BQww74OL.js';
-import { F as Field, e as FieldLabel } from '../../../field-BiMIiq2Y.js';
+import { C as Checkbox } from '../../../checkbox-mmR3rD2j.js';
+import { E as EmptyState } from '../../../EmptyState-Cu6JKbrk.js';
+import { F as Field, e as FieldLabel } from '../../../field-B89BEZg4.js';
 import '../../../field-control-aria-DB6y41tQ.js';
-import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { S as Skeleton } from '../../../skeleton-Bjxvf3Y-.js';
+import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 import { observationPriorityByEmoji, observationPriorityTone } from '../lib/observation-priority.es.js';
 import { formatDate } from '../../../utils/date-format.es.js';
 

package/dist/domains/memory/components/thread-context-progress.cjs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const tones = require('../../../tones-koH7QNLH.cjs');
-const Txt = require('../../../Txt-DFPibRb3.cjs');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const Txt = require('../../../Txt-DXjXpX9r.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 
 function ProgressBar({
   label,

package/dist/domains/memory/components/thread-context-progress.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { f as formatCompactTokens, t as toneClass } from '../../../tones-RD3VjqiN.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 
 function ProgressBar({
   label,

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

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const domains_metrics_hooks_useMetricsActivity = require('../hooks/use-metrics-activity.cjs.js');
+const domains_metrics_hooks_useMetricsFilters = require('../hooks/use-metrics-filters.cjs.js');
+const domains_metrics_lib_chartAxis = require('../lib/chart-axis.cjs.js');
+const domains_metrics_lib_chartColors = require('../lib/chart-colors.cjs.js');
+const domains_metrics_lib_chartFormat = require('../lib/chart-format.cjs.js');
+const domains_metrics_lib_metricsBuckets = require('../lib/metrics-buckets.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-DwMMmvo-.cjs');
+const metricsStackedBarChart = require('../../../metrics-stacked-bar-chart-BKhaGInr.cjs');
+
+const SERIES = [
+  { dataKey: "completed", label: "Completed", color: domains_metrics_lib_chartColors.CHART_COLORS.green },
+  { dataKey: "failed", label: "Failed", color: domains_metrics_lib_chartColors.CHART_COLORS.error }
+];
+function AgentRunsCard({ onTimeRangeClick }) {
+  const { data = [], isLoading, isError, isPlaceholderData } = domains_metrics_hooks_useMetricsActivity.useMetricsActivity();
+  const { timestamp } = domains_metrics_hooks_useMetricsFilters.useMetricsFilters();
+  const { stepHours } = domains_metrics_lib_metricsBuckets.bucketPlan(timestamp.start, timestamp.end);
+  const total = data.reduce((sum, b) => sum + b.completed + b.failed, 0);
+  const layout = { title: "Agent runs", description: "Completed and failed runs." };
+  if (isError) {
+    return /* @__PURE__ */ jsxRuntime.jsx(domains_metrics_components_chartCard.ChartCard, { ...layout, children: /* @__PURE__ */ jsxRuntime.jsx(domains_metrics_components_chartCardError.ChartCardError, {}) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    domains_metrics_components_chartCard.ChartCard,
+    {
+      ...layout,
+      summary: /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Summary, { value: domains_metrics_lib_chartFormat.formatCount(total), label: "runs", isLoading }),
+      isUpdating: isPlaceholderData,
+      children: /* @__PURE__ */ jsxRuntime.jsx(domains_metrics_components_chartArea.ChartArea, { isEmpty: !isLoading && total === 0, emptyMessage: "No agent runs in this range.", children: /* @__PURE__ */ jsxRuntime.jsx(
+        metricsStackedBarChart.MetricsStackedBarChart,
+        {
+          data,
+          series: SERIES,
+          height: "fill",
+          xLabels: "edges",
+          showYAxis: false,
+          valueFormatter: domains_metrics_lib_chartFormat.formatCount,
+          onBucketClick: onTimeRangeClick && ((row) => onTimeRangeClick(domains_metrics_lib_metricsBuckets.bucketWindow(Number(row.ts), stepHours))),
+          isLoading,
+          ...domains_metrics_lib_chartAxis.EDGE_BUCKET_AXIS
+        }
+      ) })
+    }
+  );
+}
+
+exports.AgentRunsCard = AgentRunsCard;
+//# sourceMappingURL=agent-runs-card.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"agent-runs-card.cjs.js","sources":["../../../../src/domains/metrics/components/agent-runs-card.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport type { TimeRange } from '../drilldown';\nimport { useMetricsActivity } from '../hooks/use-metrics-activity';\nimport { useMetricsFilters } from '../hooks/use-metrics-filters';\nimport { EDGE_BUCKET_AXIS } from '../lib/chart-axis';\nimport { CHART_COLORS } from '../lib/chart-colors';\nimport { formatCount } from '../lib/chart-format';\nimport { bucketPlan, bucketWindow } from '../lib/metrics-buckets';\nimport { ChartArea } from './chart-area';\nimport { ChartCard } from './chart-card';\nimport { ChartCardError } from './chart-card-error';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsStackedBarChart } from '@/ds/components/MetricsStackedBarChart';\n\nconst SERIES = [\n  { dataKey: 'completed', label: 'Completed', color: CHART_COLORS.green },\n  { dataKey: 'failed', label: 'Failed', color: CHART_COLORS.error },\n];\n\n/** Completed and failed agent runs per bucket; a column opens its agent traces. */\nexport type AgentRunsCardProps = {\n  /** Called with the time range of the clicked bar or point. */\n  onTimeRangeClick?: (range: TimeRange) => void;\n};\n\nexport function AgentRunsCard({ onTimeRangeClick }: AgentRunsCardProps) {\n  const { data = [], isLoading, isError, isPlaceholderData } = useMetricsActivity();\n  const { timestamp } = useMetricsFilters();\n  const { stepHours } = bucketPlan(timestamp.start, timestamp.end);\n  const total = data.reduce((sum, b) => sum + b.completed + b.failed, 0);\n\n  const layout = { title: 'Agent runs', description: 'Completed and failed runs.' };\n\n  if (isError) {\n    return (\n      <ChartCard {...layout}>\n        <ChartCardError />\n      </ChartCard>\n    );\n  }\n\n  return (\n    <ChartCard\n      {...layout}\n      summary={<MetricsCard.Summary value={formatCount(total)} label=\"runs\" isLoading={isLoading} />}\n      isUpdating={isPlaceholderData}\n    >\n      <ChartArea isEmpty={!isLoading && total === 0} emptyMessage=\"No agent runs in this range.\">\n        <MetricsStackedBarChart\n          data={data}\n          series={SERIES}\n          height=\"fill\"\n          xLabels=\"edges\"\n          showYAxis={false}\n          valueFormatter={formatCount}\n          onBucketClick={onTimeRangeClick && (row => onTimeRangeClick(bucketWindow(Number(row.ts), stepHours)))}\n          isLoading={isLoading}\n          {...EDGE_BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"names":["CHART_COLORS","useMetricsActivity","useMetricsFilters","bucketPlan","ChartCard","jsx","ChartCardError","MetricsCard","formatCount","ChartArea","MetricsStackedBarChart","bucketWindow","EDGE_BUCKET_AXIS"],"mappings":";;;;;;;;;;;;;;;;;AAcA,MAAM,MAAA,GAAS;AAAA,EACb,EAAE,OAAA,EAAS,WAAA,EAAa,OAAO,WAAA,EAAa,KAAA,EAAOA,6CAAa,KAAA,EAAM;AAAA,EACtE,EAAE,OAAA,EAAS,QAAA,EAAU,OAAO,QAAA,EAAU,KAAA,EAAOA,6CAAa,KAAA;AAC5D,CAAA;AAQO,SAAS,aAAA,CAAc,EAAE,gBAAA,EAAiB,EAAuB;AACtE,EAAA,MAAM,EAAE,OAAO,EAAC,EAAG,WAAW,OAAA,EAAS,iBAAA,KAAsBC,2DAAA,EAAmB;AAChF,EAAA,MAAM,EAAE,SAAA,EAAU,GAAIC,yDAAA,EAAkB;AACxC,EAAA,MAAM,EAAE,SAAA,EAAU,GAAIC,8CAAW,SAAA,CAAU,KAAA,EAAO,UAAU,GAAG,CAAA;AAC/D,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,MAAA,CAAO,CAAC,GAAA,EAAK,CAAA,KAAM,GAAA,GAAM,CAAA,CAAE,SAAA,GAAY,CAAA,CAAE,MAAA,EAAQ,CAAC,CAAA;AAErE,EAAA,MAAM,MAAA,GAAS,EAAE,KAAA,EAAO,YAAA,EAAc,aAAa,4BAAA,EAA6B;AAEhF,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,sCACGC,8CAAA,EAAA,EAAW,GAAG,MAAA,EACb,QAAA,kBAAAC,cAAA,CAACC,4DAAe,CAAA,EAClB,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACED,cAAA;AAAA,IAACD,8CAAA;AAAA,IAAA;AAAA,MACE,GAAG,MAAA;AAAA,MACJ,OAAA,kBAASC,cAAA,CAACE,uBAAA,CAAY,OAAA,EAAZ,EAAoB,KAAA,EAAOC,2CAAA,CAAY,KAAK,CAAA,EAAG,KAAA,EAAM,MAAA,EAAO,SAAA,EAAsB,CAAA;AAAA,MAC5F,UAAA,EAAY,iBAAA;AAAA,MAEZ,QAAA,kBAAAH,cAAA,CAACI,kDAAU,OAAA,EAAS,CAAC,aAAa,KAAA,KAAU,CAAA,EAAG,cAAa,8BAAA,EAC1D,QAAA,kBAAAJ,cAAA;AAAA,QAACK,6CAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,MAAA,EAAQ,MAAA;AAAA,UACR,MAAA,EAAO,MAAA;AAAA,UACP,OAAA,EAAQ,OAAA;AAAA,UACR,SAAA,EAAW,KAAA;AAAA,UACX,cAAA,EAAgBF,2CAAA;AAAA,UAChB,aAAA,EAAe,gBAAA,KAAqB,CAAA,GAAA,KAAO,gBAAA,CAAiBG,+CAAA,CAAa,OAAO,GAAA,CAAI,EAAE,CAAA,EAAG,SAAS,CAAC,CAAA,CAAA;AAAA,UACnG,SAAA;AAAA,UACC,GAAGC;AAAA;AAAA,OACN,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/domains/metrics/components/agent-runs-card.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/metrics/components/agent-runs-card'
+export {}

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

@@ -0,0 +1,52 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMetricsActivity } from '../hooks/use-metrics-activity.es.js';
+import { useMetricsFilters } from '../hooks/use-metrics-filters.es.js';
+import { EDGE_BUCKET_AXIS } from '../lib/chart-axis.es.js';
+import { CHART_COLORS } from '../lib/chart-colors.es.js';
+import { formatCount } from '../lib/chart-format.es.js';
+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-DoO7LGMR.js';
+import { M as MetricsStackedBarChart } from '../../../metrics-stacked-bar-chart-3MKRp0RI.js';
+
+const SERIES = [
+  { dataKey: "completed", label: "Completed", color: CHART_COLORS.green },
+  { dataKey: "failed", label: "Failed", color: CHART_COLORS.error }
+];
+function AgentRunsCard({ onTimeRangeClick }) {
+  const { data = [], isLoading, isError, isPlaceholderData } = useMetricsActivity();
+  const { timestamp } = useMetricsFilters();
+  const { stepHours } = bucketPlan(timestamp.start, timestamp.end);
+  const total = data.reduce((sum, b) => sum + b.completed + b.failed, 0);
+  const layout = { title: "Agent runs", description: "Completed and failed runs." };
+  if (isError) {
+    return /* @__PURE__ */ jsx(ChartCard, { ...layout, children: /* @__PURE__ */ jsx(ChartCardError, {}) });
+  }
+  return /* @__PURE__ */ jsx(
+    ChartCard,
+    {
+      ...layout,
+      summary: /* @__PURE__ */ jsx(MetricsCard.Summary, { value: formatCount(total), label: "runs", isLoading }),
+      isUpdating: isPlaceholderData,
+      children: /* @__PURE__ */ jsx(ChartArea, { isEmpty: !isLoading && total === 0, emptyMessage: "No agent runs in this range.", children: /* @__PURE__ */ jsx(
+        MetricsStackedBarChart,
+        {
+          data,
+          series: SERIES,
+          height: "fill",
+          xLabels: "edges",
+          showYAxis: false,
+          valueFormatter: formatCount,
+          onBucketClick: onTimeRangeClick && ((row) => onTimeRangeClick(bucketWindow(Number(row.ts), stepHours))),
+          isLoading,
+          ...EDGE_BUCKET_AXIS
+        }
+      ) })
+    }
+  );
+}
+
+export { AgentRunsCard };
+//# sourceMappingURL=agent-runs-card.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"agent-runs-card.es.js","sources":["../../../../src/domains/metrics/components/agent-runs-card.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport type { TimeRange } from '../drilldown';\nimport { useMetricsActivity } from '../hooks/use-metrics-activity';\nimport { useMetricsFilters } from '../hooks/use-metrics-filters';\nimport { EDGE_BUCKET_AXIS } from '../lib/chart-axis';\nimport { CHART_COLORS } from '../lib/chart-colors';\nimport { formatCount } from '../lib/chart-format';\nimport { bucketPlan, bucketWindow } from '../lib/metrics-buckets';\nimport { ChartArea } from './chart-area';\nimport { ChartCard } from './chart-card';\nimport { ChartCardError } from './chart-card-error';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsStackedBarChart } from '@/ds/components/MetricsStackedBarChart';\n\nconst SERIES = [\n  { dataKey: 'completed', label: 'Completed', color: CHART_COLORS.green },\n  { dataKey: 'failed', label: 'Failed', color: CHART_COLORS.error },\n];\n\n/** Completed and failed agent runs per bucket; a column opens its agent traces. */\nexport type AgentRunsCardProps = {\n  /** Called with the time range of the clicked bar or point. */\n  onTimeRangeClick?: (range: TimeRange) => void;\n};\n\nexport function AgentRunsCard({ onTimeRangeClick }: AgentRunsCardProps) {\n  const { data = [], isLoading, isError, isPlaceholderData } = useMetricsActivity();\n  const { timestamp } = useMetricsFilters();\n  const { stepHours } = bucketPlan(timestamp.start, timestamp.end);\n  const total = data.reduce((sum, b) => sum + b.completed + b.failed, 0);\n\n  const layout = { title: 'Agent runs', description: 'Completed and failed runs.' };\n\n  if (isError) {\n    return (\n      <ChartCard {...layout}>\n        <ChartCardError />\n      </ChartCard>\n    );\n  }\n\n  return (\n    <ChartCard\n      {...layout}\n      summary={<MetricsCard.Summary value={formatCount(total)} label=\"runs\" isLoading={isLoading} />}\n      isUpdating={isPlaceholderData}\n    >\n      <ChartArea isEmpty={!isLoading && total === 0} emptyMessage=\"No agent runs in this range.\">\n        <MetricsStackedBarChart\n          data={data}\n          series={SERIES}\n          height=\"fill\"\n          xLabels=\"edges\"\n          showYAxis={false}\n          valueFormatter={formatCount}\n          onBucketClick={onTimeRangeClick && (row => onTimeRangeClick(bucketWindow(Number(row.ts), stepHours)))}\n          isLoading={isLoading}\n          {...EDGE_BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAcA,MAAM,MAAA,GAAS;AAAA,EACb,EAAE,OAAA,EAAS,WAAA,EAAa,OAAO,WAAA,EAAa,KAAA,EAAO,aAAa,KAAA,EAAM;AAAA,EACtE,EAAE,OAAA,EAAS,QAAA,EAAU,OAAO,QAAA,EAAU,KAAA,EAAO,aAAa,KAAA;AAC5D,CAAA;AAQO,SAAS,aAAA,CAAc,EAAE,gBAAA,EAAiB,EAAuB;AACtE,EAAA,MAAM,EAAE,OAAO,EAAC,EAAG,WAAW,OAAA,EAAS,iBAAA,KAAsB,kBAAA,EAAmB;AAChF,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,iBAAA,EAAkB;AACxC,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,WAAW,SAAA,CAAU,KAAA,EAAO,UAAU,GAAG,CAAA;AAC/D,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,MAAA,CAAO,CAAC,GAAA,EAAK,CAAA,KAAM,GAAA,GAAM,CAAA,CAAE,SAAA,GAAY,CAAA,CAAE,MAAA,EAAQ,CAAC,CAAA;AAErE,EAAA,MAAM,MAAA,GAAS,EAAE,KAAA,EAAO,YAAA,EAAc,aAAa,4BAAA,EAA6B;AAEhF,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,2BACG,SAAA,EAAA,EAAW,GAAG,MAAA,EACb,QAAA,kBAAA,GAAA,CAAC,kBAAe,CAAA,EAClB,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,MAAA;AAAA,MACJ,OAAA,kBAAS,GAAA,CAAC,WAAA,CAAY,OAAA,EAAZ,EAAoB,KAAA,EAAO,WAAA,CAAY,KAAK,CAAA,EAAG,KAAA,EAAM,MAAA,EAAO,SAAA,EAAsB,CAAA;AAAA,MAC5F,UAAA,EAAY,iBAAA;AAAA,MAEZ,QAAA,kBAAA,GAAA,CAAC,aAAU,OAAA,EAAS,CAAC,aAAa,KAAA,KAAU,CAAA,EAAG,cAAa,8BAAA,EAC1D,QAAA,kBAAA,GAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,MAAA,EAAQ,MAAA;AAAA,UACR,MAAA,EAAO,MAAA;AAAA,UACP,OAAA,EAAQ,OAAA;AAAA,UACR,SAAA,EAAW,KAAA;AAAA,UACX,cAAA,EAAgB,WAAA;AAAA,UAChB,aAAA,EAAe,gBAAA,KAAqB,CAAA,GAAA,KAAO,gBAAA,CAAiB,YAAA,CAAa,OAAO,GAAA,CAAI,EAAE,CAAA,EAAG,SAAS,CAAC,CAAA,CAAA;AAAA,UACnG,SAAA;AAAA,UACC,GAAG;AAAA;AAAA,OACN,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -4,26 +4,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-CXhSUBxN.cjs');
+const Button = require('../../../Button-BTuu6_hv.cjs');
 
-function OpenInTracesButton({ href, LinkComponent = "a" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Button.Button,
-    {
-      render: /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href }),
-      variant: "ghost",
-      size: "icon-md",
-      tooltip: "View in Traces",
-      "aria-label": "View in Traces",
-      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeIcon, {})
-    }
-  );
+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, {}) });
 }
-function OpenErrorsInLogsButton({ href, LinkComponent = "a" }) {
+function OpenErrorsInLogsButton({ onClick }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Button.Button,
     {
-      render: /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href }),
+      onClick,
       variant: "ghost",
       size: "icon-md",
       tooltip: "View errors in Logs",

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

@@ -1 +1 @@
-{"version":3,"file":"card-action-buttons.cjs.js","sources":["../../../../src/domains/metrics/components/card-action-buttons.tsx"],"sourcesContent":["import { EyeIcon, LogsIcon } from 'lucide-react';\nimport { Button } from '../../../ds/components/Button/Button';\nimport type { LinkComponent } from '../../../ds/types/link-component';\n\ntype CardActionButtonProps = {\n  /** Pre-built drilldown URL (typically from `useDrilldown().getTracesHref(...)`). */\n  href: string;\n  /** Override how the underlying anchor is rendered — pass a router-aware Link\n   *  to keep navigation in-app. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n};\n\n/** Icon link in a MetricsCard top bar that opens the Traces page pre-filtered\n *  to whatever dimensions the card knows about. */\nexport function OpenInTracesButton({ href, LinkComponent = 'a' }: CardActionButtonProps) {\n  return (\n    <Button\n      render={<LinkComponent href={href} />}\n      variant=\"ghost\"\n      size=\"icon-md\"\n      tooltip=\"View in Traces\"\n      aria-label=\"View in Traces\"\n    >\n      <EyeIcon />\n    </Button>\n  );\n}\n\n/** Icon link in a MetricsCard top bar that opens the Logs page scoped to\n *  errors for the card's current dimensions. */\nexport function OpenErrorsInLogsButton({ href, LinkComponent = 'a' }: CardActionButtonProps) {\n  return (\n    <Button\n      render={<LinkComponent href={href} />}\n      variant=\"ghost\"\n      size=\"icon-md\"\n      tooltip=\"View errors in Logs\"\n      aria-label=\"View errors in Logs\"\n    >\n      <LogsIcon />\n    </Button>\n  );\n}\n"],"names":["jsx","Button","EyeIcon","LogsIcon"],"mappings":";;;;;;;;AAcO,SAAS,kBAAA,CAAmB,EAAE,IAAA,EAAM,aAAA,GAAgB,KAAI,EAA0B;AACvF,EAAA,uBACEA,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACC,MAAA,kBAAQD,cAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAY,CAAA;AAAA,MACnC,OAAA,EAAQ,OAAA;AAAA,MACR,IAAA,EAAK,SAAA;AAAA,MACL,OAAA,EAAQ,gBAAA;AAAA,MACR,YAAA,EAAW,gBAAA;AAAA,MAEX,yCAACE,mBAAA,EAAA,EAAQ;AAAA;AAAA,GACX;AAEJ;AAIO,SAAS,sBAAA,CAAuB,EAAE,IAAA,EAAM,aAAA,GAAgB,KAAI,EAA0B;AAC3F,EAAA,uBACEF,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACC,MAAA,kBAAQD,cAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAY,CAAA;AAAA,MACnC,OAAA,EAAQ,OAAA;AAAA,MACR,IAAA,EAAK,SAAA;AAAA,MACL,OAAA,EAAQ,qBAAA;AAAA,MACR,YAAA,EAAW,qBAAA;AAAA,MAEX,yCAACG,oBAAA,EAAA,EAAS;AAAA;AAAA,GACZ;AAEJ;;;;;"}
+{"version":3,"file":"card-action-buttons.cjs.js","sources":["../../../../src/domains/metrics/components/card-action-buttons.tsx"],"sourcesContent":["import { EyeIcon, LogsIcon } from 'lucide-react';\nimport { Button } from '../../../ds/components/Button/Button';\n\ntype CardActionButtonProps = {\n  onClick: () => void;\n};\n\n/** Icon button in a MetricsCard top bar that opens the Traces page pre-filtered\n *  to whatever dimensions the card knows about. */\nexport function OpenInTracesButton({ onClick }: CardActionButtonProps) {\n  return (\n    <Button onClick={onClick} variant=\"ghost\" size=\"icon-md\" tooltip=\"View in Traces\" aria-label=\"View in Traces\">\n      <EyeIcon />\n    </Button>\n  );\n}\n\n/** Icon button in a MetricsCard top bar that opens the Logs page scoped to\n *  errors for the card's current dimensions. */\nexport function OpenErrorsInLogsButton({ onClick }: CardActionButtonProps) {\n  return (\n    <Button\n      onClick={onClick}\n      variant=\"ghost\"\n      size=\"icon-md\"\n      tooltip=\"View errors in Logs\"\n      aria-label=\"View errors in Logs\"\n    >\n      <LogsIcon />\n    </Button>\n  );\n}\n"],"names":["jsx","Button","EyeIcon","LogsIcon"],"mappings":";;;;;;;;AASO,SAAS,kBAAA,CAAmB,EAAE,OAAA,EAAQ,EAA0B;AACrE,EAAA,uBACEA,cAAA,CAACC,aAAA,EAAA,EAAO,OAAA,EAAkB,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAU,OAAA,EAAQ,gBAAA,EAAiB,YAAA,EAAW,gBAAA,EAC3F,QAAA,kBAAAD,cAAA,CAACE,uBAAQ,CAAA,EACX,CAAA;AAEJ;AAIO,SAAS,sBAAA,CAAuB,EAAE,OAAA,EAAQ,EAA0B;AACzE,EAAA,uBACEF,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,OAAA,EAAQ,OAAA;AAAA,MACR,IAAA,EAAK,SAAA;AAAA,MACL,OAAA,EAAQ,qBAAA;AAAA,MACR,YAAA,EAAW,qBAAA;AAAA,MAEX,yCAACE,oBAAA,EAAA,EAAS;AAAA;AAAA,GACZ;AAEJ;;;;;"}

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

@@ -1,25 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { LogsIcon, EyeIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-D43ghVKt.js';
+import { B as Button } from '../../../Button-D76HGlPP.js';
 
-function OpenInTracesButton({ href, LinkComponent = "a" }) {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      render: /* @__PURE__ */ jsx(LinkComponent, { href }),
-      variant: "ghost",
-      size: "icon-md",
-      tooltip: "View in Traces",
-      "aria-label": "View in Traces",
-      children: /* @__PURE__ */ jsx(EyeIcon, {})
-    }
-  );
+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, {}) });
 }
-function OpenErrorsInLogsButton({ href, LinkComponent = "a" }) {
+function OpenErrorsInLogsButton({ onClick }) {
   return /* @__PURE__ */ jsx(
     Button,
     {
-      render: /* @__PURE__ */ jsx(LinkComponent, { href }),
+      onClick,
       variant: "ghost",
       size: "icon-md",
       tooltip: "View errors in Logs",