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

package/dist/{span-payload-primitives-Buq9V8nK.js → span-payload-primitives-Dmzm3mb2.js}

@@ -4,7 +4,7 @@ import { SpanPayloadJson } from './domains/traces/components/span-payload/span-p
 import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from './collapsible-DhhP5p1j.js';
 import { M as MarkdownRenderer } from './markdown-renderer-Ces7VyRK.js';
 import { BadgeWrapper } from './domains/chat/components/badge-wrapper.es.js';
-import { j as ToolCallPresentedHeader } from './tool-call-Bs-9Cah5.js';
+import { j as ToolCallPresentedHeader } from './tool-call-CIeNEYpK.js';
 import { p as presentTool } from './tool-presentation-D-smNbXC.js';
 
 const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
@@ -65,4 +65,4 @@ function SpanPayloadToolCalls({ toolCalls }) {
 }
 
 export { SpanPayloadField as S, SpanPayloadMarkdown as a, SpanPayloadToolCalls as b, SpanPayloadCollapsible as c, SpanPayloadLabel as d, SpanPayloadTool as e };
-//# sourceMappingURL=span-payload-primitives-Buq9V8nK.js.map
+//# sourceMappingURL=span-payload-primitives-Dmzm3mb2.js.map

package/dist/{span-payload-primitives-Buq9V8nK.js.map → span-payload-primitives-Dmzm3mb2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"span-payload-primitives-Buq9V8nK.js","sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField, SpanPayloadLabel } from './span-payload-primitives';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ToolCallPresentedHeader } from '@/ds/components/ai/tool-call';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={<ToolCallPresentedHeader {...presentTool(call.toolName, input)} />}\n      >\n        <div className=\"flex flex-col gap-3\">\n          {input !== undefined && (\n            <SpanPayloadField label=\"Arguments\">\n              <SpanPayloadJson value={input} />\n            </SpanPayloadField>\n          )}\n          {output !== undefined && (\n            <SpanPayloadField label=\"Result\">\n              <SpanPayloadJson value={output} />\n            </SpanPayloadField>\n          )}\n          {errorText !== undefined && (\n            <SpanPayloadField label=\"Error\">\n              <SpanPayloadJson value={errorText} />\n            </SpanPayloadField>\n          )}\n        </div>\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-meta tracking-widest text-placeholder uppercase\">{children}</div>;\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-body text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta tracking-widest text-placeholder uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"span-payload-primitives-Dmzm3mb2.js","sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField, SpanPayloadLabel } from './span-payload-primitives';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ToolCallPresentedHeader } from '@/ds/components/ai/tool-call';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={<ToolCallPresentedHeader {...presentTool(call.toolName, input)} />}\n      >\n        <div className=\"flex flex-col gap-3\">\n          {input !== undefined && (\n            <SpanPayloadField label=\"Arguments\">\n              <SpanPayloadJson value={input} />\n            </SpanPayloadField>\n          )}\n          {output !== undefined && (\n            <SpanPayloadField label=\"Result\">\n              <SpanPayloadJson value={output} />\n            </SpanPayloadField>\n          )}\n          {errorText !== undefined && (\n            <SpanPayloadField label=\"Error\">\n              <SpanPayloadJson value={errorText} />\n            </SpanPayloadField>\n          )}\n        </div>\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-meta tracking-widest text-placeholder uppercase\">{children}</div>;\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-body text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta tracking-widest text-placeholder uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/{span-payload-primitives-CjlNH9C-.cjs → span-payload-primitives-Dq8WqqNm.cjs}

@@ -6,7 +6,7 @@ const domains_traces_components_spanPayload_spanPayloadJson = require('./domains
 const collapsible = require('./collapsible-BFSJouuI.cjs');
 const markdownRenderer = require('./markdown-renderer-DtH58325.cjs');
 const domains_chat_components_badgeWrapper = require('./domains/chat/components/badge-wrapper.cjs.js');
-const toolCall = require('./tool-call-C0JeHe8Z.cjs');
+const toolCall = require('./tool-call-CnEm3eE0.cjs');
 const toolPresentation = require('./tool-presentation-BGWx2mEc.cjs');
 
 const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
@@ -72,4 +72,4 @@ exports.SpanPayloadLabel = SpanPayloadLabel;
 exports.SpanPayloadMarkdown = SpanPayloadMarkdown;
 exports.SpanPayloadTool = SpanPayloadTool;
 exports.SpanPayloadToolCalls = SpanPayloadToolCalls;
-//# sourceMappingURL=span-payload-primitives-CjlNH9C-.cjs.map
+//# sourceMappingURL=span-payload-primitives-Dq8WqqNm.cjs.map

package/dist/{span-payload-primitives-CjlNH9C-.cjs.map → span-payload-primitives-Dq8WqqNm.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"span-payload-primitives-CjlNH9C-.cjs","sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField, SpanPayloadLabel } from './span-payload-primitives';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ToolCallPresentedHeader } from '@/ds/components/ai/tool-call';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={<ToolCallPresentedHeader {...presentTool(call.toolName, input)} />}\n      >\n        <div className=\"flex flex-col gap-3\">\n          {input !== undefined && (\n            <SpanPayloadField label=\"Arguments\">\n              <SpanPayloadJson value={input} />\n            </SpanPayloadField>\n          )}\n          {output !== undefined && (\n            <SpanPayloadField label=\"Result\">\n              <SpanPayloadJson value={output} />\n            </SpanPayloadField>\n          )}\n          {errorText !== undefined && (\n            <SpanPayloadField label=\"Error\">\n              <SpanPayloadJson value={errorText} />\n            </SpanPayloadField>\n          )}\n        </div>\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-meta tracking-widest text-placeholder uppercase\">{children}</div>;\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-body text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta tracking-widest text-placeholder uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":["jsx","SpanPayloadJson","jsxs","BadgeWrapper","ToolCallPresentedHeader","presentTool","MarkdownRenderer","Collapsible","CollapsibleTrigger","ChevronRightIcon","CollapsibleContent"],"mappings":"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"}
+{"version":3,"file":"span-payload-primitives-Dq8WqqNm.cjs","sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField, SpanPayloadLabel } from './span-payload-primitives';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ToolCallPresentedHeader } from '@/ds/components/ai/tool-call';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={<ToolCallPresentedHeader {...presentTool(call.toolName, input)} />}\n      >\n        <div className=\"flex flex-col gap-3\">\n          {input !== undefined && (\n            <SpanPayloadField label=\"Arguments\">\n              <SpanPayloadJson value={input} />\n            </SpanPayloadField>\n          )}\n          {output !== undefined && (\n            <SpanPayloadField label=\"Result\">\n              <SpanPayloadJson value={output} />\n            </SpanPayloadField>\n          )}\n          {errorText !== undefined && (\n            <SpanPayloadField label=\"Error\">\n              <SpanPayloadJson value={errorText} />\n            </SpanPayloadField>\n          )}\n        </div>\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-meta tracking-widest text-placeholder uppercase\">{children}</div>;\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-body text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta tracking-widest text-placeholder uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":["jsx","SpanPayloadJson","jsxs","BadgeWrapper","ToolCallPresentedHeader","presentTool","MarkdownRenderer","Collapsible","CollapsibleTrigger","ChevronRightIcon","CollapsibleContent"],"mappings":"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"}

package/dist/src/domains/capabilities/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-observability-capabilities';
+export * from './use-trace-query-available';
+export * from './use-feedback-available';

package/dist/src/domains/capabilities/hooks/use-feedback-available.d.ts

@@ -0,0 +1,8 @@
+/**
+ * `enabled` stays false while capabilities load. Servers without the
+ * capabilities endpoint fall back to `true` (feedback was shown by default before).
+ */
+export declare const useFeedbackAvailable: () => {
+    isLoading: boolean;
+    enabled: boolean;
+};

package/dist/src/domains/capabilities/hooks/use-observability-capabilities.d.ts

@@ -0,0 +1,22 @@
+export declare const useObservabilityCapabilities: () => import('@tanstack/react-query').UseQueryResult<{
+    observabilityStorageType: string | null;
+    capabilities: {
+        metrics: boolean;
+        logs: boolean;
+        discovery: {
+            entityTypes: boolean;
+            entityNames: boolean;
+            serviceNames: boolean;
+            environments: boolean;
+            tags: boolean;
+            metrics: boolean;
+        };
+        deltaPolling: boolean;
+        traceQuery: boolean;
+        traceQueryRootDuration: boolean;
+        traceQueryDiscovery: boolean;
+        traceQueryTenantScope: boolean;
+        threadQuery: boolean;
+        feedback: boolean;
+    };
+}, Error>;

package/dist/src/domains/capabilities/hooks/use-trace-query-available.d.ts

@@ -0,0 +1,8 @@
+/**
+ * `enabled` stays false while capabilities load. Servers without the
+ * capabilities endpoint fall back to `true` (trace query was the default before).
+ */
+export declare const useTraceQueryAvailable: () => {
+    isLoading: boolean;
+    enabled: boolean;
+};

package/dist/src/domains/capabilities/index.d.ts

@@ -0,0 +1 @@
+export * from './hooks';

package/dist/src/domains/chat/messages/reasoning.d.ts

@@ -2,5 +2,7 @@ export interface ReasoningProps {
     text: string;
     redacted?: boolean;
     streaming?: boolean;
+    /** Whether the passage starts expanded. Defaults to `true`. */
+    defaultOpen?: boolean;
 }
-export declare const Reasoning: ({ text, redacted, streaming }: ReasoningProps) => import("react").JSX.Element | null;
+export declare const Reasoning: ({ text, redacted, streaming, defaultOpen }: ReasoningProps) => import("react").JSX.Element | null;

package/dist/src/domains/chat/messages/renderers/reasoning-part-renderer.d.ts

@@ -1,5 +1,7 @@
 import { ReasoningPart } from '@mastra/react/ui';
 export interface ReasoningPartRendererProps {
     part: ReasoningPart;
+    /** Whether the passage starts expanded. Defaults to `true`. */
+    defaultOpen?: boolean;
 }
-export declare const ReasoningPartRenderer: ({ part }: ReasoningPartRendererProps) => import("react").JSX.Element | null;
+export declare const ReasoningPartRenderer: ({ part, defaultOpen }: ReasoningPartRendererProps) => import("react").JSX.Element | null;

package/dist/src/domains/chat/stories/reasoning.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ part }: import('../messages/renderers/reasoning-part-renderer').ReasoningPartRendererProps) => import("react").JSX.Element | null;
+    component: ({ part, defaultOpen }: import('../messages/renderers/reasoning-part-renderer').ReasoningPartRendererProps) => import("react").JSX.Element | null;
     parameters: {
         docs: {
             description: {

package/dist/src/domains/memory/lib/timeline.d.ts

@@ -6,4 +6,3 @@ export declare function parseUTC(ts: string): number;
 export declare function timestampsToTDomain(timestamps: string[]): TDomain;
 export declare function toT(isoString: string, domain: TDomain): number;
 export declare function tToTimestamp(t: number, domain: TDomain): Date;
-export declare function formatTimeDisplay(date: Date): string;

package/dist/src/domains/metrics/components/index.d.ts

@@ -1,5 +1,5 @@
 export { DateRangeSelector } from './date-range-selector';
-export { formatCompact, formatCost, CHART_COLORS } from './metrics-utils';
+export { CHART_COLORS } from './metrics-utils';
 export { BarListContent, StackedRunsBars } from './bar-list';
 export { OpenErrorsInLogsButton, OpenInTracesButton } from './card-action-buttons';
 export { KpiCardView, type KpiCardViewProps } from './kpi-card-view';

package/dist/src/domains/metrics/components/kpi-card-view.d.ts

@@ -1,6 +1,7 @@
+import { ReactNode } from 'react';
 export interface KpiCardViewProps {
     label: string;
-    value: string | null;
+    value: ReactNode;
     prevValue?: string;
     changePct?: number | null;
     isLoading: boolean;

package/dist/src/domains/metrics/components/latency-card-view.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { LatencyPoint } from '../hooks/use-latency-metrics';
+import { MetricsInterval } from '../metrics-interval';
 import { LatencyTab } from './latency-card-view.utils';
 export type { LatencyTab };
 export interface LatencyCardViewProps {
@@ -7,11 +8,13 @@ export interface LatencyCardViewProps {
         agentData: LatencyPoint[];
         workflowData: LatencyPoint[];
         toolData: LatencyPoint[];
+        /** Bucket size of the points. Defaults to `'1h'`. */
+        interval?: MetricsInterval;
     } | undefined;
     isLoading: boolean;
     isError: boolean;
     /** Optional drilldown: invoked when a chart node is clicked. Container provides the navigation. */
-    onPointClick?: (tab: LatencyTab, point: LatencyPoint) => void;
+    onPointClick?: (tab: LatencyTab, point: LatencyPoint, interval: MetricsInterval) => void;
     /**
      * Optional slot for top-bar action buttons (e.g. "View in Traces").
      * Pass a function to receive the active tab so the action can scope itself to the current entity type.

package/dist/src/domains/metrics/components/metrics-utils.d.ts

@@ -1,5 +1,3 @@
-export declare function formatCompact(n: number): string;
-export declare function formatCost(value: number, unit?: string | null): string;
 export declare const METRICS_DATA_LIST_PROPS: {
     className: string;
     mask: {

package/dist/src/domains/metrics/hooks/index.d.ts

@@ -16,4 +16,5 @@ export { useTopActiveThreadsMetrics, type ActiveThreadRow } from './use-top-acti
 export { useTopResourcesByThreadsMetrics, type ResourceThreadsRow } from './use-top-resources-by-threads-metrics';
 export { useDrilldown } from './use-drilldown';
 export { buildLogsDrilldownUrl, buildTracesDrilldownUrl, narrowWindowToBucket, type DrilldownScope, type DrilldownWindow, } from '../drilldown';
+export { chooseMetricsInterval, formatMetricsBucketLabel, type MetricsInterval } from '../metrics-interval';
 export { applyMetricsPropertyFilterTokens, buildMetricsDimensionalFilter, clearSavedMetricsFilters, createMetricsPropertyFilterFields, getMetricsPropertyFilterTokens, hasAnyMetricsFilterParams, loadMetricsFiltersFromStorage, saveMetricsFiltersToStorage, type MetricsDimensionalFilter, type MetricsPropertyFilterFieldId, } from '../metrics-filters';

package/dist/src/domains/metrics/hooks/use-latency-metrics.d.ts

@@ -1,3 +1,4 @@
+import { MetricsInterval } from '../metrics-interval';
 export interface LatencyPoint {
     [key: string]: unknown;
     time: string;
@@ -7,10 +8,9 @@ export interface LatencyPoint {
     p50: number;
     p95: number;
 }
-export declare const LATENCY_INTERVAL: '1h';
 export declare function useLatencyMetrics(): import('@tanstack/react-query').UseQueryResult<{
     agentData: LatencyPoint[];
     workflowData: LatencyPoint[];
     toolData: LatencyPoint[];
-    interval: "1h";
+    interval: MetricsInterval;
 }, Error>;

package/dist/src/domains/metrics/hooks/use-token-usage-timeseries.d.ts

@@ -1,4 +1,5 @@
-export type TokenUsageTimeSeriesInterval = '1h' | '1d';
+import { MetricsInterval } from '../metrics-interval';
+export type TokenUsageTimeSeriesInterval = MetricsInterval;
 export interface TokenTimelinePoint {
     time: string;
     tsMs: number;

package/dist/src/domains/metrics/metrics-interval.d.ts

@@ -0,0 +1,7 @@
+export type MetricsInterval = '1h' | '1d';
+/** Hourly buckets up to 48h, daily buckets beyond, so long ranges stay readable. */
+export declare function chooseMetricsInterval({ start, end }: {
+    start: Date;
+    end: Date;
+}): MetricsInterval;
+export declare function formatMetricsBucketLabel(ts: Date, interval: MetricsInterval): string;

package/dist/src/domains/traces/components/trace-columns-menu.d.ts

@@ -4,6 +4,8 @@ type TraceColumnsMenuProps = {
     /** Top-level metadata keys observed on traces in the current time range, offered in the picker. */
     availableMetadataKeys?: readonly string[];
     usageDisabledReason?: string;
+    /** When false (server without the trace-query API), metadata columns can't be added. Defaults to true. */
+    withQueryTrace?: boolean;
     onToggleColumn: (column: TraceOptionalColumn) => void;
     onAddCustomColumn: (field: TraceCustomColumn) => void;
     onRemoveCustomColumn: (field: TraceCustomColumn) => void;
@@ -11,5 +13,5 @@ type TraceColumnsMenuProps = {
     onRemoveMetadataColumn: (key: string) => void;
     onReset: () => void;
 };
-export declare function TraceColumnsMenu({ preferences, availableMetadataKeys, usageDisabledReason, onToggleColumn, onAddCustomColumn, onRemoveCustomColumn, onAddMetadataColumn, onRemoveMetadataColumn, onReset, }: TraceColumnsMenuProps): import("react").JSX.Element;
+export declare function TraceColumnsMenu({ preferences, availableMetadataKeys, usageDisabledReason, withQueryTrace, onToggleColumn, onAddCustomColumn, onRemoveCustomColumn, onAddMetadataColumn, onRemoveMetadataColumn, onReset, }: TraceColumnsMenuProps): import("react").JSX.Element;
 export {};

package/dist/src/domains/traces/components/trace-data-panel-view.stories.d.ts

@@ -20,7 +20,7 @@ declare const meta: {
         initialSpanId?: string | null | undefined;
         onPrevious?: (() => void) | undefined;
         onNext?: (() => void) | undefined;
-        size?: "md" | "full" | "half" | "wide" | undefined;
+        size?: "md" | "half" | "wide" | "full" | undefined;
         depth?: 3 | 1 | 2 | undefined;
         headerSlot?: import('react').ReactNode;
         title?: string | undefined;

package/dist/src/domains/traces/hooks/index.d.ts

@@ -8,6 +8,7 @@ export { useTraceSearch, type UseTraceSearchResult } from './use-trace-search';
 export { useTraceSpans } from './use-trace-spans';
 export { useTraces } from './use-traces';
 export { useTraceQuery, type UseTraceQueryArgs, type UseTraceQueryReturn, type TraceQueryArgs, } from './use-trace-query';
+export { useTracesListSource, type UseTracesListSourceArgs } from './use-traces-list-source';
 export { useTags } from './use-tags';
 export { useTraceMetadataFilterFields, type TraceMetadataFilterField, type TraceQueryDiscoveryTimeRange, } from './use-trace-metadata-filter-fields';
 export { useEntityNames } from './use-entity-names';

package/dist/src/domains/traces/hooks/use-trace-query.d.ts

@@ -1,6 +1,10 @@
-import { QueryTracesKeysetInput, TraceQueryKeysetTraceResponse } from '@mastra/client-js';
+import { MastraClient, QueryTracesKeysetInput, TraceQueryKeysetTraceResponse } from '@mastra/client-js';
+import { buildTraceListFilters } from '../trace-filters';
 export declare const TRACE_QUERY_PER_PAGE = 25;
 type TraceQueryTrace = TraceQueryKeysetTraceResponse['traces'][number];
+type LegacyTraceListFilters = ReturnType<typeof buildTraceListFilters>;
+type ListTracesLightResponse = Awaited<ReturnType<MastraClient['listTracesLight']>>;
+type LightSpanRecord = ListTracesLightResponse['spans'][number];
 export type TraceQueryArgs = Omit<QueryTracesKeysetInput, 'page' | 'pagination'>;
 export interface UseTraceQueryArgs {
     query: TraceQueryArgs | undefined;
@@ -8,6 +12,10 @@ export interface UseTraceQueryArgs {
     enabled?: boolean;
     refetchInterval?: number | false;
     refetchOnWindowFocus?: boolean;
+    /** When false, lists traces through the legacy `listTracesLight` endpoint instead of the trace-query API. */
+    withQueryTrace?: boolean;
+    /** Filters for the legacy endpoint, as built by `buildTraceListFilters`. Only read when `withQueryTrace` is false. */
+    legacyFilters?: LegacyTraceListFilters;
 }
 export interface UseTraceQueryReturn {
     data: TraceQueryTrace[] | undefined;
@@ -27,6 +35,15 @@ export declare function getTraceQueryNextPageParam(lastPage: TraceQueryKeysetTra
 export declare function selectTraceQueryTraces(data: {
     pages: TraceQueryKeysetTraceResponse[];
 }): TraceQueryTrace[];
+/** Maps a legacy light root span to a trace-query row. The light record carries no
+ *  thread/resource/environment, so those stay null. Running spans have no `endedAt` and may carry a
+ *  status outside the query API's enum; both are kept as-is (the list view handles them), hence the
+ *  assertion at this compatibility boundary. */
+export declare function lightSpanToTraceQueryTrace(span: LightSpanRecord): TraceQueryTrace;
+export declare function selectLegacyTraceQueryTraces(data: {
+    pages: ListTracesLightResponse[];
+}): TraceQueryTrace[];
+export declare function getLegacyTraceQueryNextPageParam(lastPage: ListTracesLightResponse): number | undefined;
 /** Queries traces with cursor pagination and viewport-driven loading. */
-export declare function useTraceQuery({ query, limit, enabled, refetchInterval, refetchOnWindowFocus, }: UseTraceQueryArgs): UseTraceQueryReturn;
+export declare function useTraceQuery({ query, limit, enabled, refetchInterval, refetchOnWindowFocus, withQueryTrace, legacyFilters, }: UseTraceQueryArgs): UseTraceQueryReturn;
 export {};

package/dist/src/domains/traces/hooks/use-traces-list-source.d.ts

@@ -0,0 +1,46 @@
+import { TraceQueryArgs, UseTraceQueryArgs } from './use-trace-query';
+export interface UseTracesListSourceArgs {
+    query: (now: Date) => TraceQueryArgs;
+    orderBy?: TraceQueryArgs['orderBy'];
+    rolling?: boolean;
+    initialAutoRefetch?: boolean;
+    withQueryTrace?: boolean;
+    legacyFilters?: UseTraceQueryArgs['legacyFilters'];
+    enabled?: boolean;
+}
+export declare function useTracesListSource({ query: buildQuery, orderBy, rolling, initialAutoRefetch, withQueryTrace, legacyFilters, enabled, }: UseTracesListSourceArgs): {
+    rows: import('..').TracesListViewTrace[];
+    autoRefetch: boolean;
+    setAutoRefetch: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    data: {
+        traceId: string;
+        rootSpanId: string;
+        name: string;
+        entityId: string | null;
+        parentSpanId: string | null;
+        createdAt: string;
+        metadata: {
+            [x: string]: unknown;
+        } | null;
+        inputPreview: string | null;
+        threadId: string | null;
+        resourceId: string | null;
+        startedAt: string;
+        endedAt: string;
+        entityName: string | null;
+        entityType: string | null;
+        environment: string | null;
+        status: "success" | "error";
+    }[] | undefined;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    fetchNextPage: () => void;
+    isLoading: boolean;
+    isFetching: boolean;
+    isRefetching: boolean;
+    fetchStatus: "idle" | "fetching" | "paused";
+    isError: boolean;
+    error: Error | null;
+    refetch: () => void;
+    setEndOfListElement: (node: HTMLDivElement | null) => void;
+};

package/dist/src/domains/traces/trace-filters.d.ts

@@ -136,7 +136,7 @@ export declare const traceFilterFieldColor: (fieldId: string) => string;
  *  `running` status, so no chip advertises a filter that has no effect. Hidden
  *  fields are never offered in the input's field step but still label existing
  *  (e.g. scoped, read-only) chips. */
-export declare function createTraceFilterBarFields({ availableRootEntityNames, availableEnvironments, hiddenFieldIds, metadataFields, valueSuggestions, }: {
+export declare function createTraceFilterBarFields({ availableRootEntityNames, availableEnvironments, hiddenFieldIds, metadataFields, valueSuggestions, withQueryTrace, }: {
     availableRootEntityNames: string[];
     availableEnvironments: string[];
     hiddenFieldIds?: readonly string[];
@@ -144,6 +144,11 @@ export declare function createTraceFilterBarFields({ availableRootEntityNames, a
     metadataFields?: readonly TraceMetadataFilterField[];
     /** Builds a lazy value resolver for a related-scope field (`spans.model`, …). Absent → free text. */
     valueSuggestions?: (scope: TraceQueryRelatedScope, path: string) => FilterBarSuggestionsResolver;
+    /**
+     * When false, only fields the legacy list endpoint (`buildTraceListFilters`) can express are offered, each with
+     * the `is` operator only: no related-scope (`spans.*`, `scores.*`, `feedback.*`) or metadata fields.
+     */
+    withQueryTrace?: boolean;
 }): FilterBarField[];
 /** One FilterBar item per token, keyed by field id so chip order == URL order.
  *  Empty values ('' / []) are kept: that's a pending chip whose field was just

package/dist/src/domains/traces/utils/index.d.ts

@@ -2,4 +2,4 @@ export { filterSpansKeepingAncestors } from './filter-spans-keeping-ancestors';
 export { flattenToSearchText } from './flatten-to-search-text';
 export { selectSearchableSpans, toSearchableSpans } from './to-searchable-spans';
 export { getSpanTimingLayout, type SpanTimingLayout } from './span-timing';
-export { formatSpanDuration, getInputPreview, isTokenLimitExceeded, getTokenLimitMessage } from './span-utils';
+export { getSpanDurationMs, getInputPreview, isTokenLimitExceeded, getTokenLimitMessage } from './span-utils';

package/dist/src/domains/traces/utils/span-utils.d.ts

@@ -1,10 +1,5 @@
 import { SpanRecord } from '../types';
-export declare function formatSpanDuration(startedAt: Date | string | null | undefined, endedAt: Date | string | null | undefined): string | undefined;
-export declare function formatSpanDurationExact(startedAt: Date | string | null | undefined, endedAt: Date | string | null | undefined): string | undefined;
-/** `X.XXX s`, matching the timeline timing column. */
-export declare function formatSpanDurationSeconds(startedAt: Date | string | null | undefined, endedAt: Date | string | null | undefined): string | undefined;
-export declare function formatSpanTimestamp(value: Date | string | null | undefined): string | undefined;
-export declare function formatSpanTimestampExact(value: Date | string | null | undefined): string | undefined;
+export declare function getSpanDurationMs(startedAt: Date | string | null | undefined, endedAt: Date | string | null | undefined): number | undefined;
 /**
  * Extract a truncated text preview from a span's input field.
  * Agent traces store `input` as an array of message objects.

package/dist/src/ds/components/Card/Card.d.ts

@@ -26,11 +26,11 @@ export declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps &
 export type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
 export declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
 declare const cardContentVariants: (props?: ({
-    density?: "default" | "compact" | null | undefined;
+    density?: "compact" | "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type CardContentProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardContentVariants>;
 export declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    density?: "default" | "compact" | null | undefined;
+    density?: "compact" | "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 export type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
 export declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/ds/components/CompactNumber/compact-number.d.ts

@@ -0,0 +1,6 @@
+import { CompactNumberFormatOptions } from '../../../lib/cost';
+export interface CompactNumberProps extends CompactNumberFormatOptions {
+    value: number;
+    className?: string;
+}
+export declare function CompactNumber({ value, currency, className }: CompactNumberProps): import("react").JSX.Element;

package/dist/src/ds/components/CompactNumber/compact-number.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { CompactNumber } from './compact-number';
+declare const meta: Meta<typeof CompactNumber>;
+export default meta;
+type Story = StoryObj<typeof CompactNumber>;
+export declare const Default: Story;
+export declare const Money: Story;

package/dist/src/ds/components/CompactNumber/index.d.ts

@@ -0,0 +1 @@
+export * from './compact-number';

package/dist/src/ds/components/DataList/data-list-cells.d.ts

@@ -39,12 +39,13 @@ export type DataListNumberCellProps = DataListCellProps & {
      * primary metric in a row (e.g. a total or headline number).
      */
     highlight?: boolean;
+    font?: 'sans' | 'mono';
 };
 /**
  * Right-aligned numeric cell with tabular figures, for metric and summary
  * tables. Pass `highlight` for the emphasized column.
  */
-export declare function DataListNumberCell({ children, className, highlight, ...rest }: DataListNumberCellProps): import("react").JSX.Element;
+export declare function DataListNumberCell({ children, className, highlight, font, ...rest }: DataListNumberCellProps): import("react").JSX.Element;
 export interface DataListIdCellProps {
     id: string;
 }
@@ -65,12 +66,12 @@ export declare function DataListSelectCell({ checked, onToggle, disabled, ...res
 export interface DataListDateCellProps {
     timestamp: Date | string;
 }
-/** Compact date cell — `Today` or `MMM dd` (e.g. `May 19`). */
+/** Compact date cell — `Today`, `May 19` or `May 19, 2025`. */
 export declare function DataListDateCell({ timestamp }: DataListDateCellProps): import("react").JSX.Element;
 export interface DataListCreatedCellProps {
     timestamp: Date | string;
 }
-/** Compact date + time cell — always `MMM d HH:mm:ss` (e.g. `Aug 31 13:07:47`), 24h, no milliseconds. */
+/** Locale-aware date and time cell with second precision. */
 export declare function DataListCreatedCell({ timestamp }: DataListCreatedCellProps): import("react").JSX.Element;
 export interface DataListTimeCellProps {
     timestamp: Date | string;

package/dist/src/ds/components/InlineCode/index.d.ts

@@ -0,0 +1 @@
+export * from './inline-code';

package/dist/src/ds/components/InlineCode/inline-code.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export type InlineCodeProps = HTMLAttributes<HTMLElement>;
+export declare const InlineCode: ({ className, ...props }: InlineCodeProps) => import("react").JSX.Element;

package/dist/src/ds/components/InlineCode/inline-code.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { InlineCode } from './inline-code';
+declare const meta: Meta<typeof InlineCode>;
+export default meta;
+type Story = StoryObj<typeof InlineCode>;
+export declare const Default: Story;
+/**
+ * Inline code takes the size of the text around it, so one component works in body copy,
+ * captions, and table cells.
+ */
+export declare const InText: Story;
+/** Code that runs past one line is a highlighted `CodeBlock`, not inline code. */
+export declare const WithCodeBlock: Story;

package/dist/src/ds/components/ItemList/item-list-date-cell.d.ts

@@ -1,6 +1,7 @@
+import { DatePreset } from '../../../utils/date-format';
 export type ItemListDateCellProps = {
     date: Date | string | null;
     className?: string;
-    withTime?: boolean;
+    preset?: DatePreset;
 };
-export declare function ItemListDateCell({ date, className, withTime }: ItemListDateCellProps): import("react").JSX.Element;
+export declare function ItemListDateCell({ date, className, preset }: ItemListDateCellProps): import("react").JSX.Element;

package/dist/src/ds/components/MetricsCardGroup/metrics-card-group.d.ts

@@ -8,16 +8,11 @@ export type MetricsCardGroupProps = {
      * cards are flat wells cut into it, so the frame reads as a thick border.
      */
     variant?: MetricsCardGroupVariant;
-    /**
-     * Base width each card grows from; a card wraps once the row can't fit it.
-     * Raise it for chart cards, which need more room than a KPI.
-     */
-    minItemWidth?: string;
     className?: string;
 };
 /**
  * A frame that holds a row of metrics cards (KPI, chart, …) as one unit.
- * Cards flex to fill each row and wrap responsively; the group owns their width,
- * so each card's own `min-w-*` is neutralised.
+ * One column below `md`, two below `lg`, then every card on a single row with
+ * equal widths. The group owns their width, so each card's own `min-w-*` is neutralised.
  */
-export declare function MetricsCardGroup({ children, variant, minItemWidth, className, }: MetricsCardGroupProps): import("react").JSX.Element;
+export declare function MetricsCardGroup({ children, variant, className }: MetricsCardGroupProps): import("react").JSX.Element;

package/dist/src/ds/components/MetricsLineChart/index.d.ts

@@ -1,2 +1,3 @@
 export { MetricsLineChart, type MetricsLineChartSeries } from './metrics-line-chart';
 export { MetricsLineChartTooltip } from './metrics-line-chart-tooltip';
+export { MetricsLineChartLegend } from './metrics-line-chart-legend';

package/dist/src/ds/components/MetricsLineChart/metrics-line-chart-legend.d.ts

@@ -0,0 +1,6 @@
+import { MetricsLineChartSeries } from './metrics-line-chart';
+export declare function MetricsLineChartLegend({ data, series, className, }: {
+    data: Record<string, unknown>[];
+    series: MetricsLineChartSeries[];
+    className?: string;
+}): import("react").JSX.Element;