@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/ee/signals/trace-insight-view.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-insight-view.cjs.js","names":["useTraceIntelligence","useTraceInsight","Button","ChevronLeft","TraceIcon","Txt","raisedSurfaceStyle","_Fragment","textStyle","cn","signalLabel"],"sources":["../../../src/ee/signals/trace-insight-view.tsx"],"sourcesContent":["import { ChevronLeft } from 'lucide-react';\nimport { useTraceInsight } from './hooks';\nimport { signalLabel } from './signal-formatting';\nimport type { TraceInsightResponse } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { TraceIcon } from '@/ds/icons/TraceIcon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\ninterface TraceInsightViewProps {\n  traceId: string;\n  onBack: () => void;\n}\n\nexport function TraceInsightView({ traceId, onBack }: TraceInsightViewProps) {\n  const { LinkComponent, getTraceHref } = useTraceIntelligence();\n  const insightQuery = useTraceInsight(traceId);\n\n  return (\n    <div className=\"grid content-start gap-6\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <Button icon={<ChevronLeft />} size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button icon={<TraceIcon />} render={<LinkComponent href={getTraceHref(traceId)} />} size=\"sm\">\n          Open full trace\n        </Button>\n      </div>\n      {insightQuery.isPending && <Txt tone=\"muted\">Loading trace insight…</Txt>}\n      {insightQuery.isError && <Txt className=\"text-destructive-foreground\">Unable to load the trace insight.</Txt>}\n      {insightQuery.data && <TraceInsightBody insight={insightQuery.data} />}\n    </div>\n  );\n}\n\ntype ObservationSeverity = 'info' | 'success' | 'problem';\n\ninterface ParsedObservation {\n  severity?: ObservationSeverity;\n  kind?: string;\n  text: string;\n}\n\nfunction isObservationSeverity(value: string): value is ObservationSeverity {\n  return value === 'info' || value === 'success' || value === 'problem';\n}\n\n/**\n * Trace summaries prefix each observation with a machine-readable\n * `severity=… | kind=… |` header (see the trace-summary prompt). Strip it for\n * display and keep the parts so the UI can render them as visual cues, the\n * same way the observational-memory views parse their emoji markers out of\n * the raw text.\n */\nfunction parseTraceObservation(observation: string): ParsedObservation {\n  const match = observation.match(/^severity=(\\w+)\\s*\\|\\s*kind=(\\w+)\\s*\\|\\s*/);\n  if (!match) return { text: observation };\n  const [prefix, severity, kind] = match;\n  return {\n    severity: severity !== undefined && isObservationSeverity(severity) ? severity : undefined,\n    kind,\n    text: observation.slice(prefix.length),\n  };\n}\n\nconst OBSERVATION_SEVERITY_CARD: Record<ObservationSeverity, string> = {\n  info: raisedSurfaceStyle,\n  success: 'border border-success-edge bg-success-subtle',\n  problem: 'border border-destructive-edge bg-destructive-subtle',\n};\n\nfunction ObservationItem({ observation }: { observation: string }) {\n  const { severity, kind, text } = parseTraceObservation(observation);\n\n  return (\n    <li className={`rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <Txt variant=\"meta\" tone=\"muted\" className=\"uppercase\">\n          {severity === 'problem' && (\n            <>\n              <span className=\"text-destructive-foreground\">problem</span>\n              <span aria-hidden=\"true\"> · </span>\n            </>\n          )}\n          <span>{kind}</span>\n        </Txt>\n      )}\n      <Txt as=\"p\" variant=\"body\" tone=\"ink\" className={kind === undefined ? '' : 'mt-1'}>\n        {text}\n      </Txt>\n    </li>\n  );\n}\n\nfunction TraceInsightBody({ insight }: { insight: TraceInsightResponse }) {\n  const { signalCatalog } = useTraceIntelligence();\n  return (\n    <>\n      {insight.summary === undefined ? (\n        <Txt tone=\"muted\">No insight available yet for this trace.</Txt>\n      ) : (\n        <section aria-labelledby=\"trace-insight-summary-heading\">\n          <Txt as=\"h2\" variant=\"eyebrow\" tone=\"muted\" id=\"trace-insight-summary-heading\">\n            Trace summary\n          </Txt>\n          <Txt tone=\"ink\" className=\"mt-3\">\n            {insight.summary.summary}\n          </Txt>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"mt-4\">\n              <dt className={textStyle({ tone: 'muted', variant: 'body' })}>Current task</dt>\n              <dd className={cn(textStyle({ tone: 'ink', variant: 'body' }), 'mt-1')}>{insight.summary.currentTask}</dd>\n            </dl>\n          )}\n          {insight.summary.degenerate === true && (\n            <Txt className=\"mt-4 text-destructive-foreground\">This trace was flagged as degenerate or looping.</Txt>\n          )}\n          {insight.summary.observations.length > 0 && (\n            <>\n              <Txt\n                as=\"h3\"\n                variant=\"eyebrow\"\n                tone=\"muted\"\n\n                id=\"trace-insight-observations-heading\"\n                className=\"mt-4\"\n              >\n                Observations\n              </Txt>\n              <ul aria-labelledby=\"trace-insight-observations-heading\" className=\"mt-3 space-y-2\">\n                {insight.summary.observations.map((observation, index) => (\n                  <ObservationItem key={`${observation}:${index}`} observation={observation} />\n                ))}\n              </ul>\n            </>\n          )}\n        </section>\n      )}\n      {insight.signals.length > 0 && (\n        <section aria-labelledby=\"trace-insight-signals-heading\">\n          <Txt as=\"h2\" variant=\"eyebrow\" tone=\"muted\" id=\"trace-insight-signals-heading\">\n            Trace signal summaries\n          </Txt>\n          <ul className=\"mt-3 space-y-3\">\n            {insight.signals.map(signal => (\n              <li key={signal.signalName} className={cn(raisedSurfaceStyle, 'rounded-md p-3')}>\n                <Txt as=\"p\" variant=\"body\" tone=\"muted\">\n                  {signalLabel(signalCatalog, signal.signalName)}\n                </Txt>\n                <Txt as=\"p\" variant=\"body\" tone=\"ink\" className=\"mt-1\">\n                  {signal.signalText}\n                </Txt>\n              </li>\n            ))}\n          </ul>\n        </section>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"trace-insight-view.cjs.js","names":["useTraceIntelligence","useTraceInsight","Button","ChevronLeft","TraceIcon","Txt","raisedSurfaceStyle","Metadata","_Fragment","textStyle","cn","signalLabel"],"sources":["../../../src/ee/signals/trace-insight-view.tsx"],"sourcesContent":["import { ChevronLeft } from 'lucide-react';\nimport { useTraceInsight } from './hooks';\nimport { signalLabel } from './signal-formatting';\nimport type { TraceInsightResponse } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { Metadata } from '@/ds/components/Metadata';\nimport { Txt } from '@/ds/components/Txt';\nimport { TraceIcon } from '@/ds/icons/TraceIcon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\ninterface TraceInsightViewProps {\n  traceId: string;\n  onBack: () => void;\n}\n\nexport function TraceInsightView({ traceId, onBack }: TraceInsightViewProps) {\n  const { LinkComponent, getTraceHref } = useTraceIntelligence();\n  const insightQuery = useTraceInsight(traceId);\n\n  return (\n    <div className=\"grid content-start gap-6\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <Button icon={<ChevronLeft />} size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button icon={<TraceIcon />} render={<LinkComponent href={getTraceHref(traceId)} />} size=\"sm\">\n          Open full trace\n        </Button>\n      </div>\n      {insightQuery.isPending && <Txt tone=\"muted\">Loading trace insight…</Txt>}\n      {insightQuery.isError && <Txt className=\"text-destructive-foreground\">Unable to load the trace insight.</Txt>}\n      {insightQuery.data && <TraceInsightBody insight={insightQuery.data} />}\n    </div>\n  );\n}\n\ntype ObservationSeverity = 'info' | 'success' | 'problem';\n\ninterface ParsedObservation {\n  severity?: ObservationSeverity;\n  kind?: string;\n  text: string;\n}\n\nfunction isObservationSeverity(value: string): value is ObservationSeverity {\n  return value === 'info' || value === 'success' || value === 'problem';\n}\n\n/**\n * Trace summaries prefix each observation with a machine-readable\n * `severity=… | kind=… |` header (see the trace-summary prompt). Strip it for\n * display and keep the parts so the UI can render them as visual cues, the\n * same way the observational-memory views parse their emoji markers out of\n * the raw text.\n */\nfunction parseTraceObservation(observation: string): ParsedObservation {\n  const match = observation.match(/^severity=(\\w+)\\s*\\|\\s*kind=(\\w+)\\s*\\|\\s*/);\n  if (!match) return { text: observation };\n  const [prefix, severity, kind] = match;\n  return {\n    severity: severity !== undefined && isObservationSeverity(severity) ? severity : undefined,\n    kind,\n    text: observation.slice(prefix.length),\n  };\n}\n\nconst OBSERVATION_SEVERITY_CARD: Record<ObservationSeverity, string> = {\n  info: raisedSurfaceStyle,\n  success: 'border border-success-edge bg-success-subtle',\n  problem: 'border border-destructive-edge bg-destructive-subtle',\n};\n\nfunction ObservationItem({ observation }: { observation: string }) {\n  const { severity, kind, text } = parseTraceObservation(observation);\n\n  return (\n    <li className={`rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <Txt variant=\"meta\" tone=\"muted\" className=\"uppercase\">\n          <Metadata>\n            {severity === 'problem' && <Metadata.Item className=\"text-destructive-foreground\">problem</Metadata.Item>}\n            <Metadata.Item>{kind}</Metadata.Item>\n          </Metadata>\n        </Txt>\n      )}\n      <Txt as=\"p\" variant=\"body\" tone=\"ink\" className={kind === undefined ? '' : 'mt-1'}>\n        {text}\n      </Txt>\n    </li>\n  );\n}\n\nfunction TraceInsightBody({ insight }: { insight: TraceInsightResponse }) {\n  const { signalCatalog } = useTraceIntelligence();\n  return (\n    <>\n      {insight.summary === undefined ? (\n        <Txt tone=\"muted\">No insight available yet for this trace.</Txt>\n      ) : (\n        <section aria-labelledby=\"trace-insight-summary-heading\">\n          <Txt as=\"h2\" variant=\"eyebrow\" tone=\"muted\" id=\"trace-insight-summary-heading\">\n            Trace summary\n          </Txt>\n          <Txt tone=\"ink\" className=\"mt-3\">\n            {insight.summary.summary}\n          </Txt>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"mt-4\">\n              <dt className={textStyle({ tone: 'muted', variant: 'body' })}>Current task</dt>\n              <dd className={cn(textStyle({ tone: 'ink', variant: 'body' }), 'mt-1')}>{insight.summary.currentTask}</dd>\n            </dl>\n          )}\n          {insight.summary.degenerate === true && (\n            <Txt className=\"mt-4 text-destructive-foreground\">This trace was flagged as degenerate or looping.</Txt>\n          )}\n          {insight.summary.observations.length > 0 && (\n            <>\n              <Txt\n                as=\"h3\"\n                variant=\"eyebrow\"\n                tone=\"muted\"\n\n                id=\"trace-insight-observations-heading\"\n                className=\"mt-4\"\n              >\n                Observations\n              </Txt>\n              <ul aria-labelledby=\"trace-insight-observations-heading\" className=\"mt-3 space-y-2\">\n                {insight.summary.observations.map((observation, index) => (\n                  <ObservationItem key={`${observation}:${index}`} observation={observation} />\n                ))}\n              </ul>\n            </>\n          )}\n        </section>\n      )}\n      {insight.signals.length > 0 && (\n        <section aria-labelledby=\"trace-insight-signals-heading\">\n          <Txt as=\"h2\" variant=\"eyebrow\" tone=\"muted\" id=\"trace-insight-signals-heading\">\n            Trace signal summaries\n          </Txt>\n          <ul className=\"mt-3 space-y-3\">\n            {insight.signals.map(signal => (\n              <li key={signal.signalName} className={cn(raisedSurfaceStyle, 'rounded-md p-3')}>\n                <Txt as=\"p\" variant=\"body\" tone=\"muted\">\n                  {signalLabel(signalCatalog, signal.signalName)}\n                </Txt>\n                <Txt as=\"p\" variant=\"body\" tone=\"ink\" className=\"mt-1\">\n                  {signal.signalText}\n                </Txt>\n              </li>\n            ))}\n          </ul>\n        </section>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/ee/signals/trace-insight-view.es.js

@@ -1,12 +1,13 @@
-import { t as cn } from "../../utils-DQx8TpNT.js";
-import { raisedSurfaceStyle } from "../../primitives/raised-surface.es.js";
-import { t as Button } from "../../Button-CLXTbAY8.js";
-import { textStyle } from "../../primitives/text.es.js";
-import { t as Txt } from "../../Txt-BM6TVV_c.js";
-import { TraceIcon } from "../../icons/TraceIcon.es.js";
+import { useTraceInsight } from "./hooks/use-trace-insight.es.js";
 import { signalLabel } from "./signal-formatting.es.js";
 import { useTraceIntelligence } from "./use-trace-intelligence.es.js";
-import { useTraceInsight } from "./hooks/use-trace-insight.es.js";
+import { t as Button } from "../../Button-Bi7aXd_G.js";
+import { t as Metadata } from "../../Metadata-DlVgmRTA.js";
+import { t as Txt } from "../../Txt-5efBsb2p.js";
+import { TraceIcon } from "../../icons/TraceIcon.es.js";
+import { raisedSurfaceStyle } from "../../primitives/raised-surface.es.js";
+import { textStyle } from "../../primitives/text.es.js";
+import { t as cn } from "../../utils-DQx8TpNT.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft } from "lucide-react";
 // src/ee/signals/trace-insight-view.tsx
@@ -71,17 +72,14 @@ function ObservationItem({ observation }) {
 	const { severity, kind, text } = parseTraceObservation(observation);
 	return /* @__PURE__ */ jsxs("li", {
 		className: `rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`,
-		children: [kind !== void 0 && /* @__PURE__ */ jsxs(Txt, {
+		children: [kind !== void 0 && /* @__PURE__ */ jsx(Txt, {
 			variant: "meta",
 			tone: "muted",
 			className: "uppercase",
-			children: [severity === "problem" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+			children: /* @__PURE__ */ jsxs(Metadata, { children: [severity === "problem" && /* @__PURE__ */ jsx(Metadata.Item, {
 				className: "text-destructive-foreground",
 				children: "problem"
-			}), /* @__PURE__ */ jsx("span", {
-				"aria-hidden": "true",
-				children: " · "
-			})] }), /* @__PURE__ */ jsx("span", { children: kind })]
+			}), /* @__PURE__ */ jsx(Metadata.Item, { children: kind })] })
 		}), /* @__PURE__ */ jsx(Txt, {
 			as: "p",
 			variant: "body",

package/dist/ee/signals/trace-insight-view.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-insight-view.es.js","names":["_Fragment"],"sources":["../../../src/ee/signals/trace-insight-view.tsx"],"sourcesContent":["import { ChevronLeft } from 'lucide-react';\nimport { useTraceInsight } from './hooks';\nimport { signalLabel } from './signal-formatting';\nimport type { TraceInsightResponse } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { TraceIcon } from '@/ds/icons/TraceIcon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\ninterface TraceInsightViewProps {\n  traceId: string;\n  onBack: () => void;\n}\n\nexport function TraceInsightView({ traceId, onBack }: TraceInsightViewProps) {\n  const { LinkComponent, getTraceHref } = useTraceIntelligence();\n  const insightQuery = useTraceInsight(traceId);\n\n  return (\n    <div className=\"grid content-start gap-6\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <Button icon={<ChevronLeft />} size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button icon={<TraceIcon />} render={<LinkComponent href={getTraceHref(traceId)} />} size=\"sm\">\n          Open full trace\n        </Button>\n      </div>\n      {insightQuery.isPending && <Txt tone=\"muted\">Loading trace insight…</Txt>}\n      {insightQuery.isError && <Txt className=\"text-destructive-foreground\">Unable to load the trace insight.</Txt>}\n      {insightQuery.data && <TraceInsightBody insight={insightQuery.data} />}\n    </div>\n  );\n}\n\ntype ObservationSeverity = 'info' | 'success' | 'problem';\n\ninterface ParsedObservation {\n  severity?: ObservationSeverity;\n  kind?: string;\n  text: string;\n}\n\nfunction isObservationSeverity(value: string): value is ObservationSeverity {\n  return value === 'info' || value === 'success' || value === 'problem';\n}\n\n/**\n * Trace summaries prefix each observation with a machine-readable\n * `severity=… | kind=… |` header (see the trace-summary prompt). Strip it for\n * display and keep the parts so the UI can render them as visual cues, the\n * same way the observational-memory views parse their emoji markers out of\n * the raw text.\n */\nfunction parseTraceObservation(observation: string): ParsedObservation {\n  const match = observation.match(/^severity=(\\w+)\\s*\\|\\s*kind=(\\w+)\\s*\\|\\s*/);\n  if (!match) return { text: observation };\n  const [prefix, severity, kind] = match;\n  return {\n    severity: severity !== undefined && isObservationSeverity(severity) ? severity : undefined,\n    kind,\n    text: observation.slice(prefix.length),\n  };\n}\n\nconst OBSERVATION_SEVERITY_CARD: Record<ObservationSeverity, string> = {\n  info: raisedSurfaceStyle,\n  success: 'border border-success-edge bg-success-subtle',\n  problem: 'border border-destructive-edge bg-destructive-subtle',\n};\n\nfunction ObservationItem({ observation }: { observation: string }) {\n  const { severity, kind, text } = parseTraceObservation(observation);\n\n  return (\n    <li className={`rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <Txt variant=\"meta\" tone=\"muted\" className=\"uppercase\">\n          {severity === 'problem' && (\n            <>\n              <span className=\"text-destructive-foreground\">problem</span>\n              <span aria-hidden=\"true\"> · </span>\n            </>\n          )}\n          <span>{kind}</span>\n        </Txt>\n      )}\n      <Txt as=\"p\" variant=\"body\" tone=\"ink\" className={kind === undefined ? '' : 'mt-1'}>\n        {text}\n      </Txt>\n    </li>\n  );\n}\n\nfunction TraceInsightBody({ insight }: { insight: TraceInsightResponse }) {\n  const { signalCatalog } = useTraceIntelligence();\n  return (\n    <>\n      {insight.summary === undefined ? (\n        <Txt tone=\"muted\">No insight available yet for this trace.</Txt>\n      ) : (\n        <section aria-labelledby=\"trace-insight-summary-heading\">\n          <Txt as=\"h2\" variant=\"eyebrow\" tone=\"muted\" id=\"trace-insight-summary-heading\">\n            Trace summary\n          </Txt>\n          <Txt tone=\"ink\" className=\"mt-3\">\n            {insight.summary.summary}\n          </Txt>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"mt-4\">\n              <dt className={textStyle({ tone: 'muted', variant: 'body' })}>Current task</dt>\n              <dd className={cn(textStyle({ tone: 'ink', variant: 'body' }), 'mt-1')}>{insight.summary.currentTask}</dd>\n            </dl>\n          )}\n          {insight.summary.degenerate === true && (\n            <Txt className=\"mt-4 text-destructive-foreground\">This trace was flagged as degenerate or looping.</Txt>\n          )}\n          {insight.summary.observations.length > 0 && (\n            <>\n              <Txt\n                as=\"h3\"\n                variant=\"eyebrow\"\n                tone=\"muted\"\n\n                id=\"trace-insight-observations-heading\"\n                className=\"mt-4\"\n              >\n                Observations\n              </Txt>\n              <ul aria-labelledby=\"trace-insight-observations-heading\" className=\"mt-3 space-y-2\">\n                {insight.summary.observations.map((observation, index) => (\n                  <ObservationItem key={`${observation}:${index}`} observation={observation} />\n                ))}\n              </ul>\n            </>\n          )}\n        </section>\n      )}\n      {insight.signals.length > 0 && (\n        <section aria-labelledby=\"trace-insight-signals-heading\">\n          <Txt as=\"h2\" variant=\"eyebrow\" tone=\"muted\" id=\"trace-insight-signals-heading\">\n            Trace signal summaries\n          </Txt>\n          <ul className=\"mt-3 space-y-3\">\n            {insight.signals.map(signal => (\n              <li key={signal.signalName} className={cn(raisedSurfaceStyle, 'rounded-md p-3')}>\n                <Txt as=\"p\" variant=\"body\" tone=\"muted\">\n                  {signalLabel(signalCatalog, signal.signalName)}\n                </Txt>\n                <Txt as=\"p\" variant=\"body\" tone=\"ink\" className=\"mt-1\">\n                  {signal.signalText}\n                </Txt>\n              </li>\n            ))}\n          </ul>\n        </section>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"trace-insight-view.es.js","names":["_Fragment"],"sources":["../../../src/ee/signals/trace-insight-view.tsx"],"sourcesContent":["import { ChevronLeft } from 'lucide-react';\nimport { useTraceInsight } from './hooks';\nimport { signalLabel } from './signal-formatting';\nimport type { TraceInsightResponse } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { Metadata } from '@/ds/components/Metadata';\nimport { Txt } from '@/ds/components/Txt';\nimport { TraceIcon } from '@/ds/icons/TraceIcon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\ninterface TraceInsightViewProps {\n  traceId: string;\n  onBack: () => void;\n}\n\nexport function TraceInsightView({ traceId, onBack }: TraceInsightViewProps) {\n  const { LinkComponent, getTraceHref } = useTraceIntelligence();\n  const insightQuery = useTraceInsight(traceId);\n\n  return (\n    <div className=\"grid content-start gap-6\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <Button icon={<ChevronLeft />} size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button icon={<TraceIcon />} render={<LinkComponent href={getTraceHref(traceId)} />} size=\"sm\">\n          Open full trace\n        </Button>\n      </div>\n      {insightQuery.isPending && <Txt tone=\"muted\">Loading trace insight…</Txt>}\n      {insightQuery.isError && <Txt className=\"text-destructive-foreground\">Unable to load the trace insight.</Txt>}\n      {insightQuery.data && <TraceInsightBody insight={insightQuery.data} />}\n    </div>\n  );\n}\n\ntype ObservationSeverity = 'info' | 'success' | 'problem';\n\ninterface ParsedObservation {\n  severity?: ObservationSeverity;\n  kind?: string;\n  text: string;\n}\n\nfunction isObservationSeverity(value: string): value is ObservationSeverity {\n  return value === 'info' || value === 'success' || value === 'problem';\n}\n\n/**\n * Trace summaries prefix each observation with a machine-readable\n * `severity=… | kind=… |` header (see the trace-summary prompt). Strip it for\n * display and keep the parts so the UI can render them as visual cues, the\n * same way the observational-memory views parse their emoji markers out of\n * the raw text.\n */\nfunction parseTraceObservation(observation: string): ParsedObservation {\n  const match = observation.match(/^severity=(\\w+)\\s*\\|\\s*kind=(\\w+)\\s*\\|\\s*/);\n  if (!match) return { text: observation };\n  const [prefix, severity, kind] = match;\n  return {\n    severity: severity !== undefined && isObservationSeverity(severity) ? severity : undefined,\n    kind,\n    text: observation.slice(prefix.length),\n  };\n}\n\nconst OBSERVATION_SEVERITY_CARD: Record<ObservationSeverity, string> = {\n  info: raisedSurfaceStyle,\n  success: 'border border-success-edge bg-success-subtle',\n  problem: 'border border-destructive-edge bg-destructive-subtle',\n};\n\nfunction ObservationItem({ observation }: { observation: string }) {\n  const { severity, kind, text } = parseTraceObservation(observation);\n\n  return (\n    <li className={`rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <Txt variant=\"meta\" tone=\"muted\" className=\"uppercase\">\n          <Metadata>\n            {severity === 'problem' && <Metadata.Item className=\"text-destructive-foreground\">problem</Metadata.Item>}\n            <Metadata.Item>{kind}</Metadata.Item>\n          </Metadata>\n        </Txt>\n      )}\n      <Txt as=\"p\" variant=\"body\" tone=\"ink\" className={kind === undefined ? '' : 'mt-1'}>\n        {text}\n      </Txt>\n    </li>\n  );\n}\n\nfunction TraceInsightBody({ insight }: { insight: TraceInsightResponse }) {\n  const { signalCatalog } = useTraceIntelligence();\n  return (\n    <>\n      {insight.summary === undefined ? (\n        <Txt tone=\"muted\">No insight available yet for this trace.</Txt>\n      ) : (\n        <section aria-labelledby=\"trace-insight-summary-heading\">\n          <Txt as=\"h2\" variant=\"eyebrow\" tone=\"muted\" id=\"trace-insight-summary-heading\">\n            Trace summary\n          </Txt>\n          <Txt tone=\"ink\" className=\"mt-3\">\n            {insight.summary.summary}\n          </Txt>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"mt-4\">\n              <dt className={textStyle({ tone: 'muted', variant: 'body' })}>Current task</dt>\n              <dd className={cn(textStyle({ tone: 'ink', variant: 'body' }), 'mt-1')}>{insight.summary.currentTask}</dd>\n            </dl>\n          )}\n          {insight.summary.degenerate === true && (\n            <Txt className=\"mt-4 text-destructive-foreground\">This trace was flagged as degenerate or looping.</Txt>\n          )}\n          {insight.summary.observations.length > 0 && (\n            <>\n              <Txt\n                as=\"h3\"\n                variant=\"eyebrow\"\n                tone=\"muted\"\n\n                id=\"trace-insight-observations-heading\"\n                className=\"mt-4\"\n              >\n                Observations\n              </Txt>\n              <ul aria-labelledby=\"trace-insight-observations-heading\" className=\"mt-3 space-y-2\">\n                {insight.summary.observations.map((observation, index) => (\n                  <ObservationItem key={`${observation}:${index}`} observation={observation} />\n                ))}\n              </ul>\n            </>\n          )}\n        </section>\n      )}\n      {insight.signals.length > 0 && (\n        <section aria-labelledby=\"trace-insight-signals-heading\">\n          <Txt as=\"h2\" variant=\"eyebrow\" tone=\"muted\" id=\"trace-insight-signals-heading\">\n            Trace signal summaries\n          </Txt>\n          <ul className=\"mt-3 space-y-3\">\n            {insight.signals.map(signal => (\n              <li key={signal.signalName} className={cn(raisedSurfaceStyle, 'rounded-md p-3')}>\n                <Txt as=\"p\" variant=\"body\" tone=\"muted\">\n                  {signalLabel(signalCatalog, signal.signalName)}\n                </Txt>\n                <Txt as=\"p\" variant=\"body\" tone=\"ink\" className=\"mt-1\">\n                  {signal.signalText}\n                </Txt>\n              </li>\n            ))}\n          </ul>\n        </section>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/ee/signals/trace-intelligence-explainer.cjs.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../Txt-BnoSqxKE.cjs");
-const require_components_Tooltip = require("../../components/Tooltip.cjs.js");
 const require_ee_signals_signal_colors = require("./signal-colors.cjs.js");
 const require_ee_signals_signal_formatting = require("./signal-formatting.cjs.js");
+const require_components_Tooltip = require("../../components/Tooltip.cjs.js");
+const require_Txt = require("../../Txt-_00wWxTd.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ee/signals/trace-intelligence-explainer.tsx
 /** Info tooltip for first-time viewers: signals → themes → snapshots. */
@@ -25,19 +25,14 @@ function TraceIntelligenceExplainer({ signalCatalog }) {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 				className: "space-y-1.5",
 				children: enabledSignals.map((signalName) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-					className: "text-muted-foreground",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-							as: "span",
-							variant: "meta",
-							className: "uppercase",
-							style: { color: require_ee_signals_signal_colors.getSignalColor(signalName) },
-							children: require_ee_signals_signal_formatting.signalLabel(signalCatalog, signalName)
-						}),
-						" ",
-						"— ",
-						require_ee_signals_signal_formatting.signalDescription(signalCatalog, signalName)
-					]
+					className: "flex flex-wrap items-baseline gap-x-2 gap-y-1 text-muted-foreground",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+						as: "span",
+						variant: "meta",
+						className: "uppercase",
+						style: { color: require_ee_signals_signal_colors.getSignalColor(signalName) },
+						children: require_ee_signals_signal_formatting.signalLabel(signalCatalog, signalName)
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: require_ee_signals_signal_formatting.signalDescription(signalCatalog, signalName) })]
 				}, signalName))
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {

package/dist/ee/signals/trace-intelligence-explainer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-intelligence-explainer.cjs.js","names":["orderedSignals","InfoTooltip","Txt","getSignalColor","signalLabel","signalDescription"],"sources":["../../../src/ee/signals/trace-intelligence-explainer.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { getSignalColor } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { InfoTooltip } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\n\n/** Info tooltip for first-time viewers: signals → themes → snapshots. */\nexport function TraceIntelligenceExplainer({ signalCatalog }: { signalCatalog: readonly SignalCatalogEntry[] }) {\n  const enabledSignals = orderedSignals(\n    signalCatalog,\n    signalCatalog.filter(signal => signal.enabled).map(signal => signal.name),\n  );\n  return (\n    <InfoTooltip aria-label=\"What is trace intelligence?\" contentClassName=\"max-w-sm space-y-3 p-4\">\n      <p className=\"text-foreground\">\n        Every trace is analyzed for {enabledSignals.length === 4 ? 'four' : enabledSignals.length}{' '}\n        {enabledSignals.length === 1 ? 'signal' : 'signals'}, and traces with similar signals are clustered into named\n        themes.\n      </p>\n      <ul className=\"space-y-1.5\">\n        {enabledSignals.map(signalName => (\n          <li key={signalName} className=\"text-muted-foreground\">\n            <Txt\n              as=\"span\"\n              variant=\"meta\"\n\n              className=\"uppercase\"\n              style={{ color: getSignalColor(signalName) }}\n            >\n              {signalLabel(signalCatalog, signalName)}\n            </Txt>{' '}\n            — {signalDescription(signalCatalog, signalName)}\n          </li>\n        ))}\n      </ul>\n      <p className=\"text-muted-foreground\">\n        Snapshots capture the themes at points in time, so the views show how they appear, grow, and fade.\n      </p>\n    </InfoTooltip>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,2BAA2B,EAAE,iBAAmE;CAC9G,MAAM,iBAAiBA,qCAAAA,eACrB,eACA,cAAc,QAAO,WAAU,OAAO,OAAO,CAAC,CAAC,KAAI,WAAU,OAAO,IAAI,CAC1E;CACA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,2BAAAA,aAAD;EAAa,cAAW;EAA8B,kBAAiB;EAAvE,UAAA;GACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;IAAG,WAAU;IAAb,UAAA;KAA+B;KACA,eAAe,WAAW,IAAI,SAAS,eAAe;KAAQ;KAC1F,eAAe,WAAW,IAAI,WAAW;KAAU;IAEnD;;GACH,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;IAAI,WAAU;IACX,UAAA,eAAe,KAAI,eAClB,iBAAA,GAAA,kBAAA,KAAA,CAAC,MAAD;KAAqB,WAAU;KAA/B,UAAA;MACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;OACE,IAAG;OACH,SAAQ;OAER,WAAU;OACV,OAAO,EAAE,OAAOC,iCAAAA,eAAe,UAAU,EAAE;OAE1C,UAAAC,qCAAAA,YAAY,eAAe,UAAU;MACnC,CAAA;MAAE;MAAI;MACRC,qCAAAA,kBAAkB,eAAe,UAAU;KAC5C;IAXK,GAAA,UAWL,CACL;GACC,CAAA;GACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,WAAU;IAAwB,UAAA;GAElC,CAAA;EACQ;;AAEjB"}
+{"version":3,"file":"trace-intelligence-explainer.cjs.js","names":["orderedSignals","InfoTooltip","Txt","getSignalColor","signalLabel","signalDescription"],"sources":["../../../src/ee/signals/trace-intelligence-explainer.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { getSignalColor } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { InfoTooltip } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\n\n/** Info tooltip for first-time viewers: signals → themes → snapshots. */\nexport function TraceIntelligenceExplainer({ signalCatalog }: { signalCatalog: readonly SignalCatalogEntry[] }) {\n  const enabledSignals = orderedSignals(\n    signalCatalog,\n    signalCatalog.filter(signal => signal.enabled).map(signal => signal.name),\n  );\n  return (\n    <InfoTooltip aria-label=\"What is trace intelligence?\" contentClassName=\"max-w-sm space-y-3 p-4\">\n      <p className=\"text-foreground\">\n        Every trace is analyzed for {enabledSignals.length === 4 ? 'four' : enabledSignals.length}{' '}\n        {enabledSignals.length === 1 ? 'signal' : 'signals'}, and traces with similar signals are clustered into named\n        themes.\n      </p>\n      <ul className=\"space-y-1.5\">\n        {enabledSignals.map(signalName => (\n          <li key={signalName} className=\"flex flex-wrap items-baseline gap-x-2 gap-y-1 text-muted-foreground\">\n            <Txt\n              as=\"span\"\n              variant=\"meta\"\n\n              className=\"uppercase\"\n              style={{ color: getSignalColor(signalName) }}\n            >\n              {signalLabel(signalCatalog, signalName)}\n            </Txt>\n            <span>{signalDescription(signalCatalog, signalName)}</span>\n          </li>\n        ))}\n      </ul>\n      <p className=\"text-muted-foreground\">\n        Snapshots capture the themes at points in time, so the views show how they appear, grow, and fade.\n      </p>\n    </InfoTooltip>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,2BAA2B,EAAE,iBAAmE;CAC9G,MAAM,iBAAiBA,qCAAAA,eACrB,eACA,cAAc,QAAO,WAAU,OAAO,OAAO,CAAC,CAAC,KAAI,WAAU,OAAO,IAAI,CAC1E;CACA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,2BAAAA,aAAD;EAAa,cAAW;EAA8B,kBAAiB;EAAvE,UAAA;GACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;IAAG,WAAU;IAAb,UAAA;KAA+B;KACA,eAAe,WAAW,IAAI,SAAS,eAAe;KAAQ;KAC1F,eAAe,WAAW,IAAI,WAAW;KAAU;IAEnD;;GACH,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;IAAI,WAAU;IACX,UAAA,eAAe,KAAI,eAClB,iBAAA,GAAA,kBAAA,KAAA,CAAC,MAAD;KAAqB,WAAU;KAA/B,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;MACE,IAAG;MACH,SAAQ;MAER,WAAU;MACV,OAAO,EAAE,OAAOC,iCAAAA,eAAe,UAAU,EAAE;MAE1C,UAAAC,qCAAAA,YAAY,eAAe,UAAU;KACnC,CAAA,GACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAA,UAAOC,qCAAAA,kBAAkB,eAAe,UAAU,EAAQ,CAAA,CACxD;IAXK,GAAA,UAWL,CACL;GACC,CAAA;GACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,WAAU;IAAwB,UAAA;GAElC,CAAA;EACQ;;AAEjB"}

package/dist/ee/signals/trace-intelligence-explainer.es.js

@@ -1,7 +1,7 @@
-import { t as Txt } from "../../Txt-BM6TVV_c.js";
-import { InfoTooltip } from "../../components/Tooltip.es.js";
 import { getSignalColor } from "./signal-colors.es.js";
 import { orderedSignals, signalDescription, signalLabel } from "./signal-formatting.es.js";
+import { InfoTooltip } from "../../components/Tooltip.es.js";
+import { t as Txt } from "../../Txt-5efBsb2p.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/ee/signals/trace-intelligence-explainer.tsx
 /** Info tooltip for first-time viewers: signals → themes → snapshots. */
@@ -24,19 +24,14 @@ function TraceIntelligenceExplainer({ signalCatalog }) {
 			/* @__PURE__ */ jsx("ul", {
 				className: "space-y-1.5",
 				children: enabledSignals.map((signalName) => /* @__PURE__ */ jsxs("li", {
-					className: "text-muted-foreground",
-					children: [
-						/* @__PURE__ */ jsx(Txt, {
-							as: "span",
-							variant: "meta",
-							className: "uppercase",
-							style: { color: getSignalColor(signalName) },
-							children: signalLabel(signalCatalog, signalName)
-						}),
-						" ",
-						"— ",
-						signalDescription(signalCatalog, signalName)
-					]
+					className: "flex flex-wrap items-baseline gap-x-2 gap-y-1 text-muted-foreground",
+					children: [/* @__PURE__ */ jsx(Txt, {
+						as: "span",
+						variant: "meta",
+						className: "uppercase",
+						style: { color: getSignalColor(signalName) },
+						children: signalLabel(signalCatalog, signalName)
+					}), /* @__PURE__ */ jsx("span", { children: signalDescription(signalCatalog, signalName) })]
 				}, signalName))
 			}),
 			/* @__PURE__ */ jsx("p", {

package/dist/ee/signals/trace-intelligence-explainer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-intelligence-explainer.es.js","names":[],"sources":["../../../src/ee/signals/trace-intelligence-explainer.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { getSignalColor } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { InfoTooltip } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\n\n/** Info tooltip for first-time viewers: signals → themes → snapshots. */\nexport function TraceIntelligenceExplainer({ signalCatalog }: { signalCatalog: readonly SignalCatalogEntry[] }) {\n  const enabledSignals = orderedSignals(\n    signalCatalog,\n    signalCatalog.filter(signal => signal.enabled).map(signal => signal.name),\n  );\n  return (\n    <InfoTooltip aria-label=\"What is trace intelligence?\" contentClassName=\"max-w-sm space-y-3 p-4\">\n      <p className=\"text-foreground\">\n        Every trace is analyzed for {enabledSignals.length === 4 ? 'four' : enabledSignals.length}{' '}\n        {enabledSignals.length === 1 ? 'signal' : 'signals'}, and traces with similar signals are clustered into named\n        themes.\n      </p>\n      <ul className=\"space-y-1.5\">\n        {enabledSignals.map(signalName => (\n          <li key={signalName} className=\"text-muted-foreground\">\n            <Txt\n              as=\"span\"\n              variant=\"meta\"\n\n              className=\"uppercase\"\n              style={{ color: getSignalColor(signalName) }}\n            >\n              {signalLabel(signalCatalog, signalName)}\n            </Txt>{' '}\n            — {signalDescription(signalCatalog, signalName)}\n          </li>\n        ))}\n      </ul>\n      <p className=\"text-muted-foreground\">\n        Snapshots capture the themes at points in time, so the views show how they appear, grow, and fade.\n      </p>\n    </InfoTooltip>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,2BAA2B,EAAE,iBAAmE;CAC9G,MAAM,iBAAiB,eACrB,eACA,cAAc,QAAO,WAAU,OAAO,OAAO,CAAC,CAAC,KAAI,WAAU,OAAO,IAAI,CAC1E;CACA,OACE,qBAAC,aAAD;EAAa,cAAW;EAA8B,kBAAiB;EAAvE,UAAA;GACE,qBAAC,KAAD;IAAG,WAAU;IAAb,UAAA;KAA+B;KACA,eAAe,WAAW,IAAI,SAAS,eAAe;KAAQ;KAC1F,eAAe,WAAW,IAAI,WAAW;KAAU;IAEnD;;GACH,oBAAC,MAAD;IAAI,WAAU;IACX,UAAA,eAAe,KAAI,eAClB,qBAAC,MAAD;KAAqB,WAAU;KAA/B,UAAA;MACE,oBAAC,KAAD;OACE,IAAG;OACH,SAAQ;OAER,WAAU;OACV,OAAO,EAAE,OAAO,eAAe,UAAU,EAAE;OAE1C,UAAA,YAAY,eAAe,UAAU;MACnC,CAAA;MAAE;MAAI;MACR,kBAAkB,eAAe,UAAU;KAC5C;IAXK,GAAA,UAWL,CACL;GACC,CAAA;GACJ,oBAAC,KAAD;IAAG,WAAU;IAAwB,UAAA;GAElC,CAAA;EACQ;;AAEjB"}
+{"version":3,"file":"trace-intelligence-explainer.es.js","names":[],"sources":["../../../src/ee/signals/trace-intelligence-explainer.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { getSignalColor } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { InfoTooltip } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\n\n/** Info tooltip for first-time viewers: signals → themes → snapshots. */\nexport function TraceIntelligenceExplainer({ signalCatalog }: { signalCatalog: readonly SignalCatalogEntry[] }) {\n  const enabledSignals = orderedSignals(\n    signalCatalog,\n    signalCatalog.filter(signal => signal.enabled).map(signal => signal.name),\n  );\n  return (\n    <InfoTooltip aria-label=\"What is trace intelligence?\" contentClassName=\"max-w-sm space-y-3 p-4\">\n      <p className=\"text-foreground\">\n        Every trace is analyzed for {enabledSignals.length === 4 ? 'four' : enabledSignals.length}{' '}\n        {enabledSignals.length === 1 ? 'signal' : 'signals'}, and traces with similar signals are clustered into named\n        themes.\n      </p>\n      <ul className=\"space-y-1.5\">\n        {enabledSignals.map(signalName => (\n          <li key={signalName} className=\"flex flex-wrap items-baseline gap-x-2 gap-y-1 text-muted-foreground\">\n            <Txt\n              as=\"span\"\n              variant=\"meta\"\n\n              className=\"uppercase\"\n              style={{ color: getSignalColor(signalName) }}\n            >\n              {signalLabel(signalCatalog, signalName)}\n            </Txt>\n            <span>{signalDescription(signalCatalog, signalName)}</span>\n          </li>\n        ))}\n      </ul>\n      <p className=\"text-muted-foreground\">\n        Snapshots capture the themes at points in time, so the views show how they appear, grow, and fade.\n      </p>\n    </InfoTooltip>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,2BAA2B,EAAE,iBAAmE;CAC9G,MAAM,iBAAiB,eACrB,eACA,cAAc,QAAO,WAAU,OAAO,OAAO,CAAC,CAAC,KAAI,WAAU,OAAO,IAAI,CAC1E;CACA,OACE,qBAAC,aAAD;EAAa,cAAW;EAA8B,kBAAiB;EAAvE,UAAA;GACE,qBAAC,KAAD;IAAG,WAAU;IAAb,UAAA;KAA+B;KACA,eAAe,WAAW,IAAI,SAAS,eAAe;KAAQ;KAC1F,eAAe,WAAW,IAAI,WAAW;KAAU;IAEnD;;GACH,oBAAC,MAAD;IAAI,WAAU;IACX,UAAA,eAAe,KAAI,eAClB,qBAAC,MAAD;KAAqB,WAAU;KAA/B,UAAA,CACE,oBAAC,KAAD;MACE,IAAG;MACH,SAAQ;MAER,WAAU;MACV,OAAO,EAAE,OAAO,eAAe,UAAU,EAAE;MAE1C,UAAA,YAAY,eAAe,UAAU;KACnC,CAAA,GACL,oBAAC,QAAD,EAAA,UAAO,kBAAkB,eAAe,UAAU,EAAQ,CAAA,CACxD;IAXK,GAAA,UAWL,CACL;GACC,CAAA;GACJ,oBAAC,KAAD;IAAG,WAAU;IAAwB,UAAA;GAElC,CAAA;EACQ;;AAEjB"}

package/dist/ee/signals/view-mode-tab.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_tabs_tab = require("../../tabs-tab-Dj2huH5T.cjs");
+const require_Txt = require("../../Txt-_00wWxTd.cjs");
 const require_icons_Icon = require("../../icons/Icon.cjs.js");
-const require_Txt = require("../../Txt-BnoSqxKE.cjs");
-const require_tabs_tab = require("../../tabs-tab-DGwfHVDr.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ee/signals/view-mode-tab.tsx
 function ViewModeTab({ value, icon, label }) {

package/dist/ee/signals/view-mode-tab.es.js

@@ -1,6 +1,6 @@
+import { t as Tab } from "../../tabs-tab-CJVS0WED.js";
+import { t as Txt } from "../../Txt-5efBsb2p.js";
 import { Icon } from "../../icons/Icon.es.js";
-import { t as Txt } from "../../Txt-BM6TVV_c.js";
-import { t as Tab } from "../../tabs-tab-CYTZevdV.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/ee/signals/view-mode-tab.tsx
 function ViewModeTab({ value, icon, label }) {

package/dist/ee/signals.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_ee_signals_sankey_signals = require("./signals/sankey-signals.cjs.js");
 const require_ee_signals_signal_colors = require("./signals/signal-colors.cjs.js");
-const require_ee_signals_signal_formatting = require("./signals/signal-formatting.cjs.js");
 const require_ee_signals_components_signals_overview_page = require("./signals/components/signals-overview-page.cjs.js");
-const require_ee_signals_trace_intelligence_context = require("./signals/trace-intelligence-context.cjs.js");
-const require_ee_signals_use_trace_intelligence = require("./signals/use-trace-intelligence.cjs.js");
+const require_ee_signals_signal_formatting = require("./signals/signal-formatting.cjs.js");
+const require_ee_signals_signals_error_state = require("./signals/signals-error-state.cjs.js");
 const require_ee_signals_hooks_use_noise = require("./signals/hooks/use-noise.cjs.js");
 const require_ee_signals_hooks_use_noise_examples = require("./signals/hooks/use-noise-examples.cjs.js");
 const require_ee_signals_hooks_use_entity_learning_progress = require("./signals/hooks/use-entity-learning-progress.cjs.js");
@@ -15,10 +15,10 @@ const require_ee_signals_hooks_use_theme_history = require("./signals/hooks/use-
 const require_ee_signals_hooks_use_theme_paths = require("./signals/hooks/use-theme-paths.cjs.js");
 const require_ee_signals_hooks_use_theme_snapshots = require("./signals/hooks/use-theme-snapshots.cjs.js");
 const require_ee_signals_hooks_use_trace_insight = require("./signals/hooks/use-trace-insight.cjs.js");
-const require_ee_signals_signals_error_state = require("./signals/signals-error-state.cjs.js");
 const require_ee_signals_signals_loading_skeleton = require("./signals/signals-loading-skeleton.cjs.js");
-const require_ee_signals_sankey_signals = require("./signals/sankey-signals.cjs.js");
+const require_ee_signals_trace_intelligence_context = require("./signals/trace-intelligence-context.cjs.js");
 const require_ee_signals_trace_intelligence_provider = require("./signals/trace-intelligence-provider.cjs.js");
+const require_ee_signals_use_trace_intelligence = require("./signals/use-trace-intelligence.cjs.js");
 const require_ee_signals_components_trace_intelligence_entity_detail = require("./signals/components/trace-intelligence-entity-detail.cjs.js");
 const require_ee_signals_settings_trace_signal_settings = require("./signals/settings/trace-signal-settings.cjs.js");
 const require_ee_signals_components_trace_intelligence_entity_index = require("./signals/components/trace-intelligence-entity-index.cjs.js");

package/dist/ee/signals.es.js

@@ -1,8 +1,8 @@
+import { SankeySignals } from "./signals/sankey-signals.es.js";
 import { getSignalAreaClass, getSignalColor, getSignalConnectorClass } from "./signals/signal-colors.es.js";
-import { BUILT_IN_SIGNAL_CATALOG, SIGNAL_DESCRIPTIONS, SIGNAL_PROCESSING_ORDER, formatSignalName, formatSnapshotCutoff, formatSnapshotDate, formatSnapshotWindow, getSignalDescription, orderedSignals, shareSentence, signalDescription, signalLabel, themeLabel, traceLabel } from "./signals/signal-formatting.es.js";
 import { SignalsOverviewPage } from "./signals/components/signals-overview-page.es.js";
-import { TraceIntelligenceContext, defaultTraceIntelligenceContextValue } from "./signals/trace-intelligence-context.es.js";
-import { useTraceIntelligence } from "./signals/use-trace-intelligence.es.js";
+import { BUILT_IN_SIGNAL_CATALOG, SIGNAL_DESCRIPTIONS, SIGNAL_PROCESSING_ORDER, formatSignalName, formatSnapshotCutoff, formatSnapshotDate, formatSnapshotWindow, getSignalDescription, orderedSignals, shareSentence, signalDescription, signalLabel, themeLabel, traceLabel } from "./signals/signal-formatting.es.js";
+import { SignalsErrorState } from "./signals/signals-error-state.es.js";
 import { useNoise } from "./signals/hooks/use-noise.es.js";
 import { useNoiseExamples } from "./signals/hooks/use-noise-examples.es.js";
 import { useEntityLearningProgress } from "./signals/hooks/use-entity-learning-progress.es.js";
@@ -14,10 +14,10 @@ import { useThemeHistory } from "./signals/hooks/use-theme-history.es.js";
 import { useThemePaths } from "./signals/hooks/use-theme-paths.es.js";
 import { useThemeSnapshots } from "./signals/hooks/use-theme-snapshots.es.js";
 import { useTraceInsight } from "./signals/hooks/use-trace-insight.es.js";
-import { SignalsErrorState } from "./signals/signals-error-state.es.js";
 import { SignalsFrameLoadingSkeleton, SignalsLoadingSkeleton } from "./signals/signals-loading-skeleton.es.js";
-import { SankeySignals } from "./signals/sankey-signals.es.js";
+import { TraceIntelligenceContext, defaultTraceIntelligenceContextValue } from "./signals/trace-intelligence-context.es.js";
 import { TraceIntelligenceProvider } from "./signals/trace-intelligence-provider.es.js";
+import { useTraceIntelligence } from "./signals/use-trace-intelligence.es.js";
 import { TraceIntelligenceEntityDetail } from "./signals/components/trace-intelligence-entity-detail.es.js";
 import { TraceSignalSettingsButton, TraceSignalSettingsPanel } from "./signals/settings/trace-signal-settings.es.js";
 import { TraceIntelligenceEntityIndex } from "./signals/components/trace-intelligence-entity-index.es.js";

package/dist/ee/topics/components/topic-trace-details-panel.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
 const require_domains_traces_components_span_data_panel_view = require("../../../domains/traces/components/span-data-panel-view.cjs.js");
 const require_domains_traces_components_trace_details_view = require("../../../domains/traces/components/trace-details-view.cjs.js");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
 // src/ee/topics/components/topic-trace-details-panel.tsx

package/dist/ee/topics/components/topic-trace-details-panel.es.js

@@ -1,6 +1,6 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { SpanDataPanelView } from "../../../domains/traces/components/span-data-panel-view.es.js";
 import { TraceDetailsView } from "../../../domains/traces/components/trace-details-view.es.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useSpanDetail, useTraceSpans } from "@mastra/react/hooks/traces";
 // src/ee/topics/components/topic-trace-details-panel.tsx

package/dist/ee/topics/components/topic-trace-summary-list.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
-const require_components_SearchInput = require("../../../components/SearchInput.cjs.js");
-const require_data_list = require("../../../data-list-C4Vmq5HA.cjs");
-const require_use_data_list_keyboard = require("../../../use-data-list-keyboard-BCLBdaWR.cjs");
 const require_ee_topics_utils = require("../utils.cjs.js");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_data_list = require("../../../data-list-072hHK9L.cjs");
+const require_use_data_list_keyboard = require("../../../use-data-list-keyboard-BCLBdaWR.cjs");
+const require_components_SearchInput = require("../../../components/SearchInput.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/ee/topics/components/topic-trace-summary-list.es.js

@@ -1,8 +1,8 @@
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { SearchInput } from "../../../components/SearchInput.es.js";
-import { t as DataList } from "../../../data-list-DHCOoLmj.js";
-import { t as useDataListKeyboard } from "../../../use-data-list-keyboard-fJXq2T3y.js";
 import { getVisibleTraceSummaries } from "../utils.es.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { t as DataList } from "../../../data-list-GzbzPmYR.js";
+import { t as useDataListKeyboard } from "../../../use-data-list-keyboard-fJXq2T3y.js";
+import { SearchInput } from "../../../components/SearchInput.es.js";
 import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "lucide-react";

package/dist/ee/topics/components/topics-layout.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_resize_collapsible_panel = require("../../../resize/collapsible-panel.cjs.js");
 const require_resize_panel_group = require("../../../resize/panel-group.cjs.js");
 const require_resize_separator = require("../../../resize/separator.cjs.js");
-const require_resize_collapsible_panel = require("../../../resize/collapsible-panel.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_resizable_panels = require("react-resizable-panels");
 // src/ee/topics/components/topics-layout.tsx

package/dist/ee/topics/components/topics-layout.es.js

@@ -1,6 +1,6 @@
+import { CollapsiblePanel } from "../../../resize/collapsible-panel.es.js";
 import { PanelGroup } from "../../../resize/panel-group.es.js";
 import { PanelSeparator } from "../../../resize/separator.es.js";
-import { CollapsiblePanel } from "../../../resize/collapsible-panel.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Panel } from "react-resizable-panels";
 // src/ee/topics/components/topics-layout.tsx

package/dist/field-error-id-6ZynvsRO.js

@@ -0,0 +1,89 @@
+import { t as cn } from "./utils-DQx8TpNT.js";
+import { Icon } from "./icons/Icon.es.js";
+import { t as Txt } from "./Txt-5efBsb2p.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CircleAlertIcon } from "lucide-react";
+// src/ds/components/FormFieldBlocks/block/field-block-column.tsx
+function FieldBlockColumn({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("grid gap-2 text-foreground", className),
+		children
+	});
+}
+// src/ds/components/FormFieldBlocks/block/field-block-error-msg.tsx
+function FieldBlockErrorMsg({ children, name, className }) {
+	return /* @__PURE__ */ jsxs(Txt, {
+		variant: "body-sm",
+		role: "alert",
+		id: name !== void 0 ? `error-${name}` : void 0,
+		className: cn("flex gap-1 text-destructive-foreground", className),
+		children: [/* @__PURE__ */ jsx(Icon, {
+			size: "xs",
+			className: "mt-1 shrink-0",
+			"aria-hidden": true,
+			children: /* @__PURE__ */ jsx(CircleAlertIcon, {})
+		}), /* @__PURE__ */ jsx("span", { children })]
+	});
+}
+// src/ds/components/FormFieldBlocks/block/field-block-help-text.tsx
+function FieldBlockHelpText({ children }) {
+	return /* @__PURE__ */ jsx(Txt, {
+		variant: "caption",
+		tone: "muted",
+		children
+	});
+}
+// src/ds/components/FormFieldBlocks/block/field-block-label.tsx
+function FieldBlockLabel({ children, name, htmlFor = `input-${name}`, required, disabled = false, size = "default", className }) {
+	return /* @__PURE__ */ jsxs("label", {
+		htmlFor,
+		className: cn("inline-flex items-center text-label", {
+			"text-body": size === "bigger",
+			"text-foreground": !disabled,
+			"text-muted-foreground": disabled
+		}, className),
+		children: [children, required ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: cn("ml-0.5", disabled ? "text-muted-foreground" : "text-destructive-foreground"),
+			children: "*"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: " (required)"
+		})] }) : null]
+	});
+}
+// src/ds/components/FormFieldBlocks/block/field-block-layout.tsx
+function FieldBlockLayout({ children, className, layout = "vertical", labelColumnWidth }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("relative grid gap-2 text-foreground", { "horizontal-field-block grid-cols-[auto_1fr] items-baseline": layout === "horizontal" }, className),
+		style: layout === "horizontal" && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : void 0,
+		children
+	});
+}
+// src/ds/components/FormFieldBlocks/block/field-block-message.tsx
+function FieldBlockMessage({ name, helpText, errorMsg }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-lh min-w-0 overflow-hidden text-body-sm [&>p]:truncate",
+		children: errorMsg ? /* @__PURE__ */ jsx(FieldBlockErrorMsg, {
+			name,
+			className: "truncate",
+			children: errorMsg
+		}) : helpText ? /* @__PURE__ */ jsx(FieldBlockHelpText, { children: helpText }) : null
+	});
+}
+// src/ds/components/FormFieldBlocks/block/field-block.tsx
+/** @deprecated Use `Field` with `FieldLabel`, `FieldDescription` and `FieldError`. */
+var FieldBlock = Object.assign({}, {
+	Layout: FieldBlockLayout,
+	Column: FieldBlockColumn,
+	Label: FieldBlockLabel,
+	HelpText: FieldBlockHelpText,
+	ErrorMsg: FieldBlockErrorMsg,
+	Message: FieldBlockMessage
+});
+// src/ds/components/FormFieldBlocks/block/field-error-id.ts
+/** @deprecated Wrap the control in a `Field`: `FieldError` links itself to the control. */
+var fieldErrorId = (name) => `error-${name}`;
+export { FieldBlock as n, fieldErrorId as t };
+
+//# sourceMappingURL=field-error-id-6ZynvsRO.js.map

package/dist/field-error-id-6ZynvsRO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-error-id-6ZynvsRO.js","names":["_Fragment"],"sources":["../src/ds/components/FormFieldBlocks/block/field-block-column.tsx","../src/ds/components/FormFieldBlocks/block/field-block-error-msg.tsx","../src/ds/components/FormFieldBlocks/block/field-block-help-text.tsx","../src/ds/components/FormFieldBlocks/block/field-block-label.tsx","../src/ds/components/FormFieldBlocks/block/field-block-layout.tsx","../src/ds/components/FormFieldBlocks/block/field-block-message.tsx","../src/ds/components/FormFieldBlocks/block/field-block.tsx","../src/ds/components/FormFieldBlocks/block/field-error-id.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlockColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlockColumn({ children, className }: FieldBlockColumnProps) {\n  return <div className={cn('grid gap-2 text-foreground', className)}>{children}</div>;\n}\n","import { CircleAlertIcon } from 'lucide-react';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { cn } from '@/lib/utils';\n\nexport type FieldBlockErrorMsgProps = {\n  children?: React.ReactNode;\n  /**\n   * The field this message belongs to, matching the `name` given to `FieldBlock.Label`.\n   * Sets a stable `error-<name>` id so the control can point at it with\n   * `aria-describedby` and a screen reader reads the message with the field.\n   */\n  name?: string;\n  className?: string;\n};\n\nexport function FieldBlockErrorMsg({ children, name, className }: FieldBlockErrorMsgProps) {\n  return (\n    <Txt\n      variant=\"body-sm\"\n      // `role=\"alert\"` lives here rather than in a wrapper at every call site, so an\n      // error announces itself wherever it is used instead of depending on each caller\n      // remembering to wrap it.\n      role=\"alert\"\n      id={name !== undefined ? `error-${name}` : undefined}\n      className={cn('flex gap-1 text-destructive-foreground', className)}\n    >\n      <Icon size=\"xs\" className=\"mt-1 shrink-0\" aria-hidden>\n        <CircleAlertIcon />\n      </Icon>\n      <span>{children}</span>\n    </Txt>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport type FieldBlockHelpTextProps = {\n  children?: React.ReactNode;\n};\n\nexport function FieldBlockHelpText({ children }: FieldBlockHelpTextProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"muted\">\n      {children}\n    </Txt>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLabelProps = {\n  children: React.ReactNode;\n  name: string;\n  htmlFor?: string;\n  required?: boolean;\n  disabled?: boolean;\n  size?: 'default' | 'bigger';\n  className?: string;\n};\n\nexport function FieldBlockLabel({\n  children,\n  name,\n  htmlFor = `input-${name}`,\n  required,\n  disabled = false,\n  size = 'default',\n  className,\n}: FieldBlockLabelProps) {\n  return (\n    <label\n      htmlFor={htmlFor}\n      className={cn(\n        'inline-flex items-center text-label',\n        {\n          'text-body': size === 'bigger',\n          'text-foreground': !disabled,\n          'text-muted-foreground': disabled,\n        },\n        className,\n      )}\n    >\n      {children}\n      {required ? (\n        <>\n          <span\n            aria-hidden\n            className={cn('ml-0.5', disabled ? 'text-muted-foreground' : 'text-destructive-foreground')}\n          >\n            *\n          </span>\n          <span className=\"sr-only\"> (required)</span>\n        </>\n      ) : null}\n    </label>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLayoutProps = {\n  children: React.ReactNode;\n  className?: string;\n  layout?: 'vertical' | 'horizontal';\n  // Optional prop to specify label column width in horizontal layout\n  labelColumnWidth?: string; // e.g., '150px' or '30%'\n};\n\nexport function FieldBlockLayout({\n  children,\n  className,\n  layout = 'vertical',\n  labelColumnWidth,\n}: FieldBlockLayoutProps) {\n  return (\n    <div\n      className={cn(\n        'relative grid gap-2 text-foreground',\n        {\n          'horizontal-field-block grid-cols-[auto_1fr] items-baseline': layout === 'horizontal',\n        },\n        className,\n      )}\n      style={\n        layout === 'horizontal' && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : undefined\n      }\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\n\nexport type FieldBlockMessageProps = {\n  name: string;\n  helpText?: React.ReactNode;\n  errorMsg?: React.ReactNode;\n};\n\nexport function FieldBlockMessage({ name, helpText, errorMsg }: FieldBlockMessageProps) {\n  return (\n    <div className=\"h-lh min-w-0 overflow-hidden text-body-sm [&>p]:truncate\">\n      {errorMsg ? (\n        <FieldBlockErrorMsg name={name} className=\"truncate\">\n          {errorMsg}\n        </FieldBlockErrorMsg>\n      ) : helpText ? (\n        <FieldBlockHelpText>{helpText}</FieldBlockHelpText>\n      ) : null}\n    </div>\n  );\n}\n","import { FieldBlockColumn } from './field-block-column';\nimport { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\nimport { FieldBlockLabel } from './field-block-label';\nimport { FieldBlockLayout } from './field-block-layout';\nimport { FieldBlockMessage } from './field-block-message';\n\n/** @deprecated Use `Field` with `FieldLabel`, `FieldDescription` and `FieldError`. */\nexport const FieldBlock = Object.assign(\n  {},\n  {\n    Layout: FieldBlockLayout,\n    Column: FieldBlockColumn,\n    Label: FieldBlockLabel,\n    HelpText: FieldBlockHelpText,\n    ErrorMsg: FieldBlockErrorMsg,\n    Message: FieldBlockMessage,\n  },\n);\n","/** @deprecated Wrap the control in a `Field`: `FieldError` links itself to the control. */\nexport const fieldErrorId = (name: string) => `error-${name}`;\n"],"mappings":";;;;;;AAOA,SAAgB,iBAAiB,EAAE,UAAU,aAAoC;CAC/E,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,8BAA8B,SAAS;EAAI;CAAc,CAAA;AACrF;;ACOA,SAAgB,mBAAmB,EAAE,UAAU,MAAM,aAAsC;CACzF,OACE,qBAAC,KAAD;EACE,SAAQ;EAIR,MAAK;EACL,IAAI,SAAS,KAAA,IAAY,SAAS,SAAS,KAAA;EAC3C,WAAW,GAAG,0CAA0C,SAAS;EAPnE,UAAA,CASE,oBAAC,MAAD;GAAM,MAAK;GAAK,WAAU;GAAgB,eAAA;GACxC,UAAA,oBAAC,iBAAD,CAAkB,CAAA;EACd,CAAA,GACN,oBAAC,QAAD,EAAO,SAAe,CAAA,CACnB;;AAET;;AC5BA,SAAgB,mBAAmB,EAAE,YAAqC;CACxE,OACE,oBAAC,KAAD;EAAK,SAAQ;EAAU,MAAK;EACzB;CACE,CAAA;AAET;;ACCA,SAAgB,gBAAgB,EAC9B,UACA,MACA,UAAU,SAAS,QACnB,UACA,WAAW,OACX,OAAO,WACP,aACuB;CACvB,OACE,qBAAC,SAAD;EACW;EACT,WAAW,GACT,uCACA;GACE,aAAa,SAAS;GACtB,mBAAmB,CAAC;GACpB,yBAAyB;EAC3B,GACA,SACF;EAVF,UAAA,CAYG,UACA,WACC,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;GACE,eAAA;GACA,WAAW,GAAG,UAAU,WAAW,0BAA0B,6BAA6B;GAC3F,UAAA;EAEK,CAAA,GACN,oBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAiB,CAAA,CAC3C,EAAA,CAAA,IACA,IACC;;AAEX;;ACtCA,SAAgB,iBAAiB,EAC/B,UACA,WACA,SAAS,YACT,oBACwB;CACxB,OACE,oBAAC,OAAD;EACE,WAAW,GACT,uCACA,EACE,8DAA8D,WAAW,aAC3E,GACA,SACF;EACA,OACE,WAAW,gBAAgB,mBAAmB,EAAE,qBAAqB,GAAG,iBAAiB,MAAM,IAAI,KAAA;EAGpG;CACE,CAAA;AAET;;ACvBA,SAAgB,kBAAkB,EAAE,MAAM,UAAU,YAAoC;CACtF,OACE,oBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,WACC,oBAAC,oBAAD;GAA0B;GAAM,WAAU;GACvC,UAAA;EACiB,CAAA,IAClB,WACF,oBAAC,oBAAD,EAAA,UAAqB,SAA6B,CAAA,IAChD;CACD,CAAA;AAET;;;ACbA,IAAa,aAAa,OAAO,OAC/B,CAAC,GACD;CACE,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,UAAU;CACV,UAAU;CACV,SAAS;AACX,CACF;;;ACjBA,IAAa,gBAAgB,SAAiB,SAAS"}