@mastra/playground-ui 63.0.1-alpha.0 → 63.1.0-alpha.2

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

@@ -4,7 +4,7 @@ import { parseToolArgs, workspaceMetadata } from './workspace-data-parts.es.js';
 import { WorkspaceLink } from './workspace-link.es.js';
 import { awaitsToolApproval } from './awaits-tool-approval.es.js';
 import { ToolApprovalBadge } from './tool-approval-badge.es.js';
-import { T as ToolCallArguments } from '../../../../tool-call-arguments-CCkJ1btR.js';
+import { T as ToolCallArguments } from '../../../../tool-call-arguments-BLCAiFYg.js';
 import { T as ToolCallOutput } from '../../../../tool-call-output-qgqn19KC.js';
 import { p as presentTool } from '../../../../tool-presentation-BXAo24Ir.js';
 import { T as Txt } from '../../../../Txt-BuzYj7Vy.js';

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

@@ -8,7 +8,7 @@ const domains_chat_tools_badges_observationMarkerFormat = require('./observation
 const domains_chat_tools_badges_observationRenderer = require('./observation-renderer.cjs.js');
 const activity = require('../../../../activity-CaFdLiPz.cjs');
 const code = require('../../../../code-Dcah35Gp.cjs');
-const markdownRenderer = require('../../../../markdown-renderer-BXTNiZbz.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-BRu3RpQD.cjs');
 const Txt = require('../../../../Txt-DXjXpX9r.cjs');
 const utils_duration = require('../../../../utils/duration.cjs.js');
 

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

@@ -4,7 +4,7 @@ import { formatTokens, extractedValueEntries, formatExtractedValue, compressionR
 import { ObservationRenderer } from './observation-renderer.es.js';
 import { g as ActivityItem } from '../../../../activity-BsrB5ADa.js';
 import { C as Code } from '../../../../code-DAXWNzvf.js';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-Ct-q_KTF.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-WesDzhMr.js';
 import { T as Txt } from '../../../../Txt-BuzYj7Vy.js';
 import { formatDuration } from '../../../../utils/duration.es.js';
 

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

@@ -5,7 +5,7 @@ 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-BXTNiZbz.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-BRu3RpQD.cjs');
 const Txt = require('../../../../Txt-DXjXpX9r.cjs');
 const utils_cn = require('../../../../cn-TqD01zH-.cjs');
 

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

@@ -1,7 +1,7 @@
 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-Ct-q_KTF.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-WesDzhMr.js';
 import { T as Txt } from '../../../../Txt-BuzYj7Vy.js';
 import { c as cn } from '../../../../cn-coERSHz5.js';
 

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

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_components_badgeWrapper = require('../../components/badge-wrapper.cjs.js');
 const domains_chat_context_toolCallContext = require('../../context/tool-call-context.cjs.js');
 const domains_chat_tools_badges_awaitsToolApproval = require('./awaits-tool-approval.cjs.js');
-const toolApproval = require('../../../../tool-approval-S6ml_xyU.cjs');
+const toolApproval = require('../../../../tool-approval-Bza_sgxa.cjs');
 
 function useToolApproval(request) {
   const { toolCallId, toolApprovalMetadata, toolName, isNetwork, isGenerateMode } = request;

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

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { BadgeWrapper } from '../../components/badge-wrapper.es.js';
 import { useOptionalToolCall } from '../../context/tool-call-context.es.js';
 import { awaitsToolApproval } from './awaits-tool-approval.es.js';
-import { a as ToolApprovalActions, b as ToolApprovalStatus } from '../../../../tool-approval-TB8r2U_c.js';
+import { a as ToolApprovalActions, b as ToolApprovalStatus } from '../../../../tool-approval-BK2j7aj_.js';
 
 function useToolApproval(request) {
   const { toolCallId, toolApprovalMetadata, toolName, isNetwork, isGenerateMode } = request;

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

@@ -9,7 +9,7 @@ const domains_chat_components_sectionLabel = require('../../components/section-l
 const domains_chat_tools_badges_awaitsToolApproval = require('./awaits-tool-approval.cjs.js');
 const domains_chat_tools_badges_toolApprovalBadge = require('./tool-approval-badge.cjs.js');
 const ansi = require('../../../../ansi-fAtbeDQN.cjs');
-const toolCallArguments = require('../../../../tool-call-arguments-DyukJmhY.cjs');
+const toolCallArguments = require('../../../../tool-call-arguments-CK3kQ_FX.cjs');
 const toolCallOutput = require('../../../../tool-call-output-xx1drXqO.cjs');
 const toolPresentation = require('../../../../tool-presentation-WLS6d1ws.cjs');
 const codeEditor = require('../../../../code-editor-CH8c-KF1.cjs');

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

@@ -5,7 +5,7 @@ import { SectionLabel } from '../../components/section-label.es.js';
 import { awaitsToolApproval } from './awaits-tool-approval.es.js';
 import { ToolApprovalBadge } from './tool-approval-badge.es.js';
 import { s as stripSerializedAnsi } from '../../../../ansi-Cq_bKF5J.js';
-import { T as ToolCallArguments } from '../../../../tool-call-arguments-CCkJ1btR.js';
+import { T as ToolCallArguments } from '../../../../tool-call-arguments-BLCAiFYg.js';
 import { T as ToolCallOutput } from '../../../../tool-call-output-qgqn19KC.js';
 import { p as presentTool, s as stringifyToolValue, h as hasToolArguments } from '../../../../tool-presentation-BXAo24Ir.js';
 import { C as CodeEditor } from '../../../../code-editor-B_v1EfzX.js';

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

@@ -15,7 +15,6 @@ const domains_chat_tools_badges_toolApprovalBadge = require('./tool-approval-bad
 const domains_requestContext_hooks_useEntityRequestContext = require('../../../request-context/hooks/use-entity-request-context.cjs.js');
 const domains_workflows_context_workflowRunContext = require('../../../workflows/context/workflow-run-context.cjs.js');
 require('@tanstack/react-query');
-require('../../../../toast-C8a7bWV8.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');
@@ -39,7 +38,7 @@ require('@autoform/react');
 require('@lukeed/uuid');
 require('../../../../lib/form/dynamic-form.cjs.js');
 const icons_WorkflowIcon = require('../../../../icons/WorkflowIcon.cjs.js');
-require('../../../../data-list-BLfHObw8.cjs');
+require('../../../../data-list-2svaWtkq.cjs');
 require('../../../../keyboard/keyboard-shortcuts-context.cjs.js');
 const lib_framework = require('../../../../lib/framework.cjs.js');
 require('../../../workflows/components/workflow-information.cjs.js');

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/workflow-badge.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { useWorkflow } from '@mastra/react/hooks/workflows';\nimport { Eye } from 'lucide-react';\nimport { useContext, useEffect } from 'react';\nimport { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport type { MessageMetadata } from '@/domains/chat';\n\nimport { LoadingBadge } from '@/domains/chat/components/loading-badge';\nimport { NetworkChoiceMetadataDialogTrigger } from '@/domains/chat/components/network-choice-metadata-dialog';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { useEntityRequestContext } from '@/domains/request-context/hooks/use-entity-request-context';\nimport {\n  WorkflowGraph,\n  WorkflowRunContext,\n  WorkflowSelectedStepProvider,\n  WorkflowStepDetailProvider,\n  useWorkflowStepDetail,\n} from '@/domains/workflows';\nimport { WorkflowStepDetailContent } from '@/domains/workflows/components/workflow-step-detail';\nimport { PlaygroundWorkflowRunProvider } from '@/domains/workflows/context/playground-workflow-run-provider';\nimport type { WorkflowRunStreamResult } from '@/domains/workflows/context/workflow-run-context';\nimport { ToolCallMono } from '@/ds/components/ai/tool-call';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface WorkflowBadgeProps extends Omit<ToolApprovalRequest, 'toolCalled'> {\n  workflowId: string;\n  result?: any;\n  isStreaming?: boolean;\n  metadata?: MessageMetadata;\n  suspendPayload?: any;\n  toolCalled?: boolean;\n}\n\nexport const WorkflowBadge = ({\n  result,\n  workflowId,\n  isStreaming,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  suspendPayload,\n  toolName,\n  isNetwork,\n  toolCalled,\n}: WorkflowBadgeProps) => {\n  const { runId, status } = result || {};\n  const { data: workflow, isLoading: isWorkflowLoading } = useWorkflow({\n    workflowId,\n    requestContext: useEntityRequestContext('workflow', workflowId)[0],\n    queryOptions: { enabled: Boolean(workflowId) },\n  });\n  const routingDecision = metadata?.mode === 'network' ? metadata.routingDecision : undefined;\n  const selectionReason =\n    metadata?.mode === 'network' ? (routingDecision?.selectionReason ?? metadata.selectionReason) : undefined;\n  const agentNetworkInput = metadata?.mode === 'network' ? (routingDecision ?? metadata.agentInput) : undefined;\n\n  const bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  let suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <ToolCallMono copyText={suspendPayload} className=\"text-muted-foreground\">\n        {suspendPayload}\n      </ToolCallMono>\n    ) : (\n      <CodeEditor data={suspendPayload} data-testid=\"tool-suspend-payload\" />\n    );\n\n  if (isWorkflowLoading || !workflow) return <LoadingBadge />;\n\n  const toolCalledOrFinished = toolCalled ?? !!status;\n  const showsRun = isStreaming || Boolean(runId);\n  const hasBody =\n    showsRun ||\n    Boolean(suspendPayload) ||\n    awaitsToolApproval({ toolApprovalMetadata, toolCalled: toolCalledOrFinished });\n\n  return (\n    <ToolApprovalBadge\n      approval={{\n        toolCalled: toolCalledOrFinished,\n        toolCallId,\n        toolApprovalMetadata,\n        toolName,\n        isNetwork,\n        isGenerateMode: metadata?.mode === 'generate',\n      }}\n      data-testid=\"workflow-badge\"\n      icon={<WorkflowIcon className=\"text-span-workflow\" />}\n      title={workflow.name}\n      initialCollapsed={false}\n      extraInfo={\n        metadata?.mode === 'network' ? (\n          <NetworkChoiceMetadataDialogTrigger\n            selectionReason={selectionReason ?? ''}\n            input={agentNetworkInput as string | Record<string, unknown> | undefined}\n          />\n        ) : bgEntry?.taskId && bgEntry?.startedAt ? (\n          <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />\n        ) : null\n      }\n    >\n      {hasBody && (\n        <>\n          {!isStreaming && runId && (\n            <PlaygroundWorkflowRunProvider workflowId={workflowId} initialRunId={runId} withoutTimeTravel>\n              <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />\n            </PlaygroundWorkflowRunProvider>\n          )}\n\n          {isStreaming && <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />}\n\n          {suspendPayloadSlot !== undefined && suspendPayload && (\n            <div>\n              <SectionLabel>Workflow suspend payload</SectionLabel>\n              {suspendPayloadSlot}\n            </div>\n          )}\n        </>\n      )}\n    </ToolApprovalBadge>\n  );\n};\n\ninterface WorkflowBadgeExtendedProps {\n  workflowId: string;\n  runId?: string;\n  workflow: GetWorkflowResponse;\n}\n\nconst WorkflowBadgeExtended = ({ workflowId, workflow, runId }: WorkflowBadgeExtendedProps) => {\n  const requestContext = useEntityRequestContext('workflow', workflowId)[0];\n  const { Link } = useLinkComponent();\n  const { isLoadingRunExecutionResult } = useContext(WorkflowRunContext);\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 pb-2\">\n        <Button icon={<WorkflowIcon />} render={<Link href={`/workflows/${workflowId}/graph`} />}>\n          Go to workflow\n        </Button>\n        {runId && (\n          <Button icon={<Eye />} render={<Link href={`/workflows/${workflowId}/graph/${runId}`} />}>\n            See run\n          </Button>\n        )}\n      </div>\n\n      <WorkflowSelectedStepProvider>\n        <WorkflowStepDetailProvider>\n          <div className=\"h-[60vh] w-full overflow-hidden rounded-md\">\n            <WorkflowGraph\n              workflowId={workflowId}\n              workflow={workflow}\n              isLoading={isLoadingRunExecutionResult}\n              requestContext={requestContext}\n            />\n          </div>\n          <WorkflowBadgeStepDetail requestContext={requestContext} />\n        </WorkflowStepDetailProvider>\n      </WorkflowSelectedStepProvider>\n    </>\n  );\n};\n\nconst WorkflowBadgeStepDetail = ({ requestContext }: { requestContext: Record<string, any> }) => {\n  const { stepDetail } = useWorkflowStepDetail();\n  if (!stepDetail) return null;\n  return (\n    <div className=\"mt-2 flex max-h-[60vh] flex-col overflow-hidden rounded-md border border-border bg-background\">\n      <WorkflowStepDetailContent requestContext={requestContext} />\n    </div>\n  );\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const useWorkflowStream = (workflowFullState?: WorkflowRunStreamResult) => {\n  const { setResult } = useContext(WorkflowRunContext);\n\n  useEffect(() => {\n    if (!workflowFullState) return;\n    setResult(workflowFullState);\n  }, [workflowFullState, setResult]);\n};\n"],"names":["useWorkflow","useEntityRequestContext","jsx","ToolCallMono","CodeEditor","LoadingBadge","awaitsToolApproval","ToolApprovalBadge","WorkflowIcon","NetworkChoiceMetadataDialogTrigger","BackgroundTaskMetadataDialogTrigger","jsxs","Fragment","PlaygroundWorkflowRunProvider","SectionLabel","useLinkComponent","useContext","WorkflowRunContext","Button","Eye","WorkflowSelectedStepProvider","WorkflowStepDetailProvider","WorkflowGraph","useWorkflowStepDetail","WorkflowStepDetailContent","useEffect"],"mappings":"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"}
+{"version":3,"file":"workflow-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/workflow-badge.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { useWorkflow } from '@mastra/react/hooks/workflows';\nimport { Eye } from 'lucide-react';\nimport { useContext, useEffect } from 'react';\nimport { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport type { MessageMetadata } from '@/domains/chat';\n\nimport { LoadingBadge } from '@/domains/chat/components/loading-badge';\nimport { NetworkChoiceMetadataDialogTrigger } from '@/domains/chat/components/network-choice-metadata-dialog';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { useEntityRequestContext } from '@/domains/request-context/hooks/use-entity-request-context';\nimport {\n  WorkflowGraph,\n  WorkflowRunContext,\n  WorkflowSelectedStepProvider,\n  WorkflowStepDetailProvider,\n  useWorkflowStepDetail,\n} from '@/domains/workflows';\nimport { WorkflowStepDetailContent } from '@/domains/workflows/components/workflow-step-detail';\nimport { PlaygroundWorkflowRunProvider } from '@/domains/workflows/context/playground-workflow-run-provider';\nimport type { WorkflowRunStreamResult } from '@/domains/workflows/context/workflow-run-context';\nimport { ToolCallMono } from '@/ds/components/ai/tool-call';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface WorkflowBadgeProps extends Omit<ToolApprovalRequest, 'toolCalled'> {\n  workflowId: string;\n  result?: any;\n  isStreaming?: boolean;\n  metadata?: MessageMetadata;\n  suspendPayload?: any;\n  toolCalled?: boolean;\n}\n\nexport const WorkflowBadge = ({\n  result,\n  workflowId,\n  isStreaming,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  suspendPayload,\n  toolName,\n  isNetwork,\n  toolCalled,\n}: WorkflowBadgeProps) => {\n  const { runId, status } = result || {};\n  const { data: workflow, isLoading: isWorkflowLoading } = useWorkflow({\n    workflowId,\n    requestContext: useEntityRequestContext('workflow', workflowId)[0],\n    queryOptions: { enabled: Boolean(workflowId) },\n  });\n  const routingDecision = metadata?.mode === 'network' ? metadata.routingDecision : undefined;\n  const selectionReason =\n    metadata?.mode === 'network' ? (routingDecision?.selectionReason ?? metadata.selectionReason) : undefined;\n  const agentNetworkInput = metadata?.mode === 'network' ? (routingDecision ?? metadata.agentInput) : undefined;\n\n  const bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  let suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <ToolCallMono copyText={suspendPayload} className=\"text-muted-foreground\">\n        {suspendPayload}\n      </ToolCallMono>\n    ) : (\n      <CodeEditor data={suspendPayload} data-testid=\"tool-suspend-payload\" />\n    );\n\n  if (isWorkflowLoading || !workflow) return <LoadingBadge />;\n\n  const toolCalledOrFinished = toolCalled ?? !!status;\n  const showsRun = isStreaming || Boolean(runId);\n  const hasBody =\n    showsRun ||\n    Boolean(suspendPayload) ||\n    awaitsToolApproval({ toolApprovalMetadata, toolCalled: toolCalledOrFinished });\n\n  return (\n    <ToolApprovalBadge\n      approval={{\n        toolCalled: toolCalledOrFinished,\n        toolCallId,\n        toolApprovalMetadata,\n        toolName,\n        isNetwork,\n        isGenerateMode: metadata?.mode === 'generate',\n      }}\n      data-testid=\"workflow-badge\"\n      icon={<WorkflowIcon className=\"text-span-workflow\" />}\n      title={workflow.name}\n      initialCollapsed={false}\n      extraInfo={\n        metadata?.mode === 'network' ? (\n          <NetworkChoiceMetadataDialogTrigger\n            selectionReason={selectionReason ?? ''}\n            input={agentNetworkInput as string | Record<string, unknown> | undefined}\n          />\n        ) : bgEntry?.taskId && bgEntry?.startedAt ? (\n          <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />\n        ) : null\n      }\n    >\n      {hasBody && (\n        <>\n          {!isStreaming && runId && (\n            <PlaygroundWorkflowRunProvider workflowId={workflowId} initialRunId={runId} withoutTimeTravel>\n              <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />\n            </PlaygroundWorkflowRunProvider>\n          )}\n\n          {isStreaming && <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />}\n\n          {suspendPayloadSlot !== undefined && suspendPayload && (\n            <div>\n              <SectionLabel>Workflow suspend payload</SectionLabel>\n              {suspendPayloadSlot}\n            </div>\n          )}\n        </>\n      )}\n    </ToolApprovalBadge>\n  );\n};\n\ninterface WorkflowBadgeExtendedProps {\n  workflowId: string;\n  runId?: string;\n  workflow: GetWorkflowResponse;\n}\n\nconst WorkflowBadgeExtended = ({ workflowId, workflow, runId }: WorkflowBadgeExtendedProps) => {\n  const requestContext = useEntityRequestContext('workflow', workflowId)[0];\n  const { Link } = useLinkComponent();\n  const { isLoadingRunExecutionResult } = useContext(WorkflowRunContext);\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 pb-2\">\n        <Button icon={<WorkflowIcon />} render={<Link href={`/workflows/${workflowId}/graph`} />}>\n          Go to workflow\n        </Button>\n        {runId && (\n          <Button icon={<Eye />} render={<Link href={`/workflows/${workflowId}/graph/${runId}`} />}>\n            See run\n          </Button>\n        )}\n      </div>\n\n      <WorkflowSelectedStepProvider>\n        <WorkflowStepDetailProvider>\n          <div className=\"h-[60vh] w-full overflow-hidden rounded-md\">\n            <WorkflowGraph\n              workflowId={workflowId}\n              workflow={workflow}\n              isLoading={isLoadingRunExecutionResult}\n              requestContext={requestContext}\n            />\n          </div>\n          <WorkflowBadgeStepDetail requestContext={requestContext} />\n        </WorkflowStepDetailProvider>\n      </WorkflowSelectedStepProvider>\n    </>\n  );\n};\n\nconst WorkflowBadgeStepDetail = ({ requestContext }: { requestContext: Record<string, any> }) => {\n  const { stepDetail } = useWorkflowStepDetail();\n  if (!stepDetail) return null;\n  return (\n    <div className=\"mt-2 flex max-h-[60vh] flex-col overflow-hidden rounded-md border border-border bg-background\">\n      <WorkflowStepDetailContent requestContext={requestContext} />\n    </div>\n  );\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const useWorkflowStream = (workflowFullState?: WorkflowRunStreamResult) => {\n  const { setResult } = useContext(WorkflowRunContext);\n\n  useEffect(() => {\n    if (!workflowFullState) return;\n    setResult(workflowFullState);\n  }, [workflowFullState, setResult]);\n};\n"],"names":["useWorkflow","useEntityRequestContext","jsx","ToolCallMono","CodeEditor","LoadingBadge","awaitsToolApproval","ToolApprovalBadge","WorkflowIcon","NetworkChoiceMetadataDialogTrigger","BackgroundTaskMetadataDialogTrigger","jsxs","Fragment","PlaygroundWorkflowRunProvider","SectionLabel","useLinkComponent","useContext","WorkflowRunContext","Button","Eye","WorkflowSelectedStepProvider","WorkflowStepDetailProvider","WorkflowGraph","useWorkflowStepDetail","WorkflowStepDetailContent","useEffect"],"mappings":"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"}

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

@@ -11,7 +11,6 @@ import { ToolApprovalBadge } from './tool-approval-badge.es.js';
 import { useEntityRequestContext } from '../../../request-context/hooks/use-entity-request-context.es.js';
 import { WorkflowRunContext } from '../../../workflows/context/workflow-run-context.es.js';
 import '@tanstack/react-query';
-import '../../../../toast-WCmYXnuT.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';
@@ -35,7 +34,7 @@ import '@autoform/react';
 import '@lukeed/uuid';
 import '../../../../lib/form/dynamic-form.es.js';
 import { WorkflowIcon } from '../../../../icons/WorkflowIcon.es.js';
-import '../../../../data-list-B2ArWwsJ.js';
+import '../../../../data-list-BbOYiz4B.js';
 import '../../../../keyboard/keyboard-shortcuts-context.es.js';
 import { useLinkComponent } from '../../../../lib/framework.es.js';
 import '../../../workflows/components/workflow-information.es.js';

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/workflow-badge.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { useWorkflow } from '@mastra/react/hooks/workflows';\nimport { Eye } from 'lucide-react';\nimport { useContext, useEffect } from 'react';\nimport { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport type { MessageMetadata } from '@/domains/chat';\n\nimport { LoadingBadge } from '@/domains/chat/components/loading-badge';\nimport { NetworkChoiceMetadataDialogTrigger } from '@/domains/chat/components/network-choice-metadata-dialog';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { useEntityRequestContext } from '@/domains/request-context/hooks/use-entity-request-context';\nimport {\n  WorkflowGraph,\n  WorkflowRunContext,\n  WorkflowSelectedStepProvider,\n  WorkflowStepDetailProvider,\n  useWorkflowStepDetail,\n} from '@/domains/workflows';\nimport { WorkflowStepDetailContent } from '@/domains/workflows/components/workflow-step-detail';\nimport { PlaygroundWorkflowRunProvider } from '@/domains/workflows/context/playground-workflow-run-provider';\nimport type { WorkflowRunStreamResult } from '@/domains/workflows/context/workflow-run-context';\nimport { ToolCallMono } from '@/ds/components/ai/tool-call';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface WorkflowBadgeProps extends Omit<ToolApprovalRequest, 'toolCalled'> {\n  workflowId: string;\n  result?: any;\n  isStreaming?: boolean;\n  metadata?: MessageMetadata;\n  suspendPayload?: any;\n  toolCalled?: boolean;\n}\n\nexport const WorkflowBadge = ({\n  result,\n  workflowId,\n  isStreaming,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  suspendPayload,\n  toolName,\n  isNetwork,\n  toolCalled,\n}: WorkflowBadgeProps) => {\n  const { runId, status } = result || {};\n  const { data: workflow, isLoading: isWorkflowLoading } = useWorkflow({\n    workflowId,\n    requestContext: useEntityRequestContext('workflow', workflowId)[0],\n    queryOptions: { enabled: Boolean(workflowId) },\n  });\n  const routingDecision = metadata?.mode === 'network' ? metadata.routingDecision : undefined;\n  const selectionReason =\n    metadata?.mode === 'network' ? (routingDecision?.selectionReason ?? metadata.selectionReason) : undefined;\n  const agentNetworkInput = metadata?.mode === 'network' ? (routingDecision ?? metadata.agentInput) : undefined;\n\n  const bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  let suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <ToolCallMono copyText={suspendPayload} className=\"text-muted-foreground\">\n        {suspendPayload}\n      </ToolCallMono>\n    ) : (\n      <CodeEditor data={suspendPayload} data-testid=\"tool-suspend-payload\" />\n    );\n\n  if (isWorkflowLoading || !workflow) return <LoadingBadge />;\n\n  const toolCalledOrFinished = toolCalled ?? !!status;\n  const showsRun = isStreaming || Boolean(runId);\n  const hasBody =\n    showsRun ||\n    Boolean(suspendPayload) ||\n    awaitsToolApproval({ toolApprovalMetadata, toolCalled: toolCalledOrFinished });\n\n  return (\n    <ToolApprovalBadge\n      approval={{\n        toolCalled: toolCalledOrFinished,\n        toolCallId,\n        toolApprovalMetadata,\n        toolName,\n        isNetwork,\n        isGenerateMode: metadata?.mode === 'generate',\n      }}\n      data-testid=\"workflow-badge\"\n      icon={<WorkflowIcon className=\"text-span-workflow\" />}\n      title={workflow.name}\n      initialCollapsed={false}\n      extraInfo={\n        metadata?.mode === 'network' ? (\n          <NetworkChoiceMetadataDialogTrigger\n            selectionReason={selectionReason ?? ''}\n            input={agentNetworkInput as string | Record<string, unknown> | undefined}\n          />\n        ) : bgEntry?.taskId && bgEntry?.startedAt ? (\n          <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />\n        ) : null\n      }\n    >\n      {hasBody && (\n        <>\n          {!isStreaming && runId && (\n            <PlaygroundWorkflowRunProvider workflowId={workflowId} initialRunId={runId} withoutTimeTravel>\n              <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />\n            </PlaygroundWorkflowRunProvider>\n          )}\n\n          {isStreaming && <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />}\n\n          {suspendPayloadSlot !== undefined && suspendPayload && (\n            <div>\n              <SectionLabel>Workflow suspend payload</SectionLabel>\n              {suspendPayloadSlot}\n            </div>\n          )}\n        </>\n      )}\n    </ToolApprovalBadge>\n  );\n};\n\ninterface WorkflowBadgeExtendedProps {\n  workflowId: string;\n  runId?: string;\n  workflow: GetWorkflowResponse;\n}\n\nconst WorkflowBadgeExtended = ({ workflowId, workflow, runId }: WorkflowBadgeExtendedProps) => {\n  const requestContext = useEntityRequestContext('workflow', workflowId)[0];\n  const { Link } = useLinkComponent();\n  const { isLoadingRunExecutionResult } = useContext(WorkflowRunContext);\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 pb-2\">\n        <Button icon={<WorkflowIcon />} render={<Link href={`/workflows/${workflowId}/graph`} />}>\n          Go to workflow\n        </Button>\n        {runId && (\n          <Button icon={<Eye />} render={<Link href={`/workflows/${workflowId}/graph/${runId}`} />}>\n            See run\n          </Button>\n        )}\n      </div>\n\n      <WorkflowSelectedStepProvider>\n        <WorkflowStepDetailProvider>\n          <div className=\"h-[60vh] w-full overflow-hidden rounded-md\">\n            <WorkflowGraph\n              workflowId={workflowId}\n              workflow={workflow}\n              isLoading={isLoadingRunExecutionResult}\n              requestContext={requestContext}\n            />\n          </div>\n          <WorkflowBadgeStepDetail requestContext={requestContext} />\n        </WorkflowStepDetailProvider>\n      </WorkflowSelectedStepProvider>\n    </>\n  );\n};\n\nconst WorkflowBadgeStepDetail = ({ requestContext }: { requestContext: Record<string, any> }) => {\n  const { stepDetail } = useWorkflowStepDetail();\n  if (!stepDetail) return null;\n  return (\n    <div className=\"mt-2 flex max-h-[60vh] flex-col overflow-hidden rounded-md border border-border bg-background\">\n      <WorkflowStepDetailContent requestContext={requestContext} />\n    </div>\n  );\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const useWorkflowStream = (workflowFullState?: WorkflowRunStreamResult) => {\n  const { setResult } = useContext(WorkflowRunContext);\n\n  useEffect(() => {\n    if (!workflowFullState) return;\n    setResult(workflowFullState);\n  }, [workflowFullState, setResult]);\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"workflow-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/workflow-badge.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { useWorkflow } from '@mastra/react/hooks/workflows';\nimport { Eye } from 'lucide-react';\nimport { useContext, useEffect } from 'react';\nimport { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport type { MessageMetadata } from '@/domains/chat';\n\nimport { LoadingBadge } from '@/domains/chat/components/loading-badge';\nimport { NetworkChoiceMetadataDialogTrigger } from '@/domains/chat/components/network-choice-metadata-dialog';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { useEntityRequestContext } from '@/domains/request-context/hooks/use-entity-request-context';\nimport {\n  WorkflowGraph,\n  WorkflowRunContext,\n  WorkflowSelectedStepProvider,\n  WorkflowStepDetailProvider,\n  useWorkflowStepDetail,\n} from '@/domains/workflows';\nimport { WorkflowStepDetailContent } from '@/domains/workflows/components/workflow-step-detail';\nimport { PlaygroundWorkflowRunProvider } from '@/domains/workflows/context/playground-workflow-run-provider';\nimport type { WorkflowRunStreamResult } from '@/domains/workflows/context/workflow-run-context';\nimport { ToolCallMono } from '@/ds/components/ai/tool-call';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface WorkflowBadgeProps extends Omit<ToolApprovalRequest, 'toolCalled'> {\n  workflowId: string;\n  result?: any;\n  isStreaming?: boolean;\n  metadata?: MessageMetadata;\n  suspendPayload?: any;\n  toolCalled?: boolean;\n}\n\nexport const WorkflowBadge = ({\n  result,\n  workflowId,\n  isStreaming,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  suspendPayload,\n  toolName,\n  isNetwork,\n  toolCalled,\n}: WorkflowBadgeProps) => {\n  const { runId, status } = result || {};\n  const { data: workflow, isLoading: isWorkflowLoading } = useWorkflow({\n    workflowId,\n    requestContext: useEntityRequestContext('workflow', workflowId)[0],\n    queryOptions: { enabled: Boolean(workflowId) },\n  });\n  const routingDecision = metadata?.mode === 'network' ? metadata.routingDecision : undefined;\n  const selectionReason =\n    metadata?.mode === 'network' ? (routingDecision?.selectionReason ?? metadata.selectionReason) : undefined;\n  const agentNetworkInput = metadata?.mode === 'network' ? (routingDecision ?? metadata.agentInput) : undefined;\n\n  const bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  let suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <ToolCallMono copyText={suspendPayload} className=\"text-muted-foreground\">\n        {suspendPayload}\n      </ToolCallMono>\n    ) : (\n      <CodeEditor data={suspendPayload} data-testid=\"tool-suspend-payload\" />\n    );\n\n  if (isWorkflowLoading || !workflow) return <LoadingBadge />;\n\n  const toolCalledOrFinished = toolCalled ?? !!status;\n  const showsRun = isStreaming || Boolean(runId);\n  const hasBody =\n    showsRun ||\n    Boolean(suspendPayload) ||\n    awaitsToolApproval({ toolApprovalMetadata, toolCalled: toolCalledOrFinished });\n\n  return (\n    <ToolApprovalBadge\n      approval={{\n        toolCalled: toolCalledOrFinished,\n        toolCallId,\n        toolApprovalMetadata,\n        toolName,\n        isNetwork,\n        isGenerateMode: metadata?.mode === 'generate',\n      }}\n      data-testid=\"workflow-badge\"\n      icon={<WorkflowIcon className=\"text-span-workflow\" />}\n      title={workflow.name}\n      initialCollapsed={false}\n      extraInfo={\n        metadata?.mode === 'network' ? (\n          <NetworkChoiceMetadataDialogTrigger\n            selectionReason={selectionReason ?? ''}\n            input={agentNetworkInput as string | Record<string, unknown> | undefined}\n          />\n        ) : bgEntry?.taskId && bgEntry?.startedAt ? (\n          <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />\n        ) : null\n      }\n    >\n      {hasBody && (\n        <>\n          {!isStreaming && runId && (\n            <PlaygroundWorkflowRunProvider workflowId={workflowId} initialRunId={runId} withoutTimeTravel>\n              <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />\n            </PlaygroundWorkflowRunProvider>\n          )}\n\n          {isStreaming && <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />}\n\n          {suspendPayloadSlot !== undefined && suspendPayload && (\n            <div>\n              <SectionLabel>Workflow suspend payload</SectionLabel>\n              {suspendPayloadSlot}\n            </div>\n          )}\n        </>\n      )}\n    </ToolApprovalBadge>\n  );\n};\n\ninterface WorkflowBadgeExtendedProps {\n  workflowId: string;\n  runId?: string;\n  workflow: GetWorkflowResponse;\n}\n\nconst WorkflowBadgeExtended = ({ workflowId, workflow, runId }: WorkflowBadgeExtendedProps) => {\n  const requestContext = useEntityRequestContext('workflow', workflowId)[0];\n  const { Link } = useLinkComponent();\n  const { isLoadingRunExecutionResult } = useContext(WorkflowRunContext);\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 pb-2\">\n        <Button icon={<WorkflowIcon />} render={<Link href={`/workflows/${workflowId}/graph`} />}>\n          Go to workflow\n        </Button>\n        {runId && (\n          <Button icon={<Eye />} render={<Link href={`/workflows/${workflowId}/graph/${runId}`} />}>\n            See run\n          </Button>\n        )}\n      </div>\n\n      <WorkflowSelectedStepProvider>\n        <WorkflowStepDetailProvider>\n          <div className=\"h-[60vh] w-full overflow-hidden rounded-md\">\n            <WorkflowGraph\n              workflowId={workflowId}\n              workflow={workflow}\n              isLoading={isLoadingRunExecutionResult}\n              requestContext={requestContext}\n            />\n          </div>\n          <WorkflowBadgeStepDetail requestContext={requestContext} />\n        </WorkflowStepDetailProvider>\n      </WorkflowSelectedStepProvider>\n    </>\n  );\n};\n\nconst WorkflowBadgeStepDetail = ({ requestContext }: { requestContext: Record<string, any> }) => {\n  const { stepDetail } = useWorkflowStepDetail();\n  if (!stepDetail) return null;\n  return (\n    <div className=\"mt-2 flex max-h-[60vh] flex-col overflow-hidden rounded-md border border-border bg-background\">\n      <WorkflowStepDetailContent requestContext={requestContext} />\n    </div>\n  );\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const useWorkflowStream = (workflowFullState?: WorkflowRunStreamResult) => {\n  const { setResult } = useContext(WorkflowRunContext);\n\n  useEffect(() => {\n    if (!workflowFullState) return;\n    setResult(workflowFullState);\n  }, [workflowFullState, setResult]);\n};\n"],"names":[],"mappings":"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"}

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

@@ -7,7 +7,7 @@ const agents = require('@mastra/react/hooks/agents');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_chat_context_toolCallContext = require('../context/tool-call-context.cjs.js');
-const plan = require('../../../plan-CL-lbDuy.cjs');
+const plan = require('../../../plan-ColU7p3H.cjs');
 const Button = require('../../../Button-CAVPKK09.cjs');
 const skeleton = require('../../../skeleton-bUFvB8ok.cjs');
 const textarea = require('../../../textarea-Cy51PMd4.cjs');

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

@@ -3,7 +3,7 @@ import { useAgentPlan } from '@mastra/react/hooks/agents';
 import { X, MessageSquareText, Check } from 'lucide-react';
 import { useState } from 'react';
 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-TXWANP1R.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-CBiLa54G.js';
 import { B as Button } from '../../../Button-60jVnaHt.js';
 import { S as Skeleton } from '../../../skeleton-Bjxvf3Y-.js';
 import { T as Textarea } from '../../../textarea-Bl3htAGs.js';

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

@@ -9,7 +9,7 @@ const Button = require('../../../Button-CAVPKK09.cjs');
 const buttonsGroup = require('../../../buttons-group-C2lPe7sm.cjs');
 const copyButton = require('../../../copy-button-5tVWqoTk.cjs');
 const dataKeysAndValues = require('../../../data-keys-and-values-C1I--hWn.cjs');
-const dataPanel = require('../../../data-panel-Wjgbl6zx.cjs');
+const dataPanel = require('../../../data-panel-CtFwwsPs.cjs');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 

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

@@ -5,7 +5,7 @@ import { B as Button } from '../../../Button-60jVnaHt.js';
 import { B as ButtonsGroup } from '../../../buttons-group-BU9ErJSH.js';
 import { C as CopyButton } from '../../../copy-button-Af_Qt7G1.js';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-B1u00ihh.js';
-import { D as DataPanel } from '../../../data-panel-BdCw3F_h.js';
+import { D as DataPanel } from '../../../data-panel-CwIdwpov.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { formatTimestampPrecise } from '../../../utils/date-format.es.js';
 

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const reactVirtual = require('@tanstack/react-virtual');
 const React = require('react');
-require('../../../data-list-BLfHObw8.cjs');
-const dataListSkeleton = require('../../../data-list-skeleton-BGJD4qMF.cjs');
+require('../../../data-list-2svaWtkq.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-C-j6Sf0F.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const logsDataList = require('../../../logs-data-list-CaXnNnC5.cjs');
+const logsDataList = require('../../../logs-data-list-D4sVbF23.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,10 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { useRef, useEffect } from 'react';
-import '../../../data-list-B2ArWwsJ.js';
-import { D as DataListSkeleton } from '../../../data-list-skeleton-BNsWWamC.js';
+import '../../../data-list-BbOYiz4B.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-C9Zm5XMX.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { L as LogsDataList } from '../../../logs-data-list-B-gmgU74.js';
+import { L as LogsDataList } from '../../../logs-data-list-0_z4s0Sj.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-BBvaTC4B.cjs');
+const propertyFilterApplied = require('../../../property-filter-applied-CpelyBH9.cjs');
 const utils_cn = require('../../../cn-TqD01zH-.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-Ru3OQoGo.js';
+import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-BCeGn2zQ.js';
 import { c as cn } from '../../../cn-coERSHz5.js';
 
 function LogsToolbar({

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

@@ -12,7 +12,7 @@ const domains_metrics_lib_metricsBuckets = require('../lib/metrics-buckets.cjs.j
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
+const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
 const metricsStackedBarChart = require('../../../metrics-stacked-bar-chart-BKhaGInr.cjs');
 
 const SERIES = [

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

@@ -8,7 +8,7 @@ import { bucketPlan, bucketWindow } from '../lib/metrics-buckets.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
+import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
 import { M as MetricsStackedBarChart } from '../../../metrics-stacked-bar-chart-3MKRp0RI.js';
 
 const SERIES = [

package/dist/domains/metrics/components/chart-area.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
+const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
 
 function ChartArea({ isEmpty = false, emptyMessage = "No data in this range.", children }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [

package/dist/domains/metrics/components/chart-area.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
+import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
 
 function ChartArea({ isEmpty = false, emptyMessage = "No data in this range.", children }) {
   return /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [

package/dist/domains/metrics/components/chart-card-error.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
+const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
 
 function ChartCardError() {
   return /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Error, { message: "Couldn't load this data. Try again in a moment.", className: "h-full" });

package/dist/domains/metrics/components/chart-card-error.es.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
+import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
 
 function ChartCardError() {
   return /* @__PURE__ */ jsx(MetricsCard.Error, { message: "Couldn't load this data. Try again in a moment.", className: "h-full" });

package/dist/domains/metrics/components/chart-card.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const metricsCard = require('../../../metrics-card-CxOVpP1t.cjs');
+const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
 const utils_cn = require('../../../cn-TqD01zH-.cjs');
 
 function ChartCard({

package/dist/domains/metrics/components/chart-card.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { M as MetricsCard } from '../../../metrics-card-C33VsuXf.js';
+import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
 import { c as cn } from '../../../cn-coERSHz5.js';
 
 function ChartCard({

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

@@ -4,49 +4,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dateTimeRangePicker = require('../../../date-time-range-picker-ByNvjYuV.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-DQa5XLST.cjs');
 const domains_metrics_hooks_useMetrics = require('../hooks/use-metrics.cjs.js');
+const domains_metrics_metricsDatePresets = require('../metrics-date-presets.cjs.js');
 
-const METRICS_PRESETS = [
-  "last-24h",
-  "last-3d",
-  "last-7d",
-  "last-14d",
-  "last-30d",
-  "custom"
-];
-function toPickerPreset(preset) {
-  switch (preset) {
-    case "3d":
-      return "last-3d";
-    case "7d":
-      return "last-7d";
-    case "14d":
-      return "last-14d";
-    case "30d":
-      return "last-30d";
-    case "custom":
-      return "custom";
-    default:
-      return "last-24h";
-  }
-}
-function fromPickerPreset(preset) {
-  switch (preset) {
-    case "last-3d":
-      return "3d";
-    case "last-7d":
-      return "7d";
-    case "last-14d":
-      return "14d";
-    case "last-30d":
-      return "30d";
-    case "custom":
-      return "custom";
-    default:
-      return "24h";
-  }
-}
 function DateRangeSelector() {
   const { datePreset, setDatePreset, customRange, setCustomRange } = domains_metrics_hooks_useMetrics.useMetrics();
   const presetRef = React.useRef(datePreset);
@@ -56,9 +17,9 @@ function DateRangeSelector() {
   return /* @__PURE__ */ jsxRuntime.jsx(
     dateTimeRangePicker.DateTimeRangePicker,
     {
-      preset: toPickerPreset(datePreset),
+      preset: domains_metrics_metricsDatePresets.toPickerPreset(datePreset),
       onPresetChange: (next) => {
-        const mapped = fromPickerPreset(next);
+        const mapped = domains_metrics_metricsDatePresets.fromPickerPreset(next);
         presetRef.current = mapped;
         setDatePreset(mapped);
       },
@@ -70,7 +31,7 @@ function DateRangeSelector() {
         customRangeRef.current = next;
         setCustomRange(next);
       },
-      presets: METRICS_PRESETS
+      presets: domains_metrics_metricsDatePresets.METRICS_PICKER_PRESETS
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"date-range-selector.cjs.js","sources":["../../../../src/domains/metrics/components/date-range-selector.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { DateTimeRangePicker } from '../../../ds/components/DateTimeRangePicker';\nimport type { DateRangePreset } from '../../../ds/components/DateTimeRangePicker';\nimport { useMetrics } from '../hooks/use-metrics';\nimport type { DatePreset } from '../hooks/use-metrics';\n\nconst METRICS_PRESETS: readonly DateRangePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\nfunction toPickerPreset(preset: DatePreset): DateRangePreset {\n  switch (preset) {\n    case '3d':\n      return 'last-3d';\n    case '7d':\n      return 'last-7d';\n    case '14d':\n      return 'last-14d';\n    case '30d':\n      return 'last-30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return 'last-24h';\n  }\n}\n\nfunction fromPickerPreset(preset: DateRangePreset): DatePreset {\n  switch (preset) {\n    case 'last-3d':\n      return '3d';\n    case 'last-7d':\n      return '7d';\n    case 'last-14d':\n      return '14d';\n    case 'last-30d':\n      return '30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return '24h';\n  }\n}\n\nexport function DateRangeSelector() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  // The picker reports each field separately and also fires onDateChange right\n  // after a non-custom preset switch. Track the latest preset and range\n  // synchronously so the guard below skips those calls and the second field\n  // change still sees the first one.\n  const presetRef = useRef(datePreset);\n  presetRef.current = datePreset;\n  const customRangeRef = useRef(customRange);\n  customRangeRef.current = customRange;\n\n  return (\n    <DateTimeRangePicker\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => {\n        const mapped = fromPickerPreset(next);\n        presetRef.current = mapped;\n        setDatePreset(mapped);\n      }}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      onDateChange={(value, type) => {\n        if (presetRef.current !== 'custom') return;\n        const next = { ...customRangeRef.current, [type]: value };\n        customRangeRef.current = next;\n        setCustomRange(next);\n      }}\n      presets={METRICS_PRESETS}\n    />\n  );\n}\n"],"names":["useMetrics","useRef","jsx","DateTimeRangePicker"],"mappings":";;;;;;;;;AAMA,MAAM,eAAA,GAA8C;AAAA,EAClD,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA;AAEA,SAAS,eAAe,MAAA,EAAqC;AAC3D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,UAAA;AAAA;AAEb;AAEA,SAAS,iBAAiB,MAAA,EAAqC;AAC7D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,KAAA;AAAA;AAEb;AAEO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,WAAA,EAAa,cAAA,KAAmBA,2CAAA,EAAW;AAM9E,EAAA,MAAM,SAAA,GAAYC,aAAO,UAAU,CAAA;AACnC,EAAA,SAAA,CAAU,OAAA,GAAU,UAAA;AACpB,EAAA,MAAM,cAAA,GAAiBA,aAAO,WAAW,CAAA;AACzC,EAAA,cAAA,CAAe,OAAA,GAAU,WAAA;AAEzB,EAAA,uBACEC,cAAA;AAAA,IAACC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,eAAe,UAAU,CAAA;AAAA,MACjC,gBAAgB,CAAA,IAAA,KAAQ;AACtB,QAAA,MAAM,MAAA,GAAS,iBAAiB,IAAI,CAAA;AACpC,QAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,QAAA,aAAA,CAAc,MAAM,CAAA;AAAA,MACtB,CAAA;AAAA,MACA,UAAU,WAAA,EAAa,IAAA;AAAA,MACvB,QAAQ,WAAA,EAAa,EAAA;AAAA,MACrB,YAAA,EAAc,CAAC,KAAA,EAAO,IAAA,KAAS;AAC7B,QAAA,IAAI,SAAA,CAAU,YAAY,QAAA,EAAU;AACpC,QAAA,MAAM,IAAA,GAAO,EAAE,GAAG,cAAA,CAAe,SAAS,CAAC,IAAI,GAAG,KAAA,EAAM;AACxD,QAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AACzB,QAAA,cAAA,CAAe,IAAI,CAAA;AAAA,MACrB,CAAA;AAAA,MACA,OAAA,EAAS;AAAA;AAAA,GACX;AAEJ;;;;"}
+{"version":3,"file":"date-range-selector.cjs.js","sources":["../../../../src/domains/metrics/components/date-range-selector.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { DateTimeRangePicker } from '../../../ds/components/DateTimeRangePicker';\nimport { useMetrics } from '../hooks/use-metrics';\nimport { fromPickerPreset, METRICS_PICKER_PRESETS, toPickerPreset } from '../metrics-date-presets';\n\n/** @deprecated The metrics dashboard picks its range from the filter bar. Use `MetricsTimeRangeChip`. */\nexport function DateRangeSelector() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  // The picker reports each field separately and also fires onDateChange right\n  // after a non-custom preset switch. Track the latest preset and range\n  // synchronously so the guard below skips those calls and the second field\n  // change still sees the first one.\n  const presetRef = useRef(datePreset);\n  presetRef.current = datePreset;\n  const customRangeRef = useRef(customRange);\n  customRangeRef.current = customRange;\n\n  return (\n    <DateTimeRangePicker\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => {\n        const mapped = fromPickerPreset(next);\n        presetRef.current = mapped;\n        setDatePreset(mapped);\n      }}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      onDateChange={(value, type) => {\n        if (presetRef.current !== 'custom') return;\n        const next = { ...customRangeRef.current, [type]: value };\n        customRangeRef.current = next;\n        setCustomRange(next);\n      }}\n      presets={METRICS_PICKER_PRESETS}\n    />\n  );\n}\n"],"names":["useMetrics","useRef","jsx","DateTimeRangePicker","toPickerPreset","fromPickerPreset","METRICS_PICKER_PRESETS"],"mappings":";;;;;;;;;;AAMO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,WAAA,EAAa,cAAA,KAAmBA,2CAAA,EAAW;AAM9E,EAAA,MAAM,SAAA,GAAYC,aAAO,UAAU,CAAA;AACnC,EAAA,SAAA,CAAU,OAAA,GAAU,UAAA;AACpB,EAAA,MAAM,cAAA,GAAiBA,aAAO,WAAW,CAAA;AACzC,EAAA,cAAA,CAAe,OAAA,GAAU,WAAA;AAEzB,EAAA,uBACEC,cAAA;AAAA,IAACC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQC,kDAAe,UAAU,CAAA;AAAA,MACjC,gBAAgB,CAAA,IAAA,KAAQ;AACtB,QAAA,MAAM,MAAA,GAASC,oDAAiB,IAAI,CAAA;AACpC,QAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,QAAA,aAAA,CAAc,MAAM,CAAA;AAAA,MACtB,CAAA;AAAA,MACA,UAAU,WAAA,EAAa,IAAA;AAAA,MACvB,QAAQ,WAAA,EAAa,EAAA;AAAA,MACrB,YAAA,EAAc,CAAC,KAAA,EAAO,IAAA,KAAS;AAC7B,QAAA,IAAI,SAAA,CAAU,YAAY,QAAA,EAAU;AACpC,QAAA,MAAM,IAAA,GAAO,EAAE,GAAG,cAAA,CAAe,SAAS,CAAC,IAAI,GAAG,KAAA,EAAM;AACxD,QAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AACzB,QAAA,cAAA,CAAe,IAAI,CAAA;AAAA,MACrB,CAAA;AAAA,MACA,OAAA,EAASC;AAAA;AAAA,GACX;AAEJ;;;;"}

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

@@ -1,48 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
-import { D as DateTimeRangePicker } from '../../../date-time-range-picker-SU1Q1h1h.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-BT9qan60.js';
 import { useMetrics } from '../hooks/use-metrics.es.js';
+import { METRICS_PICKER_PRESETS, toPickerPreset, fromPickerPreset } from '../metrics-date-presets.es.js';
 
-const METRICS_PRESETS = [
-  "last-24h",
-  "last-3d",
-  "last-7d",
-  "last-14d",
-  "last-30d",
-  "custom"
-];
-function toPickerPreset(preset) {
-  switch (preset) {
-    case "3d":
-      return "last-3d";
-    case "7d":
-      return "last-7d";
-    case "14d":
-      return "last-14d";
-    case "30d":
-      return "last-30d";
-    case "custom":
-      return "custom";
-    default:
-      return "last-24h";
-  }
-}
-function fromPickerPreset(preset) {
-  switch (preset) {
-    case "last-3d":
-      return "3d";
-    case "last-7d":
-      return "7d";
-    case "last-14d":
-      return "14d";
-    case "last-30d":
-      return "30d";
-    case "custom":
-      return "custom";
-    default:
-      return "24h";
-  }
-}
 function DateRangeSelector() {
   const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();
   const presetRef = useRef(datePreset);
@@ -66,7 +27,7 @@ function DateRangeSelector() {
         customRangeRef.current = next;
         setCustomRange(next);
       },
-      presets: METRICS_PRESETS
+      presets: METRICS_PICKER_PRESETS
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"date-range-selector.es.js","sources":["../../../../src/domains/metrics/components/date-range-selector.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { DateTimeRangePicker } from '../../../ds/components/DateTimeRangePicker';\nimport type { DateRangePreset } from '../../../ds/components/DateTimeRangePicker';\nimport { useMetrics } from '../hooks/use-metrics';\nimport type { DatePreset } from '../hooks/use-metrics';\n\nconst METRICS_PRESETS: readonly DateRangePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\nfunction toPickerPreset(preset: DatePreset): DateRangePreset {\n  switch (preset) {\n    case '3d':\n      return 'last-3d';\n    case '7d':\n      return 'last-7d';\n    case '14d':\n      return 'last-14d';\n    case '30d':\n      return 'last-30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return 'last-24h';\n  }\n}\n\nfunction fromPickerPreset(preset: DateRangePreset): DatePreset {\n  switch (preset) {\n    case 'last-3d':\n      return '3d';\n    case 'last-7d':\n      return '7d';\n    case 'last-14d':\n      return '14d';\n    case 'last-30d':\n      return '30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return '24h';\n  }\n}\n\nexport function DateRangeSelector() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  // The picker reports each field separately and also fires onDateChange right\n  // after a non-custom preset switch. Track the latest preset and range\n  // synchronously so the guard below skips those calls and the second field\n  // change still sees the first one.\n  const presetRef = useRef(datePreset);\n  presetRef.current = datePreset;\n  const customRangeRef = useRef(customRange);\n  customRangeRef.current = customRange;\n\n  return (\n    <DateTimeRangePicker\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => {\n        const mapped = fromPickerPreset(next);\n        presetRef.current = mapped;\n        setDatePreset(mapped);\n      }}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      onDateChange={(value, type) => {\n        if (presetRef.current !== 'custom') return;\n        const next = { ...customRangeRef.current, [type]: value };\n        customRangeRef.current = next;\n        setCustomRange(next);\n      }}\n      presets={METRICS_PRESETS}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAMA,MAAM,eAAA,GAA8C;AAAA,EAClD,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA;AAEA,SAAS,eAAe,MAAA,EAAqC;AAC3D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,UAAA;AAAA;AAEb;AAEA,SAAS,iBAAiB,MAAA,EAAqC;AAC7D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,KAAA;AAAA;AAEb;AAEO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,WAAA,EAAa,cAAA,KAAmB,UAAA,EAAW;AAM9E,EAAA,MAAM,SAAA,GAAY,OAAO,UAAU,CAAA;AACnC,EAAA,SAAA,CAAU,OAAA,GAAU,UAAA;AACpB,EAAA,MAAM,cAAA,GAAiB,OAAO,WAAW,CAAA;AACzC,EAAA,cAAA,CAAe,OAAA,GAAU,WAAA;AAEzB,EAAA,uBACE,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,eAAe,UAAU,CAAA;AAAA,MACjC,gBAAgB,CAAA,IAAA,KAAQ;AACtB,QAAA,MAAM,MAAA,GAAS,iBAAiB,IAAI,CAAA;AACpC,QAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,QAAA,aAAA,CAAc,MAAM,CAAA;AAAA,MACtB,CAAA;AAAA,MACA,UAAU,WAAA,EAAa,IAAA;AAAA,MACvB,QAAQ,WAAA,EAAa,EAAA;AAAA,MACrB,YAAA,EAAc,CAAC,KAAA,EAAO,IAAA,KAAS;AAC7B,QAAA,IAAI,SAAA,CAAU,YAAY,QAAA,EAAU;AACpC,QAAA,MAAM,IAAA,GAAO,EAAE,GAAG,cAAA,CAAe,SAAS,CAAC,IAAI,GAAG,KAAA,EAAM;AACxD,QAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AACzB,QAAA,cAAA,CAAe,IAAI,CAAA;AAAA,MACrB,CAAA;AAAA,MACA,OAAA,EAAS;AAAA;AAAA,GACX;AAEJ;;;;"}
+{"version":3,"file":"date-range-selector.es.js","sources":["../../../../src/domains/metrics/components/date-range-selector.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { DateTimeRangePicker } from '../../../ds/components/DateTimeRangePicker';\nimport { useMetrics } from '../hooks/use-metrics';\nimport { fromPickerPreset, METRICS_PICKER_PRESETS, toPickerPreset } from '../metrics-date-presets';\n\n/** @deprecated The metrics dashboard picks its range from the filter bar. Use `MetricsTimeRangeChip`. */\nexport function DateRangeSelector() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  // The picker reports each field separately and also fires onDateChange right\n  // after a non-custom preset switch. Track the latest preset and range\n  // synchronously so the guard below skips those calls and the second field\n  // change still sees the first one.\n  const presetRef = useRef(datePreset);\n  presetRef.current = datePreset;\n  const customRangeRef = useRef(customRange);\n  customRangeRef.current = customRange;\n\n  return (\n    <DateTimeRangePicker\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => {\n        const mapped = fromPickerPreset(next);\n        presetRef.current = mapped;\n        setDatePreset(mapped);\n      }}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      onDateChange={(value, type) => {\n        if (presetRef.current !== 'custom') return;\n        const next = { ...customRangeRef.current, [type]: value };\n        customRangeRef.current = next;\n        setCustomRange(next);\n      }}\n      presets={METRICS_PICKER_PRESETS}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAMO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,WAAA,EAAa,cAAA,KAAmB,UAAA,EAAW;AAM9E,EAAA,MAAM,SAAA,GAAY,OAAO,UAAU,CAAA;AACnC,EAAA,SAAA,CAAU,OAAA,GAAU,UAAA;AACpB,EAAA,MAAM,cAAA,GAAiB,OAAO,WAAW,CAAA;AACzC,EAAA,cAAA,CAAe,OAAA,GAAU,WAAA;AAEzB,EAAA,uBACE,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,eAAe,UAAU,CAAA;AAAA,MACjC,gBAAgB,CAAA,IAAA,KAAQ;AACtB,QAAA,MAAM,MAAA,GAAS,iBAAiB,IAAI,CAAA;AACpC,QAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,QAAA,aAAA,CAAc,MAAM,CAAA;AAAA,MACtB,CAAA;AAAA,MACA,UAAU,WAAA,EAAa,IAAA;AAAA,MACvB,QAAQ,WAAA,EAAa,EAAA;AAAA,MACrB,YAAA,EAAc,CAAC,KAAA,EAAO,IAAA,KAAS;AAC7B,QAAA,IAAI,SAAA,CAAU,YAAY,QAAA,EAAU;AACpC,QAAA,MAAM,IAAA,GAAO,EAAE,GAAG,cAAA,CAAe,SAAS,CAAC,IAAI,GAAG,KAAA,EAAM;AACxD,QAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AACzB,QAAA,cAAA,CAAe,IAAI,CAAA;AAAA,MACrB,CAAA;AAAA,MACA,OAAA,EAAS;AAAA;AAAA,GACX;AAEJ;;;;"}