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

package/dist/domains/chat/tools/badges/code-mode-badge.cjs.js

@@ -7,8 +7,8 @@ const React = require('react');
 const domains_chat_components_badgeWrapper = require('../../components/badge-wrapper.cjs.js');
 const domains_chat_components_sectionLabel = require('../../components/section-label.cjs.js');
 const domains_chat_tools_badges_toolApprovalButtons = require('./tool-approval-buttons.cjs.js');
-const codeBlock = require('../../../../code-block-BoTq0TMr.cjs');
-const codeEditor = require('../../../../code-editor-BfoJXq9l.cjs');
+const codeBlock = require('../../../../code-block-fI67m2KV.cjs');
+const codeEditor = require('../../../../code-editor-CFu_BYpQ.cjs');
 const icons_ToolCoinIcon = require('../../../../icons/ToolCoinIcon.cjs.js');
 const utils_formatting = require('../../../../utils/formatting.cjs.js');
 

package/dist/domains/chat/tools/badges/code-mode-badge.es.js

@@ -3,8 +3,8 @@ import { useState, useEffect } from 'react';
 import { BadgeWrapper } from '../../components/badge-wrapper.es.js';
 import { SectionLabel } from '../../components/section-label.es.js';
 import { ToolApprovalButtons } from './tool-approval-buttons.es.js';
-import { C as CodeBlock } from '../../../../code-block-D37olB3O.js';
-import { C as CodeEditor } from '../../../../code-editor-BQTDma1I.js';
+import { C as CodeBlock } from '../../../../code-block-BD2N5Yi2.js';
+import { C as CodeEditor } from '../../../../code-editor-C-0srcj0.js';
 import { ToolCoinIcon } from '../../../../icons/ToolCoinIcon.es.js';
 import { formatTypeScript } from '../../../../utils/formatting.es.js';
 

package/dist/domains/chat/tools/badges/observation-marker-badge.cjs.js

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_chat_tools_badges_observationRenderer = require('./observation-renderer.cjs.js');
 const Badge = require('../../../../Badge-BEeYtjmv.cjs');
-const markdownRenderer = require('../../../../markdown-renderer-CZLwgva-.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-Du_Zd1T-.cjs');
 const icons_Icon = require('../../../../icons/Icon.cjs.js');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 

package/dist/domains/chat/tools/badges/observation-marker-badge.es.js

@@ -3,7 +3,7 @@ import { Loader2, Brain, ChevronDown, ChevronRight, Unplug, XCircle, Eye } from
 import { useState, useEffect } from 'react';
 import { ObservationRenderer } from './observation-renderer.es.js';
 import { B as Badge } from '../../../../Badge-TD55_qZJ.js';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-BUqHHH4y.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-BBYgxsXL.js';
 import { Icon } from '../../../../icons/Icon.es.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 

package/dist/domains/chat/tools/badges/observation-renderer.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const markdownRenderer = require('../../../../markdown-renderer-CZLwgva-.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-Du_Zd1T-.cjs');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 
 const PRIORITY_COLORS = {

package/dist/domains/chat/tools/badges/observation-renderer.es.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-BUqHHH4y.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-BBYgxsXL.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 
 const PRIORITY_COLORS = {

package/dist/domains/chat/tools/badges/tool-approval-buttons.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_components_sectionLabel = require('../../components/section-label.cjs.js');
 const domains_chat_context_toolCallContext = require('../../context/tool-call-context.cjs.js');
-const toolApproval = require('../../../../tool-approval-DYX_ZNWc.cjs');
+const toolApproval = require('../../../../tool-approval-LIy1nZZJ.cjs');
 
 const ToolApprovalButtons = ({
   toolCalled,

package/dist/domains/chat/tools/badges/tool-approval-buttons.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { SectionLabel } from '../../components/section-label.es.js';
 import { useToolCall } from '../../context/tool-call-context.es.js';
-import { a as ToolApprovalActions } from '../../../../tool-approval-DzOGIKRh.js';
+import { a as ToolApprovalActions } from '../../../../tool-approval-DXUFyrSl.js';
 
 const ToolApprovalButtons = ({
   toolCalled,

package/dist/domains/logs/components/log-details-view.cjs.js

@@ -6,9 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-MMZPEb_q.cjs');
+const Button = require('../../../Button-BAMnPqos.cjs');
 const buttonsGroup = require('../../../buttons-group-CoZP3lJt.cjs');
-const copyButton = require('../../../copy-button-B5ZCtnTb.cjs');
+const copyButton = require('../../../copy-button-D2MTGxq_.cjs');
 const components_DataDetailsPanel = require('../../../components/DataDetailsPanel.cjs.js');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 

package/dist/domains/logs/components/log-details-view.es.js

@@ -2,9 +2,9 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { format } from 'date-fns';
 import { ChevronsUpDownIcon, ChevronsDownUpIcon, ArrowUpIcon, ArrowDownIcon, ArrowRightIcon } from 'lucide-react';
 import { useState, Fragment as Fragment$1 } from 'react';
-import { B as Button } from '../../../Button-KUj0U-5I.js';
+import { B as Button } from '../../../Button-B8nF87ai.js';
 import { B as ButtonsGroup } from '../../../buttons-group-DsZgrZBZ.js';
-import { C as CopyButton } from '../../../copy-button-DZqxEuiE.js';
+import { C as CopyButton } from '../../../copy-button-DcZ1mdw4.js';
 import { DataDetailsPanel } from '../../../components/DataDetailsPanel.es.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 

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

@@ -3,15 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const EmptyState = require('../../../EmptyState-DiSP6UIy.cjs');
-const ErrorState = require('../../../ErrorState-B0839u-q.cjs');
-const PermissionDenied = require('../../../PermissionDenied-fdVmTjjf.cjs');
-const SessionExpired = require('../../../SessionExpired-GSQkcV9f.cjs');
+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-2XQgeju6.cjs');
 const utils_queryUtils = require('../../../utils/query-utils.cjs.js');
 
 function LogsErrorContent({ error, resource, errorTitle }) {
-  if (utils_queryUtils.is401UnauthorizedError(error)) return /* @__PURE__ */ jsxRuntime.jsx(SessionExpired.SessionExpired, {});
-  if (utils_queryUtils.is403ForbiddenError(error)) return /* @__PURE__ */ jsxRuntime.jsx(PermissionDenied.PermissionDenied, { resource });
+  if (utils_queryUtils.is401UnauthorizedError(error)) return /* @__PURE__ */ jsxRuntime.jsx(domains_auth_components_sessionExpired.SessionExpired, {});
+  if (utils_queryUtils.is403ForbiddenError(error)) return /* @__PURE__ */ jsxRuntime.jsx(domains_auth_components_permissionDenied.PermissionDenied, { resource });
   if (utils_queryUtils.isObservabilityUnavailableError(error)) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState.EmptyState,
@@ -31,7 +30,7 @@ function LogsErrorContent({ error, resource, errorTitle }) {
     );
   }
   const message = error instanceof Error ? error.message : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(ErrorState.ErrorState, { title: errorTitle, message: message ?? "Unknown error" });
+  return /* @__PURE__ */ jsxRuntime.jsx(EmptyState.EmptyState, { tone: "error", titleSlot: errorTitle, descriptionSlot: message ?? "Unknown error" });
 }
 
 exports.LogsErrorContent = LogsErrorContent;

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

@@ -1 +1 @@
-{"version":3,"file":"logs-error-content.cjs.js","sources":["../../../../src/domains/logs/components/logs-error-content.tsx"],"sourcesContent":["import { EmptyState } from '@/ds/components/EmptyState';\nimport { ErrorState } from '@/ds/components/ErrorState';\nimport { PermissionDenied } from '@/ds/components/PermissionDenied';\nimport { SessionExpired } from '@/ds/components/SessionExpired';\nimport {\n  is401UnauthorizedError,\n  is403ForbiddenError,\n  isObservabilityUnavailableError,\n  isUnsupportedObservabilityOperationError,\n} from '@/lib/query-utils';\n\nexport interface LogsErrorContentProps {\n  /** The error from a useLogs query. */\n  error: unknown;\n  /** Passed to PermissionDenied (usually 'logs'). */\n  resource: string;\n  /** Title shown on the generic ErrorState fallback. */\n  errorTitle: string;\n}\n\n/**\n * Renders the appropriate fallback content for a logs-related query error:\n * `<SessionExpired />` for 401, `<PermissionDenied />` for 403, otherwise `<ErrorState />`.\n * Mirror of `TracesErrorContent` for the logs domain.\n */\nexport function LogsErrorContent({ error, resource, errorTitle }: LogsErrorContentProps) {\n  if (is401UnauthorizedError(error)) return <SessionExpired />;\n  if (is403ForbiddenError(error)) return <PermissionDenied resource={resource} />;\n  if (isObservabilityUnavailableError(error)) {\n    return (\n      <EmptyState\n        titleSlot=\"Observability storage is not available\"\n        descriptionSlot=\"The observability storage domain is disabled or not configured. Enable it in your storage configuration to view logs in Studio.\"\n      />\n    );\n  }\n  if (isUnsupportedObservabilityOperationError(error, 'logs')) {\n    return (\n      <EmptyState\n        titleSlot=\"Logs are not available with your current storage\"\n        descriptionSlot=\"The configured observability storage provider does not support listing logs. Switch to a storage provider with logs support to view runtime logs in Studio.\"\n      />\n    );\n  }\n  const message = error instanceof Error ? error.message : undefined;\n  return <ErrorState title={errorTitle} message={message ?? 'Unknown error'} />;\n}\n"],"names":["is401UnauthorizedError","SessionExpired","is403ForbiddenError","jsx","PermissionDenied","isObservabilityUnavailableError","EmptyState","isUnsupportedObservabilityOperationError","ErrorState"],"mappings":";;;;;;;;;;;AAyBO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,QAAA,EAAU,YAAW,EAA0B;AACvF,EAAA,IAAIA,uCAAA,CAAuB,KAAK,CAAA,EAAG,sCAAQC,6BAAA,EAAA,EAAe,CAAA;AAC1D,EAAA,IAAIC,qCAAoB,KAAK,CAAA,EAAG,uBAAOC,cAAA,CAACC,qCAAiB,QAAA,EAAoB,CAAA;AAC7E,EAAA,IAAIC,gDAAA,CAAgC,KAAK,CAAA,EAAG;AAC1C,IAAA,uBACEF,cAAA;AAAA,MAACG,qBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,wCAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,IAAIC,yDAAA,CAAyC,KAAA,EAAO,MAAM,CAAA,EAAG;AAC3D,IAAA,uBACEJ,cAAA;AAAA,MAACG,qBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,kDAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,MAAM,OAAA,GAAU,KAAA,YAAiB,KAAA,GAAQ,KAAA,CAAM,OAAA,GAAU,MAAA;AACzD,EAAA,sCAAQE,qBAAA,EAAA,EAAW,KAAA,EAAO,UAAA,EAAY,OAAA,EAAS,WAAW,eAAA,EAAiB,CAAA;AAC7E;;;;"}
+{"version":3,"file":"logs-error-content.cjs.js","sources":["../../../../src/domains/logs/components/logs-error-content.tsx"],"sourcesContent":["import { PermissionDenied } from '@/domains/auth/components/permission-denied';\nimport { SessionExpired } from '@/domains/auth/components/session-expired';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport {\n  is401UnauthorizedError,\n  is403ForbiddenError,\n  isObservabilityUnavailableError,\n  isUnsupportedObservabilityOperationError,\n} from '@/lib/query-utils';\n\nexport interface LogsErrorContentProps {\n  /** The error from a useLogs query. */\n  error: unknown;\n  /** Passed to PermissionDenied (usually 'logs'). */\n  resource: string;\n  /** Title shown on the generic error fallback. */\n  errorTitle: string;\n}\n\n/**\n * Renders the appropriate fallback content for a logs-related query error:\n * `<SessionExpired />` for 401, `<PermissionDenied />` for 403, otherwise `<EmptyState tone=\"error\" />`.\n * Mirror of `TracesErrorContent` for the logs domain.\n */\nexport function LogsErrorContent({ error, resource, errorTitle }: LogsErrorContentProps) {\n  if (is401UnauthorizedError(error)) return <SessionExpired />;\n  if (is403ForbiddenError(error)) return <PermissionDenied resource={resource} />;\n  if (isObservabilityUnavailableError(error)) {\n    return (\n      <EmptyState\n        titleSlot=\"Observability storage is not available\"\n        descriptionSlot=\"The observability storage domain is disabled or not configured. Enable it in your storage configuration to view logs in Studio.\"\n      />\n    );\n  }\n  if (isUnsupportedObservabilityOperationError(error, 'logs')) {\n    return (\n      <EmptyState\n        titleSlot=\"Logs are not available with your current storage\"\n        descriptionSlot=\"The configured observability storage provider does not support listing logs. Switch to a storage provider with logs support to view runtime logs in Studio.\"\n      />\n    );\n  }\n  const message = error instanceof Error ? error.message : undefined;\n  return <EmptyState tone=\"error\" titleSlot={errorTitle} descriptionSlot={message ?? 'Unknown error'} />;\n}\n"],"names":["is401UnauthorizedError","SessionExpired","is403ForbiddenError","jsx","PermissionDenied","isObservabilityUnavailableError","EmptyState","isUnsupportedObservabilityOperationError"],"mappings":";;;;;;;;;;AAwBO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,QAAA,EAAU,YAAW,EAA0B;AACvF,EAAA,IAAIA,uCAAA,CAAuB,KAAK,CAAA,EAAG,sCAAQC,qDAAA,EAAA,EAAe,CAAA;AAC1D,EAAA,IAAIC,qCAAoB,KAAK,CAAA,EAAG,uBAAOC,cAAA,CAACC,6DAAiB,QAAA,EAAoB,CAAA;AAC7E,EAAA,IAAIC,gDAAA,CAAgC,KAAK,CAAA,EAAG;AAC1C,IAAA,uBACEF,cAAA;AAAA,MAACG,qBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,wCAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,IAAIC,yDAAA,CAAyC,KAAA,EAAO,MAAM,CAAA,EAAG;AAC3D,IAAA,uBACEJ,cAAA;AAAA,MAACG,qBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,kDAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,MAAM,OAAA,GAAU,KAAA,YAAiB,KAAA,GAAQ,KAAA,CAAM,OAAA,GAAU,MAAA;AACzD,EAAA,uBAAOH,cAAA,CAACG,yBAAW,IAAA,EAAK,OAAA,EAAQ,WAAW,UAAA,EAAY,eAAA,EAAiB,WAAW,eAAA,EAAiB,CAAA;AACtG;;;;"}

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

@@ -1,8 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { E as EmptyState } from '../../../EmptyState-B6cyZw6m.js';
-import { E as ErrorState } from '../../../ErrorState-HyRJdaA2.js';
-import { P as PermissionDenied } from '../../../PermissionDenied-CTqnE57B.js';
-import { S as SessionExpired } from '../../../SessionExpired-B9e1Kx4I.js';
+import { PermissionDenied } from '../../auth/components/permission-denied.es.js';
+import { SessionExpired } from '../../auth/components/session-expired.es.js';
+import { E as EmptyState } from '../../../EmptyState-Bc4nJ9QH.js';
 import { is401UnauthorizedError, is403ForbiddenError, isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '../../../utils/query-utils.es.js';
 
 function LogsErrorContent({ error, resource, errorTitle }) {
@@ -27,7 +26,7 @@ function LogsErrorContent({ error, resource, errorTitle }) {
     );
   }
   const message = error instanceof Error ? error.message : void 0;
-  return /* @__PURE__ */ jsx(ErrorState, { title: errorTitle, message: message ?? "Unknown error" });
+  return /* @__PURE__ */ jsx(EmptyState, { tone: "error", titleSlot: errorTitle, descriptionSlot: message ?? "Unknown error" });
 }
 
 export { LogsErrorContent };

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

@@ -1 +1 @@
-{"version":3,"file":"logs-error-content.es.js","sources":["../../../../src/domains/logs/components/logs-error-content.tsx"],"sourcesContent":["import { EmptyState } from '@/ds/components/EmptyState';\nimport { ErrorState } from '@/ds/components/ErrorState';\nimport { PermissionDenied } from '@/ds/components/PermissionDenied';\nimport { SessionExpired } from '@/ds/components/SessionExpired';\nimport {\n  is401UnauthorizedError,\n  is403ForbiddenError,\n  isObservabilityUnavailableError,\n  isUnsupportedObservabilityOperationError,\n} from '@/lib/query-utils';\n\nexport interface LogsErrorContentProps {\n  /** The error from a useLogs query. */\n  error: unknown;\n  /** Passed to PermissionDenied (usually 'logs'). */\n  resource: string;\n  /** Title shown on the generic ErrorState fallback. */\n  errorTitle: string;\n}\n\n/**\n * Renders the appropriate fallback content for a logs-related query error:\n * `<SessionExpired />` for 401, `<PermissionDenied />` for 403, otherwise `<ErrorState />`.\n * Mirror of `TracesErrorContent` for the logs domain.\n */\nexport function LogsErrorContent({ error, resource, errorTitle }: LogsErrorContentProps) {\n  if (is401UnauthorizedError(error)) return <SessionExpired />;\n  if (is403ForbiddenError(error)) return <PermissionDenied resource={resource} />;\n  if (isObservabilityUnavailableError(error)) {\n    return (\n      <EmptyState\n        titleSlot=\"Observability storage is not available\"\n        descriptionSlot=\"The observability storage domain is disabled or not configured. Enable it in your storage configuration to view logs in Studio.\"\n      />\n    );\n  }\n  if (isUnsupportedObservabilityOperationError(error, 'logs')) {\n    return (\n      <EmptyState\n        titleSlot=\"Logs are not available with your current storage\"\n        descriptionSlot=\"The configured observability storage provider does not support listing logs. Switch to a storage provider with logs support to view runtime logs in Studio.\"\n      />\n    );\n  }\n  const message = error instanceof Error ? error.message : undefined;\n  return <ErrorState title={errorTitle} message={message ?? 'Unknown error'} />;\n}\n"],"names":[],"mappings":";;;;;;;AAyBO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,QAAA,EAAU,YAAW,EAA0B;AACvF,EAAA,IAAI,sBAAA,CAAuB,KAAK,CAAA,EAAG,2BAAQ,cAAA,EAAA,EAAe,CAAA;AAC1D,EAAA,IAAI,oBAAoB,KAAK,CAAA,EAAG,uBAAO,GAAA,CAAC,oBAAiB,QAAA,EAAoB,CAAA;AAC7E,EAAA,IAAI,+BAAA,CAAgC,KAAK,CAAA,EAAG;AAC1C,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,wCAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,IAAI,wCAAA,CAAyC,KAAA,EAAO,MAAM,CAAA,EAAG;AAC3D,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,kDAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,MAAM,OAAA,GAAU,KAAA,YAAiB,KAAA,GAAQ,KAAA,CAAM,OAAA,GAAU,MAAA;AACzD,EAAA,2BAAQ,UAAA,EAAA,EAAW,KAAA,EAAO,UAAA,EAAY,OAAA,EAAS,WAAW,eAAA,EAAiB,CAAA;AAC7E;;;;"}
+{"version":3,"file":"logs-error-content.es.js","sources":["../../../../src/domains/logs/components/logs-error-content.tsx"],"sourcesContent":["import { PermissionDenied } from '@/domains/auth/components/permission-denied';\nimport { SessionExpired } from '@/domains/auth/components/session-expired';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport {\n  is401UnauthorizedError,\n  is403ForbiddenError,\n  isObservabilityUnavailableError,\n  isUnsupportedObservabilityOperationError,\n} from '@/lib/query-utils';\n\nexport interface LogsErrorContentProps {\n  /** The error from a useLogs query. */\n  error: unknown;\n  /** Passed to PermissionDenied (usually 'logs'). */\n  resource: string;\n  /** Title shown on the generic error fallback. */\n  errorTitle: string;\n}\n\n/**\n * Renders the appropriate fallback content for a logs-related query error:\n * `<SessionExpired />` for 401, `<PermissionDenied />` for 403, otherwise `<EmptyState tone=\"error\" />`.\n * Mirror of `TracesErrorContent` for the logs domain.\n */\nexport function LogsErrorContent({ error, resource, errorTitle }: LogsErrorContentProps) {\n  if (is401UnauthorizedError(error)) return <SessionExpired />;\n  if (is403ForbiddenError(error)) return <PermissionDenied resource={resource} />;\n  if (isObservabilityUnavailableError(error)) {\n    return (\n      <EmptyState\n        titleSlot=\"Observability storage is not available\"\n        descriptionSlot=\"The observability storage domain is disabled or not configured. Enable it in your storage configuration to view logs in Studio.\"\n      />\n    );\n  }\n  if (isUnsupportedObservabilityOperationError(error, 'logs')) {\n    return (\n      <EmptyState\n        titleSlot=\"Logs are not available with your current storage\"\n        descriptionSlot=\"The configured observability storage provider does not support listing logs. Switch to a storage provider with logs support to view runtime logs in Studio.\"\n      />\n    );\n  }\n  const message = error instanceof Error ? error.message : undefined;\n  return <EmptyState tone=\"error\" titleSlot={errorTitle} descriptionSlot={message ?? 'Unknown error'} />;\n}\n"],"names":[],"mappings":";;;;;;AAwBO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,QAAA,EAAU,YAAW,EAA0B;AACvF,EAAA,IAAI,sBAAA,CAAuB,KAAK,CAAA,EAAG,2BAAQ,cAAA,EAAA,EAAe,CAAA;AAC1D,EAAA,IAAI,oBAAoB,KAAK,CAAA,EAAG,uBAAO,GAAA,CAAC,oBAAiB,QAAA,EAAoB,CAAA;AAC7E,EAAA,IAAI,+BAAA,CAAgC,KAAK,CAAA,EAAG;AAC1C,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,wCAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,IAAI,wCAAA,CAAyC,KAAA,EAAO,MAAM,CAAA,EAAG;AAC3D,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,kDAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,MAAM,OAAA,GAAU,KAAA,YAAiB,KAAA,GAAQ,KAAA,CAAM,OAAA,GAAU,MAAA;AACzD,EAAA,uBAAO,GAAA,CAAC,cAAW,IAAA,EAAK,OAAA,EAAQ,WAAW,UAAA,EAAY,eAAA,EAAiB,WAAW,eAAA,EAAiB,CAAA;AACtG;;;;"}

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

@@ -7,7 +7,7 @@ const reactVirtual = require('@tanstack/react-virtual');
 const React = require('react');
 const dataListSkeleton = require('../../../data-list-skeleton-K_WmrVke.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const logsDataList = require('../../../logs-data-list-DgoCLb6k.cjs');
+const logsDataList = require('../../../logs-data-list-BGJTRyO_.cjs');
 
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

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

@@ -3,7 +3,7 @@ import { useVirtualizer } from '@tanstack/react-virtual';
 import { useRef, useEffect } from 'react';
 import { D as DataListSkeleton } from '../../../data-list-skeleton-h4pILqCC.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { L as LogsDataList } from '../../../logs-data-list-B24gfDle.js';
+import { L as LogsDataList } from '../../../logs-data-list-XU1hCwI5.js';
 
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

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-DxSZN3Om.cjs');
+const propertyFilterApplied = require('../../../property-filter-applied-F6cN2lrX.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.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-uYr-sCdm.js';
+import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-CYDiZtR7.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 
 function LogsToolbar({

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-MMZPEb_q.cjs');
-const EmptyState = require('../../../EmptyState-DiSP6UIy.cjs');
+const Button = require('../../../Button-BAMnPqos.cjs');
+const EmptyState = require('../../../EmptyState-2XQgeju6.cjs');
 
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",

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

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { format } from 'date-fns';
 import { ExternalLinkIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-KUj0U-5I.js';
-import { E as EmptyState } from '../../../EmptyState-B6cyZw6m.js';
+import { B as Button } from '../../../Button-B8nF87ai.js';
+import { E as EmptyState } from '../../../EmptyState-Bc4nJ9QH.js';
 
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",

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-MMZPEb_q.cjs');
+const Button = require('../../../Button-BAMnPqos.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,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-KUj0U-5I.js';
+import { B as Button } from '../../../Button-B8nF87ai.js';
 import { overlaySurfaceStyle } from '../../../primitives/raised-surface.es.js';
 import { tToTimestampMs } from '../lib/replay-selection.es.js';
 import { formatTimeDisplay, tToTimestamp } from '../lib/timeline.es.js';

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-MMZPEb_q.cjs');
+const Button = require('../../../Button-BAMnPqos.cjs');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
 const Txt = require('../../../Txt-B4-2nLaI.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-KUj0U-5I.js';
+import { B as Button } from '../../../Button-B8nF87ai.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
 import { T as Txt } from '../../../Txt-DTh3Pa_a.js';
 import { MemoryIcon } from '../../../icons/MemoryIcon.es.js';

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

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const checkbox = require('../../../checkbox-CI8JtZKS.cjs');
 const codeDiff = require('../../../code-diff-CG8veSa-.cjs');
-const EmptyState = require('../../../EmptyState-DiSP6UIy.cjs');
+const EmptyState = require('../../../EmptyState-2XQgeju6.cjs');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 

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

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

package/dist/domains/metrics/components/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-MMZPEb_q.cjs');
+const Button = require('../../../Button-BAMnPqos.cjs');
 
 function OpenInTracesButton({ href, LinkComponent = "a" }) {
   return /* @__PURE__ */ jsxRuntime.jsx(

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-KUj0U-5I.js';
+import { B as Button } from '../../../Button-B8nF87ai.js';
 
 function OpenInTracesButton({ href, LinkComponent = "a" }) {
   return /* @__PURE__ */ jsx(

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-D2g3RU5B.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-BCzvSYx3.cjs');
 const domains_metrics_hooks_useMetrics = require('../hooks/use-metrics.cjs.js');
 
 const METRICS_PRESETS = [

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const metricsKpiCard = require('../../../metrics-kpi-card-CvOXyEGn.cjs');
+const metricsKpiCard = require('../../../metrics-kpi-card-Bhb4R4z0.cjs');
 
 function KpiCardView({
   label,

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { M as MetricsKpiCard } from '../../../metrics-kpi-card-C-XLN_Us.js';
+import { M as MetricsKpiCard } from '../../../metrics-kpi-card-BrnFhFQm.js';
 
 function KpiCardView({
   label,

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const metricsCard = require('../../../metrics-card-DStXI6yn.cjs');
+const metricsCard = require('../../../metrics-card-DCCHIG-z.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-0FR3SYSt.cjs');
-const tabsContent = require('../../../tabs-content-CuUlcS67.cjs');
-const tabsRoot = require('../../../tabs-root-DrK1hxeV.cjs');
-const tabsTab = require('../../../tabs-tab-ClmulJmM.cjs');
+const tabsContent = require('../../../tabs-content-DlCJoQUW.cjs');
+const tabsRoot = require('../../../tabs-root-COCL6jcx.cjs');
+const tabsTab = require('../../../tabs-tab-DFmRMdi3.cjs');
 const domains_metrics_components_latencyCardView_utils = require('./latency-card-view.utils.cjs.js');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 

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

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { M as MetricsCard } from '../../../metrics-card-CN4VRQQJ.js';
+import { M as MetricsCard } from '../../../metrics-card-Bzm6m1dy.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-knlgw8bV.js';
-import { T as TabContent } from '../../../tabs-content-DMrffE9p.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-B2sdkQ3A.js';
-import { T as Tab } from '../../../tabs-tab-u6LS5twu.js';
+import { T as TabContent } from '../../../tabs-content-7ODUUdQ0.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-UNPxoGhW.js';
+import { T as Tab } from '../../../tabs-tab-DluwCnDF.js';
 import { isLatencyTab, isDrillablePoint, averageLatency } from './latency-card-view.utils.es.js';
 import { CHART_COLORS } from './metrics-utils.es.js';
 

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dataList = require('../../../data-list-DSbuTWLI.cjs');
-const metricsCard = require('../../../metrics-card-DStXI6yn.cjs');
-const tabsContent = require('../../../tabs-content-CuUlcS67.cjs');
-const tabsRoot = require('../../../tabs-root-DrK1hxeV.cjs');
-const tabsTab = require('../../../tabs-tab-ClmulJmM.cjs');
+const dataList = require('../../../data-list-CH3HAhK5.cjs');
+const metricsCard = require('../../../metrics-card-DCCHIG-z.cjs');
+const tabsContent = require('../../../tabs-content-DlCJoQUW.cjs');
+const tabsRoot = require('../../../tabs-root-COCL6jcx.cjs');
+const tabsTab = require('../../../tabs-tab-DFmRMdi3.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 function isMemoryTab(value) {

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

@@ -1,10 +1,10 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { D as DataList } from '../../../data-list-Cn0Ls4l2.js';
-import { M as MetricsCard } from '../../../metrics-card-CN4VRQQJ.js';
-import { T as TabContent } from '../../../tabs-content-DMrffE9p.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-B2sdkQ3A.js';
-import { T as Tab } from '../../../tabs-tab-u6LS5twu.js';
+import { D as DataList } from '../../../data-list-DXjH5wkB.js';
+import { M as MetricsCard } from '../../../metrics-card-Bzm6m1dy.js';
+import { T as TabContent } from '../../../tabs-content-7ODUUdQ0.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-UNPxoGhW.js';
+import { T as Tab } from '../../../tabs-tab-DluwCnDF.js';
 import { METRICS_DATA_LIST_PROPS, formatCompact, formatCost } from './metrics-utils.es.js';
 
 function isMemoryTab(value) {

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

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

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

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

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

@@ -4,12 +4,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dataList = require('../../../data-list-DSbuTWLI.cjs');
-const metricsCard = require('../../../metrics-card-DStXI6yn.cjs');
+const dataList = require('../../../data-list-CH3HAhK5.cjs');
+const metricsCard = require('../../../metrics-card-DCCHIG-z.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-0FR3SYSt.cjs');
-const tabsContent = require('../../../tabs-content-CuUlcS67.cjs');
-const tabsRoot = require('../../../tabs-root-DrK1hxeV.cjs');
-const tabsTab = require('../../../tabs-tab-ClmulJmM.cjs');
+const tabsContent = require('../../../tabs-content-DlCJoQUW.cjs');
+const tabsRoot = require('../../../tabs-root-COCL6jcx.cjs');
+const tabsTab = require('../../../tabs-tab-DFmRMdi3.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 const SERIES_COLORS = [

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

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { D as DataList } from '../../../data-list-Cn0Ls4l2.js';
-import { M as MetricsCard } from '../../../metrics-card-CN4VRQQJ.js';
+import { D as DataList } from '../../../data-list-DXjH5wkB.js';
+import { M as MetricsCard } from '../../../metrics-card-Bzm6m1dy.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-knlgw8bV.js';
-import { T as TabContent } from '../../../tabs-content-DMrffE9p.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-B2sdkQ3A.js';
-import { T as Tab } from '../../../tabs-tab-u6LS5twu.js';
+import { T as TabContent } from '../../../tabs-content-7ODUUdQ0.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-UNPxoGhW.js';
+import { T as Tab } from '../../../tabs-tab-DluwCnDF.js';
 import { CHART_COLORS, METRICS_DATA_LIST_PROPS } from './metrics-utils.es.js';
 
 const SERIES_COLORS = [

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const horizontalBars = require('../../../horizontal-bars-BkVi2dEb.cjs');
-const metricsCard = require('../../../metrics-card-DStXI6yn.cjs');
-const tabsContent = require('../../../tabs-content-CuUlcS67.cjs');
-const tabsRoot = require('../../../tabs-root-DrK1hxeV.cjs');
-const tabsTab = require('../../../tabs-tab-ClmulJmM.cjs');
+const metricsCard = require('../../../metrics-card-DCCHIG-z.cjs');
+const tabsContent = require('../../../tabs-content-DlCJoQUW.cjs');
+const tabsRoot = require('../../../tabs-root-COCL6jcx.cjs');
+const tabsTab = require('../../../tabs-tab-DFmRMdi3.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 function isTokenUsageTab(value) {

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

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { H as HorizontalBars } from '../../../horizontal-bars-nTOFylzc.js';
-import { M as MetricsCard } from '../../../metrics-card-CN4VRQQJ.js';
-import { T as TabContent } from '../../../tabs-content-DMrffE9p.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-B2sdkQ3A.js';
-import { T as Tab } from '../../../tabs-tab-u6LS5twu.js';
+import { M as MetricsCard } from '../../../metrics-card-Bzm6m1dy.js';
+import { T as TabContent } from '../../../tabs-content-7ODUUdQ0.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-UNPxoGhW.js';
+import { T as Tab } from '../../../tabs-tab-DluwCnDF.js';
 import { formatCost, formatCompact, CHART_COLORS } from './metrics-utils.es.js';
 
 function isTokenUsageTab(value) {

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const metricsCard = require('../../../metrics-card-DStXI6yn.cjs');
+const metricsCard = require('../../../metrics-card-DCCHIG-z.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-0FR3SYSt.cjs');
-const tabsRoot = require('../../../tabs-root-DrK1hxeV.cjs');
-const tabsTab = require('../../../tabs-tab-ClmulJmM.cjs');
-const tabsContent = require('../../../tabs-content-CuUlcS67.cjs');
+const tabsRoot = require('../../../tabs-root-COCL6jcx.cjs');
+const tabsTab = require('../../../tabs-tab-DFmRMdi3.cjs');
+const tabsContent = require('../../../tabs-content-DlCJoQUW.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 function sumMetric(dataKey, formatter = domains_metrics_components_metricsUtils.formatCompact) {

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

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { M as MetricsCard } from '../../../metrics-card-CN4VRQQJ.js';
+import { M as MetricsCard } from '../../../metrics-card-Bzm6m1dy.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-knlgw8bV.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-B2sdkQ3A.js';
-import { T as Tab } from '../../../tabs-tab-u6LS5twu.js';
-import { T as TabContent } from '../../../tabs-content-DMrffE9p.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-UNPxoGhW.js';
+import { T as Tab } from '../../../tabs-tab-DluwCnDF.js';
+import { T as TabContent } from '../../../tabs-content-7ODUUdQ0.js';
 import { CHART_COLORS, formatCompact, formatCost } from './metrics-utils.es.js';
 
 function sumMetric(dataKey, formatter = formatCompact) {