@mastra/playground-ui 60.2.0 → 61.0.0-alpha.1

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

@@ -2,9 +2,9 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ScrollText, ListTodo, MessageSquareReply, Braces } from 'lucide-react';
 import { formatTokens, extractedValueEntries, formatExtractedValue, compressionRatio } from './observation-marker-format.es.js';
 import { ObservationRenderer } from './observation-renderer.es.js';
-import { g as ActivityItem } from '../../../../activity-BoXbE4Kz.js';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-zvB6a8uj.js';
-import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
+import { g as ActivityItem } from '../../../../activity-D0SefV4r.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-XfWPF-B7.js';
+import { T as Txt } from '../../../../Txt-C3cYJgKU.js';
 import { formatDuration } from '../../../../utils/duration.es.js';
 
 const markdownCode = "[&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta";

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

@@ -5,8 +5,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_memory_lib_observationPriority = require('../../../memory/lib/observation-priority.cjs.js');
-const markdownRenderer = require('../../../../markdown-renderer-DPwN7Vtm.cjs');
-const Txt = require('../../../../Txt-DPmEpNbp.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-DRo-Hcuu.cjs');
+const Txt = require('../../../../Txt-DNnvlrBo.cjs');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 
 function parseObservationLine(line, isNested = false) {

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

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { observationPriorityTone, observationPriorityByEmoji } from '../../../memory/lib/observation-priority.es.js';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-zvB6a8uj.js';
-import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-XfWPF-B7.js';
+import { T as Txt } from '../../../../Txt-C3cYJgKU.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 
 function parseObservationLine(line, isNested = false) {

package/dist/domains/chat/tools/badges/sandbox-execution-badge.cjs.js

@@ -9,10 +9,10 @@ const domains_chat_tools_badges_workspaceLink = require('./workspace-link.cjs.js
 const domains_chat_components_badgeWrapper = require('../../components/badge-wrapper.cjs.js');
 const domains_chat_tools_badges_awaitsToolApproval = require('./awaits-tool-approval.cjs.js');
 const domains_chat_tools_badges_toolApprovalButtons = require('./tool-approval-buttons.cjs.js');
-const activity = require('../../../../activity-CbQG59Oc.cjs');
+const activity = require('../../../../activity-ClKZR5_o.cjs');
 const toolCallMono = require('../../../../tool-call-mono-DXtb4UMm.cjs');
 const toolPresentation = require('../../../../tool-presentation-WLS6d1ws.cjs');
-const Txt = require('../../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../../Txt-DNnvlrBo.cjs');
 const hooks_useElapsedTime = require('../../../../hooks/use-elapsed-time.cjs.js');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 const utils_duration = require('../../../../utils/duration.cjs.js');

package/dist/domains/chat/tools/badges/sandbox-execution-badge.es.js

@@ -5,10 +5,10 @@ import { WorkspaceLink } from './workspace-link.es.js';
 import { BadgeWrapper } from '../../components/badge-wrapper.es.js';
 import { awaitsToolApproval } from './awaits-tool-approval.es.js';
 import { ToolApprovalButtons } from './tool-approval-buttons.es.js';
-import { e as ActivityHeadline } from '../../../../activity-BoXbE4Kz.js';
+import { e as ActivityHeadline } from '../../../../activity-D0SefV4r.js';
 import { T as ToolCallCommand, a as ToolCallMono } from '../../../../tool-call-mono-CC6uzvhS.js';
 import { p as presentTool } from '../../../../tool-presentation-BXAo24Ir.js';
-import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../../Txt-C3cYJgKU.js';
 import { useElapsedTime } from '../../../../hooks/use-elapsed-time.es.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 import { formatElapsed, formatDuration } from '../../../../utils/duration.es.js';

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

@@ -9,9 +9,9 @@ const domains_chat_components_networkChoiceMetadataDialog = require('../../compo
 const domains_chat_components_sectionLabel = require('../../components/section-label.cjs.js');
 const domains_chat_tools_badges_awaitsToolApproval = require('./awaits-tool-approval.cjs.js');
 const domains_chat_tools_badges_toolApprovalButtons = require('./tool-approval-buttons.cjs.js');
-const activity = require('../../../../activity-CbQG59Oc.cjs');
+const activity = require('../../../../activity-ClKZR5_o.cjs');
 const ansi = require('../../../../ansi-fAtbeDQN.cjs');
-const toolCallArguments = require('../../../../tool-call-arguments-BemKsB9v.cjs');
+const toolCallArguments = require('../../../../tool-call-arguments-cML2FFBk.cjs');
 const toolCallOutput = require('../../../../tool-call-output-ht3k1qLQ.cjs');
 const toolPresentation = require('../../../../tool-presentation-WLS6d1ws.cjs');
 const codeEditor = require('../../../../code-editor-Btr1qm_5.cjs');

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

@@ -5,9 +5,9 @@ import { NetworkChoiceMetadataDialogTrigger } from '../../components/network-cho
 import { SectionLabel } from '../../components/section-label.es.js';
 import { awaitsToolApproval } from './awaits-tool-approval.es.js';
 import { ToolApprovalButtons } from './tool-approval-buttons.es.js';
-import { e as ActivityHeadline } from '../../../../activity-BoXbE4Kz.js';
+import { e as ActivityHeadline } from '../../../../activity-D0SefV4r.js';
 import { s as stripSerializedAnsi } from '../../../../ansi-Cq_bKF5J.js';
-import { T as ToolCallArguments } from '../../../../tool-call-arguments-CtUKj7IB.js';
+import { T as ToolCallArguments } from '../../../../tool-call-arguments-Cm5qfywz.js';
 import { T as ToolCallOutput } from '../../../../tool-call-output-COq3kB-f.js';
 import { p as presentTool, s as stringifyToolValue, h as hasToolArguments } from '../../../../tool-presentation-BXAo24Ir.js';
 import { C as CodeEditor } from '../../../../code-editor-DzhYz1fH.js';

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

@@ -17,7 +17,6 @@ const domains_workflows_context_workflowRunContext = require('../../../workflows
 require('@mastra/react');
 require('@tanstack/react-query');
 const domains_workflows_hooks_useWorkflow = require('../../../workflows/hooks/use-workflow.cjs.js');
-require('../../../../toast-nm-fM7BR.cjs');
 const domains_workflows_context_workflowStepDetailContext = require('../../../workflows/context/workflow-step-detail-context.cjs.js');
 const domains_workflows_context_workflowStepDetailProvider = require('../../../workflows/context/workflow-step-detail-provider.cjs.js');
 const domains_workflows_context_workflowSelectedStepContext = require('../../../workflows/context/workflow-selected-step-context.cjs.js');
@@ -41,6 +40,7 @@ require('@lukeed/uuid');
 require('../../../../lib/form/dynamic-form.cjs.js');
 const icons_WorkflowIcon = require('../../../../icons/WorkflowIcon.cjs.js');
 require('@mastra/client-js');
+require('../../../../keyboard/keyboard-shortcuts-context.cjs.js');
 const lib_framework = require('../../../../lib/framework.cjs.js');
 require('../../../workflows/components/workflow-information.cjs.js');
 require('@base-ui/react/combobox');

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

@@ -13,7 +13,6 @@ import { WorkflowRunContext } from '../../../workflows/context/workflow-run-cont
 import '@mastra/react';
 import '@tanstack/react-query';
 import { useWorkflow } from '../../../workflows/hooks/use-workflow.es.js';
-import '../../../../toast-c5kCpyWt.js';
 import { useWorkflowStepDetail } from '../../../workflows/context/workflow-step-detail-context.es.js';
 import { WorkflowStepDetailProvider } from '../../../workflows/context/workflow-step-detail-provider.es.js';
 import { WorkflowSelectedStepProvider } from '../../../workflows/context/workflow-selected-step-context.es.js';
@@ -37,6 +36,7 @@ import '@lukeed/uuid';
 import '../../../../lib/form/dynamic-form.es.js';
 import { WorkflowIcon } from '../../../../icons/WorkflowIcon.es.js';
 import '@mastra/client-js';
+import '../../../../keyboard/keyboard-shortcuts-context.es.js';
 import { useLinkComponent } from '../../../../lib/framework.es.js';
 import '../../../workflows/components/workflow-information.es.js';
 import '@base-ui/react/combobox';

package/dist/domains/chat/tools/badges/workspace-link.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('../../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../../Txt-DNnvlrBo.cjs');
 const lib_framework = require('../../../../lib/framework.cjs.js');
 
 const WorkspaceLink = ({ href, icon, children }) => {

package/dist/domains/chat/tools/badges/workspace-link.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../../Txt-C3cYJgKU.js';
 import { useLinkComponent } from '../../../../lib/framework.es.js';
 
 const WorkspaceLink = ({ href, icon, children }) => {

package/dist/domains/chat/tools/submit-plan-tool.cjs.js

@@ -7,11 +7,11 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_agents_hooks_useAgentPlan = require('../../agents/hooks/use-agent-plan.cjs.js');
 const domains_chat_context_toolCallContext = require('../context/tool-call-context.cjs.js');
-const plan = require('../../../plan-D8rM4i4S.cjs');
+const plan = require('../../../plan-BBf7ONr7.cjs');
 const Button = require('../../../Button-CXhSUBxN.cjs');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
 const textarea = require('../../../textarea-DNV5Gs9A.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);

package/dist/domains/chat/tools/submit-plan-tool.es.js

@@ -3,11 +3,11 @@ import { X, MessageSquareText, Check } from 'lucide-react';
 import { useState } from 'react';
 import { useAgentPlan } from '../../agents/hooks/use-agent-plan.es.js';
 import { useToolCall } from '../context/tool-call-context.es.js';
-import { P as Plan, h as PlanHeader, k as PlanLabel, i as PlanHeaderActions, e as PlanCopyButton, b as PlanBody, j as PlanIntro, o as PlanTitle, m as PlanPath, l as PlanMain, c as PlanContent, f as PlanExpandButton, n as PlanStatus } from '../../../plan-BtOryfz5.js';
+import { P as Plan, h as PlanHeader, k as PlanLabel, i as PlanHeaderActions, e as PlanCopyButton, b as PlanBody, j as PlanIntro, o as PlanTitle, m as PlanPath, l as PlanMain, c as PlanContent, f as PlanExpandButton, n as PlanStatus } from '../../../plan-BgvXKTEM.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
 import { T as Textarea } from '../../../textarea-CxPNKg2q.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);

package/dist/domains/datasets/components/save-as-dataset-item-dialog.cjs.js

@@ -9,12 +9,12 @@ const domains_datasets_hooks_useDatasetMutations = require('../hooks/use-dataset
 const domains_datasets_hooks_useDatasets = require('../hooks/use-datasets.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
 const codeEditor = require('../../../code-editor-Btr1qm_5.cjs');
-const field = require('../../../field-ip9xiOVa.cjs');
+const field = require('../../../field-BkeKcz_6.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
 const form = require('../../../form-ChOlos7g.cjs');
-const select = require('../../../select-DJQYAVcm.cjs');
-const sideDialog = require('../../../side-dialog-lQUx6B_M.cjs');
-const textAndIcon = require('../../../text-and-icon-4eVhfmbb.cjs');
+const select = require('../../../select-KV77JIvp.cjs');
+const sideDialog = require('../../../side-dialog-CFTgnDXu.cjs');
+const textAndIcon = require('../../../text-and-icon-CvakH4YL.cjs');
 const toast = require('../../../toast-nm-fM7BR.cjs');
 
 function SaveAsDatasetItemDialog({

package/dist/domains/datasets/components/save-as-dataset-item-dialog.es.js

@@ -5,12 +5,12 @@ import { useDatasetMutations } from '../hooks/use-dataset-mutations.es.js';
 import { useDatasets } from '../hooks/use-datasets.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
 import { C as CodeEditor } from '../../../code-editor-DzhYz1fH.js';
-import { F as Field, e as FieldLabel } from '../../../field-BtvEQ68O.js';
+import { F as Field, e as FieldLabel } from '../../../field-BiMIiq2Y.js';
 import '../../../field-control-aria-DB6y41tQ.js';
 import { F as Form } from '../../../form-uj2xap-j.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select--ArpXYDc.js';
-import { S as SideDialog } from '../../../side-dialog-DZJc85m3.js';
-import { T as TextAndIcon } from '../../../text-and-icon-CuBm-Wjm.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-CWxcmE3F.js';
+import { S as SideDialog } from '../../../side-dialog-yvAvCday.js';
+import { T as TextAndIcon } from '../../../text-and-icon-Bo6NLLBl.js';
 import { t as toast } from '../../../toast-c5kCpyWt.js';
 
 function SaveAsDatasetItemDialog({

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

@@ -9,8 +9,8 @@ const Button = require('../../../Button-CXhSUBxN.cjs');
 const buttonsGroup = require('../../../buttons-group-CoZP3lJt.cjs');
 const copyButton = require('../../../copy-button-CGkFEDHF.cjs');
 const dataKeysAndValues = require('../../../data-keys-and-values-DnpdW8zx.cjs');
-const dataPanel = require('../../../data-panel-o-QLWuFV.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const dataPanel = require('../../../data-panel-YCvno_Di.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 
 function LogDataPanel({

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

@@ -5,8 +5,8 @@ import { B as Button } from '../../../Button-D43ghVKt.js';
 import { B as ButtonsGroup } from '../../../buttons-group-DsZgrZBZ.js';
 import { C as CopyButton } from '../../../copy-button-DH8xtrWz.js';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-DiRlIt-N.js';
-import { D as DataPanel } from '../../../data-panel-CbomKGJt.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { D as DataPanel } from '../../../data-panel-CKvpHRUM.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { formatTimestampPrecise } from '../../../utils/date-format.es.js';
 
 function LogDataPanel({

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 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-CuoMGNP0.cjs');
+const EmptyState = require('../../../EmptyState-DvSib3QC.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

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { PermissionDenied } from '../../auth/components/permission-denied.es.js';
 import { SessionExpired } from '../../auth/components/session-expired.es.js';
-import { E as EmptyState } from '../../../EmptyState-DyyUFpzY.js';
+import { E as EmptyState } from '../../../EmptyState-DGzBN0Ix.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

@@ -7,7 +7,7 @@ const reactVirtual = require('@tanstack/react-virtual');
 const React = require('react');
 const dataListSkeleton = require('../../../data-list-skeleton-DuqQkzwC.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const logsDataList = require('../../../logs-data-list-B9CAqAHD.cjs');
+const logsDataList = require('../../../logs-data-list-BITdSK12.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-CeyLefM5.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { L as LogsDataList } from '../../../logs-data-list-DfzdzgXB.js';
+import { L as LogsDataList } from '../../../logs-data-list-PlH4_hgq.js';
 
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

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 lucideReact = require('lucide-react');
 const Button = require('../../../Button-CXhSUBxN.cjs');
-const EmptyState = require('../../../EmptyState-CuoMGNP0.cjs');
+const EmptyState = require('../../../EmptyState-DvSib3QC.cjs');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 
 const PRESET_LABELS = {

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

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

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

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const recharts = require('recharts');
 const Button = require('../../../Button-CXhSUBxN.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.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

@@ -3,7 +3,7 @@ import { RotateCcw } from 'lucide-react';
 import { useCallback, useState, useEffect, useMemo, useRef } from 'react';
 import { ResponsiveContainer, ComposedChart, XAxis, YAxis, Tooltip, Area, ReferenceLine, AreaChart, ScatterChart, Scatter } from 'recharts';
 import { B as Button } from '../../../Button-D43ghVKt.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { overlaySurfaceStyle } from '../../../primitives/raised-surface.es.js';
 import { tToTimestampMs } from '../lib/replay-selection.es.js';
 import { tToTimestamp } from '../lib/timeline.es.js';

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

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('../../../Button-CXhSUBxN.cjs');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const icons_MemoryIcon = require('../../../icons/MemoryIcon.cjs.js');
 const domains_memory_lib_extractMarkers = require('../lib/extract-markers.cjs.js');
 const domains_memory_lib_replaySelection = require('../lib/replay-selection.cjs.js');

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

@@ -3,7 +3,7 @@ import { ArrowLeftIcon } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
 import { B as Button } from '../../../Button-D43ghVKt.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { MemoryIcon } from '../../../icons/MemoryIcon.es.js';
 import { extractOmMarkers } from '../lib/extract-markers.es.js';
 import { getObservationTimestampMs, findRecordIdAtOrBefore } from '../lib/replay-selection.es.js';

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const checkbox = require('../../../checkbox-Bkobte27.cjs');
-const EmptyState = require('../../../EmptyState-CuoMGNP0.cjs');
-const field = require('../../../field-ip9xiOVa.cjs');
+const EmptyState = require('../../../EmptyState-DvSib3QC.cjs');
+const field = require('../../../field-BkeKcz_6.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 const domains_memory_lib_observationPriority = require('../lib/observation-priority.cjs.js');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');

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

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { lazy, useState, useMemo, useEffect, Suspense } from 'react';
 import { C as Checkbox } from '../../../checkbox-DcNIsz5L.js';
-import { E as EmptyState } from '../../../EmptyState-DyyUFpzY.js';
-import { F as Field, e as FieldLabel } from '../../../field-BtvEQ68O.js';
+import { E as EmptyState } from '../../../EmptyState-DGzBN0Ix.js';
+import { F as Field, e as FieldLabel } from '../../../field-BiMIiq2Y.js';
 import '../../../field-control-aria-DB6y41tQ.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 import { observationPriorityByEmoji, observationPriorityTone } from '../lib/observation-priority.es.js';
 import { formatDate } from '../../../utils/date-format.es.js';

package/dist/domains/metrics/components/bar-list.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const tooltip = require('../../../tooltip-DIZ5oqjV.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 
 function BarListContent({
   data,

package/dist/domains/metrics/components/bar-list.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-DsQPiynb.js';
 import { CHART_COLORS } from './metrics-utils.es.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 
 function BarListContent({
   data,

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-Bb-CGVEL.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-BbX8F_LY.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-B1zYIQTC.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-DzPLKJol.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-1hbihR2T.cjs');
+const metricsKpiCard = require('../../../metrics-kpi-card-9L0j_oGY.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-CiB88L41.js';
+import { M as MetricsKpiCard } from '../../../metrics-kpi-card-DxcLqbDU.js';
 
 function KpiCardView({
   label,

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

@@ -4,12 +4,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const metricsCard = require('../../../metrics-card-D7J9JDgn.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-CjJxBbM-.cjs');
-const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-DiXCgpik.cjs');
-const tabsContent = require('../../../tabs-content-DnscxcLI.cjs');
-const tabsRoot = require('../../../tabs-root-C-ePF1y9.cjs');
-const tabsTab = require('../../../tabs-tab-BmIBFifi.cjs');
+const metricsCard = require('../../../metrics-card-xX9SHUpB.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-R-T_jyeP.cjs');
+const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-BoG8nbkO.cjs');
+const tabsContent = require('../../../tabs-content-DfH1hhpU.cjs');
+const tabsList = require('../../../tabs-list-Tqj36HIL.cjs');
+const tabsRoot = require('../../../tabs-root-Hkt7A6oq.cjs');
+const tabsTab = require('../../../tabs-tab-C-C2vX-D.cjs');
 const domains_metrics_components_latencyCardView_utils = require('./latency-card-view.utils.cjs.js');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
@@ -87,7 +88,7 @@ function LatencyCardView({ data, isLoading, isError, onPointClick, actions }) {
         className: "overflow-visible",
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 [&>:first-child]:w-auto", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(tabsRoot.TabList, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(tabsList.TabList, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "agents", disabled: !agentsHasData, disabledTooltip: "No agent latency data for this period", children: "Agents" }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 tabsTab.Tab,

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

@@ -1 +1 @@
-{"version":3,"file":"latency-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/latency-card-view.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport { MetricsLineChart } from '../../../ds/components/MetricsLineChart/metrics-line-chart';\nimport { MetricsLineChartLegend } from '../../../ds/components/MetricsLineChart/metrics-line-chart-legend';\nimport { TabContent } from '../../../ds/components/Tabs/tabs-content';\nimport { TabList } from '../../../ds/components/Tabs/tabs-list';\nimport { Tabs } from '../../../ds/components/Tabs/tabs-root';\nimport { Tab } from '../../../ds/components/Tabs/tabs-tab';\nimport type { LatencyPoint } from '../hooks/use-latency-metrics';\nimport type { MetricsInterval } from '../metrics-interval';\nimport { averageLatency, isDrillablePoint, isLatencyTab } from './latency-card-view.utils';\nimport type { LatencyTab } from './latency-card-view.utils';\nimport { CHART_COLORS } from './metrics-utils';\n\nconst latencySeries = [\n  {\n    dataKey: 'p50',\n    label: 'p50',\n    color: CHART_COLORS.blue,\n    aggregate: (data: Record<string, unknown>[]) => ({\n      value: averageLatency(data, 'p50'),\n      suffix: 'avg ms',\n    }),\n  },\n  {\n    dataKey: 'p95',\n    label: 'p95',\n    color: CHART_COLORS.amber,\n    aggregate: (data: Record<string, unknown>[]) => ({\n      value: averageLatency(data, 'p95'),\n      suffix: 'avg ms',\n    }),\n  },\n];\n\nexport type { LatencyTab };\n\nfunction LatencyChart({ data, onPointClick }: { data: LatencyPoint[]; onPointClick?: (point: LatencyPoint) => void }) {\n  if (data.length === 0) {\n    return <MetricsCard.NoData message=\"No latency data yet\" />;\n  }\n  return (\n    <MetricsLineChart\n      data={data}\n      series={latencySeries}\n      showLegend={false}\n      onPointClick={onPointClick ? point => (isDrillablePoint(point) ? onPointClick(point) : undefined) : undefined}\n    />\n  );\n}\n\nexport interface LatencyCardViewProps {\n  data:\n    | {\n        agentData: LatencyPoint[];\n        workflowData: LatencyPoint[];\n        toolData: LatencyPoint[];\n        /** Bucket size of the points. Defaults to `'1h'`. */\n        interval?: MetricsInterval;\n      }\n    | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown: invoked when a chart node is clicked. Container provides the navigation. */\n  onPointClick?: (tab: LatencyTab, point: LatencyPoint, interval: MetricsInterval) => void;\n  /**\n   * Optional slot for top-bar action buttons (e.g. \"View in Traces\").\n   * Pass a function to receive the active tab so the action can scope itself to the current entity type.\n   */\n  actions?: ReactNode | ((tab: LatencyTab) => ReactNode);\n}\n\nexport function LatencyCardView({ data, isLoading, isError, onPointClick, actions }: LatencyCardViewProps) {\n  const agentsHasData = (data?.agentData.length ?? 0) > 0;\n  const workflowsHasData = (data?.workflowData.length ?? 0) > 0;\n  const toolsHasData = (data?.toolData.length ?? 0) > 0;\n  const tabHasData = {\n    agents: agentsHasData,\n    workflows: workflowsHasData,\n    tools: toolsHasData,\n  } as const;\n  const initialTab: LatencyTab = agentsHasData\n    ? 'agents'\n    : workflowsHasData\n      ? 'workflows'\n      : toolsHasData\n        ? 'tools'\n        : 'agents';\n  const [selectedTab, setSelectedTab] = useState<LatencyTab>('agents');\n  const activeTab = tabHasData[selectedTab] ? selectedTab : initialTab;\n  const renderedActions = typeof actions === 'function' ? actions(activeTab) : actions;\n  const interval = data?.interval ?? '1h';\n  const hasData = !!data && (data.agentData.length > 0 || data.workflowData.length > 0 || data.toolData.length > 0);\n  const activeData = data\n    ? { agents: data.agentData, workflows: data.workflowData, tools: data.toolData }[activeTab]\n    : [];\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription\n          title=\"Latency\"\n          description={interval === '1h' ? 'Hourly p50 and p95 latency.' : 'Daily p50 and p95 latency.'}\n        />\n        {renderedActions ? <MetricsCard.Actions>{renderedActions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load latency data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No latency data yet\" />\n          ) : (\n            <Tabs\n              value={activeTab}\n              onValueChange={value => {\n                if (isLatencyTab(value) && tabHasData[value]) {\n                  setSelectedTab(value);\n                }\n              }}\n              defaultTab={initialTab}\n              className=\"overflow-visible\"\n            >\n              <div className=\"flex flex-wrap items-center justify-between gap-2 [&>:first-child]:w-auto\">\n                <TabList>\n                  <Tab value=\"agents\" disabled={!agentsHasData} disabledTooltip=\"No agent latency data for this period\">\n                    Agents\n                  </Tab>\n                  <Tab\n                    value=\"workflows\"\n                    disabled={!workflowsHasData}\n                    disabledTooltip=\"No workflow latency data for this period\"\n                  >\n                    Workflows\n                  </Tab>\n                  <Tab value=\"tools\" disabled={!toolsHasData} disabledTooltip=\"No tool latency data for this period\">\n                    Tools\n                  </Tab>\n                </TabList>\n                {activeData.length > 0 && <MetricsLineChartLegend data={activeData} series={latencySeries} />}\n              </div>\n              <TabContent value=\"agents\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.agentData}\n                  onPointClick={onPointClick ? p => onPointClick('agents', p, interval) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"workflows\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.workflowData}\n                  onPointClick={onPointClick ? p => onPointClick('workflows', p, interval) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"tools\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.toolData}\n                  onPointClick={onPointClick ? p => onPointClick('tools', p, interval) : undefined}\n                />\n              </TabContent>\n            </Tabs>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["CHART_COLORS","averageLatency","jsx","MetricsCard","MetricsLineChart","isDrillablePoint","useState","jsxs","Tabs","isLatencyTab","TabList","Tab","MetricsLineChartLegend","TabContent"],"mappings":"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"}
+{"version":3,"file":"latency-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/latency-card-view.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport { MetricsLineChart } from '../../../ds/components/MetricsLineChart/metrics-line-chart';\nimport { MetricsLineChartLegend } from '../../../ds/components/MetricsLineChart/metrics-line-chart-legend';\nimport { TabContent } from '../../../ds/components/Tabs/tabs-content';\nimport { TabList } from '../../../ds/components/Tabs/tabs-list';\nimport { Tabs } from '../../../ds/components/Tabs/tabs-root';\nimport { Tab } from '../../../ds/components/Tabs/tabs-tab';\nimport type { LatencyPoint } from '../hooks/use-latency-metrics';\nimport type { MetricsInterval } from '../metrics-interval';\nimport { averageLatency, isDrillablePoint, isLatencyTab } from './latency-card-view.utils';\nimport type { LatencyTab } from './latency-card-view.utils';\nimport { CHART_COLORS } from './metrics-utils';\n\nconst latencySeries = [\n  {\n    dataKey: 'p50',\n    label: 'p50',\n    color: CHART_COLORS.blue,\n    aggregate: (data: Record<string, unknown>[]) => ({\n      value: averageLatency(data, 'p50'),\n      suffix: 'avg ms',\n    }),\n  },\n  {\n    dataKey: 'p95',\n    label: 'p95',\n    color: CHART_COLORS.amber,\n    aggregate: (data: Record<string, unknown>[]) => ({\n      value: averageLatency(data, 'p95'),\n      suffix: 'avg ms',\n    }),\n  },\n];\n\nexport type { LatencyTab };\n\nfunction LatencyChart({ data, onPointClick }: { data: LatencyPoint[]; onPointClick?: (point: LatencyPoint) => void }) {\n  if (data.length === 0) {\n    return <MetricsCard.NoData message=\"No latency data yet\" />;\n  }\n  return (\n    <MetricsLineChart\n      data={data}\n      series={latencySeries}\n      showLegend={false}\n      onPointClick={onPointClick ? point => (isDrillablePoint(point) ? onPointClick(point) : undefined) : undefined}\n    />\n  );\n}\n\nexport interface LatencyCardViewProps {\n  data:\n    | {\n        agentData: LatencyPoint[];\n        workflowData: LatencyPoint[];\n        toolData: LatencyPoint[];\n        /** Bucket size of the points. Defaults to `'1h'`. */\n        interval?: MetricsInterval;\n      }\n    | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown: invoked when a chart node is clicked. Container provides the navigation. */\n  onPointClick?: (tab: LatencyTab, point: LatencyPoint, interval: MetricsInterval) => void;\n  /**\n   * Optional slot for top-bar action buttons (e.g. \"View in Traces\").\n   * Pass a function to receive the active tab so the action can scope itself to the current entity type.\n   */\n  actions?: ReactNode | ((tab: LatencyTab) => ReactNode);\n}\n\nexport function LatencyCardView({ data, isLoading, isError, onPointClick, actions }: LatencyCardViewProps) {\n  const agentsHasData = (data?.agentData.length ?? 0) > 0;\n  const workflowsHasData = (data?.workflowData.length ?? 0) > 0;\n  const toolsHasData = (data?.toolData.length ?? 0) > 0;\n  const tabHasData = {\n    agents: agentsHasData,\n    workflows: workflowsHasData,\n    tools: toolsHasData,\n  } as const;\n  const initialTab: LatencyTab = agentsHasData\n    ? 'agents'\n    : workflowsHasData\n      ? 'workflows'\n      : toolsHasData\n        ? 'tools'\n        : 'agents';\n  const [selectedTab, setSelectedTab] = useState<LatencyTab>('agents');\n  const activeTab = tabHasData[selectedTab] ? selectedTab : initialTab;\n  const renderedActions = typeof actions === 'function' ? actions(activeTab) : actions;\n  const interval = data?.interval ?? '1h';\n  const hasData = !!data && (data.agentData.length > 0 || data.workflowData.length > 0 || data.toolData.length > 0);\n  const activeData = data\n    ? { agents: data.agentData, workflows: data.workflowData, tools: data.toolData }[activeTab]\n    : [];\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription\n          title=\"Latency\"\n          description={interval === '1h' ? 'Hourly p50 and p95 latency.' : 'Daily p50 and p95 latency.'}\n        />\n        {renderedActions ? <MetricsCard.Actions>{renderedActions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load latency data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No latency data yet\" />\n          ) : (\n            <Tabs\n              value={activeTab}\n              onValueChange={value => {\n                if (isLatencyTab(value) && tabHasData[value]) {\n                  setSelectedTab(value);\n                }\n              }}\n              defaultTab={initialTab}\n              className=\"overflow-visible\"\n            >\n              <div className=\"flex flex-wrap items-center justify-between gap-2 [&>:first-child]:w-auto\">\n                <TabList>\n                  <Tab value=\"agents\" disabled={!agentsHasData} disabledTooltip=\"No agent latency data for this period\">\n                    Agents\n                  </Tab>\n                  <Tab\n                    value=\"workflows\"\n                    disabled={!workflowsHasData}\n                    disabledTooltip=\"No workflow latency data for this period\"\n                  >\n                    Workflows\n                  </Tab>\n                  <Tab value=\"tools\" disabled={!toolsHasData} disabledTooltip=\"No tool latency data for this period\">\n                    Tools\n                  </Tab>\n                </TabList>\n                {activeData.length > 0 && <MetricsLineChartLegend data={activeData} series={latencySeries} />}\n              </div>\n              <TabContent value=\"agents\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.agentData}\n                  onPointClick={onPointClick ? p => onPointClick('agents', p, interval) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"workflows\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.workflowData}\n                  onPointClick={onPointClick ? p => onPointClick('workflows', p, interval) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"tools\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.toolData}\n                  onPointClick={onPointClick ? p => onPointClick('tools', p, interval) : undefined}\n                />\n              </TabContent>\n            </Tabs>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["CHART_COLORS","averageLatency","jsx","MetricsCard","MetricsLineChart","isDrillablePoint","useState","jsxs","Tabs","isLatencyTab","TabList","Tab","MetricsLineChartLegend","TabContent"],"mappings":"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"}

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

@@ -1,11 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { M as MetricsCard } from '../../../metrics-card-C1rTkbcn.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-C3UMBQ38.js';
-import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-mZXPH1yH.js';
-import { T as TabContent } from '../../../tabs-content-CwbkTutf.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-lrZZ3KwH.js';
-import { T as Tab } from '../../../tabs-tab-DoPSW-1s.js';
+import { M as MetricsCard } from '../../../metrics-card-DFEWxFkJ.js';
+import { M as MetricsLineChart } from '../../../metrics-line-chart-C9_EMuHK.js';
+import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-C3WAk3DN.js';
+import { T as TabContent } from '../../../tabs-content-OWF8un_n.js';
+import { T as TabList } from '../../../tabs-list-tLx5fgP0.js';
+import { T as Tabs } from '../../../tabs-root-BbzhUZl4.js';
+import { T as Tab } from '../../../tabs-tab-ClLIOGiC.js';
 import { isLatencyTab, averageLatency, isDrillablePoint } from './latency-card-view.utils.es.js';
 import { CHART_COLORS } from './metrics-utils.es.js';