@mastra/playground-ui 61.0.0-alpha.6 → 61.0.0

package/dist/domains/chat/messages/notification-signal-notice.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { getNotificationMetadata, formatSignalValue, signalContentsToText } from './signal-data.es.js';
-import { N as NotificationActivity } from '../../../notification-activity-BDoleJAA.js';
+import { N as NotificationActivity } from '../../../notification-activity-DEzmrUfo.js';
 
 const getNotificationTitle = (signal) => {
   const notification = getNotificationMetadata(signal);

package/dist/domains/chat/messages/renderers/message-text.cjs.js

@@ -8,8 +8,8 @@ const React = require('react');
 const domains_chat_messages_tripwireNotice = require('../tripwire-notice.cjs.js');
 const domains_chat_messages_renderers_messageTextKind = require('./message-text-kind.cjs.js');
 const Badge = require('../../../../Badge-DB59RxT5.cjs');
-const markdownRenderer = require('../../../../markdown-renderer-BCeiKCA4.cjs');
-const Notice = require('../../../../Notice-D4zc_oTj.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-4P5RZjlT.cjs');
+const Notice = require('../../../../Notice-CjQQjfK7.cjs');
 const icons_Icon = require('../../../../icons/Icon.cjs.js');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 

package/dist/domains/chat/messages/renderers/message-text.es.js

@@ -4,8 +4,8 @@ import { useState } from 'react';
 import { TripwireNotice } from '../tripwire-notice.es.js';
 import { messageTextKind, errorMessage } from './message-text-kind.es.js';
 import { B as Badge } from '../../../../Badge-DId-8rYY.js';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-CKSEkKch.js';
-import { N as Notice } from '../../../../Notice-D4gMAkVI.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-DR6SJPyB.js';
+import { N as Notice } from '../../../../Notice-CmFkTliT.js';
 import { Icon } from '../../../../icons/Icon.es.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_messages_reasoningContent = require('../reasoning-content.cjs.js');
-const reasoningActivity = require('../../../../reasoning-activity-Bux9ZUhr.cjs');
+const reasoningActivity = require('../../../../reasoning-activity-Cfelxr49.cjs');
 
 const ReasoningPartRenderer = ({ part, defaultOpen }) => {
   const content = domains_chat_messages_reasoningContent.getReasoningContent(part);

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { getReasoningContent } from '../reasoning-content.es.js';
-import { R as ReasoningActivity } from '../../../../reasoning-activity-Du19QVGl.js';
+import { R as ReasoningActivity } from '../../../../reasoning-activity-CS-aUa1E.js';
 
 const ReasoningPartRenderer = ({ part, defaultOpen }) => {
   const content = getReasoningContent(part);

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_messages_tripwireNotice = require('../tripwire-notice.cjs.js');
-const Notice = require('../../../../Notice-D4zc_oTj.cjs');
+const Notice = require('../../../../Notice-CjQQjfK7.cjs');
 
 const ErrorStatusRenderer = ({ text }) => /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice, { variant: "destructive", title: "Error", children: /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice.Message, { children: text }) });
 const WarningStatusRenderer = ({ text }) => /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice, { variant: "warning", title: "Warning", children: /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice.Message, { children: text }) });

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

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

package/dist/domains/chat/messages/signal-badge.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_messages_notificationSignalNotice = require('./notification-signal-notice.cjs.js');
 const domains_chat_messages_signalData = require('./signal-data.cjs.js');
-const signalActivity = require('../../../signal-activity-BI-DRdjw.cjs');
+const signalActivity = require('../../../signal-activity-D4vzi2cB.cjs');
 
 const getStateLabel = (signal) => {
   const state = domains_chat_messages_signalData.isRecord(signal.metadata?.state) ? signal.metadata.state : void 0;

package/dist/domains/chat/messages/signal-badge.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { NotificationSignalNotice } from './notification-signal-notice.es.js';
 import { isSignalData, signalContentsToText, isRecord, formatSignalValue } from './signal-data.es.js';
-import { S as SignalActivity } from '../../../signal-activity-_ChAbNsW.js';
+import { S as SignalActivity } from '../../../signal-activity-DaC48fkM.js';
 
 const getStateLabel = (signal) => {
   const state = isRecord(signal.metadata?.state) ? signal.metadata.state : void 0;

package/dist/domains/chat/messages/skill-message.cjs.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const activity = require('../../../activity-ClKZR5_o.cjs');
-const signalActivity = require('../../../signal-activity-BI-DRdjw.cjs');
-const markdownRenderer = require('../../../markdown-renderer-BCeiKCA4.cjs');
+const activity = require('../../../activity-C3F5Z6U2.cjs');
+const signalActivity = require('../../../signal-activity-D4vzi2cB.cjs');
+const markdownRenderer = require('../../../markdown-renderer-4P5RZjlT.cjs');
 const scrollArea = require('../../../scroll-area-gN-e805H.cjs');
 
 function SkillMessage({ activation }) {

package/dist/domains/chat/messages/skill-message.es.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { BookOpen } from 'lucide-react';
-import { g as ActivityItem } from '../../../activity-D0SefV4r.js';
-import { S as SignalActivity } from '../../../signal-activity-_ChAbNsW.js';
-import { M as MarkdownRenderer } from '../../../markdown-renderer-CKSEkKch.js';
+import { g as ActivityItem } from '../../../activity-CREOMVXI.js';
+import { S as SignalActivity } from '../../../signal-activity-DaC48fkM.js';
+import { M as MarkdownRenderer } from '../../../markdown-renderer-DR6SJPyB.js';
 import { S as ScrollArea } from '../../../scroll-area-CfoN8Hpp.js';
 
 function SkillMessage({ activation }) {

package/dist/domains/chat/messages/system-reminder-badge.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_chat_messages_systemReminderUtils = require('./system-reminder-utils.cjs.js');
-const signalActivity = require('../../../signal-activity-BI-DRdjw.cjs');
+const signalActivity = require('../../../signal-activity-D4vzi2cB.cjs');
 
 const SystemReminderBadge = ({ text }) => {
   const reminder = React.useMemo(() => domains_chat_messages_systemReminderUtils.parseSystemReminder(text), [text]);

package/dist/domains/chat/messages/system-reminder-badge.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { parseSystemReminder } from './system-reminder-utils.es.js';
-import { S as SignalActivity } from '../../../signal-activity-_ChAbNsW.js';
+import { S as SignalActivity } from '../../../signal-activity-DaC48fkM.js';
 
 const SystemReminderBadge = ({ text }) => {
   const reminder = useMemo(() => parseSystemReminder(text), [text]);

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

@@ -6,7 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Badge = require('../../../Badge-DB59RxT5.cjs');
-const Notice = require('../../../Notice-D4zc_oTj.cjs');
+const code = require('../../../code-Dcah35Gp.cjs');
+const Notice = require('../../../Notice-CjQQjfK7.cjs');
+const Txt = require('../../../Txt-DFPibRb3.cjs');
 
 const TripwireNotice = ({ reason, tripwire }) => {
   const [isExpanded, setIsExpanded] = React.useState(false);
@@ -21,27 +23,33 @@ const TripwireNotice = ({ reason, tripwire }) => {
         {
           type: "button",
           onClick: () => setIsExpanded(!isExpanded),
-          className: "flex w-fit items-center gap-1.5 text-caption opacity-70 transition-opacity hover:opacity-100",
+          className: "flex w-fit items-center gap-1.5 opacity-70 transition-opacity hover:opacity-100",
           children: [
             isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-3.5" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Details" })
+            /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", children: "Details" })
           ]
         }
       ),
-      isExpanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 text-caption", children: [
+      isExpanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
         tripwire.retry !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "size-3.5 shrink-0 opacity-70" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Retry" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", children: "Retry" }),
           /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: tripwire.retry ? "success" : "destructive", children: tripwire.retry ? "Allowed" : "Not allowed" })
         ] }),
         tripwire.processorId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Tag, { className: "size-3.5 shrink-0 opacity-70" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Processor" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", children: "Processor" }),
           /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: "warning", children: tripwire.processorId })
         ] }),
         tripwire.metadata !== void 0 && tripwire.metadata !== null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-70", children: "Metadata" }),
-          /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-x-auto rounded-lg bg-current/10 p-2", children: JSON.stringify(tripwire.metadata, null, 2) })
+          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", className: "opacity-70", children: "Metadata" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            code.Code,
+            {
+              className: "overflow-x-auto rounded-lg bg-current/10 p-2 text-caption",
+              code: JSON.stringify(tripwire.metadata, null, 2)
+            }
+          )
         ] })
       ] })
     ] })

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

@@ -1 +1 @@
-{"version":3,"file":"tripwire-notice.cjs.js","sources":["../../../../src/domains/chat/messages/tripwire-notice.tsx"],"sourcesContent":["import type { TripwireMetadata } from '@mastra/react';\nimport { ChevronDown, ChevronRight, RefreshCw, ShieldAlert, Tag } from 'lucide-react';\nimport { useState } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Notice } from '@/ds/components/Notice';\n\nexport interface TripwireNoticeProps {\n  reason: string;\n  tripwire?: Partial<TripwireMetadata>;\n}\n\nexport const TripwireNotice = ({ reason, tripwire }: TripwireNoticeProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const hasMetadata = Boolean(\n    tripwire && (tripwire.retry !== undefined || tripwire.metadata !== undefined || tripwire.processorId !== undefined),\n  );\n\n  return (\n    <Notice variant=\"warning\" title=\"Content Blocked\" icon={<ShieldAlert />}>\n      <div className=\"flex flex-col gap-3\">\n        <Notice.Message className=\"break-words whitespace-pre-wrap\">{reason}</Notice.Message>\n\n        {hasMetadata && tripwire && (\n          <div className=\"flex flex-col gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => setIsExpanded(!isExpanded)}\n              className=\"flex w-fit items-center gap-1.5 text-caption opacity-70 transition-opacity hover:opacity-100\"\n            >\n              {isExpanded ? <ChevronDown className=\"size-3.5\" /> : <ChevronRight className=\"size-3.5\" />}\n              <span>Details</span>\n            </button>\n\n            {isExpanded && (\n              <div className=\"flex flex-col gap-2 text-caption\">\n                {tripwire.retry !== undefined && (\n                  <div className=\"flex items-center gap-2\">\n                    <RefreshCw className=\"size-3.5 shrink-0 opacity-70\" />\n                    <span>Retry</span>\n                    <Badge size=\"xs\" variant={tripwire.retry ? 'success' : 'destructive'}>\n                      {tripwire.retry ? 'Allowed' : 'Not allowed'}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.processorId && (\n                  <div className=\"flex items-center gap-2\">\n                    <Tag className=\"size-3.5 shrink-0 opacity-70\" />\n                    <span>Processor</span>\n                    <Badge size=\"xs\" variant=\"warning\">\n                      {tripwire.processorId}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.metadata !== undefined && tripwire.metadata !== null && (\n                  <div className=\"flex flex-col gap-1.5\">\n                    <span className=\"opacity-70\">Metadata</span>\n                    <pre className=\"overflow-x-auto rounded-lg bg-current/10 p-2\">\n                      {JSON.stringify(tripwire.metadata, null, 2)}\n                    </pre>\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </Notice>\n  );\n};\n"],"names":["useState","jsx","Notice","ShieldAlert","jsxs","ChevronDown","ChevronRight","RefreshCw","Badge","Tag"],"mappings":"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"}
+{"version":3,"file":"tripwire-notice.cjs.js","sources":["../../../../src/domains/chat/messages/tripwire-notice.tsx"],"sourcesContent":["import type { TripwireMetadata } from '@mastra/react';\nimport { ChevronDown, ChevronRight, RefreshCw, ShieldAlert, Tag } from 'lucide-react';\nimport { useState } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Code } from '@/ds/components/Code';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface TripwireNoticeProps {\n  reason: string;\n  tripwire?: Partial<TripwireMetadata>;\n}\n\nexport const TripwireNotice = ({ reason, tripwire }: TripwireNoticeProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const hasMetadata = Boolean(\n    tripwire && (tripwire.retry !== undefined || tripwire.metadata !== undefined || tripwire.processorId !== undefined),\n  );\n\n  return (\n    <Notice variant=\"warning\" title=\"Content Blocked\" icon={<ShieldAlert />}>\n      <div className=\"flex flex-col gap-3\">\n        <Notice.Message className=\"break-words whitespace-pre-wrap\">{reason}</Notice.Message>\n\n        {hasMetadata && tripwire && (\n          <div className=\"flex flex-col gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => setIsExpanded(!isExpanded)}\n              className=\"flex w-fit items-center gap-1.5 opacity-70 transition-opacity hover:opacity-100\"\n            >\n              {isExpanded ? <ChevronDown className=\"size-3.5\" /> : <ChevronRight className=\"size-3.5\" />}\n              <Txt as=\"span\" variant=\"caption\">\n                Details\n              </Txt>\n            </button>\n\n            {isExpanded && (\n              <div className=\"flex flex-col gap-2\">\n                {tripwire.retry !== undefined && (\n                  <div className=\"flex items-center gap-2\">\n                    <RefreshCw className=\"size-3.5 shrink-0 opacity-70\" />\n                    <Txt as=\"span\" variant=\"caption\">\n                      Retry\n                    </Txt>\n                    <Badge size=\"xs\" variant={tripwire.retry ? 'success' : 'destructive'}>\n                      {tripwire.retry ? 'Allowed' : 'Not allowed'}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.processorId && (\n                  <div className=\"flex items-center gap-2\">\n                    <Tag className=\"size-3.5 shrink-0 opacity-70\" />\n                    <Txt as=\"span\" variant=\"caption\">\n                      Processor\n                    </Txt>\n                    <Badge size=\"xs\" variant=\"warning\">\n                      {tripwire.processorId}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.metadata !== undefined && tripwire.metadata !== null && (\n                  <div className=\"flex flex-col gap-1.5\">\n                    <Txt as=\"span\" variant=\"caption\" className=\"opacity-70\">\n                      Metadata\n                    </Txt>\n                    <Code\n                      className=\"overflow-x-auto rounded-lg bg-current/10 p-2 text-caption\"\n                      code={JSON.stringify(tripwire.metadata, null, 2)}\n                    />\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </Notice>\n  );\n};\n"],"names":["useState","jsx","Notice","ShieldAlert","jsxs","ChevronDown","ChevronRight","Txt","RefreshCw","Badge","Tag","Code"],"mappings":"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"}

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

@@ -2,7 +2,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { ChevronDown, ChevronRight, RefreshCw, Tag, ShieldAlert } from 'lucide-react';
 import { useState } from 'react';
 import { B as Badge } from '../../../Badge-DId-8rYY.js';
-import { N as Notice } from '../../../Notice-D4gMAkVI.js';
+import { C as Code } from '../../../code-DAXWNzvf.js';
+import { N as Notice } from '../../../Notice-CmFkTliT.js';
+import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
 
 const TripwireNotice = ({ reason, tripwire }) => {
   const [isExpanded, setIsExpanded] = useState(false);
@@ -17,27 +19,33 @@ const TripwireNotice = ({ reason, tripwire }) => {
         {
           type: "button",
           onClick: () => setIsExpanded(!isExpanded),
-          className: "flex w-fit items-center gap-1.5 text-caption opacity-70 transition-opacity hover:opacity-100",
+          className: "flex w-fit items-center gap-1.5 opacity-70 transition-opacity hover:opacity-100",
           children: [
             isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" }),
-            /* @__PURE__ */ jsx("span", { children: "Details" })
+            /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", children: "Details" })
           ]
         }
       ),
-      isExpanded && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-caption", children: [
+      isExpanded && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
         tripwire.retry !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(RefreshCw, { className: "size-3.5 shrink-0 opacity-70" }),
-          /* @__PURE__ */ jsx("span", { children: "Retry" }),
+          /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", children: "Retry" }),
           /* @__PURE__ */ jsx(Badge, { size: "xs", variant: tripwire.retry ? "success" : "destructive", children: tripwire.retry ? "Allowed" : "Not allowed" })
         ] }),
         tripwire.processorId && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(Tag, { className: "size-3.5 shrink-0 opacity-70" }),
-          /* @__PURE__ */ jsx("span", { children: "Processor" }),
+          /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", children: "Processor" }),
           /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "warning", children: tripwire.processorId })
         ] }),
         tripwire.metadata !== void 0 && tripwire.metadata !== null && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "opacity-70", children: "Metadata" }),
-          /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-lg bg-current/10 p-2", children: JSON.stringify(tripwire.metadata, null, 2) })
+          /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", className: "opacity-70", children: "Metadata" }),
+          /* @__PURE__ */ jsx(
+            Code,
+            {
+              className: "overflow-x-auto rounded-lg bg-current/10 p-2 text-caption",
+              code: JSON.stringify(tripwire.metadata, null, 2)
+            }
+          )
         ] })
       ] })
     ] })

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

@@ -1 +1 @@
-{"version":3,"file":"tripwire-notice.es.js","sources":["../../../../src/domains/chat/messages/tripwire-notice.tsx"],"sourcesContent":["import type { TripwireMetadata } from '@mastra/react';\nimport { ChevronDown, ChevronRight, RefreshCw, ShieldAlert, Tag } from 'lucide-react';\nimport { useState } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Notice } from '@/ds/components/Notice';\n\nexport interface TripwireNoticeProps {\n  reason: string;\n  tripwire?: Partial<TripwireMetadata>;\n}\n\nexport const TripwireNotice = ({ reason, tripwire }: TripwireNoticeProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const hasMetadata = Boolean(\n    tripwire && (tripwire.retry !== undefined || tripwire.metadata !== undefined || tripwire.processorId !== undefined),\n  );\n\n  return (\n    <Notice variant=\"warning\" title=\"Content Blocked\" icon={<ShieldAlert />}>\n      <div className=\"flex flex-col gap-3\">\n        <Notice.Message className=\"break-words whitespace-pre-wrap\">{reason}</Notice.Message>\n\n        {hasMetadata && tripwire && (\n          <div className=\"flex flex-col gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => setIsExpanded(!isExpanded)}\n              className=\"flex w-fit items-center gap-1.5 text-caption opacity-70 transition-opacity hover:opacity-100\"\n            >\n              {isExpanded ? <ChevronDown className=\"size-3.5\" /> : <ChevronRight className=\"size-3.5\" />}\n              <span>Details</span>\n            </button>\n\n            {isExpanded && (\n              <div className=\"flex flex-col gap-2 text-caption\">\n                {tripwire.retry !== undefined && (\n                  <div className=\"flex items-center gap-2\">\n                    <RefreshCw className=\"size-3.5 shrink-0 opacity-70\" />\n                    <span>Retry</span>\n                    <Badge size=\"xs\" variant={tripwire.retry ? 'success' : 'destructive'}>\n                      {tripwire.retry ? 'Allowed' : 'Not allowed'}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.processorId && (\n                  <div className=\"flex items-center gap-2\">\n                    <Tag className=\"size-3.5 shrink-0 opacity-70\" />\n                    <span>Processor</span>\n                    <Badge size=\"xs\" variant=\"warning\">\n                      {tripwire.processorId}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.metadata !== undefined && tripwire.metadata !== null && (\n                  <div className=\"flex flex-col gap-1.5\">\n                    <span className=\"opacity-70\">Metadata</span>\n                    <pre className=\"overflow-x-auto rounded-lg bg-current/10 p-2\">\n                      {JSON.stringify(tripwire.metadata, null, 2)}\n                    </pre>\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </Notice>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tripwire-notice.es.js","sources":["../../../../src/domains/chat/messages/tripwire-notice.tsx"],"sourcesContent":["import type { TripwireMetadata } from '@mastra/react';\nimport { ChevronDown, ChevronRight, RefreshCw, ShieldAlert, Tag } from 'lucide-react';\nimport { useState } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Code } from '@/ds/components/Code';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface TripwireNoticeProps {\n  reason: string;\n  tripwire?: Partial<TripwireMetadata>;\n}\n\nexport const TripwireNotice = ({ reason, tripwire }: TripwireNoticeProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const hasMetadata = Boolean(\n    tripwire && (tripwire.retry !== undefined || tripwire.metadata !== undefined || tripwire.processorId !== undefined),\n  );\n\n  return (\n    <Notice variant=\"warning\" title=\"Content Blocked\" icon={<ShieldAlert />}>\n      <div className=\"flex flex-col gap-3\">\n        <Notice.Message className=\"break-words whitespace-pre-wrap\">{reason}</Notice.Message>\n\n        {hasMetadata && tripwire && (\n          <div className=\"flex flex-col gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => setIsExpanded(!isExpanded)}\n              className=\"flex w-fit items-center gap-1.5 opacity-70 transition-opacity hover:opacity-100\"\n            >\n              {isExpanded ? <ChevronDown className=\"size-3.5\" /> : <ChevronRight className=\"size-3.5\" />}\n              <Txt as=\"span\" variant=\"caption\">\n                Details\n              </Txt>\n            </button>\n\n            {isExpanded && (\n              <div className=\"flex flex-col gap-2\">\n                {tripwire.retry !== undefined && (\n                  <div className=\"flex items-center gap-2\">\n                    <RefreshCw className=\"size-3.5 shrink-0 opacity-70\" />\n                    <Txt as=\"span\" variant=\"caption\">\n                      Retry\n                    </Txt>\n                    <Badge size=\"xs\" variant={tripwire.retry ? 'success' : 'destructive'}>\n                      {tripwire.retry ? 'Allowed' : 'Not allowed'}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.processorId && (\n                  <div className=\"flex items-center gap-2\">\n                    <Tag className=\"size-3.5 shrink-0 opacity-70\" />\n                    <Txt as=\"span\" variant=\"caption\">\n                      Processor\n                    </Txt>\n                    <Badge size=\"xs\" variant=\"warning\">\n                      {tripwire.processorId}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.metadata !== undefined && tripwire.metadata !== null && (\n                  <div className=\"flex flex-col gap-1.5\">\n                    <Txt as=\"span\" variant=\"caption\" className=\"opacity-70\">\n                      Metadata\n                    </Txt>\n                    <Code\n                      className=\"overflow-x-auto rounded-lg bg-current/10 p-2 text-caption\"\n                      code={JSON.stringify(tripwire.metadata, null, 2)}\n                    />\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </Notice>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 require('react/jsx-runtime');
 require('@mastra/ai-sdk/ui');
 require('@mastra/react/hooks/agents');
-const domains_chat_tools_badges_agentBadge = require('../../../../tool-card-CQAEtUhC.cjs');
+const domains_chat_tools_badges_agentBadge = require('../../../../tool-card-CwENsPdZ.cjs');
 require('./resolve-child-messages.cjs.js');
 require('../../components/loading-badge.cjs.js');
 

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

@@ -1,7 +1,7 @@
 import 'react/jsx-runtime';
 import '@mastra/ai-sdk/ui';
 import '@mastra/react/hooks/agents';
-export { a as AgentBadgeWrapper } from '../../../../tool-card-DKNWgEoo.js';
+export { a as AgentBadgeWrapper } from '../../../../tool-card-B5wPeDh_.js';
 import './resolve-child-messages.es.js';
 import '../../components/loading-badge.es.js';
 //# sourceMappingURL=agent-badge-wrapper.es.js.map

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

@@ -5,17 +5,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 require('react/jsx-runtime');
 require('react');
 require('react-markdown');
-const domains_chat_tools_badges_agentBadge = require('../../../../tool-card-CQAEtUhC.cjs');
+const domains_chat_tools_badges_agentBadge = require('../../../../tool-card-CwENsPdZ.cjs');
 require('./background-task-metadata-dialog.cjs.js');
-require('../../components/badge-wrapper.cjs.js');
 require('../../components/network-choice-metadata-dialog.cjs.js');
 require('../../components/section-label.cjs.js');
 require('./awaits-tool-approval.cjs.js');
-require('./tool-approval-buttons.cjs.js');
+require('./tool-approval-badge.cjs.js');
 require('../../../../tool-call-mono-DXtb4UMm.cjs');
 require('lucide-react');
 require('../../../../Button-CXhSUBxN.cjs');
-require('../../../../code-editor-Btr1qm_5.cjs');
+require('../../../../code-editor-GtjlBrBg.cjs');
 require('../../../../icons/AgentIcon.cjs.js');
 
 

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

@@ -1 +1 @@
-{"version":3,"file":"agent-badge.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"agent-badge.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,16 +1,15 @@
 import 'react/jsx-runtime';
 import 'react';
 import 'react-markdown';
-export { A as AgentBadge } from '../../../../tool-card-DKNWgEoo.js';
+export { A as AgentBadge } from '../../../../tool-card-B5wPeDh_.js';
 import './background-task-metadata-dialog.es.js';
-import '../../components/badge-wrapper.es.js';
 import '../../components/network-choice-metadata-dialog.es.js';
 import '../../components/section-label.es.js';
 import './awaits-tool-approval.es.js';
-import './tool-approval-buttons.es.js';
+import './tool-approval-badge.es.js';
 import '../../../../tool-call-mono-CC6uzvhS.js';
 import 'lucide-react';
 import '../../../../Button-D43ghVKt.js';
-import '../../../../code-editor-DzhYz1fH.js';
+import '../../../../code-editor-zKwlle-5.js';
 import '../../../../icons/AgentIcon.es.js';
 //# sourceMappingURL=agent-badge.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"agent-badge.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"agent-badge.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"awaits-tool-approval.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/awaits-tool-approval.ts"],"sourcesContent":["import type { ToolApprovalButtonsProps } from './tool-approval-buttons';\n\ntype ToolApprovalState = Pick<ToolApprovalButtonsProps, 'toolApprovalMetadata' | 'toolCalled'>;\n\nexport function awaitsToolApproval({ toolApprovalMetadata, toolCalled }: ToolApprovalState): boolean {\n  return Boolean(toolApprovalMetadata) && !toolCalled;\n}\n"],"names":[],"mappings":";;;;AAIO,SAAS,kBAAA,CAAmB,EAAE,oBAAA,EAAsB,UAAA,EAAW,EAA+B;AACnG,EAAA,OAAO,OAAA,CAAQ,oBAAoB,CAAA,IAAK,CAAC,UAAA;AAC3C;;;;"}
+{"version":3,"file":"awaits-tool-approval.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/awaits-tool-approval.ts"],"sourcesContent":["import type { ToolApprovalRequest } from './tool-approval-badge';\n\ntype ToolApprovalState = Pick<ToolApprovalRequest, 'toolApprovalMetadata' | 'toolCalled'>;\n\nexport function awaitsToolApproval({ toolApprovalMetadata, toolCalled }: ToolApprovalState): boolean {\n  return Boolean(toolApprovalMetadata) && !toolCalled;\n}\n"],"names":[],"mappings":";;;;AAIO,SAAS,kBAAA,CAAmB,EAAE,oBAAA,EAAsB,UAAA,EAAW,EAA+B;AACnG,EAAA,OAAO,OAAA,CAAQ,oBAAoB,CAAA,IAAK,CAAC,UAAA;AAC3C;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"awaits-tool-approval.es.js","sources":["../../../../../src/domains/chat/tools/badges/awaits-tool-approval.ts"],"sourcesContent":["import type { ToolApprovalButtonsProps } from './tool-approval-buttons';\n\ntype ToolApprovalState = Pick<ToolApprovalButtonsProps, 'toolApprovalMetadata' | 'toolCalled'>;\n\nexport function awaitsToolApproval({ toolApprovalMetadata, toolCalled }: ToolApprovalState): boolean {\n  return Boolean(toolApprovalMetadata) && !toolCalled;\n}\n"],"names":[],"mappings":"AAIO,SAAS,kBAAA,CAAmB,EAAE,oBAAA,EAAsB,UAAA,EAAW,EAA+B;AACnG,EAAA,OAAO,OAAA,CAAQ,oBAAoB,CAAA,IAAK,CAAC,UAAA;AAC3C;;;;"}
+{"version":3,"file":"awaits-tool-approval.es.js","sources":["../../../../../src/domains/chat/tools/badges/awaits-tool-approval.ts"],"sourcesContent":["import type { ToolApprovalRequest } from './tool-approval-badge';\n\ntype ToolApprovalState = Pick<ToolApprovalRequest, 'toolApprovalMetadata' | 'toolCalled'>;\n\nexport function awaitsToolApproval({ toolApprovalMetadata, toolCalled }: ToolApprovalState): boolean {\n  return Boolean(toolApprovalMetadata) && !toolCalled;\n}\n"],"names":[],"mappings":"AAIO,SAAS,kBAAA,CAAmB,EAAE,oBAAA,EAAsB,UAAA,EAAW,EAA+B;AACnG,EAAA,OAAO,OAAA,CAAQ,oBAAoB,CAAA,IAAK,CAAC,UAAA;AAC3C;;;;"}

package/dist/domains/chat/tools/badges/background-task-metadata-dialog.cjs.js

@@ -7,9 +7,9 @@ const agents = require('@mastra/react/hooks/agents');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('../../../../Button-CXhSUBxN.cjs');
-const codeEditor = require('../../../../code-editor-Btr1qm_5.cjs');
+const codeEditor = require('../../../../code-editor-GtjlBrBg.cjs');
 const dialog = require('../../../../dialog-c2AhB8HM.cjs');
-const Txt = require('../../../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../../../Txt-DFPibRb3.cjs');
 const hooks_useTimeDiff = require('../../../../hooks/use-time-diff.cjs.js');
 const utils_number = require('../../../../utils/number.cjs.js');
 
@@ -58,7 +58,7 @@ const BackgroundTaskMetadata = ({
     /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogBody, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { tone: "muted", children: "Background Task Duration" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { tone: "ink", className: "text-body", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { variant: "body", tone: "ink", children: [
           utils_number.toSigFigs(timeDiff, 3),
           "ms"
         ] })

package/dist/domains/chat/tools/badges/background-task-metadata-dialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"background-task-metadata-dialog.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/background-task-metadata-dialog.tsx"],"sourcesContent":["import { useGetBackgroundTaskById, useBackgroundTaskStream } from '@mastra/react/hooks/agents';\nimport { Loader2Icon, Share2 } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogBody,\n} from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { useTimeDiff } from '@/hooks/use-time-diff';\nimport { toSigFigs } from '@/utils/number';\n\ninterface BackgroundTaskMetadataProps {\n  backgroundTaskTaskId: string;\n  backgroundTaskStartedAt: Date;\n  backgroundTaskCompletedAt?: Date;\n  backgroundTaskSuspendedAt?: Date;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nconst BackgroundTaskMetadata = ({\n  backgroundTaskTaskId,\n  backgroundTaskStartedAt,\n  backgroundTaskCompletedAt,\n  backgroundTaskSuspendedAt,\n  open,\n  onOpenChange,\n}: BackgroundTaskMetadataProps) => {\n  const { data: task } = useGetBackgroundTaskById({\n    backgroundTaskId: backgroundTaskTaskId,\n    queryOptions: { enabled: !!backgroundTaskCompletedAt || !!backgroundTaskSuspendedAt },\n  });\n  const { tasks } = useBackgroundTaskStream({\n    taskId: backgroundTaskTaskId,\n    enabled: !backgroundTaskCompletedAt && !backgroundTaskSuspendedAt,\n  });\n\n  const timeDiff = useTimeDiff({\n    startedAt: new Date(backgroundTaskStartedAt).getTime(),\n    endedAt: backgroundTaskCompletedAt\n      ? new Date(backgroundTaskCompletedAt).getTime()\n      : backgroundTaskSuspendedAt\n        ? new Date(backgroundTaskSuspendedAt).getTime()\n        : undefined,\n  });\n\n  const backgroundTask = task || tasks[backgroundTaskTaskId];\n\n  const args = backgroundTask?.args;\n  const result = backgroundTask?.result as any;\n  const suspendPayload = backgroundTask?.suspendPayload;\n\n  let argSlot = null;\n\n  try {\n    const {\n      __mastraMetadata: _,\n      _background,\n      ...formattedArgs\n    } = typeof args === 'object' ? args : JSON.parse(args ?? '');\n    argSlot = <CodeEditor data={formattedArgs} />;\n  } catch {\n    argSlot = <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{args as unknown as string}</pre>;\n  }\n\n  const resultSlot =\n    typeof result === 'string' ? (\n      <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{result}</pre>\n    ) : (\n      <CodeEditor data={result} />\n    );\n\n  const suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{suspendPayload}</pre>\n    ) : (\n      <CodeEditor data={suspendPayload as Record<string, unknown> | Record<string, unknown>[] | undefined} />\n    );\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Background Task Metadata</DialogTitle>\n          <DialogDescription>View the metadata of the background task.</DialogDescription>\n        </DialogHeader>\n\n        <DialogBody>\n          <div className=\"space-y-2\">\n            <Txt tone=\"muted\">Background Task Duration</Txt>\n            <Txt tone=\"ink\" className=\"text-body\">\n              {toSigFigs(timeDiff, 3)}ms\n            </Txt>\n          </div>\n\n          <div className=\"space-y-2\">\n            <Txt tone=\"muted\">Background Task Arguments</Txt>\n            {argSlot}\n          </div>\n\n          {suspendPayloadSlot !== undefined && suspendPayload && (\n            <div className=\"space-y-2\">\n              <Txt tone=\"muted\">Background Task Suspend Data</Txt>\n              {suspendPayloadSlot}\n            </div>\n          )}\n\n          {resultSlot !== undefined && result && (\n            <div className=\"space-y-2\">\n              <Txt tone=\"muted\">Background Task Result</Txt>\n              {resultSlot}\n            </div>\n          )}\n        </DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport interface BackgroundTaskMetadataDialogTriggerProps {\n  backgroundTask: {\n    taskId: string;\n    startedAt: Date;\n    completedAt?: Date;\n    suspendedAt?: Date;\n  };\n}\n\nexport const BackgroundTaskMetadataDialogTrigger = ({ backgroundTask }: BackgroundTaskMetadataDialogTriggerProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  return (\n    <>\n      <Button\n        variant=\"default\"\n        size=\"icon-md\"\n        tooltip=\"Show background task information\"\n        onClick={() => setIsOpen(s => !s)}\n      >\n        {backgroundTask.completedAt || backgroundTask.suspendedAt ? (\n          <Share2 className=\"size-5 text-muted-foreground\" />\n        ) : (\n          <Loader2Icon className=\"size-5 animate-spin text-muted-foreground\" />\n        )}\n      </Button>\n\n      <BackgroundTaskMetadata\n        backgroundTaskTaskId={backgroundTask.taskId}\n        backgroundTaskStartedAt={backgroundTask.startedAt}\n        backgroundTaskCompletedAt={backgroundTask.completedAt}\n        backgroundTaskSuspendedAt={backgroundTask.suspendedAt}\n        open={isOpen}\n        onOpenChange={setIsOpen}\n      />\n    </>\n  );\n};\n"],"names":["useGetBackgroundTaskById","useBackgroundTaskStream","useTimeDiff","jsx","CodeEditor","Dialog","DialogContent","jsxs","DialogHeader","DialogTitle","DialogDescription","DialogBody","Txt","toSigFigs","useState","Fragment","Button","Share2","Loader2Icon"],"mappings":"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"}
+{"version":3,"file":"background-task-metadata-dialog.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/background-task-metadata-dialog.tsx"],"sourcesContent":["import { useGetBackgroundTaskById, useBackgroundTaskStream } from '@mastra/react/hooks/agents';\nimport { Loader2Icon, Share2 } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogBody,\n} from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { useTimeDiff } from '@/hooks/use-time-diff';\nimport { toSigFigs } from '@/utils/number';\n\ninterface BackgroundTaskMetadataProps {\n  backgroundTaskTaskId: string;\n  backgroundTaskStartedAt: Date;\n  backgroundTaskCompletedAt?: Date;\n  backgroundTaskSuspendedAt?: Date;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nconst BackgroundTaskMetadata = ({\n  backgroundTaskTaskId,\n  backgroundTaskStartedAt,\n  backgroundTaskCompletedAt,\n  backgroundTaskSuspendedAt,\n  open,\n  onOpenChange,\n}: BackgroundTaskMetadataProps) => {\n  const { data: task } = useGetBackgroundTaskById({\n    backgroundTaskId: backgroundTaskTaskId,\n    queryOptions: { enabled: !!backgroundTaskCompletedAt || !!backgroundTaskSuspendedAt },\n  });\n  const { tasks } = useBackgroundTaskStream({\n    taskId: backgroundTaskTaskId,\n    enabled: !backgroundTaskCompletedAt && !backgroundTaskSuspendedAt,\n  });\n\n  const timeDiff = useTimeDiff({\n    startedAt: new Date(backgroundTaskStartedAt).getTime(),\n    endedAt: backgroundTaskCompletedAt\n      ? new Date(backgroundTaskCompletedAt).getTime()\n      : backgroundTaskSuspendedAt\n        ? new Date(backgroundTaskSuspendedAt).getTime()\n        : undefined,\n  });\n\n  const backgroundTask = task || tasks[backgroundTaskTaskId];\n\n  const args = backgroundTask?.args;\n  const result = backgroundTask?.result as any;\n  const suspendPayload = backgroundTask?.suspendPayload;\n\n  let argSlot = null;\n\n  try {\n    const {\n      __mastraMetadata: _,\n      _background,\n      ...formattedArgs\n    } = typeof args === 'object' ? args : JSON.parse(args ?? '');\n    argSlot = <CodeEditor data={formattedArgs} />;\n  } catch {\n    argSlot = <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{args as unknown as string}</pre>;\n  }\n\n  const resultSlot =\n    typeof result === 'string' ? (\n      <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{result}</pre>\n    ) : (\n      <CodeEditor data={result} />\n    );\n\n  const suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{suspendPayload}</pre>\n    ) : (\n      <CodeEditor data={suspendPayload as Record<string, unknown> | Record<string, unknown>[] | undefined} />\n    );\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Background Task Metadata</DialogTitle>\n          <DialogDescription>View the metadata of the background task.</DialogDescription>\n        </DialogHeader>\n\n        <DialogBody>\n          <div className=\"space-y-2\">\n            <Txt tone=\"muted\">Background Task Duration</Txt>\n            <Txt variant=\"body\" tone=\"ink\">\n              {toSigFigs(timeDiff, 3)}ms\n            </Txt>\n          </div>\n\n          <div className=\"space-y-2\">\n            <Txt tone=\"muted\">Background Task Arguments</Txt>\n            {argSlot}\n          </div>\n\n          {suspendPayloadSlot !== undefined && suspendPayload && (\n            <div className=\"space-y-2\">\n              <Txt tone=\"muted\">Background Task Suspend Data</Txt>\n              {suspendPayloadSlot}\n            </div>\n          )}\n\n          {resultSlot !== undefined && result && (\n            <div className=\"space-y-2\">\n              <Txt tone=\"muted\">Background Task Result</Txt>\n              {resultSlot}\n            </div>\n          )}\n        </DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport interface BackgroundTaskMetadataDialogTriggerProps {\n  backgroundTask: {\n    taskId: string;\n    startedAt: Date;\n    completedAt?: Date;\n    suspendedAt?: Date;\n  };\n}\n\nexport const BackgroundTaskMetadataDialogTrigger = ({ backgroundTask }: BackgroundTaskMetadataDialogTriggerProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  return (\n    <>\n      <Button\n        variant=\"default\"\n        size=\"icon-md\"\n        tooltip=\"Show background task information\"\n        onClick={() => setIsOpen(s => !s)}\n      >\n        {backgroundTask.completedAt || backgroundTask.suspendedAt ? (\n          <Share2 className=\"size-5 text-muted-foreground\" />\n        ) : (\n          <Loader2Icon className=\"size-5 animate-spin text-muted-foreground\" />\n        )}\n      </Button>\n\n      <BackgroundTaskMetadata\n        backgroundTaskTaskId={backgroundTask.taskId}\n        backgroundTaskStartedAt={backgroundTask.startedAt}\n        backgroundTaskCompletedAt={backgroundTask.completedAt}\n        backgroundTaskSuspendedAt={backgroundTask.suspendedAt}\n        open={isOpen}\n        onOpenChange={setIsOpen}\n      />\n    </>\n  );\n};\n"],"names":["useGetBackgroundTaskById","useBackgroundTaskStream","useTimeDiff","jsx","CodeEditor","Dialog","DialogContent","jsxs","DialogHeader","DialogTitle","DialogDescription","DialogBody","Txt","toSigFigs","useState","Fragment","Button","Share2","Loader2Icon"],"mappings":"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"}

package/dist/domains/chat/tools/badges/background-task-metadata-dialog.es.js

@@ -3,9 +3,9 @@ import { useGetBackgroundTaskById, useBackgroundTaskStream } from '@mastra/react
 import { Share2, Loader2Icon } from 'lucide-react';
 import { useState } from 'react';
 import { B as Button } from '../../../../Button-D43ghVKt.js';
-import { C as CodeEditor } from '../../../../code-editor-DzhYz1fH.js';
+import { C as CodeEditor } from '../../../../code-editor-zKwlle-5.js';
 import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody } from '../../../../dialog-DhtPcWY-.js';
-import { T as Txt } from '../../../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../../../Txt-CuuPO9Ho.js';
 import { useTimeDiff } from '../../../../hooks/use-time-diff.es.js';
 import { toSigFigs } from '../../../../utils/number.es.js';
 
@@ -54,7 +54,7 @@ const BackgroundTaskMetadata = ({
     /* @__PURE__ */ jsxs(DialogBody, { children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx(Txt, { tone: "muted", children: "Background Task Duration" }),
-        /* @__PURE__ */ jsxs(Txt, { tone: "ink", className: "text-body", children: [
+        /* @__PURE__ */ jsxs(Txt, { variant: "body", tone: "ink", children: [
           toSigFigs(timeDiff, 3),
           "ms"
         ] })

package/dist/domains/chat/tools/badges/background-task-metadata-dialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"background-task-metadata-dialog.es.js","sources":["../../../../../src/domains/chat/tools/badges/background-task-metadata-dialog.tsx"],"sourcesContent":["import { useGetBackgroundTaskById, useBackgroundTaskStream } from '@mastra/react/hooks/agents';\nimport { Loader2Icon, Share2 } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogBody,\n} from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { useTimeDiff } from '@/hooks/use-time-diff';\nimport { toSigFigs } from '@/utils/number';\n\ninterface BackgroundTaskMetadataProps {\n  backgroundTaskTaskId: string;\n  backgroundTaskStartedAt: Date;\n  backgroundTaskCompletedAt?: Date;\n  backgroundTaskSuspendedAt?: Date;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nconst BackgroundTaskMetadata = ({\n  backgroundTaskTaskId,\n  backgroundTaskStartedAt,\n  backgroundTaskCompletedAt,\n  backgroundTaskSuspendedAt,\n  open,\n  onOpenChange,\n}: BackgroundTaskMetadataProps) => {\n  const { data: task } = useGetBackgroundTaskById({\n    backgroundTaskId: backgroundTaskTaskId,\n    queryOptions: { enabled: !!backgroundTaskCompletedAt || !!backgroundTaskSuspendedAt },\n  });\n  const { tasks } = useBackgroundTaskStream({\n    taskId: backgroundTaskTaskId,\n    enabled: !backgroundTaskCompletedAt && !backgroundTaskSuspendedAt,\n  });\n\n  const timeDiff = useTimeDiff({\n    startedAt: new Date(backgroundTaskStartedAt).getTime(),\n    endedAt: backgroundTaskCompletedAt\n      ? new Date(backgroundTaskCompletedAt).getTime()\n      : backgroundTaskSuspendedAt\n        ? new Date(backgroundTaskSuspendedAt).getTime()\n        : undefined,\n  });\n\n  const backgroundTask = task || tasks[backgroundTaskTaskId];\n\n  const args = backgroundTask?.args;\n  const result = backgroundTask?.result as any;\n  const suspendPayload = backgroundTask?.suspendPayload;\n\n  let argSlot = null;\n\n  try {\n    const {\n      __mastraMetadata: _,\n      _background,\n      ...formattedArgs\n    } = typeof args === 'object' ? args : JSON.parse(args ?? '');\n    argSlot = <CodeEditor data={formattedArgs} />;\n  } catch {\n    argSlot = <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{args as unknown as string}</pre>;\n  }\n\n  const resultSlot =\n    typeof result === 'string' ? (\n      <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{result}</pre>\n    ) : (\n      <CodeEditor data={result} />\n    );\n\n  const suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{suspendPayload}</pre>\n    ) : (\n      <CodeEditor data={suspendPayload as Record<string, unknown> | Record<string, unknown>[] | undefined} />\n    );\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Background Task Metadata</DialogTitle>\n          <DialogDescription>View the metadata of the background task.</DialogDescription>\n        </DialogHeader>\n\n        <DialogBody>\n          <div className=\"space-y-2\">\n            <Txt tone=\"muted\">Background Task Duration</Txt>\n            <Txt tone=\"ink\" className=\"text-body\">\n              {toSigFigs(timeDiff, 3)}ms\n            </Txt>\n          </div>\n\n          <div className=\"space-y-2\">\n            <Txt tone=\"muted\">Background Task Arguments</Txt>\n            {argSlot}\n          </div>\n\n          {suspendPayloadSlot !== undefined && suspendPayload && (\n            <div className=\"space-y-2\">\n              <Txt tone=\"muted\">Background Task Suspend Data</Txt>\n              {suspendPayloadSlot}\n            </div>\n          )}\n\n          {resultSlot !== undefined && result && (\n            <div className=\"space-y-2\">\n              <Txt tone=\"muted\">Background Task Result</Txt>\n              {resultSlot}\n            </div>\n          )}\n        </DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport interface BackgroundTaskMetadataDialogTriggerProps {\n  backgroundTask: {\n    taskId: string;\n    startedAt: Date;\n    completedAt?: Date;\n    suspendedAt?: Date;\n  };\n}\n\nexport const BackgroundTaskMetadataDialogTrigger = ({ backgroundTask }: BackgroundTaskMetadataDialogTriggerProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  return (\n    <>\n      <Button\n        variant=\"default\"\n        size=\"icon-md\"\n        tooltip=\"Show background task information\"\n        onClick={() => setIsOpen(s => !s)}\n      >\n        {backgroundTask.completedAt || backgroundTask.suspendedAt ? (\n          <Share2 className=\"size-5 text-muted-foreground\" />\n        ) : (\n          <Loader2Icon className=\"size-5 animate-spin text-muted-foreground\" />\n        )}\n      </Button>\n\n      <BackgroundTaskMetadata\n        backgroundTaskTaskId={backgroundTask.taskId}\n        backgroundTaskStartedAt={backgroundTask.startedAt}\n        backgroundTaskCompletedAt={backgroundTask.completedAt}\n        backgroundTaskSuspendedAt={backgroundTask.suspendedAt}\n        open={isOpen}\n        onOpenChange={setIsOpen}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"background-task-metadata-dialog.es.js","sources":["../../../../../src/domains/chat/tools/badges/background-task-metadata-dialog.tsx"],"sourcesContent":["import { useGetBackgroundTaskById, useBackgroundTaskStream } from '@mastra/react/hooks/agents';\nimport { Loader2Icon, Share2 } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogBody,\n} from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { useTimeDiff } from '@/hooks/use-time-diff';\nimport { toSigFigs } from '@/utils/number';\n\ninterface BackgroundTaskMetadataProps {\n  backgroundTaskTaskId: string;\n  backgroundTaskStartedAt: Date;\n  backgroundTaskCompletedAt?: Date;\n  backgroundTaskSuspendedAt?: Date;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nconst BackgroundTaskMetadata = ({\n  backgroundTaskTaskId,\n  backgroundTaskStartedAt,\n  backgroundTaskCompletedAt,\n  backgroundTaskSuspendedAt,\n  open,\n  onOpenChange,\n}: BackgroundTaskMetadataProps) => {\n  const { data: task } = useGetBackgroundTaskById({\n    backgroundTaskId: backgroundTaskTaskId,\n    queryOptions: { enabled: !!backgroundTaskCompletedAt || !!backgroundTaskSuspendedAt },\n  });\n  const { tasks } = useBackgroundTaskStream({\n    taskId: backgroundTaskTaskId,\n    enabled: !backgroundTaskCompletedAt && !backgroundTaskSuspendedAt,\n  });\n\n  const timeDiff = useTimeDiff({\n    startedAt: new Date(backgroundTaskStartedAt).getTime(),\n    endedAt: backgroundTaskCompletedAt\n      ? new Date(backgroundTaskCompletedAt).getTime()\n      : backgroundTaskSuspendedAt\n        ? new Date(backgroundTaskSuspendedAt).getTime()\n        : undefined,\n  });\n\n  const backgroundTask = task || tasks[backgroundTaskTaskId];\n\n  const args = backgroundTask?.args;\n  const result = backgroundTask?.result as any;\n  const suspendPayload = backgroundTask?.suspendPayload;\n\n  let argSlot = null;\n\n  try {\n    const {\n      __mastraMetadata: _,\n      _background,\n      ...formattedArgs\n    } = typeof args === 'object' ? args : JSON.parse(args ?? '');\n    argSlot = <CodeEditor data={formattedArgs} />;\n  } catch {\n    argSlot = <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{args as unknown as string}</pre>;\n  }\n\n  const resultSlot =\n    typeof result === 'string' ? (\n      <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{result}</pre>\n    ) : (\n      <CodeEditor data={result} />\n    );\n\n  const suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{suspendPayload}</pre>\n    ) : (\n      <CodeEditor data={suspendPayload as Record<string, unknown> | Record<string, unknown>[] | undefined} />\n    );\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Background Task Metadata</DialogTitle>\n          <DialogDescription>View the metadata of the background task.</DialogDescription>\n        </DialogHeader>\n\n        <DialogBody>\n          <div className=\"space-y-2\">\n            <Txt tone=\"muted\">Background Task Duration</Txt>\n            <Txt variant=\"body\" tone=\"ink\">\n              {toSigFigs(timeDiff, 3)}ms\n            </Txt>\n          </div>\n\n          <div className=\"space-y-2\">\n            <Txt tone=\"muted\">Background Task Arguments</Txt>\n            {argSlot}\n          </div>\n\n          {suspendPayloadSlot !== undefined && suspendPayload && (\n            <div className=\"space-y-2\">\n              <Txt tone=\"muted\">Background Task Suspend Data</Txt>\n              {suspendPayloadSlot}\n            </div>\n          )}\n\n          {resultSlot !== undefined && result && (\n            <div className=\"space-y-2\">\n              <Txt tone=\"muted\">Background Task Result</Txt>\n              {resultSlot}\n            </div>\n          )}\n        </DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport interface BackgroundTaskMetadataDialogTriggerProps {\n  backgroundTask: {\n    taskId: string;\n    startedAt: Date;\n    completedAt?: Date;\n    suspendedAt?: Date;\n  };\n}\n\nexport const BackgroundTaskMetadataDialogTrigger = ({ backgroundTask }: BackgroundTaskMetadataDialogTriggerProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  return (\n    <>\n      <Button\n        variant=\"default\"\n        size=\"icon-md\"\n        tooltip=\"Show background task information\"\n        onClick={() => setIsOpen(s => !s)}\n      >\n        {backgroundTask.completedAt || backgroundTask.suspendedAt ? (\n          <Share2 className=\"size-5 text-muted-foreground\" />\n        ) : (\n          <Loader2Icon className=\"size-5 animate-spin text-muted-foreground\" />\n        )}\n      </Button>\n\n      <BackgroundTaskMetadata\n        backgroundTaskTaskId={backgroundTask.taskId}\n        backgroundTaskStartedAt={backgroundTask.startedAt}\n        backgroundTaskCompletedAt={backgroundTask.completedAt}\n        backgroundTaskSuspendedAt={backgroundTask.suspendedAt}\n        open={isOpen}\n        onOpenChange={setIsOpen}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}