@mastra/playground-ui 55.0.0-alpha.5 → 55.0.0

package/dist/domains/chat/messages/renderers/status-renderers.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { TripwireNotice } from '../tripwire-notice.es.js';
-import { N as Notice } from '../../../../Notice-B5khVt-8.js';
+import { N as Notice } from '../../../../Notice-CMZ86f1g.js';
 
 const ErrorStatusRenderer = ({ text }) => /* @__PURE__ */ jsx(Notice, { variant: "destructive", title: "Error", children: /* @__PURE__ */ jsx(Notice.Message, { children: text }) });
 const WarningStatusRenderer = ({ text }) => /* @__PURE__ */ jsx(Notice, { variant: "warning", title: "Warning", children: /* @__PURE__ */ jsx(Notice.Message, { children: text }) });

package/dist/domains/chat/messages/renderers/tool-part.cjs.js

@@ -13,7 +13,7 @@ function readToolPart(part) {
       toolCallId: invocation.toolCallId,
       input: "args" in invocation ? invocation.args : void 0,
       output: "result" in invocation ? invocation.result : void 0,
-      state: invocation.state
+      state: invocation.state === "result" && "isError" in invocation && invocation.isError === true ? "output-error" : invocation.state
     };
   }
   return {

package/dist/domains/chat/messages/renderers/tool-part.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-part.cjs.js","sources":["../../../../../src/domains/chat/messages/renderers/tool-part.ts"],"sourcesContent":["import type { DynamicToolPart, MessageFactoryPart, ToolInvocationPart } from '@mastra/react';\n\nexport type ToolPart = ToolInvocationPart | DynamicToolPart;\n\n/** One shape for a call whether it was persisted as a v4 `toolInvocation` or streamed as a v5 dynamic part. */\nexport interface ToolPartFields {\n  toolName: string;\n  toolCallId: string;\n  input: unknown;\n  output: unknown;\n  state?: string;\n}\n\nexport function isToolPart(part: MessageFactoryPart): part is ToolPart {\n  return part.type === 'tool-invocation' || part.type === 'dynamic-tool' || part.type.startsWith('tool-');\n}\n\nexport function readToolPart(part: ToolPart): ToolPartFields {\n  if ('toolInvocation' in part) {\n    const invocation = part.toolInvocation;\n    return {\n      toolName: invocation.toolName,\n      toolCallId: invocation.toolCallId,\n      input: 'args' in invocation ? invocation.args : undefined,\n      output: 'result' in invocation ? invocation.result : undefined,\n      state: invocation.state,\n    };\n  }\n  return {\n    toolName: part.toolName ?? part.type.replace(/^tool-/, ''),\n    toolCallId: part.toolCallId ?? '',\n    input: part.input,\n    output: part.output,\n    state: part.state,\n  };\n}\n"],"names":[],"mappings":";;;;AAaO,SAAS,WAAW,IAAA,EAA4C;AACrE,EAAA,OAAO,IAAA,CAAK,SAAS,iBAAA,IAAqB,IAAA,CAAK,SAAS,cAAA,IAAkB,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,OAAO,CAAA;AACxG;AAEO,SAAS,aAAa,IAAA,EAAgC;AAC3D,EAAA,IAAI,oBAAoB,IAAA,EAAM;AAC5B,IAAA,MAAM,aAAa,IAAA,CAAK,cAAA;AACxB,IAAA,OAAO;AAAA,MACL,UAAU,UAAA,CAAW,QAAA;AAAA,MACrB,YAAY,UAAA,CAAW,UAAA;AAAA,MACvB,KAAA,EAAO,MAAA,IAAU,UAAA,GAAa,UAAA,CAAW,IAAA,GAAO,MAAA;AAAA,MAChD,MAAA,EAAQ,QAAA,IAAY,UAAA,GAAa,UAAA,CAAW,MAAA,GAAS,MAAA;AAAA,MACrD,OAAO,UAAA,CAAW;AAAA,KACpB;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,UAAU,IAAA,CAAK,QAAA,IAAY,KAAK,IAAA,CAAK,OAAA,CAAQ,UAAU,EAAE,CAAA;AAAA,IACzD,UAAA,EAAY,KAAK,UAAA,IAAc,EAAA;AAAA,IAC/B,OAAO,IAAA,CAAK,KAAA;AAAA,IACZ,QAAQ,IAAA,CAAK,MAAA;AAAA,IACb,OAAO,IAAA,CAAK;AAAA,GACd;AACF;;;;;"}
+{"version":3,"file":"tool-part.cjs.js","sources":["../../../../../src/domains/chat/messages/renderers/tool-part.ts"],"sourcesContent":["import type { DynamicToolPart, MessageFactoryPart, ToolInvocationPart } from '@mastra/react';\n\nexport type ToolPart = ToolInvocationPart | DynamicToolPart;\n\n/** One shape for a call whether it was persisted as a v4 `toolInvocation` or streamed as a v5 dynamic part. */\nexport interface ToolPartFields {\n  toolName: string;\n  toolCallId: string;\n  input: unknown;\n  output: unknown;\n  state?: string;\n}\n\nexport function isToolPart(part: MessageFactoryPart): part is ToolPart {\n  return part.type === 'tool-invocation' || part.type === 'dynamic-tool' || part.type.startsWith('tool-');\n}\n\nexport function readToolPart(part: ToolPart): ToolPartFields {\n  if ('toolInvocation' in part) {\n    const invocation = part.toolInvocation;\n    return {\n      toolName: invocation.toolName,\n      toolCallId: invocation.toolCallId,\n      input: 'args' in invocation ? invocation.args : undefined,\n      output: 'result' in invocation ? invocation.result : undefined,\n      state:\n        invocation.state === 'result' && 'isError' in invocation && invocation.isError === true\n          ? 'output-error'\n          : invocation.state,\n    };\n  }\n  return {\n    toolName: part.toolName ?? part.type.replace(/^tool-/, ''),\n    toolCallId: part.toolCallId ?? '',\n    input: part.input,\n    output: part.output,\n    state: part.state,\n  };\n}\n"],"names":[],"mappings":";;;;AAaO,SAAS,WAAW,IAAA,EAA4C;AACrE,EAAA,OAAO,IAAA,CAAK,SAAS,iBAAA,IAAqB,IAAA,CAAK,SAAS,cAAA,IAAkB,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,OAAO,CAAA;AACxG;AAEO,SAAS,aAAa,IAAA,EAAgC;AAC3D,EAAA,IAAI,oBAAoB,IAAA,EAAM;AAC5B,IAAA,MAAM,aAAa,IAAA,CAAK,cAAA;AACxB,IAAA,OAAO;AAAA,MACL,UAAU,UAAA,CAAW,QAAA;AAAA,MACrB,YAAY,UAAA,CAAW,UAAA;AAAA,MACvB,KAAA,EAAO,MAAA,IAAU,UAAA,GAAa,UAAA,CAAW,IAAA,GAAO,MAAA;AAAA,MAChD,MAAA,EAAQ,QAAA,IAAY,UAAA,GAAa,UAAA,CAAW,MAAA,GAAS,MAAA;AAAA,MACrD,KAAA,EACE,UAAA,CAAW,KAAA,KAAU,QAAA,IAAY,SAAA,IAAa,cAAc,UAAA,CAAW,OAAA,KAAY,IAAA,GAC/E,cAAA,GACA,UAAA,CAAW;AAAA,KACnB;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,UAAU,IAAA,CAAK,QAAA,IAAY,KAAK,IAAA,CAAK,OAAA,CAAQ,UAAU,EAAE,CAAA;AAAA,IACzD,UAAA,EAAY,KAAK,UAAA,IAAc,EAAA;AAAA,IAC/B,OAAO,IAAA,CAAK,KAAA;AAAA,IACZ,QAAQ,IAAA,CAAK,MAAA;AAAA,IACb,OAAO,IAAA,CAAK;AAAA,GACd;AACF;;;;;"}

package/dist/domains/chat/messages/renderers/tool-part.es.js

@@ -9,7 +9,7 @@ function readToolPart(part) {
       toolCallId: invocation.toolCallId,
       input: "args" in invocation ? invocation.args : void 0,
       output: "result" in invocation ? invocation.result : void 0,
-      state: invocation.state
+      state: invocation.state === "result" && "isError" in invocation && invocation.isError === true ? "output-error" : invocation.state
     };
   }
   return {

package/dist/domains/chat/messages/renderers/tool-part.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-part.es.js","sources":["../../../../../src/domains/chat/messages/renderers/tool-part.ts"],"sourcesContent":["import type { DynamicToolPart, MessageFactoryPart, ToolInvocationPart } from '@mastra/react';\n\nexport type ToolPart = ToolInvocationPart | DynamicToolPart;\n\n/** One shape for a call whether it was persisted as a v4 `toolInvocation` or streamed as a v5 dynamic part. */\nexport interface ToolPartFields {\n  toolName: string;\n  toolCallId: string;\n  input: unknown;\n  output: unknown;\n  state?: string;\n}\n\nexport function isToolPart(part: MessageFactoryPart): part is ToolPart {\n  return part.type === 'tool-invocation' || part.type === 'dynamic-tool' || part.type.startsWith('tool-');\n}\n\nexport function readToolPart(part: ToolPart): ToolPartFields {\n  if ('toolInvocation' in part) {\n    const invocation = part.toolInvocation;\n    return {\n      toolName: invocation.toolName,\n      toolCallId: invocation.toolCallId,\n      input: 'args' in invocation ? invocation.args : undefined,\n      output: 'result' in invocation ? invocation.result : undefined,\n      state: invocation.state,\n    };\n  }\n  return {\n    toolName: part.toolName ?? part.type.replace(/^tool-/, ''),\n    toolCallId: part.toolCallId ?? '',\n    input: part.input,\n    output: part.output,\n    state: part.state,\n  };\n}\n"],"names":[],"mappings":"AAaO,SAAS,WAAW,IAAA,EAA4C;AACrE,EAAA,OAAO,IAAA,CAAK,SAAS,iBAAA,IAAqB,IAAA,CAAK,SAAS,cAAA,IAAkB,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,OAAO,CAAA;AACxG;AAEO,SAAS,aAAa,IAAA,EAAgC;AAC3D,EAAA,IAAI,oBAAoB,IAAA,EAAM;AAC5B,IAAA,MAAM,aAAa,IAAA,CAAK,cAAA;AACxB,IAAA,OAAO;AAAA,MACL,UAAU,UAAA,CAAW,QAAA;AAAA,MACrB,YAAY,UAAA,CAAW,UAAA;AAAA,MACvB,KAAA,EAAO,MAAA,IAAU,UAAA,GAAa,UAAA,CAAW,IAAA,GAAO,MAAA;AAAA,MAChD,MAAA,EAAQ,QAAA,IAAY,UAAA,GAAa,UAAA,CAAW,MAAA,GAAS,MAAA;AAAA,MACrD,OAAO,UAAA,CAAW;AAAA,KACpB;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,UAAU,IAAA,CAAK,QAAA,IAAY,KAAK,IAAA,CAAK,OAAA,CAAQ,UAAU,EAAE,CAAA;AAAA,IACzD,UAAA,EAAY,KAAK,UAAA,IAAc,EAAA;AAAA,IAC/B,OAAO,IAAA,CAAK,KAAA;AAAA,IACZ,QAAQ,IAAA,CAAK,MAAA;AAAA,IACb,OAAO,IAAA,CAAK;AAAA,GACd;AACF;;;;"}
+{"version":3,"file":"tool-part.es.js","sources":["../../../../../src/domains/chat/messages/renderers/tool-part.ts"],"sourcesContent":["import type { DynamicToolPart, MessageFactoryPart, ToolInvocationPart } from '@mastra/react';\n\nexport type ToolPart = ToolInvocationPart | DynamicToolPart;\n\n/** One shape for a call whether it was persisted as a v4 `toolInvocation` or streamed as a v5 dynamic part. */\nexport interface ToolPartFields {\n  toolName: string;\n  toolCallId: string;\n  input: unknown;\n  output: unknown;\n  state?: string;\n}\n\nexport function isToolPart(part: MessageFactoryPart): part is ToolPart {\n  return part.type === 'tool-invocation' || part.type === 'dynamic-tool' || part.type.startsWith('tool-');\n}\n\nexport function readToolPart(part: ToolPart): ToolPartFields {\n  if ('toolInvocation' in part) {\n    const invocation = part.toolInvocation;\n    return {\n      toolName: invocation.toolName,\n      toolCallId: invocation.toolCallId,\n      input: 'args' in invocation ? invocation.args : undefined,\n      output: 'result' in invocation ? invocation.result : undefined,\n      state:\n        invocation.state === 'result' && 'isError' in invocation && invocation.isError === true\n          ? 'output-error'\n          : invocation.state,\n    };\n  }\n  return {\n    toolName: part.toolName ?? part.type.replace(/^tool-/, ''),\n    toolCallId: part.toolCallId ?? '',\n    input: part.input,\n    output: part.output,\n    state: part.state,\n  };\n}\n"],"names":[],"mappings":"AAaO,SAAS,WAAW,IAAA,EAA4C;AACrE,EAAA,OAAO,IAAA,CAAK,SAAS,iBAAA,IAAqB,IAAA,CAAK,SAAS,cAAA,IAAkB,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,OAAO,CAAA;AACxG;AAEO,SAAS,aAAa,IAAA,EAAgC;AAC3D,EAAA,IAAI,oBAAoB,IAAA,EAAM;AAC5B,IAAA,MAAM,aAAa,IAAA,CAAK,cAAA;AACxB,IAAA,OAAO;AAAA,MACL,UAAU,UAAA,CAAW,QAAA;AAAA,MACrB,YAAY,UAAA,CAAW,UAAA;AAAA,MACvB,KAAA,EAAO,MAAA,IAAU,UAAA,GAAa,UAAA,CAAW,IAAA,GAAO,MAAA;AAAA,MAChD,MAAA,EAAQ,QAAA,IAAY,UAAA,GAAa,UAAA,CAAW,MAAA,GAAS,MAAA;AAAA,MACrD,KAAA,EACE,UAAA,CAAW,KAAA,KAAU,QAAA,IAAY,SAAA,IAAa,cAAc,UAAA,CAAW,OAAA,KAAY,IAAA,GAC/E,cAAA,GACA,UAAA,CAAW;AAAA,KACnB;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,UAAU,IAAA,CAAK,QAAA,IAAY,KAAK,IAAA,CAAK,OAAA,CAAQ,UAAU,EAAE,CAAA;AAAA,IACzD,UAAA,EAAY,KAAK,UAAA,IAAc,EAAA;AAAA,IAC/B,OAAO,IAAA,CAAK,KAAA;AAAA,IACZ,QAAQ,IAAA,CAAK,MAAA;AAAA,IACb,OAAO,IAAA,CAAK;AAAA,GACd;AACF;;;;"}

package/dist/domains/chat/messages/tripwire-notice.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Badge = require('../../../Badge-B-LKnrNk.cjs');
-const Notice = require('../../../Notice-BUSAcuH-.cjs');
+const Notice = require('../../../Notice-D0Mvqvr0.cjs');
 
 const TripwireNotice = ({ reason, tripwire }) => {
   const [isExpanded, setIsExpanded] = React.useState(false);

package/dist/domains/chat/messages/tripwire-notice.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { ChevronDown, ChevronRight, RefreshCw, Tag, ShieldAlert } from 'lucide-react';
 import { useState } from 'react';
 import { B as Badge } from '../../../Badge-BqVBVHGc.js';
-import { N as Notice } from '../../../Notice-B5khVt-8.js';
+import { N as Notice } from '../../../Notice-CMZ86f1g.js';
 
 const TripwireNotice = ({ reason, tripwire }) => {
   const [isExpanded, setIsExpanded] = useState(false);

package/dist/domains/chat/tools/badges/ask-user-badge.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_context_toolCallContext = require('../../context/tool-call-context.cjs.js');
-const askUser = require('../../../../ask-user-DWUWXbS7.cjs');
+const askUser = require('../../../../ask-user-DQGe7ZTv.cjs');
 
 const AskUserBadge = ({ toolCallId, suspendPayload, result }) => {
   const { approveToolcall, isRunning, toolCallApprovals } = domains_chat_context_toolCallContext.useToolCall();

package/dist/domains/chat/tools/badges/ask-user-badge.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useToolCall } from '../../context/tool-call-context.es.js';
-import { A as AskUser } from '../../../../ask-user-D7MeXylO.js';
+import { A as AskUser } from '../../../../ask-user-Dh9YowL4.js';
 
 const AskUserBadge = ({ toolCallId, suspendPayload, result }) => {
   const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();

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-I7b2Wt_Y.cjs');
-const codeEditor = require('../../../../code-editor-BeosH5J-.cjs');
+const codeBlock = require('../../../../code-block-D1RequlX.cjs');
+const codeEditor = require('../../../../code-editor-CopnXVKT.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-CyHjdW02.js';
-import { C as CodeEditor } from '../../../../code-editor-DPYAjQUV.js';
+import { C as CodeBlock } from '../../../../code-block-BdzrmA-p.js';
+import { C as CodeEditor } from '../../../../code-editor-D7BftGSx.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-B-LKnrNk.cjs');
-const markdownRenderer = require('../../../../markdown-renderer-Ds3PaLdR.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-hBiN_N_-.cjs');
 const icons_Icon = require('../../../../icons/Icon.cjs.js');
 const utils_cn = require('../../../../cn-DnbTIGXa.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-BqVBVHGc.js';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-Wmdi_oR8.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-Dp1fJwUB.js';
 import { Icon } from '../../../../icons/Icon.es.js';
 import { c as cn } from '../../../../cn-ByEbywDh.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-Ds3PaLdR.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-hBiN_N_-.cjs');
 const utils_cn = require('../../../../cn-DnbTIGXa.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-Wmdi_oR8.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-Dp1fJwUB.js';
 import { c as cn } from '../../../../cn-ByEbywDh.js';
 
 const PRIORITY_COLORS = {

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

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_chat_components_sectionLabel = require('../../components/section-label.cjs.js');
 const domains_chat_context_toolCallContext = require('../../context/tool-call-context.cjs.js');
-const Button = require('../../../../Button-BsHGVRjh.cjs');
+const Button = require('../../../../Button-BJOVwaxp.cjs');
 
 const ToolApprovalButtons = ({
   toolCalled,

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

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Check, X } from 'lucide-react';
 import { SectionLabel } from '../../components/section-label.es.js';
 import { useToolCall } from '../../context/tool-call-context.es.js';
-import { B as Button } from '../../../../Button-DsTY88Xz.js';
+import { B as Button } from '../../../../Button-BVGwYwHT.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-BsHGVRjh.cjs');
-const buttonsGroup = require('../../../buttons-group-PqYxKznc.cjs');
-const copyButton = require('../../../copy-button-CC4JTC90.cjs');
+const Button = require('../../../Button-BJOVwaxp.cjs');
+const buttonsGroup = require('../../../buttons-group-jq7kUVlX.cjs');
+const copyButton = require('../../../copy-button-zLZfswrj.cjs');
 const components_DataDetailsPanel = require('../../../components/DataDetailsPanel.cjs.js');
 const utils_cn = require('../../../cn-DnbTIGXa.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-DsTY88Xz.js';
-import { B as ButtonsGroup } from '../../../buttons-group-B5TBWfs6.js';
-import { C as CopyButton } from '../../../copy-button-BW1CfolI.js';
+import { B as Button } from '../../../Button-BVGwYwHT.js';
+import { B as ButtonsGroup } from '../../../buttons-group-CHyXDQBp.js';
+import { C as CopyButton } from '../../../copy-button-ChUCFd-x.js';
 import { DataDetailsPanel } from '../../../components/DataDetailsPanel.es.js';
 import { c as cn } from '../../../cn-ByEbywDh.js';
 

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

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const EmptyState = require('../../../EmptyState--bOUm8JU.cjs');
 const ErrorState = require('../../../ErrorState-DvsG3RMz.cjs');
 const PermissionDenied = require('../../../PermissionDenied-Dge5a7OX.cjs');
-const SessionExpired = require('../../../SessionExpired-C4w2ai5-.cjs');
+const SessionExpired = require('../../../SessionExpired-CAOgb-6E.cjs');
 const utils_queryUtils = require('../../../utils/query-utils.cjs.js');
 
 function LogsErrorContent({ error, resource, errorTitle }) {

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

@@ -3,7 +3,7 @@ import { CircleSlashIcon } from 'lucide-react';
 import { E as EmptyState } from '../../../EmptyState-CLoSRKxC.js';
 import { E as ErrorState } from '../../../ErrorState-t59EAa55.js';
 import { P as PermissionDenied } from '../../../PermissionDenied-BmAbJ1Xn.js';
-import { S as SessionExpired } from '../../../SessionExpired-oy5tS_51.js';
+import { S as SessionExpired } from '../../../SessionExpired-DSPFseGA.js';
 import { is401UnauthorizedError, is403ForbiddenError, isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '../../../utils/query-utils.es.js';
 
 function LogsErrorContent({ error, resource, errorTitle }) {

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const reactVirtual = require('@tanstack/react-virtual');
 const React = require('react');
-const dataListSkeleton = require('../../../data-list-skeleton-BiletsX0.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-B7flrjdA.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const logsDataList = require('../../../logs-data-list-CBCCnmWl.cjs');
+const logsDataList = require('../../../logs-data-list-B0hzHq0b.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

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { useRef, useEffect } from 'react';
-import { D as DataListSkeleton } from '../../../data-list-skeleton-QvifQhmC.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-BJVs8rDE.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { L as LogsDataList } from '../../../logs-data-list-BEC39Y_v.js';
+import { L as LogsDataList } from '../../../logs-data-list-CWu83qI7.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-DCffRXYU.cjs');
+const propertyFilterApplied = require('../../../property-filter-applied-D35zWa7S.cjs');
 const utils_cn = require('../../../cn-DnbTIGXa.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-CTcWC5Hv.js';
+import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-CF-InSu-.js';
 import { c as cn } from '../../../cn-ByEbywDh.js';
 
 function LogsToolbar({

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

@@ -5,7 +5,7 @@ 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-BsHGVRjh.cjs');
+const Button = require('../../../Button-BJOVwaxp.cjs');
 const EmptyState = require('../../../EmptyState--bOUm8JU.cjs');
 
 const PRESET_LABELS = {

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

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { format } from 'date-fns';
 import { ExternalLinkIcon, CircleSlashIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-DsTY88Xz.js';
+import { B as Button } from '../../../Button-BVGwYwHT.js';
 import { E as EmptyState } from '../../../EmptyState-CLoSRKxC.js';
 
 const PRESET_LABELS = {

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-BsHGVRjh.cjs');
+const Button = require('../../../Button-BJOVwaxp.cjs');
 const domains_memory_lib_replaySelection = require('../lib/replay-selection.cjs.js');
 const domains_memory_lib_timeline = require('../lib/timeline.cjs.js');
 const domains_memory_components_flameGraphData = require('./flame-graph-data.cjs.js');

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-DsTY88Xz.js';
+import { B as Button } from '../../../Button-BVGwYwHT.js';
 import { tToTimestampMs } from '../lib/replay-selection.es.js';
 import { formatTimeDisplay, tToTimestamp } from '../lib/timeline.es.js';
 import { toMessageData, toContextData, toActiveObservationData, toBufferedObservationData, toEventData, toCombinedRowData, isEventPoint, toSelectedT, getAreaRowYMax } from './flame-graph-data.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-BsHGVRjh.cjs');
+const Button = require('../../../Button-BJOVwaxp.cjs');
 const skeleton = require('../../../skeleton-DYq_5Fad.cjs');
 const Txt = require('../../../Txt-i-sXSs2m.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-DsTY88Xz.js';
+import { B as Button } from '../../../Button-BVGwYwHT.js';
 import { S as Skeleton } from '../../../skeleton-KJCC29GI.js';
 import { T as Txt } from '../../../Txt-CfPhlZOu.js';
 import { MemoryIcon } from '../../../icons/MemoryIcon.es.js';

package/dist/domains/memory/components/observation-detail-view.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 checkbox = require('../../../checkbox-BNOCksit.cjs');
+const checkbox = require('../../../checkbox-DWXCTy8y.cjs');
 const codeDiff = require('../../../code-diff-pMNj9cR8.cjs');
 const EmptyState = require('../../../EmptyState--bOUm8JU.cjs');
 const skeleton = require('../../../skeleton-DYq_5Fad.cjs');

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { CircleSlashIcon } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
-import { C as Checkbox } from '../../../checkbox-pvYvwDUy.js';
+import { C as Checkbox } from '../../../checkbox-CC39oYEv.js';
 import { C as CodeDiff } from '../../../code-diff-CRzg0c6L.js';
 import { E as EmptyState } from '../../../EmptyState-CLoSRKxC.js';
 import { S as Skeleton } from '../../../skeleton-KJCC29GI.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-BsHGVRjh.cjs');
+const Button = require('../../../Button-BJOVwaxp.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-DsTY88Xz.js';
+import { B as Button } from '../../../Button-BVGwYwHT.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-DU4ynAjj.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-C0J7p78l.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-CMzJwQ_s.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-CcoU5-2_.js';
 import { useMetrics } from '../hooks/use-metrics.es.js';
 
 const METRICS_PRESETS = [

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

@@ -6,9 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const metricsCard = require('../../../metrics-card-DJC-d549.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-DPcqXCDT.cjs');
-const tabsContent = require('../../../tabs-content-Bf28p8Au.cjs');
-const tabsRoot = require('../../../tabs-root-BAJYWOrk.cjs');
-const tabsTab = require('../../../tabs-tab-Br-jck-B.cjs');
+const tabsContent = require('../../../tabs-content-CV7YrtD1.cjs');
+const tabsRoot = require('../../../tabs-root-Dw7gHsnZ.cjs');
+const tabsTab = require('../../../tabs-tab-CP-kzlvB.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

@@ -2,9 +2,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { M as MetricsCard } from '../../../metrics-card-kreeaS1o.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-M3JTf2J8.js';
-import { T as TabContent } from '../../../tabs-content-vrO_NM42.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-B4G-ywup.js';
-import { T as Tab } from '../../../tabs-tab-CvlCl9kD.js';
+import { T as TabContent } from '../../../tabs-content-CW6RtAEV.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-BAy8m6GO.js';
+import { T as Tab } from '../../../tabs-tab-K5mQhs7r.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-BSezaRoI.cjs');
+const dataList = require('../../../data-list-4_cVlINT.cjs');
 const metricsCard = require('../../../metrics-card-DJC-d549.cjs');
-const tabsContent = require('../../../tabs-content-Bf28p8Au.cjs');
-const tabsRoot = require('../../../tabs-root-BAJYWOrk.cjs');
-const tabsTab = require('../../../tabs-tab-Br-jck-B.cjs');
+const tabsContent = require('../../../tabs-content-CV7YrtD1.cjs');
+const tabsRoot = require('../../../tabs-root-Dw7gHsnZ.cjs');
+const tabsTab = require('../../../tabs-tab-CP-kzlvB.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-DJ7DgVuH.js';
+import { D as DataList } from '../../../data-list-Bm70XKg_.js';
 import { M as MetricsCard } from '../../../metrics-card-kreeaS1o.js';
-import { T as TabContent } from '../../../tabs-content-vrO_NM42.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-B4G-ywup.js';
-import { T as Tab } from '../../../tabs-tab-CvlCl9kD.js';
+import { T as TabContent } from '../../../tabs-content-CW6RtAEV.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-BAy8m6GO.js';
+import { T as Tab } from '../../../tabs-tab-K5mQhs7r.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,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const dataList = require('../../../data-list-BSezaRoI.cjs');
+const dataList = require('../../../data-list-4_cVlINT.cjs');
 const metricsCard = require('../../../metrics-card-DJC-d549.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 

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

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

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-BSezaRoI.cjs');
+const dataList = require('../../../data-list-4_cVlINT.cjs');
 const metricsCard = require('../../../metrics-card-DJC-d549.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-DPcqXCDT.cjs');
-const tabsContent = require('../../../tabs-content-Bf28p8Au.cjs');
-const tabsRoot = require('../../../tabs-root-BAJYWOrk.cjs');
-const tabsTab = require('../../../tabs-tab-Br-jck-B.cjs');
+const tabsContent = require('../../../tabs-content-CV7YrtD1.cjs');
+const tabsRoot = require('../../../tabs-root-Dw7gHsnZ.cjs');
+const tabsTab = require('../../../tabs-tab-CP-kzlvB.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-DJ7DgVuH.js';
+import { D as DataList } from '../../../data-list-Bm70XKg_.js';
 import { M as MetricsCard } from '../../../metrics-card-kreeaS1o.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-M3JTf2J8.js';
-import { T as TabContent } from '../../../tabs-content-vrO_NM42.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-B4G-ywup.js';
-import { T as Tab } from '../../../tabs-tab-CvlCl9kD.js';
+import { T as TabContent } from '../../../tabs-content-CW6RtAEV.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-BAy8m6GO.js';
+import { T as Tab } from '../../../tabs-tab-K5mQhs7r.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

@@ -6,9 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const horizontalBars = require('../../../horizontal-bars--Czy2stS.cjs');
 const metricsCard = require('../../../metrics-card-DJC-d549.cjs');
-const tabsContent = require('../../../tabs-content-Bf28p8Au.cjs');
-const tabsRoot = require('../../../tabs-root-BAJYWOrk.cjs');
-const tabsTab = require('../../../tabs-tab-Br-jck-B.cjs');
+const tabsContent = require('../../../tabs-content-CV7YrtD1.cjs');
+const tabsRoot = require('../../../tabs-root-Dw7gHsnZ.cjs');
+const tabsTab = require('../../../tabs-tab-CP-kzlvB.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

@@ -2,9 +2,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { H as HorizontalBars } from '../../../horizontal-bars-_vgi09Md.js';
 import { M as MetricsCard } from '../../../metrics-card-kreeaS1o.js';
-import { T as TabContent } from '../../../tabs-content-vrO_NM42.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-B4G-ywup.js';
-import { T as Tab } from '../../../tabs-tab-CvlCl9kD.js';
+import { T as TabContent } from '../../../tabs-content-CW6RtAEV.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-BAy8m6GO.js';
+import { T as Tab } from '../../../tabs-tab-K5mQhs7r.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

@@ -6,9 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const metricsCard = require('../../../metrics-card-DJC-d549.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-DPcqXCDT.cjs');
-const tabsRoot = require('../../../tabs-root-BAJYWOrk.cjs');
-const tabsTab = require('../../../tabs-tab-Br-jck-B.cjs');
-const tabsContent = require('../../../tabs-content-Bf28p8Au.cjs');
+const tabsRoot = require('../../../tabs-root-Dw7gHsnZ.cjs');
+const tabsTab = require('../../../tabs-tab-CP-kzlvB.cjs');
+const tabsContent = require('../../../tabs-content-CV7YrtD1.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

@@ -2,9 +2,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { M as MetricsCard } from '../../../metrics-card-kreeaS1o.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-M3JTf2J8.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-B4G-ywup.js';
-import { T as Tab } from '../../../tabs-tab-CvlCl9kD.js';
-import { T as TabContent } from '../../../tabs-content-vrO_NM42.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-BAy8m6GO.js';
+import { T as Tab } from '../../../tabs-tab-K5mQhs7r.js';
+import { T as TabContent } from '../../../tabs-content-CW6RtAEV.js';
 import { CHART_COLORS, formatCompact, formatCost } from './metrics-utils.es.js';
 
 function sumMetric(dataKey, formatter = formatCompact) {

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

@@ -6,9 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const horizontalBars = require('../../../horizontal-bars--Czy2stS.cjs');
 const metricsCard = require('../../../metrics-card-DJC-d549.cjs');
-const tabsContent = require('../../../tabs-content-Bf28p8Au.cjs');
-const tabsRoot = require('../../../tabs-root-BAJYWOrk.cjs');
-const tabsTab = require('../../../tabs-tab-Br-jck-B.cjs');
+const tabsContent = require('../../../tabs-content-CV7YrtD1.cjs');
+const tabsRoot = require('../../../tabs-root-Dw7gHsnZ.cjs');
+const tabsTab = require('../../../tabs-tab-CP-kzlvB.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 function VolumeBars({