@mastra/playground-ui 63.0.0-alpha.1 → 63.0.0-alpha.3

package/dist/domains/request-context/components/request-context-label.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const field = require('../../../field-D1SVMPMz.cjs');
+require('../../../field-control-aria-WzMGs0A4.cjs');
 const tooltip = require('../../../tooltip-C4txPRSa.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const primitives_transitions = require('../../../primitives/transitions.cjs.js');

package/dist/domains/request-context/components/request-context-label.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"request-context-label.cjs.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { FieldLabel } from '@/ds/components/Field';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n  children: ReactNode;\n  tooltip?: string;\n}\n\nexport function RequestContextLabel({ children, tooltip }: RequestContextLabelProps) {\n  const labelText = typeof children === 'string' ? children.replace(/\\s*\\([^)]*\\)/g, '') : 'Request context';\n  const ariaLabel = `${labelText} details`;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <FieldLabel>{children}</FieldLabel>\n\n      {tooltip && (\n        <TooltipProvider delay={10}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={ariaLabel}\n                className={cn(quietTextHover, controlStateColorTransition, 'rounded-sm', focusRing)}\n              >\n                <Icon size=\"xs\">\n                  <Info />\n                </Icon>\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" className=\"max-w-60\">\n              {tooltip}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n}\n"],"names":["tooltip","jsxs","jsx","FieldLabel","TooltipProvider","Tooltip","TooltipTrigger","cn","quietTextHover","controlStateColorTransition","focusRing","Icon","Info","TooltipContent"],"mappings":";;;;;;;;;;;;;AAcO,SAAS,mBAAA,CAAoB,EAAE,QAAA,WAAUA,SAAA,EAAQ,EAA6B;AACnF,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,oBAAY,QAAA,EAAS,CAAA;AAAA,IAErBH,6BACCE,cAAA,CAACE,uBAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,0CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAJ,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAWK,WAAA,CAAGC,oCAAA,EAAgBC,kDAAA,EAA6B,cAAcC,gCAAS,CAAA;AAAA,UAElF,yCAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAAT,cAAA,CAACU,oBAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,qCACCC,sBAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAAb,SAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"request-context-label.cjs.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { FieldLabel } from '@/ds/components/Field';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n  children: ReactNode;\n  tooltip?: string;\n}\n\nexport function RequestContextLabel({ children, tooltip }: RequestContextLabelProps) {\n  const labelText = typeof children === 'string' ? children.replace(/\\s*\\([^)]*\\)/g, '') : 'Request context';\n  const ariaLabel = `${labelText} details`;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <FieldLabel>{children}</FieldLabel>\n\n      {tooltip && (\n        <TooltipProvider delay={10}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={ariaLabel}\n                className={cn(quietTextHover, controlStateColorTransition, 'rounded-sm', focusRing)}\n              >\n                <Icon size=\"xs\">\n                  <Info />\n                </Icon>\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" className=\"max-w-60\">\n              {tooltip}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n}\n"],"names":["tooltip","jsxs","jsx","FieldLabel","TooltipProvider","Tooltip","TooltipTrigger","cn","quietTextHover","controlStateColorTransition","focusRing","Icon","Info","TooltipContent"],"mappings":";;;;;;;;;;;;;;AAcO,SAAS,mBAAA,CAAoB,EAAE,QAAA,WAAUA,SAAA,EAAQ,EAA6B;AACnF,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,oBAAY,QAAA,EAAS,CAAA;AAAA,IAErBH,6BACCE,cAAA,CAACE,uBAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,0CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAJ,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAWK,WAAA,CAAGC,oCAAA,EAAgBC,kDAAA,EAA6B,cAAcC,gCAAS,CAAA;AAAA,UAElF,yCAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAAT,cAAA,CAACU,oBAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,qCACCC,sBAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAAb,SAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/request-context/components/request-context-label.es.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Info } from 'lucide-react';
-import { e as FieldLabel } from '../../../field-Bc8Ewf_M.js';
+import { e as FieldLabel } from '../../../field-B89BEZg4.js';
+import '../../../field-control-aria-DB6y41tQ.js';
 import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-CCZcMbgy.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { focusRing, controlStateColorTransition } from '../../../primitives/transitions.es.js';

package/dist/domains/request-context/components/request-context-label.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"request-context-label.es.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { FieldLabel } from '@/ds/components/Field';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n  children: ReactNode;\n  tooltip?: string;\n}\n\nexport function RequestContextLabel({ children, tooltip }: RequestContextLabelProps) {\n  const labelText = typeof children === 'string' ? children.replace(/\\s*\\([^)]*\\)/g, '') : 'Request context';\n  const ariaLabel = `${labelText} details`;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <FieldLabel>{children}</FieldLabel>\n\n      {tooltip && (\n        <TooltipProvider delay={10}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={ariaLabel}\n                className={cn(quietTextHover, controlStateColorTransition, 'rounded-sm', focusRing)}\n              >\n                <Icon size=\"xs\">\n                  <Info />\n                </Icon>\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" className=\"max-w-60\">\n              {tooltip}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAcO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAU,OAAA,EAAQ,EAA6B;AACnF,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAY,QAAA,EAAS,CAAA;AAAA,IAErB,2BACC,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,2BAAA,EAA6B,cAAc,SAAS,CAAA;AAAA,UAElF,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,0BACC,cAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"request-context-label.es.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { FieldLabel } from '@/ds/components/Field';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n  children: ReactNode;\n  tooltip?: string;\n}\n\nexport function RequestContextLabel({ children, tooltip }: RequestContextLabelProps) {\n  const labelText = typeof children === 'string' ? children.replace(/\\s*\\([^)]*\\)/g, '') : 'Request context';\n  const ariaLabel = `${labelText} details`;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <FieldLabel>{children}</FieldLabel>\n\n      {tooltip && (\n        <TooltipProvider delay={10}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={ariaLabel}\n                className={cn(quietTextHover, controlStateColorTransition, 'rounded-sm', focusRing)}\n              >\n                <Icon size=\"xs\">\n                  <Info />\n                </Icon>\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" className=\"max-w-60\">\n              {tooltip}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAcO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAU,OAAA,EAAQ,EAA6B;AACnF,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAY,QAAA,EAAS,CAAA;AAAA,IAErB,2BACC,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,2BAAA,EAA6B,cAAc,SAAS,CAAA;AAAA,UAElF,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,0BACC,cAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/scores/components/score-data-panel.cjs.js

@@ -6,9 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_scores_components_scoreAsItemDialog = require('./score-as-item-dialog.cjs.js');
-const Button = require('../../../Button-BfZzgZrA.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
 const dataKeysAndValues = require('../../../data-keys-and-values-C1I--hWn.cjs');
-const dataPanel = require('../../../data-panel-Dhg7s3fD.cjs');
+const dataPanel = require('../../../data-panel-FG2S84x7.cjs');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');
 const utils_cn = require('../../../cn-TqD01zH-.cjs');

package/dist/domains/scores/components/score-data-panel.es.js

@@ -2,9 +2,9 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { SaveIcon, GaugeIcon, FileInputIcon, FileOutputIcon, ReceiptText } from 'lucide-react';
 import { useState } from 'react';
 import { ScoreAsItemDialog } from './score-as-item-dialog.es.js';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-B1u00ihh.js';
-import { D as DataPanel } from '../../../data-panel-DfVGx0Ea.js';
+import { D as DataPanel } from '../../../data-panel-nbeducTl.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { useLinkComponent } from '../../../lib/framework.es.js';
 import { c as cn } from '../../../cn-coERSHz5.js';

package/dist/domains/scores/components/span-scoring.cjs.js

@@ -6,13 +6,13 @@ const jsxRuntime = require('react/jsx-runtime');
 const scores = require('@mastra/react/hooks/scores');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const combobox = require('../../../combobox-D9CFzzx8.cjs');
+const combobox = require('../../../combobox-fEMKH9nJ.cjs');
 require('@base-ui/react/combobox');
-const dialog = require('../../../dialog-DQI9ChYf.cjs');
+const dialog = require('../../../dialog-B5nLi0ER.cjs');
 const Notice = require('../../../Notice-c8dMiAtZ.cjs');
 const textAndIcon = require('../../../text-and-icon-BJ5wgYf5.cjs');
 const toast = require('../../../toast-C8a7bWV8.cjs');
-const dialogAction = require('../../../dialog-action-gdo9CwUv.cjs');
+const dialogAction = require('../../../dialog-action-DdkbsKfP.cjs');
 
 function SpanScoring({
   traceId,

package/dist/domains/scores/components/span-scoring.es.js

@@ -2,13 +2,13 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTriggerScorer } from '@mastra/react/hooks/scores';
 import { InfoIcon } from 'lucide-react';
 import { useState } from 'react';
-import { C as Combobox } from '../../../combobox-DJu0ggNa.js';
+import { C as Combobox } from '../../../combobox-so2V71F7.js';
 import '@base-ui/react/combobox';
-import { a as DialogBody, f as DialogFooter, b as DialogCancel, e as DialogDescription } from '../../../dialog-DlZmNahd.js';
+import { a as DialogBody, f as DialogFooter, b as DialogCancel, e as DialogDescription } from '../../../dialog-Jz2ZfO-z.js';
 import { N as Notice } from '../../../Notice-Wy1grdLu.js';
 import { T as TextAndIcon } from '../../../text-and-icon-CGupOpWs.js';
 import { t as toast } from '../../../toast-WCmYXnuT.js';
-import { D as DialogAction } from '../../../dialog-action-c4nfPomF.js';
+import { D as DialogAction } from '../../../dialog-action-BxXhAz-P.js';
 
 function SpanScoring({
   traceId,

package/dist/domains/scores/components/trace-scores-tab.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const scores = require('@mastra/react/hooks/scores');
 const React = require('react');
-const dataList = require('../../../data-list-_yDPF5wR.cjs');
+const dataList = require('../../../data-list-BLfHObw8.cjs');
 require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
 const EmptyState = require('../../../EmptyState-ChzkDnbJ.cjs');
 const metricsKpiCard = require('../../../metrics-kpi-card-B-CKwzcj.cjs');

package/dist/domains/scores/components/trace-scores-tab.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTraceSpanScores } from '@mastra/react/hooks/scores';
 import { useState } from 'react';
-import { e as DataList } from '../../../data-list-DDGpWucH.js';
+import { e as DataList } from '../../../data-list-B2ArWwsJ.js';
 import '../../../keyboard/keyboard-shortcuts-context.es.js';
 import { E as EmptyState } from '../../../EmptyState-Cu6JKbrk.js';
 import { M as MetricsKpiCard } from '../../../metrics-kpi-card-gvgEnnuU.js';

package/dist/domains/traces/components/feedback-thread.cjs.js

@@ -7,12 +7,12 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_review_components_reviewStatusBadge = require('../../review/components/review-status-badge.cjs.js');
 const domains_traces_utils_feedbackAuthor = require('../utils/feedback-author.cjs.js');
-const alertDialog = require('../../../alert-dialog-j626w-Qb.cjs');
-const Avatar = require('../../../Avatar-BPHG0wrq.cjs');
-const Button = require('../../../Button-BfZzgZrA.cjs');
+const alertDialog = require('../../../alert-dialog-C-ODvRWT.cjs');
+const Avatar = require('../../../Avatar-0u68PVfu.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
 const comment = require('../../../comment-Bd78bCbX.cjs');
 const dropdownMenu = require('../../../dropdown-menu-Bg96BCnK.cjs');
-const inputGroup = require('../../../input-group-Cy7k5JRg.cjs');
+const inputGroup = require('../../../input-group-DQuyC9Pz.cjs');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');

package/dist/domains/traces/components/feedback-thread.es.js

@@ -3,12 +3,12 @@ import { ArrowUp, ChevronLeft, ChevronRight, Trash2, EllipsisIcon, ClipboardChec
 import { useState } from 'react';
 import { ReviewStatusBadge } from '../../review/components/review-status-badge.es.js';
 import { feedbackAuthorLabel } from '../utils/feedback-author.es.js';
-import { A as AlertDialog } from '../../../alert-dialog-R9z2SJLl.js';
-import { A as Avatar } from '../../../Avatar-DAnyIHjm.js';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
+import { A as AlertDialog } from '../../../alert-dialog-DVAC9zdj.js';
+import { A as Avatar } from '../../../Avatar-BwkyFiED.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
 import { C as Comment, a as CommentItemTimestamp, b as CommentItemActions, c as CommentItemBody, d as CommentItem, e as CommentItemAvatar, f as CommentItemContent, g as CommentItemHeader, h as CommentList, i as CommentItemAuthor } from '../../../comment-Cve6rKxc.js';
 import { D as DropdownMenu } from '../../../dropdown-menu-D8GR_NhL.js';
-import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../../../input-group-Cxv64rPB.js';
+import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../../../input-group-CIIwoggO.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { formatDate } from '../../../utils/date-format.es.js';

package/dist/domains/traces/components/span-data-panel-view.cjs.js

@@ -15,6 +15,7 @@ const utils_cn = require('../../../cn-TqD01zH-.cjs');
 require('react');
 require('../../chat/attachments/composer-attachment-context.cjs.js');
 require('@base-ui/react/use-render');
+require('../../../Button-CAVPKK09.cjs');
 require('../../chat/context/chat-context.cjs.js');
 require('./span-payload/span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanProcessorAttributes = require('./span-payload/span-processor-attributes.cjs.js');
@@ -23,11 +24,11 @@ const domains_traces_components_spanSummaryDescription = require('./span-summary
 const domains_traces_components_spanTokenUsage = require('./span-token-usage.cjs.js');
 const domains_traces_components_traceIdButton = require('./trace-id-button.cjs.js');
 const dataKeysAndValues = require('../../../data-keys-and-values-C1I--hWn.cjs');
-const dataPanel = require('../../../data-panel-Dhg7s3fD.cjs');
+const dataPanel = require('../../../data-panel-FG2S84x7.cjs');
 const Notice = require('../../../Notice-c8dMiAtZ.cjs');
 const tabsRoot = require('../../../tabs-root-Phsi-P1b.cjs');
 const tabsList = require('../../../tabs-list-xikY_dug.cjs');
-const tabsTab = require('../../../tabs-tab-D9ndsGQu.cjs');
+const tabsTab = require('../../../tabs-tab-CqcY4tHE.cjs');
 const tabsContent = require('../../../tabs-content-C3VQRDXH.cjs');
 
 const BODY_CLASS = "min-h-0 flex-1 overflow-y-auto px-2 py-3";

package/dist/domains/traces/components/span-data-panel-view.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-data-panel-view.cjs.js","sources":["../../../../src/domains/traces/components/span-data-panel-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord } from '../types';\nimport { getTokenLimitMessage, isTokenLimitExceeded } from '../utils/span-utils';\nimport {\n  SpanErrorRenderer,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadSection,\n  SpanProcessorAttributes,\n} from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { SpanTokenUsage } from './span-token-usage';\nimport type { TokenUsage } from './span-token-usage';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Notice } from '@/ds/components/Notice';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport { cn } from '@/lib/utils';\n\n// Mirrors `DataPanel.Content` padding without requiring the Drawer root (this view also renders standalone).\nconst BODY_CLASS = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\nexport interface SpanDataPanelViewProps {\n  traceId: string;\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  /** When provided, an × button in the header closes the span column. */\n  onClose?: () => void;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  /**\n   * When provided, a \"Feedback\" tab appears; the slot receives the loaded span and renders\n   * whatever feedback UI the consumer wants.\n   */\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  /** Optional indicator rendered after the \"Feedback\" tab label (e.g. a needs-review dot). */\n  feedbackTabBadge?: ReactNode;\n  /**\n   * Whether this span is the displayed root of the current view (trace root or\n   * branch anchor). Controls visibility of trace-level metadata fields. Defaults\n   * to `span.parentSpanId == null` (trace case) when omitted.\n   */\n  isAnchor?: boolean;\n  /** Extra classes for the panel root (e.g. flattening the card when nested in the trace panel). */\n  className?: string;\n}\n\nexport function SpanDataPanelView({\n  traceId,\n  spanId,\n  span,\n  isLoading,\n  onPrevious,\n  onNext,\n  onClose,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n  className,\n}: SpanDataPanelViewProps) {\n  // Not a DataPanel: this is the span column rendered inside `TraceDataPanelView`,\n  // which already provides the panel chrome.\n  return (\n    <section className={cn('flex min-h-0 flex-1 flex-col overflow-hidden', className)}>\n      <DataPanel.Header>\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Span\n            <TraceIdButton id={spanId} />\n          </DataPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </DataPanel.HeaderContent>\n        <DataPanel.HeaderActions>\n          <DataPanel.NextPrevNav\n            onPrevious={onPrevious}\n            onNext={onNext}\n            previousLabel=\"Go to previous span\"\n            nextLabel=\"Go to next span\"\n          />\n          {onClose && <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close span\" tooltip=\"Close span\" />}\n        </DataPanel.HeaderActions>\n      </DataPanel.Header>\n\n      {isLoading ? (\n        <DataPanel.LoadingData>Loading span details...</DataPanel.LoadingData>\n      ) : !span ? (\n        <DataPanel.NoData>Span not found.</DataPanel.NoData>\n      ) : (\n        <SpanDataPanelContent\n          span={span}\n          traceId={traceId}\n          spanId={spanId}\n          activeTab={activeTab}\n          onTabChange={onTabChange}\n          feedbackTabSlot={feedbackTabSlot}\n          feedbackTabBadge={feedbackTabBadge}\n          isAnchor={isAnchor}\n        />\n      )}\n    </section>\n  );\n}\n\nfunction SpanDataPanelContent({\n  span,\n  traceId,\n  spanId,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n}: {\n  span: SpanRecord;\n  traceId: string;\n  spanId: string;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  feedbackTabBadge?: ReactNode;\n  isAnchor?: boolean;\n}) {\n  const usage = span.attributes?.usage as TokenUsage | undefined;\n  const hasContext =\n    (isAnchor ?? span.parentSpanId == null) &&\n    Boolean(\n      span.tags?.length || span.sessionId || span.requestId || span.userId || span.organizationId || span.experimentId,\n    );\n\n  const detailsBody = (\n    <>\n      {isTokenLimitExceeded(span) && (\n        <div className=\"mb-3\">\n          <Notice variant=\"warning\" title=\"Token Limit Exceeded\">\n            <Notice.Message>{getTokenLimitMessage(span)}</Notice.Message>\n          </Notice>\n        </div>\n      )}\n\n      <SpanPayloadSection title=\"Error\" raw={span.error} className=\"mb-3\">\n        <SpanErrorRenderer span={span} />\n      </SpanPayloadSection>\n\n      {usage && <SpanTokenUsage usage={usage} className=\"mb-3\" />}\n\n      {hasContext && (\n        <DataKeysAndValues>\n          {/* Anchor-only: rich trace-context fields. Live on the full SpanRecord, not on the\n           *  lightweight payload, so they only have values once the full span is loaded. */}\n          {(isAnchor ?? span.parentSpanId == null) && (\n            <>\n              {span.tags && span.tags.length > 0 && (\n                <>\n                  <DataKeysAndValues.Key>Tags</DataKeysAndValues.Key>\n                  <DataKeysAndValues.Value>{span.tags.join(', ')}</DataKeysAndValues.Value>\n                </>\n              )}\n              {span.sessionId && (\n                <>\n                  <DataKeysAndValues.Key>Session Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Session Id to clipboard\"\n                    copyValue={span.sessionId}\n                  >\n                    {span.sessionId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.requestId && (\n                <>\n                  <DataKeysAndValues.Key>Request Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Request Id to clipboard\"\n                    copyValue={span.requestId}\n                  >\n                    {span.requestId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.userId && (\n                <>\n                  <DataKeysAndValues.Key>User Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn copyTooltip=\"Copy User Id to clipboard\" copyValue={span.userId}>\n                    {span.userId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.organizationId && (\n                <>\n                  <DataKeysAndValues.Key>Organization Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Organization Id to clipboard\"\n                    copyValue={span.organizationId}\n                  >\n                    {span.organizationId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.experimentId && (\n                <>\n                  <DataKeysAndValues.Key>Experiment Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Experiment Id to clipboard\"\n                    copyValue={span.experimentId}\n                  >\n                    {span.experimentId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n\n      <div className={cn('grid gap-4', hasContext && 'mt-4')}>\n        <SpanPayloadSection\n          title=\"Input\"\n          icon={<FileInputIcon />}\n          raw={span.input}\n          hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanInputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Output\"\n          icon={<FileOutputIcon />}\n          raw={span.output}\n          hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanOutputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection title=\"Metadata\" icon={<BracesIcon />} raw={span.metadata} hasPreview={false}>\n          {null}\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Attributes\"\n          icon={<BracesIcon />}\n          raw={span.attributes}\n          hasPreview={describeProcessorPipeline(asCoreSpan(span)) !== undefined}\n        >\n          <SpanProcessorAttributes span={span} />\n        </SpanPayloadSection>\n      </div>\n    </>\n  );\n\n  // No extra tab slots → render details directly without the Tabs/TabList wrapper.\n  if (!feedbackTabSlot) {\n    return <div className={BODY_CLASS}>{detailsBody}</div>;\n  }\n\n  // Same chrome as the trace column: tab list in a header row, content scrolling beneath it.\n  return (\n    <Tabs\n      defaultTab=\"details\"\n      value={activeTab}\n      onValueChange={onTabChange}\n      className=\"grid min-h-0 flex-1 grid-rows-[auto_1fr]\"\n    >\n      <DataPanel.Header>\n        <TabList variant=\"pill-ghost\" size=\"sm\">\n          <Tab value=\"details\">Details</Tab>\n          <Tab value=\"feedback\">Feedback{feedbackTabBadge != null && <> ({feedbackTabBadge})</>}</Tab>\n        </TabList>\n      </DataPanel.Header>\n\n      <TabContent value=\"details\" flush>\n        <div className={BODY_CLASS}>{detailsBody}</div>\n      </TabContent>\n      <TabContent value=\"feedback\" flush>\n        <div className={BODY_CLASS}>{feedbackTabSlot({ span, traceId, spanId })}</div>\n      </TabContent>\n    </Tabs>\n  );\n}\n"],"names":["cn","jsxs","DataPanel","jsx","TraceIdButton","SpanSummaryDescription","Fragment","isTokenLimitExceeded","Notice","SpanPayloadSection","SpanErrorRenderer","SpanTokenUsage","DataKeysAndValues","FileInputIcon","describeSpanInput","asCoreSpan","SpanInputRenderer","FileOutputIcon","describeSpanOutput","SpanOutputRenderer","BracesIcon","describeProcessorPipeline","SpanProcessorAttributes","Tabs","TabList","Tab","TabContent"],"mappings":"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"}
+{"version":3,"file":"span-data-panel-view.cjs.js","sources":["../../../../src/domains/traces/components/span-data-panel-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord } from '../types';\nimport { getTokenLimitMessage, isTokenLimitExceeded } from '../utils/span-utils';\nimport {\n  SpanErrorRenderer,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadSection,\n  SpanProcessorAttributes,\n} from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { SpanTokenUsage } from './span-token-usage';\nimport type { TokenUsage } from './span-token-usage';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Notice } from '@/ds/components/Notice';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport { cn } from '@/lib/utils';\n\n// Mirrors `DataPanel.Content` padding without requiring the Drawer root (this view also renders standalone).\nconst BODY_CLASS = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\nexport interface SpanDataPanelViewProps {\n  traceId: string;\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  /** When provided, an × button in the header closes the span column. */\n  onClose?: () => void;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  /**\n   * When provided, a \"Feedback\" tab appears; the slot receives the loaded span and renders\n   * whatever feedback UI the consumer wants.\n   */\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  /** Optional indicator rendered after the \"Feedback\" tab label (e.g. a needs-review dot). */\n  feedbackTabBadge?: ReactNode;\n  /**\n   * Whether this span is the displayed root of the current view (trace root or\n   * branch anchor). Controls visibility of trace-level metadata fields. Defaults\n   * to `span.parentSpanId == null` (trace case) when omitted.\n   */\n  isAnchor?: boolean;\n  /** Extra classes for the panel root (e.g. flattening the card when nested in the trace panel). */\n  className?: string;\n}\n\nexport function SpanDataPanelView({\n  traceId,\n  spanId,\n  span,\n  isLoading,\n  onPrevious,\n  onNext,\n  onClose,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n  className,\n}: SpanDataPanelViewProps) {\n  // Not a DataPanel: this is the span column rendered inside `TraceDataPanelView`,\n  // which already provides the panel chrome.\n  return (\n    <section className={cn('flex min-h-0 flex-1 flex-col overflow-hidden', className)}>\n      <DataPanel.Header>\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Span\n            <TraceIdButton id={spanId} />\n          </DataPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </DataPanel.HeaderContent>\n        <DataPanel.HeaderActions>\n          <DataPanel.NextPrevNav\n            onPrevious={onPrevious}\n            onNext={onNext}\n            previousLabel=\"Go to previous span\"\n            nextLabel=\"Go to next span\"\n          />\n          {onClose && <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close span\" tooltip=\"Close span\" />}\n        </DataPanel.HeaderActions>\n      </DataPanel.Header>\n\n      {isLoading ? (\n        <DataPanel.LoadingData>Loading span details...</DataPanel.LoadingData>\n      ) : !span ? (\n        <DataPanel.NoData>Span not found.</DataPanel.NoData>\n      ) : (\n        <SpanDataPanelContent\n          span={span}\n          traceId={traceId}\n          spanId={spanId}\n          activeTab={activeTab}\n          onTabChange={onTabChange}\n          feedbackTabSlot={feedbackTabSlot}\n          feedbackTabBadge={feedbackTabBadge}\n          isAnchor={isAnchor}\n        />\n      )}\n    </section>\n  );\n}\n\nfunction SpanDataPanelContent({\n  span,\n  traceId,\n  spanId,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n}: {\n  span: SpanRecord;\n  traceId: string;\n  spanId: string;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  feedbackTabBadge?: ReactNode;\n  isAnchor?: boolean;\n}) {\n  const usage = span.attributes?.usage as TokenUsage | undefined;\n  const hasContext =\n    (isAnchor ?? span.parentSpanId == null) &&\n    Boolean(\n      span.tags?.length || span.sessionId || span.requestId || span.userId || span.organizationId || span.experimentId,\n    );\n\n  const detailsBody = (\n    <>\n      {isTokenLimitExceeded(span) && (\n        <div className=\"mb-3\">\n          <Notice variant=\"warning\" title=\"Token Limit Exceeded\">\n            <Notice.Message>{getTokenLimitMessage(span)}</Notice.Message>\n          </Notice>\n        </div>\n      )}\n\n      <SpanPayloadSection title=\"Error\" raw={span.error} className=\"mb-3\">\n        <SpanErrorRenderer span={span} />\n      </SpanPayloadSection>\n\n      {usage && <SpanTokenUsage usage={usage} className=\"mb-3\" />}\n\n      {hasContext && (\n        <DataKeysAndValues>\n          {/* Anchor-only: rich trace-context fields. Live on the full SpanRecord, not on the\n           *  lightweight payload, so they only have values once the full span is loaded. */}\n          {(isAnchor ?? span.parentSpanId == null) && (\n            <>\n              {span.tags && span.tags.length > 0 && (\n                <>\n                  <DataKeysAndValues.Key>Tags</DataKeysAndValues.Key>\n                  <DataKeysAndValues.Value>{span.tags.join(', ')}</DataKeysAndValues.Value>\n                </>\n              )}\n              {span.sessionId && (\n                <>\n                  <DataKeysAndValues.Key>Session Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Session Id to clipboard\"\n                    copyValue={span.sessionId}\n                  >\n                    {span.sessionId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.requestId && (\n                <>\n                  <DataKeysAndValues.Key>Request Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Request Id to clipboard\"\n                    copyValue={span.requestId}\n                  >\n                    {span.requestId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.userId && (\n                <>\n                  <DataKeysAndValues.Key>User Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn copyTooltip=\"Copy User Id to clipboard\" copyValue={span.userId}>\n                    {span.userId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.organizationId && (\n                <>\n                  <DataKeysAndValues.Key>Organization Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Organization Id to clipboard\"\n                    copyValue={span.organizationId}\n                  >\n                    {span.organizationId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.experimentId && (\n                <>\n                  <DataKeysAndValues.Key>Experiment Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Experiment Id to clipboard\"\n                    copyValue={span.experimentId}\n                  >\n                    {span.experimentId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n\n      <div className={cn('grid gap-4', hasContext && 'mt-4')}>\n        <SpanPayloadSection\n          title=\"Input\"\n          icon={<FileInputIcon />}\n          raw={span.input}\n          hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanInputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Output\"\n          icon={<FileOutputIcon />}\n          raw={span.output}\n          hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanOutputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection title=\"Metadata\" icon={<BracesIcon />} raw={span.metadata} hasPreview={false}>\n          {null}\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Attributes\"\n          icon={<BracesIcon />}\n          raw={span.attributes}\n          hasPreview={describeProcessorPipeline(asCoreSpan(span)) !== undefined}\n        >\n          <SpanProcessorAttributes span={span} />\n        </SpanPayloadSection>\n      </div>\n    </>\n  );\n\n  // No extra tab slots → render details directly without the Tabs/TabList wrapper.\n  if (!feedbackTabSlot) {\n    return <div className={BODY_CLASS}>{detailsBody}</div>;\n  }\n\n  // Same chrome as the trace column: tab list in a header row, content scrolling beneath it.\n  return (\n    <Tabs\n      defaultTab=\"details\"\n      value={activeTab}\n      onValueChange={onTabChange}\n      className=\"grid min-h-0 flex-1 grid-rows-[auto_1fr]\"\n    >\n      <DataPanel.Header>\n        <TabList variant=\"pill-ghost\" size=\"sm\">\n          <Tab value=\"details\">Details</Tab>\n          <Tab value=\"feedback\">Feedback{feedbackTabBadge != null && <> ({feedbackTabBadge})</>}</Tab>\n        </TabList>\n      </DataPanel.Header>\n\n      <TabContent value=\"details\" flush>\n        <div className={BODY_CLASS}>{detailsBody}</div>\n      </TabContent>\n      <TabContent value=\"feedback\" flush>\n        <div className={BODY_CLASS}>{feedbackTabSlot({ span, traceId, spanId })}</div>\n      </TabContent>\n    </Tabs>\n  );\n}\n"],"names":["cn","jsxs","DataPanel","jsx","TraceIdButton","SpanSummaryDescription","Fragment","isTokenLimitExceeded","Notice","SpanPayloadSection","SpanErrorRenderer","SpanTokenUsage","DataKeysAndValues","FileInputIcon","describeSpanInput","asCoreSpan","SpanInputRenderer","FileOutputIcon","describeSpanOutput","SpanOutputRenderer","BracesIcon","describeProcessorPipeline","SpanProcessorAttributes","Tabs","TabList","Tab","TabContent"],"mappings":"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"}

package/dist/domains/traces/components/span-data-panel-view.es.js

@@ -11,6 +11,7 @@ import { c as cn } from '../../../cn-coERSHz5.js';
 import 'react';
 import '../../chat/attachments/composer-attachment-context.es.js';
 import '@base-ui/react/use-render';
+import '../../../Button-60jVnaHt.js';
 import '../../chat/context/chat-context.es.js';
 import './span-payload/span-payload-processor.es.js';
 import { SpanProcessorAttributes } from './span-payload/span-processor-attributes.es.js';
@@ -19,11 +20,11 @@ import { SpanSummaryDescription } from './span-summary-description.es.js';
 import { SpanTokenUsage } from './span-token-usage.es.js';
 import { TraceIdButton } from './trace-id-button.es.js';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-B1u00ihh.js';
-import { D as DataPanel } from '../../../data-panel-DfVGx0Ea.js';
+import { D as DataPanel } from '../../../data-panel-nbeducTl.js';
 import { N as Notice } from '../../../Notice-Wy1grdLu.js';
 import { T as Tabs } from '../../../tabs-root-CvGhdNKc.js';
 import { T as TabList } from '../../../tabs-list-DY_hziv7.js';
-import { T as Tab } from '../../../tabs-tab-BchiQf0E.js';
+import { T as Tab } from '../../../tabs-tab-CzpXzpf-.js';
 import { T as TabContent } from '../../../tabs-content-6EaLEj8a.js';
 
 const BODY_CLASS = "min-h-0 flex-1 overflow-y-auto px-2 py-3";

package/dist/domains/traces/components/span-data-panel-view.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-data-panel-view.es.js","sources":["../../../../src/domains/traces/components/span-data-panel-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord } from '../types';\nimport { getTokenLimitMessage, isTokenLimitExceeded } from '../utils/span-utils';\nimport {\n  SpanErrorRenderer,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadSection,\n  SpanProcessorAttributes,\n} from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { SpanTokenUsage } from './span-token-usage';\nimport type { TokenUsage } from './span-token-usage';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Notice } from '@/ds/components/Notice';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport { cn } from '@/lib/utils';\n\n// Mirrors `DataPanel.Content` padding without requiring the Drawer root (this view also renders standalone).\nconst BODY_CLASS = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\nexport interface SpanDataPanelViewProps {\n  traceId: string;\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  /** When provided, an × button in the header closes the span column. */\n  onClose?: () => void;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  /**\n   * When provided, a \"Feedback\" tab appears; the slot receives the loaded span and renders\n   * whatever feedback UI the consumer wants.\n   */\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  /** Optional indicator rendered after the \"Feedback\" tab label (e.g. a needs-review dot). */\n  feedbackTabBadge?: ReactNode;\n  /**\n   * Whether this span is the displayed root of the current view (trace root or\n   * branch anchor). Controls visibility of trace-level metadata fields. Defaults\n   * to `span.parentSpanId == null` (trace case) when omitted.\n   */\n  isAnchor?: boolean;\n  /** Extra classes for the panel root (e.g. flattening the card when nested in the trace panel). */\n  className?: string;\n}\n\nexport function SpanDataPanelView({\n  traceId,\n  spanId,\n  span,\n  isLoading,\n  onPrevious,\n  onNext,\n  onClose,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n  className,\n}: SpanDataPanelViewProps) {\n  // Not a DataPanel: this is the span column rendered inside `TraceDataPanelView`,\n  // which already provides the panel chrome.\n  return (\n    <section className={cn('flex min-h-0 flex-1 flex-col overflow-hidden', className)}>\n      <DataPanel.Header>\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Span\n            <TraceIdButton id={spanId} />\n          </DataPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </DataPanel.HeaderContent>\n        <DataPanel.HeaderActions>\n          <DataPanel.NextPrevNav\n            onPrevious={onPrevious}\n            onNext={onNext}\n            previousLabel=\"Go to previous span\"\n            nextLabel=\"Go to next span\"\n          />\n          {onClose && <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close span\" tooltip=\"Close span\" />}\n        </DataPanel.HeaderActions>\n      </DataPanel.Header>\n\n      {isLoading ? (\n        <DataPanel.LoadingData>Loading span details...</DataPanel.LoadingData>\n      ) : !span ? (\n        <DataPanel.NoData>Span not found.</DataPanel.NoData>\n      ) : (\n        <SpanDataPanelContent\n          span={span}\n          traceId={traceId}\n          spanId={spanId}\n          activeTab={activeTab}\n          onTabChange={onTabChange}\n          feedbackTabSlot={feedbackTabSlot}\n          feedbackTabBadge={feedbackTabBadge}\n          isAnchor={isAnchor}\n        />\n      )}\n    </section>\n  );\n}\n\nfunction SpanDataPanelContent({\n  span,\n  traceId,\n  spanId,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n}: {\n  span: SpanRecord;\n  traceId: string;\n  spanId: string;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  feedbackTabBadge?: ReactNode;\n  isAnchor?: boolean;\n}) {\n  const usage = span.attributes?.usage as TokenUsage | undefined;\n  const hasContext =\n    (isAnchor ?? span.parentSpanId == null) &&\n    Boolean(\n      span.tags?.length || span.sessionId || span.requestId || span.userId || span.organizationId || span.experimentId,\n    );\n\n  const detailsBody = (\n    <>\n      {isTokenLimitExceeded(span) && (\n        <div className=\"mb-3\">\n          <Notice variant=\"warning\" title=\"Token Limit Exceeded\">\n            <Notice.Message>{getTokenLimitMessage(span)}</Notice.Message>\n          </Notice>\n        </div>\n      )}\n\n      <SpanPayloadSection title=\"Error\" raw={span.error} className=\"mb-3\">\n        <SpanErrorRenderer span={span} />\n      </SpanPayloadSection>\n\n      {usage && <SpanTokenUsage usage={usage} className=\"mb-3\" />}\n\n      {hasContext && (\n        <DataKeysAndValues>\n          {/* Anchor-only: rich trace-context fields. Live on the full SpanRecord, not on the\n           *  lightweight payload, so they only have values once the full span is loaded. */}\n          {(isAnchor ?? span.parentSpanId == null) && (\n            <>\n              {span.tags && span.tags.length > 0 && (\n                <>\n                  <DataKeysAndValues.Key>Tags</DataKeysAndValues.Key>\n                  <DataKeysAndValues.Value>{span.tags.join(', ')}</DataKeysAndValues.Value>\n                </>\n              )}\n              {span.sessionId && (\n                <>\n                  <DataKeysAndValues.Key>Session Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Session Id to clipboard\"\n                    copyValue={span.sessionId}\n                  >\n                    {span.sessionId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.requestId && (\n                <>\n                  <DataKeysAndValues.Key>Request Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Request Id to clipboard\"\n                    copyValue={span.requestId}\n                  >\n                    {span.requestId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.userId && (\n                <>\n                  <DataKeysAndValues.Key>User Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn copyTooltip=\"Copy User Id to clipboard\" copyValue={span.userId}>\n                    {span.userId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.organizationId && (\n                <>\n                  <DataKeysAndValues.Key>Organization Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Organization Id to clipboard\"\n                    copyValue={span.organizationId}\n                  >\n                    {span.organizationId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.experimentId && (\n                <>\n                  <DataKeysAndValues.Key>Experiment Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Experiment Id to clipboard\"\n                    copyValue={span.experimentId}\n                  >\n                    {span.experimentId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n\n      <div className={cn('grid gap-4', hasContext && 'mt-4')}>\n        <SpanPayloadSection\n          title=\"Input\"\n          icon={<FileInputIcon />}\n          raw={span.input}\n          hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanInputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Output\"\n          icon={<FileOutputIcon />}\n          raw={span.output}\n          hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanOutputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection title=\"Metadata\" icon={<BracesIcon />} raw={span.metadata} hasPreview={false}>\n          {null}\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Attributes\"\n          icon={<BracesIcon />}\n          raw={span.attributes}\n          hasPreview={describeProcessorPipeline(asCoreSpan(span)) !== undefined}\n        >\n          <SpanProcessorAttributes span={span} />\n        </SpanPayloadSection>\n      </div>\n    </>\n  );\n\n  // No extra tab slots → render details directly without the Tabs/TabList wrapper.\n  if (!feedbackTabSlot) {\n    return <div className={BODY_CLASS}>{detailsBody}</div>;\n  }\n\n  // Same chrome as the trace column: tab list in a header row, content scrolling beneath it.\n  return (\n    <Tabs\n      defaultTab=\"details\"\n      value={activeTab}\n      onValueChange={onTabChange}\n      className=\"grid min-h-0 flex-1 grid-rows-[auto_1fr]\"\n    >\n      <DataPanel.Header>\n        <TabList variant=\"pill-ghost\" size=\"sm\">\n          <Tab value=\"details\">Details</Tab>\n          <Tab value=\"feedback\">Feedback{feedbackTabBadge != null && <> ({feedbackTabBadge})</>}</Tab>\n        </TabList>\n      </DataPanel.Header>\n\n      <TabContent value=\"details\" flush>\n        <div className={BODY_CLASS}>{detailsBody}</div>\n      </TabContent>\n      <TabContent value=\"feedback\" flush>\n        <div className={BODY_CLASS}>{feedbackTabSlot({ span, traceId, spanId })}</div>\n      </TabContent>\n    </Tabs>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"span-data-panel-view.es.js","sources":["../../../../src/domains/traces/components/span-data-panel-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord } from '../types';\nimport { getTokenLimitMessage, isTokenLimitExceeded } from '../utils/span-utils';\nimport {\n  SpanErrorRenderer,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadSection,\n  SpanProcessorAttributes,\n} from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { SpanTokenUsage } from './span-token-usage';\nimport type { TokenUsage } from './span-token-usage';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Notice } from '@/ds/components/Notice';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport { cn } from '@/lib/utils';\n\n// Mirrors `DataPanel.Content` padding without requiring the Drawer root (this view also renders standalone).\nconst BODY_CLASS = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\nexport interface SpanDataPanelViewProps {\n  traceId: string;\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  /** When provided, an × button in the header closes the span column. */\n  onClose?: () => void;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  /**\n   * When provided, a \"Feedback\" tab appears; the slot receives the loaded span and renders\n   * whatever feedback UI the consumer wants.\n   */\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  /** Optional indicator rendered after the \"Feedback\" tab label (e.g. a needs-review dot). */\n  feedbackTabBadge?: ReactNode;\n  /**\n   * Whether this span is the displayed root of the current view (trace root or\n   * branch anchor). Controls visibility of trace-level metadata fields. Defaults\n   * to `span.parentSpanId == null` (trace case) when omitted.\n   */\n  isAnchor?: boolean;\n  /** Extra classes for the panel root (e.g. flattening the card when nested in the trace panel). */\n  className?: string;\n}\n\nexport function SpanDataPanelView({\n  traceId,\n  spanId,\n  span,\n  isLoading,\n  onPrevious,\n  onNext,\n  onClose,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n  className,\n}: SpanDataPanelViewProps) {\n  // Not a DataPanel: this is the span column rendered inside `TraceDataPanelView`,\n  // which already provides the panel chrome.\n  return (\n    <section className={cn('flex min-h-0 flex-1 flex-col overflow-hidden', className)}>\n      <DataPanel.Header>\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Span\n            <TraceIdButton id={spanId} />\n          </DataPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </DataPanel.HeaderContent>\n        <DataPanel.HeaderActions>\n          <DataPanel.NextPrevNav\n            onPrevious={onPrevious}\n            onNext={onNext}\n            previousLabel=\"Go to previous span\"\n            nextLabel=\"Go to next span\"\n          />\n          {onClose && <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close span\" tooltip=\"Close span\" />}\n        </DataPanel.HeaderActions>\n      </DataPanel.Header>\n\n      {isLoading ? (\n        <DataPanel.LoadingData>Loading span details...</DataPanel.LoadingData>\n      ) : !span ? (\n        <DataPanel.NoData>Span not found.</DataPanel.NoData>\n      ) : (\n        <SpanDataPanelContent\n          span={span}\n          traceId={traceId}\n          spanId={spanId}\n          activeTab={activeTab}\n          onTabChange={onTabChange}\n          feedbackTabSlot={feedbackTabSlot}\n          feedbackTabBadge={feedbackTabBadge}\n          isAnchor={isAnchor}\n        />\n      )}\n    </section>\n  );\n}\n\nfunction SpanDataPanelContent({\n  span,\n  traceId,\n  spanId,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n}: {\n  span: SpanRecord;\n  traceId: string;\n  spanId: string;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  feedbackTabBadge?: ReactNode;\n  isAnchor?: boolean;\n}) {\n  const usage = span.attributes?.usage as TokenUsage | undefined;\n  const hasContext =\n    (isAnchor ?? span.parentSpanId == null) &&\n    Boolean(\n      span.tags?.length || span.sessionId || span.requestId || span.userId || span.organizationId || span.experimentId,\n    );\n\n  const detailsBody = (\n    <>\n      {isTokenLimitExceeded(span) && (\n        <div className=\"mb-3\">\n          <Notice variant=\"warning\" title=\"Token Limit Exceeded\">\n            <Notice.Message>{getTokenLimitMessage(span)}</Notice.Message>\n          </Notice>\n        </div>\n      )}\n\n      <SpanPayloadSection title=\"Error\" raw={span.error} className=\"mb-3\">\n        <SpanErrorRenderer span={span} />\n      </SpanPayloadSection>\n\n      {usage && <SpanTokenUsage usage={usage} className=\"mb-3\" />}\n\n      {hasContext && (\n        <DataKeysAndValues>\n          {/* Anchor-only: rich trace-context fields. Live on the full SpanRecord, not on the\n           *  lightweight payload, so they only have values once the full span is loaded. */}\n          {(isAnchor ?? span.parentSpanId == null) && (\n            <>\n              {span.tags && span.tags.length > 0 && (\n                <>\n                  <DataKeysAndValues.Key>Tags</DataKeysAndValues.Key>\n                  <DataKeysAndValues.Value>{span.tags.join(', ')}</DataKeysAndValues.Value>\n                </>\n              )}\n              {span.sessionId && (\n                <>\n                  <DataKeysAndValues.Key>Session Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Session Id to clipboard\"\n                    copyValue={span.sessionId}\n                  >\n                    {span.sessionId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.requestId && (\n                <>\n                  <DataKeysAndValues.Key>Request Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Request Id to clipboard\"\n                    copyValue={span.requestId}\n                  >\n                    {span.requestId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.userId && (\n                <>\n                  <DataKeysAndValues.Key>User Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn copyTooltip=\"Copy User Id to clipboard\" copyValue={span.userId}>\n                    {span.userId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.organizationId && (\n                <>\n                  <DataKeysAndValues.Key>Organization Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Organization Id to clipboard\"\n                    copyValue={span.organizationId}\n                  >\n                    {span.organizationId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.experimentId && (\n                <>\n                  <DataKeysAndValues.Key>Experiment Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Experiment Id to clipboard\"\n                    copyValue={span.experimentId}\n                  >\n                    {span.experimentId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n\n      <div className={cn('grid gap-4', hasContext && 'mt-4')}>\n        <SpanPayloadSection\n          title=\"Input\"\n          icon={<FileInputIcon />}\n          raw={span.input}\n          hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanInputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Output\"\n          icon={<FileOutputIcon />}\n          raw={span.output}\n          hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanOutputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection title=\"Metadata\" icon={<BracesIcon />} raw={span.metadata} hasPreview={false}>\n          {null}\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Attributes\"\n          icon={<BracesIcon />}\n          raw={span.attributes}\n          hasPreview={describeProcessorPipeline(asCoreSpan(span)) !== undefined}\n        >\n          <SpanProcessorAttributes span={span} />\n        </SpanPayloadSection>\n      </div>\n    </>\n  );\n\n  // No extra tab slots → render details directly without the Tabs/TabList wrapper.\n  if (!feedbackTabSlot) {\n    return <div className={BODY_CLASS}>{detailsBody}</div>;\n  }\n\n  // Same chrome as the trace column: tab list in a header row, content scrolling beneath it.\n  return (\n    <Tabs\n      defaultTab=\"details\"\n      value={activeTab}\n      onValueChange={onTabChange}\n      className=\"grid min-h-0 flex-1 grid-rows-[auto_1fr]\"\n    >\n      <DataPanel.Header>\n        <TabList variant=\"pill-ghost\" size=\"sm\">\n          <Tab value=\"details\">Details</Tab>\n          <Tab value=\"feedback\">Feedback{feedbackTabBadge != null && <> ({feedbackTabBadge})</>}</Tab>\n        </TabList>\n      </DataPanel.Header>\n\n      <TabContent value=\"details\" flush>\n        <div className={BODY_CLASS}>{detailsBody}</div>\n      </TabContent>\n      <TabContent value=\"feedback\" flush>\n        <div className={BODY_CLASS}>{feedbackTabSlot({ span, traceId, spanId })}</div>\n      </TabContent>\n    </Tabs>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/traces/components/span-details-view.cjs.js

@@ -13,6 +13,7 @@ require('../../../code-Dcah35Gp.cjs');
 require('react');
 require('../../chat/attachments/composer-attachment-context.cjs.js');
 require('@base-ui/react/use-render');
+require('../../../Button-CAVPKK09.cjs');
 require('../../chat/context/chat-context.cjs.js');
 require('./span-payload/span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanProcessorAttributes = require('./span-payload/span-processor-attributes.cjs.js');

package/dist/domains/traces/components/span-details-view.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-details-view.cjs.js","sources":["../../../../src/domains/traces/components/span-details-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { SpanRecord } from '../types';\nimport {\n  SpanErrorRenderer,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadSection,\n  SpanProcessorAttributes,\n} from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\n\nconst KV = DataDetailsPanel.KeyValueList;\n\nexport interface SpanDetailsViewProps {\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onClose: () => void;\n}\n\n/**\n * Compact span panel using `DataDetailsPanel` (popover-style). Shows basic span metadata +\n * input/output/metadata/attributes code sections. Use this for inline span inspection; for the\n * full-width span view with scoring tab + prev/next nav, use `SpanDataPanelView`.\n */\nexport function SpanDetailsView({ spanId, span, isLoading, onClose }: SpanDetailsViewProps) {\n  return (\n    <DataDetailsPanel>\n      <DataDetailsPanel.Header>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <DataDetailsPanel.Heading className=\"items-center\">\n            Span\n            <TraceIdButton id={spanId} />\n          </DataDetailsPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </div>\n        <DataDetailsPanel.CloseButton onClick={onClose} />\n      </DataDetailsPanel.Header>\n\n      {isLoading ? (\n        <DataDetailsPanel.LoadingData>Loading span...</DataDetailsPanel.LoadingData>\n      ) : !span ? (\n        <DataDetailsPanel.NoData>Span not found.</DataDetailsPanel.NoData>\n      ) : (\n        <DataDetailsPanel.Content>\n          {span.spanType && (\n            <>\n              <KV>\n                <KV.Key>Type</KV.Key>\n                <KV.Value>{span.spanType}</KV.Value>\n              </KV>\n              <br />\n            </>\n          )}\n\n          <SpanPayloadSection title=\"Error\" raw={span.error} layout=\"details\" className=\"mb-3\">\n            <SpanErrorRenderer span={span} />\n          </SpanPayloadSection>\n\n          <SpanPayloadSection\n            title=\"Input\"\n            icon={<FileInputIcon />}\n            raw={span.input}\n            hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanInputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Output\"\n            icon={<FileOutputIcon />}\n            raw={span.output}\n            hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanOutputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Metadata\"\n            icon={<BracesIcon />}\n            raw={span.metadata}\n            hasPreview={false}\n            layout=\"details\"\n          >\n            {null}\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Attributes\"\n            icon={<BracesIcon />}\n            raw={span.attributes}\n            hasPreview={describeProcessorPipeline(asCoreSpan(span)) !== undefined}\n            layout=\"details\"\n          >\n            <SpanProcessorAttributes span={span} />\n          </SpanPayloadSection>\n        </DataDetailsPanel.Content>\n      )}\n    </DataDetailsPanel>\n  );\n}\n"],"names":["DataDetailsPanel","jsxs","jsx","TraceIdButton","SpanSummaryDescription","Fragment","SpanPayloadSection","SpanErrorRenderer","FileInputIcon","describeSpanInput","asCoreSpan","SpanInputRenderer","FileOutputIcon","describeSpanOutput","SpanOutputRenderer","BracesIcon","describeProcessorPipeline","SpanProcessorAttributes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,KAAKA,4CAAA,CAAiB,YAAA;AAerB,SAAS,gBAAgB,EAAE,MAAA,EAAQ,IAAA,EAAM,SAAA,EAAW,SAAQ,EAAyB;AAC1F,EAAA,uCACGA,4CAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,eAAA,CAACD,4CAAA,CAAiB,QAAjB,EACC,QAAA,EAAA;AAAA,sBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAACD,4CAAA,CAAiB,OAAA,EAAjB,EAAyB,SAAA,EAAU,cAAA,EAAe,QAAA,EAAA;AAAA,UAAA,MAAA;AAAA,0BAEjDE,cAAA,CAACC,qDAAA,EAAA,EAAc,EAAA,EAAI,MAAA,EAAQ;AAAA,SAAA,EAC7B,CAAA;AAAA,QACC,IAAA,oBAAQD,cAAA,CAACE,uEAAA,EAAA,EAAuB,IAAA,EAAY;AAAA,OAAA,EAC/C,CAAA;AAAA,sBACAF,cAAA,CAACF,4CAAA,CAAiB,WAAA,EAAjB,EAA6B,SAAS,OAAA,EAAS;AAAA,KAAA,EAClD,CAAA;AAAA,IAEC,4BACCE,cAAA,CAACF,4CAAA,CAAiB,aAAjB,EAA6B,QAAA,EAAA,iBAAA,EAAe,IAC3C,CAAC,IAAA,mBACHE,cAAA,CAACF,4CAAA,CAAiB,QAAjB,EAAwB,QAAA,EAAA,iBAAA,EAAe,oBAExCC,eAAA,CAACD,4CAAA,CAAiB,SAAjB,EACE,QAAA,EAAA;AAAA,MAAA,IAAA,CAAK,4BACJC,eAAA,CAAAI,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAJ,eAAA,CAAC,EAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,EAAA,CAAG,GAAA,EAAH,EAAO,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,0BACZA,cAAA,CAAC,EAAA,CAAG,KAAA,EAAH,EAAU,eAAK,QAAA,EAAS;AAAA,SAAA,EAC3B,CAAA;AAAA,uCACC,IAAA,EAAA,EAAG;AAAA,OAAA,EACN,CAAA;AAAA,sBAGFA,cAAA,CAACI,2EAAA,EAAA,EAAmB,KAAA,EAAM,OAAA,EAAQ,KAAK,IAAA,CAAK,KAAA,EAAO,MAAA,EAAO,SAAA,EAAU,SAAA,EAAU,MAAA,EAC5E,QAAA,kBAAAJ,cAAA,CAACK,yEAAA,EAAA,EAAkB,MAAY,CAAA,EACjC,CAAA;AAAA,sBAEAL,cAAA;AAAA,QAACI,2EAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,OAAA;AAAA,UACN,IAAA,iCAAOE,yBAAA,EAAA,EAAc,CAAA;AAAA,UACrB,KAAK,IAAA,CAAK,KAAA;AAAA,UACV,YAAYC,+BAAA,CAAkBC,oEAAA,CAAW,IAAI,CAAC,GAAG,IAAA,KAAS,MAAA;AAAA,UAC1D,MAAA,EAAO,SAAA;AAAA,UAEP,QAAA,kBAAAR,cAAA,CAACS,8EAAkB,IAAA,EAAY;AAAA;AAAA,OACjC;AAAA,sBACAT,cAAA;AAAA,QAACI,2EAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,QAAA;AAAA,UACN,IAAA,iCAAOM,0BAAA,EAAA,EAAe,CAAA;AAAA,UACtB,KAAK,IAAA,CAAK,MAAA;AAAA,UACV,YAAYC,gCAAA,CAAmBH,oEAAA,CAAW,IAAI,CAAC,GAAG,IAAA,KAAS,MAAA;AAAA,UAC3D,MAAA,EAAO,SAAA;AAAA,UAEP,QAAA,kBAAAR,cAAA,CAACY,gFAAmB,IAAA,EAAY;AAAA;AAAA,OAClC;AAAA,sBACAZ,cAAA;AAAA,QAACI,2EAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,UAAA;AAAA,UACN,IAAA,iCAAOS,sBAAA,EAAA,EAAW,CAAA;AAAA,UAClB,KAAK,IAAA,CAAK,QAAA;AAAA,UACV,UAAA,EAAY,KAAA;AAAA,UACZ,MAAA,EAAO,SAAA;AAAA,UAEN,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,sBACAb,cAAA;AAAA,QAACI,2EAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,YAAA;AAAA,UACN,IAAA,iCAAOS,sBAAA,EAAA,EAAW,CAAA;AAAA,UAClB,KAAK,IAAA,CAAK,UAAA;AAAA,UACV,UAAA,EAAYC,uCAAA,CAA0BN,oEAAA,CAAW,IAAI,CAAC,CAAA,KAAM,MAAA;AAAA,UAC5D,MAAA,EAAO,SAAA;AAAA,UAEP,QAAA,kBAAAR,cAAA,CAACe,yFAAwB,IAAA,EAAY;AAAA;AAAA;AACvC,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"span-details-view.cjs.js","sources":["../../../../src/domains/traces/components/span-details-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { SpanRecord } from '../types';\nimport {\n  SpanErrorRenderer,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadSection,\n  SpanProcessorAttributes,\n} from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\n\nconst KV = DataDetailsPanel.KeyValueList;\n\nexport interface SpanDetailsViewProps {\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onClose: () => void;\n}\n\n/**\n * Compact span panel using `DataDetailsPanel` (popover-style). Shows basic span metadata +\n * input/output/metadata/attributes code sections. Use this for inline span inspection; for the\n * full-width span view with scoring tab + prev/next nav, use `SpanDataPanelView`.\n */\nexport function SpanDetailsView({ spanId, span, isLoading, onClose }: SpanDetailsViewProps) {\n  return (\n    <DataDetailsPanel>\n      <DataDetailsPanel.Header>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <DataDetailsPanel.Heading className=\"items-center\">\n            Span\n            <TraceIdButton id={spanId} />\n          </DataDetailsPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </div>\n        <DataDetailsPanel.CloseButton onClick={onClose} />\n      </DataDetailsPanel.Header>\n\n      {isLoading ? (\n        <DataDetailsPanel.LoadingData>Loading span...</DataDetailsPanel.LoadingData>\n      ) : !span ? (\n        <DataDetailsPanel.NoData>Span not found.</DataDetailsPanel.NoData>\n      ) : (\n        <DataDetailsPanel.Content>\n          {span.spanType && (\n            <>\n              <KV>\n                <KV.Key>Type</KV.Key>\n                <KV.Value>{span.spanType}</KV.Value>\n              </KV>\n              <br />\n            </>\n          )}\n\n          <SpanPayloadSection title=\"Error\" raw={span.error} layout=\"details\" className=\"mb-3\">\n            <SpanErrorRenderer span={span} />\n          </SpanPayloadSection>\n\n          <SpanPayloadSection\n            title=\"Input\"\n            icon={<FileInputIcon />}\n            raw={span.input}\n            hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanInputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Output\"\n            icon={<FileOutputIcon />}\n            raw={span.output}\n            hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanOutputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Metadata\"\n            icon={<BracesIcon />}\n            raw={span.metadata}\n            hasPreview={false}\n            layout=\"details\"\n          >\n            {null}\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Attributes\"\n            icon={<BracesIcon />}\n            raw={span.attributes}\n            hasPreview={describeProcessorPipeline(asCoreSpan(span)) !== undefined}\n            layout=\"details\"\n          >\n            <SpanProcessorAttributes span={span} />\n          </SpanPayloadSection>\n        </DataDetailsPanel.Content>\n      )}\n    </DataDetailsPanel>\n  );\n}\n"],"names":["DataDetailsPanel","jsxs","jsx","TraceIdButton","SpanSummaryDescription","Fragment","SpanPayloadSection","SpanErrorRenderer","FileInputIcon","describeSpanInput","asCoreSpan","SpanInputRenderer","FileOutputIcon","describeSpanOutput","SpanOutputRenderer","BracesIcon","describeProcessorPipeline","SpanProcessorAttributes"],"mappings":"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"}

package/dist/domains/traces/components/span-details-view.es.js

@@ -9,6 +9,7 @@ import '../../../code-DAXWNzvf.js';
 import 'react';
 import '../../chat/attachments/composer-attachment-context.es.js';
 import '@base-ui/react/use-render';
+import '../../../Button-60jVnaHt.js';
 import '../../chat/context/chat-context.es.js';
 import './span-payload/span-payload-processor.es.js';
 import { SpanProcessorAttributes } from './span-payload/span-processor-attributes.es.js';

package/dist/domains/traces/components/span-details-view.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-details-view.es.js","sources":["../../../../src/domains/traces/components/span-details-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { SpanRecord } from '../types';\nimport {\n  SpanErrorRenderer,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadSection,\n  SpanProcessorAttributes,\n} from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\n\nconst KV = DataDetailsPanel.KeyValueList;\n\nexport interface SpanDetailsViewProps {\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onClose: () => void;\n}\n\n/**\n * Compact span panel using `DataDetailsPanel` (popover-style). Shows basic span metadata +\n * input/output/metadata/attributes code sections. Use this for inline span inspection; for the\n * full-width span view with scoring tab + prev/next nav, use `SpanDataPanelView`.\n */\nexport function SpanDetailsView({ spanId, span, isLoading, onClose }: SpanDetailsViewProps) {\n  return (\n    <DataDetailsPanel>\n      <DataDetailsPanel.Header>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <DataDetailsPanel.Heading className=\"items-center\">\n            Span\n            <TraceIdButton id={spanId} />\n          </DataDetailsPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </div>\n        <DataDetailsPanel.CloseButton onClick={onClose} />\n      </DataDetailsPanel.Header>\n\n      {isLoading ? (\n        <DataDetailsPanel.LoadingData>Loading span...</DataDetailsPanel.LoadingData>\n      ) : !span ? (\n        <DataDetailsPanel.NoData>Span not found.</DataDetailsPanel.NoData>\n      ) : (\n        <DataDetailsPanel.Content>\n          {span.spanType && (\n            <>\n              <KV>\n                <KV.Key>Type</KV.Key>\n                <KV.Value>{span.spanType}</KV.Value>\n              </KV>\n              <br />\n            </>\n          )}\n\n          <SpanPayloadSection title=\"Error\" raw={span.error} layout=\"details\" className=\"mb-3\">\n            <SpanErrorRenderer span={span} />\n          </SpanPayloadSection>\n\n          <SpanPayloadSection\n            title=\"Input\"\n            icon={<FileInputIcon />}\n            raw={span.input}\n            hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanInputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Output\"\n            icon={<FileOutputIcon />}\n            raw={span.output}\n            hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanOutputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Metadata\"\n            icon={<BracesIcon />}\n            raw={span.metadata}\n            hasPreview={false}\n            layout=\"details\"\n          >\n            {null}\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Attributes\"\n            icon={<BracesIcon />}\n            raw={span.attributes}\n            hasPreview={describeProcessorPipeline(asCoreSpan(span)) !== undefined}\n            layout=\"details\"\n          >\n            <SpanProcessorAttributes span={span} />\n          </SpanPayloadSection>\n        </DataDetailsPanel.Content>\n      )}\n    </DataDetailsPanel>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"span-details-view.es.js","sources":["../../../../src/domains/traces/components/span-details-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { SpanRecord } from '../types';\nimport {\n  SpanErrorRenderer,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadSection,\n  SpanProcessorAttributes,\n} from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\n\nconst KV = DataDetailsPanel.KeyValueList;\n\nexport interface SpanDetailsViewProps {\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onClose: () => void;\n}\n\n/**\n * Compact span panel using `DataDetailsPanel` (popover-style). Shows basic span metadata +\n * input/output/metadata/attributes code sections. Use this for inline span inspection; for the\n * full-width span view with scoring tab + prev/next nav, use `SpanDataPanelView`.\n */\nexport function SpanDetailsView({ spanId, span, isLoading, onClose }: SpanDetailsViewProps) {\n  return (\n    <DataDetailsPanel>\n      <DataDetailsPanel.Header>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <DataDetailsPanel.Heading className=\"items-center\">\n            Span\n            <TraceIdButton id={spanId} />\n          </DataDetailsPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </div>\n        <DataDetailsPanel.CloseButton onClick={onClose} />\n      </DataDetailsPanel.Header>\n\n      {isLoading ? (\n        <DataDetailsPanel.LoadingData>Loading span...</DataDetailsPanel.LoadingData>\n      ) : !span ? (\n        <DataDetailsPanel.NoData>Span not found.</DataDetailsPanel.NoData>\n      ) : (\n        <DataDetailsPanel.Content>\n          {span.spanType && (\n            <>\n              <KV>\n                <KV.Key>Type</KV.Key>\n                <KV.Value>{span.spanType}</KV.Value>\n              </KV>\n              <br />\n            </>\n          )}\n\n          <SpanPayloadSection title=\"Error\" raw={span.error} layout=\"details\" className=\"mb-3\">\n            <SpanErrorRenderer span={span} />\n          </SpanPayloadSection>\n\n          <SpanPayloadSection\n            title=\"Input\"\n            icon={<FileInputIcon />}\n            raw={span.input}\n            hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanInputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Output\"\n            icon={<FileOutputIcon />}\n            raw={span.output}\n            hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanOutputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Metadata\"\n            icon={<BracesIcon />}\n            raw={span.metadata}\n            hasPreview={false}\n            layout=\"details\"\n          >\n            {null}\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Attributes\"\n            icon={<BracesIcon />}\n            raw={span.attributes}\n            hasPreview={describeProcessorPipeline(asCoreSpan(span)) !== undefined}\n            layout=\"details\"\n          >\n            <SpanProcessorAttributes span={span} />\n          </SpanPayloadSection>\n        </DataDetailsPanel.Content>\n      )}\n    </DataDetailsPanel>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/traces/components/span-payload/span-error-renderer.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-sEGOgFlX.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIxmotnO.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const dataKeysAndValues = require('../../../../data-keys-and-values-C1I--hWn.cjs');
 const Notice = require('../../../../Notice-c8dMiAtZ.cjs');

package/dist/domains/traces/components/span-payload/span-error-renderer.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanError } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-Cixom2Py.js';
+import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-dTs5UrjA.js';
 import { asCoreSpan } from './span-payload-registry.es.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-B1u00ihh.js';
 import { N as Notice } from '../../../../Notice-Wy1grdLu.js';

package/dist/domains/traces/components/span-payload/span-input-renderers.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadMessages = require('./span-payload-messages.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-sEGOgFlX.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIxmotnO.cjs');
 const domains_traces_components_spanPayload_spanPayloadProcessor = require('./span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const Card = require('../../../../Card-RlL14eS5.cjs');

package/dist/domains/traces/components/span-payload/span-input-renderers.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanInput } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
 import { SpanPayloadMessages } from './span-payload-messages.es.js';
-import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-Cixom2Py.js';
+import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-dTs5UrjA.js';
 import { SpanPayloadProcessor } from './span-payload-processor.es.js';
 import { asCoreSpan, pickRenderer } from './span-payload-registry.es.js';
 import { C as Card, a as CardContent } from '../../../../Card-BQtRz0KD.js';

package/dist/domains/traces/components/span-payload/span-output-renderers.cjs.js

@@ -6,10 +6,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadAttachment = require('./span-payload-attachment.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-sEGOgFlX.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIxmotnO.cjs');
 const domains_traces_components_spanPayload_spanPayloadProcessor = require('./span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
-const reasoningActivity = require('../../../../reasoning-activity-DehWtcyc.cjs');
+const reasoningActivity = require('../../../../reasoning-activity-CFEaSv4J.cjs');
 const Card = require('../../../../Card-RlL14eS5.cjs');
 const dataKeysAndValues = require('../../../../data-keys-and-values-C1I--hWn.cjs');
 const inlineCode = require('../../../../inline-code-D59kN77A.cjs');

package/dist/domains/traces/components/span-payload/span-output-renderers.es.js

@@ -2,10 +2,10 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanOutput } from '@mastra/core/observability';
 import { SpanPayloadAttachment } from './span-payload-attachment.es.js';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { a as SpanPayloadMarkdown, S as SpanPayloadField, b as SpanPayloadToolCalls, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-Cixom2Py.js';
+import { a as SpanPayloadMarkdown, S as SpanPayloadField, b as SpanPayloadToolCalls, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-dTs5UrjA.js';
 import { SpanPayloadProcessor } from './span-payload-processor.es.js';
 import { asCoreSpan, pickRenderer, hasItems } from './span-payload-registry.es.js';
-import { R as ReasoningActivity } from '../../../../reasoning-activity-B1r4JQxm.js';
+import { R as ReasoningActivity } from '../../../../reasoning-activity-CHlEe011.js';
 import { C as Card, a as CardContent } from '../../../../Card-BQtRz0KD.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-B1u00ihh.js';
 import { I as InlineCode } from '../../../../inline-code-DMYc7Ng2.js';