npm - @mastra/playground-ui - Versions diffs - 61.0.0-alpha.6 → 61.0.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1062) hide show

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

@@ -9,9 +9,10 @@ const ee_signals_useTraceIntelligence = require('./use-trace-intelligence.cjs.js
 const ee_signals_hooks_useTraceInsight = require('./hooks/use-trace-insight.cjs.js');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const Button = require('../../Button-CXhSUBxN.cjs');
-const Txt = require('../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../Txt-DFPibRb3.cjs');
 const icons_TraceIcon = require('../../icons/TraceIcon.cjs.js');
 const primitives_raisedSurface = require('../../primitives/raised-surface.cjs.js');
+const primitives_text = require('../../primitives/text.cjs.js');
 const utils_cn = require('../../cn-DG0X1KEP.cjs');
 function TraceInsightView({ traceId, onBack }) {
@@ -47,37 +48,26 @@ const OBSERVATION_SEVERITY_CARD = {
 };
 function ObservationItem({ observation }) {
   const { severity, kind, text } = parseTraceObservation(observation);
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `rounded-md p-3 text-body ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
-    kind !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { variant: "meta", tone: "muted", font: "mono", className: "tracking-wider uppercase", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
+    kind !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { variant: "meta", tone: "muted", className: "uppercase", children: [
       severity === "problem" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive-foreground", children: "problem" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: " · " })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: kind })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-foreground ${kind === void 0 ? "" : "mt-1"}`, children: text })
+    /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "body", tone: "ink", className: kind === void 0 ? "" : "mt-1", children: text })
   ] });
 }
 function TraceInsightBody({ insight }) {
   const { signalCatalog } = ee_signals_useTraceIntelligence.useTraceIntelligence();
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     insight.summary === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { tone: "muted", children: "No insight available yet for this trace." }) : /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": "trace-insight-summary-heading", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Txt.Txt,
-        {
-          as: "h2",
-          variant: "caption",
-          tone: "muted",
-          font: "mono",
-          id: "trace-insight-summary-heading",
-          className: "tracking-wider uppercase",
-          children: "Trace summary"
-        }
-      ),
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h2", variant: "eyebrow", tone: "muted", id: "trace-insight-summary-heading", children: "Trace summary" }),
       /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { tone: "ink", className: "mt-3", children: insight.summary.summary }),
-      insight.summary.currentTask !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-4 text-body", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Current task" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-1 text-foreground", children: insight.summary.currentTask })
+      insight.summary.currentTask !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: primitives_text.textStyle({ tone: "muted", variant: "body" }), children: "Current task" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: utils_cn.cn(primitives_text.textStyle({ tone: "ink", variant: "body" }), "mt-1"), children: insight.summary.currentTask })
       ] }),
       insight.summary.degenerate === true && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { className: "mt-4 text-destructive-foreground", children: "This trace was flagged as degenerate or looping." }),
       insight.summary.observations.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -85,11 +75,10 @@ function TraceInsightBody({ insight }) {
           Txt.Txt,
           {
             as: "h3",
-            variant: "caption",
+            variant: "eyebrow",
             tone: "muted",
-            font: "mono",
             id: "trace-insight-observations-heading",
-            className: "mt-4 tracking-wider uppercase",
+            className: "mt-4",
             children: "Observations"
           }
         ),
@@ -97,21 +86,10 @@ function TraceInsightBody({ insight }) {
       ] })
     ] }),
     insight.signals.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": "trace-insight-signals-heading", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Txt.Txt,
-        {
-          as: "h2",
-          variant: "caption",
-          tone: "muted",
-          font: "mono",
-          id: "trace-insight-signals-heading",
-          className: "tracking-wider uppercase",
-          children: "Trace signal summaries"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-3 space-y-3", children: insight.signals.map((signal) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "rounded-md p-3 text-body"), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: ee_signals_signalFormatting.signalLabel(signalCatalog, signal.signalName) }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-foreground", children: signal.signalText })
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h2", variant: "eyebrow", tone: "muted", id: "trace-insight-signals-heading", children: "Trace signal summaries" }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-3 space-y-3", children: insight.signals.map((signal) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "rounded-md p-3"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "body", tone: "muted", children: ee_signals_signalFormatting.signalLabel(signalCatalog, signal.signalName) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "body", tone: "ink", className: "mt-1", children: signal.signalText })
       ] }, signal.signalName)) })
     ] })
   ] });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-insight-view.cjs.js","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 { 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\\\|\\skind=(\\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 text-body ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n {kind !== undefined && (\n <Txt variant=\"meta\" tone=\"muted\" font=\"mono\" className=\"tracking-wider 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 <p className={`text-foreground ${kind === undefined ? '' : 'mt-1'}`}>{text}</p>\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\n as=\"h2\"\n variant=\"caption\"\n tone=\"muted\"\n font=\"mono\"\n id=\"trace-insight-summary-heading\"\n className=\"tracking-wider uppercase\"\n >\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 text-body\">\n <dt className=\"text-muted-foreground\">Current task</dt>\n <dd className=\"mt-1 text-foreground\">{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=\"caption\"\n tone=\"muted\"\n font=\"mono\"\n id=\"trace-insight-observations-heading\"\n className=\"mt-4 tracking-wider uppercase\"\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\n as=\"h2\"\n variant=\"caption\"\n tone=\"muted\"\n font=\"mono\"\n id=\"trace-insight-signals-heading\"\n className=\"tracking-wider uppercase\"\n >\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 text-body')}>\n <p className=\"text-muted-foreground\">{signalLabel(signalCatalog, signal.signalName)}</p>\n <p className=\"mt-1 text-foreground\">{signal.signalText}</p>\n </li>\n ))}\n </ul>\n </section>\n )}\n </>\n );\n}\n"],"names":["useTraceIntelligence","useTraceInsight","jsxs","jsx","Button","ChevronLeft","TraceIcon","Txt","raisedSurfaceStyle","Fragment","cn"],"mappings":"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"}
1	+ {"version":3,"file":"trace-insight-view.cjs.js","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\\\|\\skind=(\\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"],"names":["useTraceIntelligence","useTraceInsight","jsxs","jsx","Button","ChevronLeft","TraceIcon","Txt","raisedSurfaceStyle","Fragment","textStyle","cn","signalLabel"],"mappings":"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"}

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

@@ -5,9 +5,10 @@ import { useTraceIntelligence } from './use-trace-intelligence.es.js';
 import { useTraceInsight } from './hooks/use-trace-insight.es.js';
 import { signalLabel } from './signal-formatting.es.js';
 import { B as Button } from '../../Button-D43ghVKt.js';
-import { T as Txt } from '../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../Txt-CuuPO9Ho.js';
 import { TraceIcon } from '../../icons/TraceIcon.es.js';
 import { raisedSurfaceStyle } from '../../primitives/raised-surface.es.js';
+import { textStyle } from '../../primitives/text.es.js';
 import { c as cn } from '../../cn-65Adrsfj.js';
 function TraceInsightView({ traceId, onBack }) {
@@ -43,37 +44,26 @@ const OBSERVATION_SEVERITY_CARD = {
 };
 function ObservationItem({ observation }) {
   const { severity, kind, text } = parseTraceObservation(observation);
-  return /* @__PURE__ */ jsxs("li", { className: `rounded-md p-3 text-body ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
-    kind !== void 0 && /* @__PURE__ */ jsxs(Txt, { variant: "meta", tone: "muted", font: "mono", className: "tracking-wider uppercase", children: [
+  return /* @__PURE__ */ jsxs("li", { className: `rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
+    kind !== void 0 && /* @__PURE__ */ jsxs(Txt, { variant: "meta", tone: "muted", className: "uppercase", children: [
       severity === "problem" && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("span", { className: "text-destructive-foreground", children: "problem" }),
         /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " · " })
       ] }),
       /* @__PURE__ */ jsx("span", { children: kind })
     ] }),
-    /* @__PURE__ */ jsx("p", { className: `text-foreground ${kind === void 0 ? "" : "mt-1"}`, children: text })
+    /* @__PURE__ */ jsx(Txt, { as: "p", variant: "body", tone: "ink", className: kind === void 0 ? "" : "mt-1", children: text })
   ] });
 }
 function TraceInsightBody({ insight }) {
   const { signalCatalog } = useTraceIntelligence();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     insight.summary === void 0 ? /* @__PURE__ */ jsx(Txt, { tone: "muted", children: "No insight available yet for this trace." }) : /* @__PURE__ */ jsxs("section", { "aria-labelledby": "trace-insight-summary-heading", children: [
-      /* @__PURE__ */ jsx(
-        Txt,
-        {
-          as: "h2",
-          variant: "caption",
-          tone: "muted",
-          font: "mono",
-          id: "trace-insight-summary-heading",
-          className: "tracking-wider uppercase",
-          children: "Trace summary"
-        }
-      ),
+      /* @__PURE__ */ jsx(Txt, { as: "h2", variant: "eyebrow", tone: "muted", id: "trace-insight-summary-heading", children: "Trace summary" }),
       /* @__PURE__ */ jsx(Txt, { tone: "ink", className: "mt-3", children: insight.summary.summary }),
-      insight.summary.currentTask !== void 0 && /* @__PURE__ */ jsxs("dl", { className: "mt-4 text-body", children: [
-        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "Current task" }),
-        /* @__PURE__ */ jsx("dd", { className: "mt-1 text-foreground", children: insight.summary.currentTask })
+      insight.summary.currentTask !== void 0 && /* @__PURE__ */ jsxs("dl", { className: "mt-4", children: [
+        /* @__PURE__ */ jsx("dt", { className: textStyle({ tone: "muted", variant: "body" }), children: "Current task" }),
+        /* @__PURE__ */ jsx("dd", { className: cn(textStyle({ tone: "ink", variant: "body" }), "mt-1"), children: insight.summary.currentTask })
       ] }),
       insight.summary.degenerate === true && /* @__PURE__ */ jsx(Txt, { className: "mt-4 text-destructive-foreground", children: "This trace was flagged as degenerate or looping." }),
       insight.summary.observations.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -81,11 +71,10 @@ function TraceInsightBody({ insight }) {
           Txt,
           {
             as: "h3",
-            variant: "caption",
+            variant: "eyebrow",
             tone: "muted",
-            font: "mono",
             id: "trace-insight-observations-heading",
-            className: "mt-4 tracking-wider uppercase",
+            className: "mt-4",
             children: "Observations"
           }
         ),
@@ -93,21 +82,10 @@ function TraceInsightBody({ insight }) {
       ] })
     ] }),
     insight.signals.length > 0 && /* @__PURE__ */ jsxs("section", { "aria-labelledby": "trace-insight-signals-heading", children: [
-      /* @__PURE__ */ jsx(
-        Txt,
-        {
-          as: "h2",
-          variant: "caption",
-          tone: "muted",
-          font: "mono",
-          id: "trace-insight-signals-heading",
-          className: "tracking-wider uppercase",
-          children: "Trace signal summaries"
-        }
-      ),
-      /* @__PURE__ */ jsx("ul", { className: "mt-3 space-y-3", children: insight.signals.map((signal) => /* @__PURE__ */ jsxs("li", { className: cn(raisedSurfaceStyle, "rounded-md p-3 text-body"), children: [
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: signalLabel(signalCatalog, signal.signalName) }),
-        /* @__PURE__ */ jsx("p", { className: "mt-1 text-foreground", children: signal.signalText })
+      /* @__PURE__ */ jsx(Txt, { as: "h2", variant: "eyebrow", tone: "muted", id: "trace-insight-signals-heading", children: "Trace signal summaries" }),
+      /* @__PURE__ */ jsx("ul", { className: "mt-3 space-y-3", children: insight.signals.map((signal) => /* @__PURE__ */ jsxs("li", { className: cn(raisedSurfaceStyle, "rounded-md p-3"), children: [
+        /* @__PURE__ */ jsx(Txt, { as: "p", variant: "body", tone: "muted", children: signalLabel(signalCatalog, signal.signalName) }),
+        /* @__PURE__ */ jsx(Txt, { as: "p", variant: "body", tone: "ink", className: "mt-1", children: signal.signalText })
       ] }, signal.signalName)) })
     ] })
   ] });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-insight-view.es.js","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 { 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\\\|\\skind=(\\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 text-body ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n {kind !== undefined && (\n <Txt variant=\"meta\" tone=\"muted\" font=\"mono\" className=\"tracking-wider 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 <p className={`text-foreground ${kind === undefined ? '' : 'mt-1'}`}>{text}</p>\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\n as=\"h2\"\n variant=\"caption\"\n tone=\"muted\"\n font=\"mono\"\n id=\"trace-insight-summary-heading\"\n className=\"tracking-wider uppercase\"\n >\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 text-body\">\n <dt className=\"text-muted-foreground\">Current task</dt>\n <dd className=\"mt-1 text-foreground\">{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=\"caption\"\n tone=\"muted\"\n font=\"mono\"\n id=\"trace-insight-observations-heading\"\n className=\"mt-4 tracking-wider uppercase\"\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\n as=\"h2\"\n variant=\"caption\"\n tone=\"muted\"\n font=\"mono\"\n id=\"trace-insight-signals-heading\"\n className=\"tracking-wider uppercase\"\n >\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 text-body')}>\n <p className=\"text-muted-foreground\">{signalLabel(signalCatalog, signal.signalName)}</p>\n <p className=\"mt-1 text-foreground\">{signal.signalText}</p>\n </li>\n ))}\n </ul>\n </section>\n )}\n </>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"trace-insight-view.es.js","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\\\|\\skind=(\\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"],"names":[],"mappings":"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"}

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

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const ee_signals_signalColors = require('./signal-colors.cjs.js');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const tooltip = require('../../tooltip-DIZ5oqjV.cjs');
-const Txt = require('../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../Txt-DFPibRb3.cjs');
 const icons_Icon = require('../../icons/Icon.cjs.js');
 const primitives_transitions = require('../../primitives/transitions.cjs.js');
 const primitives_typography = require('../../primitives/typography.cjs.js');
@@ -28,7 +28,7 @@ function TraceIntelligenceExplainer({ signalCatalog }) {
         children: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "xs", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, {}) })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipContent, { className: "max-w-sm space-y-3 p-4 text-caption", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipContent, { className: "max-w-sm space-y-3 p-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-foreground", children: [
         "Every trace is analyzed for ",
         enabledSignals.length === 4 ? "four" : enabledSignals.length,
@@ -42,8 +42,7 @@ function TraceIntelligenceExplainer({ signalCatalog }) {
           {
             as: "span",
             variant: "meta",
-            font: "mono",
-            className: "tracking-widest uppercase",
+            className: "uppercase",
             style: { color: ee_signals_signalColors.getSignalColor(signalName) },
             children: ee_signals_signalFormatting.signalLabel(signalCatalog, signalName)
           }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-intelligence-explainer.cjs.js","sources":["../../../src/ee/signals/trace-intelligence-explainer.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { Info } from 'lucide-react';\nimport { getSignalColor } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\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 <Tooltip>\n <TooltipTrigger\n aria-label=\"What is trace intelligence?\"\n className={cn(quietTextHover, controlStateColorTransition, 'flex cursor-help items-center')}\n type=\"button\"\n >\n <Icon size=\"xs\">\n <Info />\n </Icon>\n </TooltipTrigger>\n <TooltipContent className=\"max-w-sm space-y-3 p-4 ~~text-caption~~\">\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 ~~font=\"mono~~\"\n className=\"~~tracking-widest~~ 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 </TooltipContent>\n </Tooltip>\n );\n}\n"],"names":["orderedSignals","Tooltip","jsx","TooltipTrigger","cn","quietTextHover","controlStateColorTransition","Icon","Info","jsxs","TooltipContent","Txt","getSignalColor","signalLabel","signalDescription"],"mappings":";;;;;;;;;;;;;;;AAYO,SAAS,0BAAA,CAA2B,EAAE,aAAA,EAAc,EAAqD;AAC9G,EAAA,MAAM,cAAA,GAAiBA,0CAAA;AAAA,IACrB,aAAA;AAAA,IACA,aAAA,CAAc,OAAO,CAAA,MAAA,KAAU,MAAA,CAAO,OAAO,CAAA,CAAE,GAAA,CAAI,CAAA,MAAA,KAAU,MAAA,CAAO,IAAI;AAAA,GAC1E;AACA,EAAA,uCACGC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,6BAAA;AAAA,QACX,SAAA,EAAWC,WAAA,CAAGC,oCAAA,EAAgBC,kDAAA,EAA6B,+BAA+B,CAAA;AAAA,QAC1F,IAAA,EAAK,QAAA;AAAA,QAEL,yCAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAAL,cAAA,CAACM,oBAAK,CAAA,EACR;AAAA;AAAA,KACF;AAAA,oBACAC,eAAA,CAACC,sBAAA,EAAA,EAAe,SAAA,EAAU,~~qCAAA~~,EACxB,QAAA,EAAA;AAAA,sBAAAD,eAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iBAAA,EAAkB,QAAA,EAAA;AAAA,QAAA,8BAAA;AAAA,QACA,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,MAAA,GAAS,cAAA,CAAe,MAAA;AAAA,QAAQ,GAAA;AAAA,QAC1F,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,QAAA,GAAW,SAAA;AAAA,QAAU;AAAA,OAAA,EAEtD,CAAA;AAAA,sBACAP,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,aAAA,EACX,QAAA,EAAA,cAAA,CAAe,IAAI,CAAA,UAAA,qBAClBO,eAAA,CAAC,IAAA,EAAA,EAAoB,SAAA,EAAU,uBAAA,EAC7B,QAAA,EAAA;AAAA,wBAAAP,cAAA;AAAA,UAACS,OAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,MAAA;AAAA,YACH,OAAA,EAAQ,MAAA;AAAA,~~YACR~~,~~IAAA,EAAK,MAAA;AAAA,YACL,~~SAAA,EAAU,~~2BAAA~~;AAAA,YACV,KAAA,EAAO,EAAE,KAAA,EAAOC,sCAAA,CAAe,UAAU,CAAA,EAAE;AAAA,YAE1C,QAAA,EAAAC,uCAAA,CAAY,eAAe,UAAU;AAAA;AAAA,SACxC;AAAA,QAAO,GAAA;AAAA,QAAI,IAAA;AAAA,QACRC,6CAAA,CAAkB,eAAe,UAAU;AAAA,OAAA,EAAA,EAVvC,UAWT,CACD,CAAA,EACH,CAAA;AAAA,sBACAZ,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,oGAAA,EAErC;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"trace-intelligence-explainer.cjs.js","sources":["../../../src/ee/signals/trace-intelligence-explainer.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { Info } from 'lucide-react';\nimport { getSignalColor } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\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 <Tooltip>\n <TooltipTrigger\n aria-label=\"What is trace intelligence?\"\n className={cn(quietTextHover, controlStateColorTransition, 'flex cursor-help items-center')}\n type=\"button\"\n >\n <Icon size=\"xs\">\n <Info />\n </Icon>\n </TooltipTrigger>\n <TooltipContent className=\"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 </TooltipContent>\n </Tooltip>\n );\n}\n"],"names":["orderedSignals","Tooltip","jsx","TooltipTrigger","cn","quietTextHover","controlStateColorTransition","Icon","Info","jsxs","TooltipContent","Txt","getSignalColor","signalLabel","signalDescription"],"mappings":";;;;;;;;;;;;;;;AAYO,SAAS,0BAAA,CAA2B,EAAE,aAAA,EAAc,EAAqD;AAC9G,EAAA,MAAM,cAAA,GAAiBA,0CAAA;AAAA,IACrB,aAAA;AAAA,IACA,aAAA,CAAc,OAAO,CAAA,MAAA,KAAU,MAAA,CAAO,OAAO,CAAA,CAAE,GAAA,CAAI,CAAA,MAAA,KAAU,MAAA,CAAO,IAAI;AAAA,GAC1E;AACA,EAAA,uCACGC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,6BAAA;AAAA,QACX,SAAA,EAAWC,WAAA,CAAGC,oCAAA,EAAgBC,kDAAA,EAA6B,+BAA+B,CAAA;AAAA,QAC1F,IAAA,EAAK,QAAA;AAAA,QAEL,yCAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAAL,cAAA,CAACM,oBAAK,CAAA,EACR;AAAA;AAAA,KACF;AAAA,oBACAC,eAAA,CAACC,sBAAA,EAAA,EAAe,SAAA,EAAU,wBAAA,EACxB,QAAA,EAAA;AAAA,sBAAAD,eAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iBAAA,EAAkB,QAAA,EAAA;AAAA,QAAA,8BAAA;AAAA,QACA,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,MAAA,GAAS,cAAA,CAAe,MAAA;AAAA,QAAQ,GAAA;AAAA,QAC1F,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,QAAA,GAAW,SAAA;AAAA,QAAU;AAAA,OAAA,EAEtD,CAAA;AAAA,sBACAP,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,aAAA,EACX,QAAA,EAAA,cAAA,CAAe,IAAI,CAAA,UAAA,qBAClBO,eAAA,CAAC,IAAA,EAAA,EAAoB,SAAA,EAAU,uBAAA,EAC7B,QAAA,EAAA;AAAA,wBAAAP,cAAA;AAAA,UAACS,OAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,MAAA;AAAA,YACH,OAAA,EAAQ,MAAA;AAAA,YAER,SAAA,EAAU,WAAA;AAAA,YACV,KAAA,EAAO,EAAE,KAAA,EAAOC,sCAAA,CAAe,UAAU,CAAA,EAAE;AAAA,YAE1C,QAAA,EAAAC,uCAAA,CAAY,eAAe,UAAU;AAAA;AAAA,SACxC;AAAA,QAAO,GAAA;AAAA,QAAI,IAAA;AAAA,QACRC,6CAAA,CAAkB,eAAe,UAAU;AAAA,OAAA,EAAA,EAVvC,UAWT,CACD,CAAA,EACH,CAAA;AAAA,sBACAZ,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,oGAAA,EAErC;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -3,7 +3,7 @@ import { Info } from 'lucide-react';
 import { getSignalColor } from './signal-colors.es.js';
 import { orderedSignals, signalLabel, signalDescription } from './signal-formatting.es.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-DsQPiynb.js';
-import { T as Txt } from '../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../Txt-CuuPO9Ho.js';
 import { Icon } from '../../icons/Icon.es.js';
 import { controlStateColorTransition } from '../../primitives/transitions.es.js';
 import { quietTextHover } from '../../primitives/typography.es.js';
@@ -24,7 +24,7 @@ function TraceIntelligenceExplainer({ signalCatalog }) {
         children: /* @__PURE__ */ jsx(Icon, { size: "xs", children: /* @__PURE__ */ jsx(Info, {}) })
       }
     ),
-    /* @__PURE__ */ jsxs(TooltipContent, { className: "max-w-sm space-y-3 p-4 text-caption", children: [
+    /* @__PURE__ */ jsxs(TooltipContent, { className: "max-w-sm space-y-3 p-4", children: [
       /* @__PURE__ */ jsxs("p", { className: "text-foreground", children: [
         "Every trace is analyzed for ",
         enabledSignals.length === 4 ? "four" : enabledSignals.length,
@@ -38,8 +38,7 @@ function TraceIntelligenceExplainer({ signalCatalog }) {
           {
             as: "span",
             variant: "meta",
-            font: "mono",
-            className: "tracking-widest uppercase",
+            className: "uppercase",
             style: { color: getSignalColor(signalName) },
             children: signalLabel(signalCatalog, signalName)
           }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-intelligence-explainer.es.js","sources":["../../../src/ee/signals/trace-intelligence-explainer.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { Info } from 'lucide-react';\nimport { getSignalColor } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\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 <Tooltip>\n <TooltipTrigger\n aria-label=\"What is trace intelligence?\"\n className={cn(quietTextHover, controlStateColorTransition, 'flex cursor-help items-center')}\n type=\"button\"\n >\n <Icon size=\"xs\">\n <Info />\n </Icon>\n </TooltipTrigger>\n <TooltipContent className=\"max-w-sm space-y-3 p-4 ~~text-caption~~\">\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 ~~font=\"mono~~\"\n className=\"~~tracking-widest~~ 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 </TooltipContent>\n </Tooltip>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,SAAS,0BAAA,CAA2B,EAAE,aAAA,EAAc,EAAqD;AAC9G,EAAA,MAAM,cAAA,GAAiB,cAAA;AAAA,IACrB,aAAA;AAAA,IACA,aAAA,CAAc,OAAO,CAAA,MAAA,KAAU,MAAA,CAAO,OAAO,CAAA,CAAE,GAAA,CAAI,CAAA,MAAA,KAAU,MAAA,CAAO,IAAI;AAAA,GAC1E;AACA,EAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,6BAAA;AAAA,QACX,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,2BAAA,EAA6B,+BAA+B,CAAA;AAAA,QAC1F,IAAA,EAAK,QAAA;AAAA,QAEL,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR;AAAA;AAAA,KACF;AAAA,oBACA,IAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,~~qCAAA~~,EACxB,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iBAAA,EAAkB,QAAA,EAAA;AAAA,QAAA,8BAAA;AAAA,QACA,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,MAAA,GAAS,cAAA,CAAe,MAAA;AAAA,QAAQ,GAAA;AAAA,QAC1F,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,QAAA,GAAW,SAAA;AAAA,QAAU;AAAA,OAAA,EAEtD,CAAA;AAAA,sBACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,aAAA,EACX,QAAA,EAAA,cAAA,CAAe,IAAI,CAAA,UAAA,qBAClB,IAAA,CAAC,IAAA,EAAA,EAAoB,SAAA,EAAU,uBAAA,EAC7B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,MAAA;AAAA,YACH,OAAA,EAAQ,MAAA;AAAA,~~YACR~~,~~IAAA,EAAK,MAAA;AAAA,YACL,~~SAAA,EAAU,~~2BAAA~~;AAAA,YACV,KAAA,EAAO,EAAE,KAAA,EAAO,cAAA,CAAe,UAAU,CAAA,EAAE;AAAA,YAE1C,QAAA,EAAA,WAAA,CAAY,eAAe,UAAU;AAAA;AAAA,SACxC;AAAA,QAAO,GAAA;AAAA,QAAI,IAAA;AAAA,QACR,iBAAA,CAAkB,eAAe,UAAU;AAAA,OAAA,EAAA,EAVvC,UAWT,CACD,CAAA,EACH,CAAA;AAAA,sBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,oGAAA,EAErC;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"trace-intelligence-explainer.es.js","sources":["../../../src/ee/signals/trace-intelligence-explainer.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { Info } from 'lucide-react';\nimport { getSignalColor } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\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 <Tooltip>\n <TooltipTrigger\n aria-label=\"What is trace intelligence?\"\n className={cn(quietTextHover, controlStateColorTransition, 'flex cursor-help items-center')}\n type=\"button\"\n >\n <Icon size=\"xs\">\n <Info />\n </Icon>\n </TooltipTrigger>\n <TooltipContent className=\"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 </TooltipContent>\n </Tooltip>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,SAAS,0BAAA,CAA2B,EAAE,aAAA,EAAc,EAAqD;AAC9G,EAAA,MAAM,cAAA,GAAiB,cAAA;AAAA,IACrB,aAAA;AAAA,IACA,aAAA,CAAc,OAAO,CAAA,MAAA,KAAU,MAAA,CAAO,OAAO,CAAA,CAAE,GAAA,CAAI,CAAA,MAAA,KAAU,MAAA,CAAO,IAAI;AAAA,GAC1E;AACA,EAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,6BAAA;AAAA,QACX,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,2BAAA,EAA6B,+BAA+B,CAAA;AAAA,QAC1F,IAAA,EAAK,QAAA;AAAA,QAEL,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR;AAAA;AAAA,KACF;AAAA,oBACA,IAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,wBAAA,EACxB,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iBAAA,EAAkB,QAAA,EAAA;AAAA,QAAA,8BAAA;AAAA,QACA,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,MAAA,GAAS,cAAA,CAAe,MAAA;AAAA,QAAQ,GAAA;AAAA,QAC1F,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,QAAA,GAAW,SAAA;AAAA,QAAU;AAAA,OAAA,EAEtD,CAAA;AAAA,sBACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,aAAA,EACX,QAAA,EAAA,cAAA,CAAe,IAAI,CAAA,UAAA,qBAClB,IAAA,CAAC,IAAA,EAAA,EAAoB,SAAA,EAAU,uBAAA,EAC7B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,MAAA;AAAA,YACH,OAAA,EAAQ,MAAA;AAAA,YAER,SAAA,EAAU,WAAA;AAAA,YACV,KAAA,EAAO,EAAE,KAAA,EAAO,cAAA,CAAe,UAAU,CAAA,EAAE;AAAA,YAE1C,QAAA,EAAA,WAAA,CAAY,eAAe,UAAU;AAAA;AAAA,SACxC;AAAA,QAAO,GAAA;AAAA,QAAI,IAAA;AAAA,QACR,iBAAA,CAAkB,eAAe,UAAU;AAAA,OAAA,EAAA,EAVvC,UAWT,CACD,CAAA,EACH,CAAA;AAAA,sBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,oGAAA,EAErC;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const tabsTab = require('../../tabs-tab-C-C2vX-D.cjs');
-const Txt = require('../../Txt-DNnvlrBo.cjs');
+const tabsTab = require('../../tabs-tab-DhLs9bO0.cjs');
+const Txt = require('../../Txt-DFPibRb3.cjs');
 const icons_Icon = require('../../icons/Icon.cjs.js');
 function ViewModeTab({ value, icon, label }) {

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { T as Tab } from '../../tabs-tab-ClLIOGiC.js';
-import { T as Txt } from '../../Txt-C3cYJgKU.js';
+import { T as Tab } from '../../tabs-tab-BI3hb-HP.js';
+import { T as Txt } from '../../Txt-CuuPO9Ho.js';
 import { Icon } from '../../icons/Icon.es.js';
 function ViewModeTab({ value, icon, label }) {

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

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const ee_topics_utils = require('../utils.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
-const dataList = require('../../../data-list-TouUI4pb.cjs');
+const dataList = require('../../../data-list-DQgIgmjy.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
 const searchInput = require('../../../search-input-DeeH0VrX.cjs');

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

@@ -3,7 +3,7 @@ import { ChevronDown } from 'lucide-react';
 import { useState, useMemo } from 'react';
 import { getVisibleTraceSummaries } from '../utils.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
-import { D as DataList } from '../../../data-list-BHtjZ528.js';
+import { D as DataList } from '../../../data-list-B6DT-u-0.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
 import { S as SearchInput } from '../../../search-input-BV-rRDdJ.js';

package/dist/{entity-header-By57lpH8.cjs → entity-header-DB1p5sEk.cjs} RENAMED Viewed

@@ -2,7 +2,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const skeleton = require('./skeleton-cXUjPrq9.cjs');
-const Txt = require('./Txt-DNnvlrBo.cjs');
+const Txt = require('./Txt-DFPibRb3.cjs');
 const icons_Icon = require('./icons/Icon.cjs.js');
 require('lucide-react');
@@ -17,4 +17,4 @@ const EntityHeader = ({ icon, title, isLoading, children }) => {
 };
 exports.EntityHeader = EntityHeader;
-//# sourceMappingURL=entity-header-By57lpH8.cjs.map
+//# sourceMappingURL=entity-header-DB1p5sEk.cjs.map

package/dist/{entity-header-By57lpH8.cjs.map → entity-header-DB1p5sEk.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"entity-header-~~By57lpH8~~.cjs","sources":["../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n icon: React.ReactNode;\n title: string;\n isLoading?: boolean;\n children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n return (\n <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n <div className=\"flex min-w-0 items-center gap-2 text-foreground\">\n <span className=\"flex size-7 shrink-0 items-center justify-center\">\n <Icon size=\"lg\">{icon}</Icon>\n </span>\n\n {isLoading ? (\n <Skeleton className=\"h-3 w-32\" />\n ) : (\n <Txt variant=\"heading\" as=\"h2\" className=\"truncate\">\n {title}\n </Txt>\n )}\n </div>\n {children}\n </div>\n </div>\n );\n};\n"],"names":["jsxs","jsx","Icon","Skeleton","Txt"],"mappings":";;;;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAAA,cAAA,CAACC,mBAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACCD,cAAA,CAACE,iBAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/BF,cAAA,CAACG,OAAA,EAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,YACtC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"entity-header-DB1p5sEk.cjs","sources":["../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n icon: React.ReactNode;\n title: string;\n isLoading?: boolean;\n children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n return (\n <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n <div className=\"flex min-w-0 items-center gap-2 text-foreground\">\n <span className=\"flex size-7 shrink-0 items-center justify-center\">\n <Icon size=\"lg\">{icon}</Icon>\n </span>\n\n {isLoading ? (\n <Skeleton className=\"h-3 w-32\" />\n ) : (\n <Txt variant=\"heading\" as=\"h2\" className=\"truncate\">\n {title}\n </Txt>\n )}\n </div>\n {children}\n </div>\n </div>\n );\n};\n"],"names":["jsxs","jsx","Icon","Skeleton","Txt"],"mappings":";;;;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAAA,cAAA,CAACC,mBAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACCD,cAAA,CAACE,iBAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/BF,cAAA,CAACG,OAAA,EAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,YACtC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{entity-header-DMjzE4Za.js → entity-header-GQT7ZnzW.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { S as Skeleton } from './skeleton-BsRAXyh5.js';
-import { T as Txt } from './Txt-C3cYJgKU.js';
+import { T as Txt } from './Txt-CuuPO9Ho.js';
 import { Icon } from './icons/Icon.es.js';
 import 'lucide-react';
@@ -15,4 +15,4 @@ const EntityHeader = ({ icon, title, isLoading, children }) => {
 };
 export { EntityHeader as E };
-//# sourceMappingURL=entity-header-DMjzE4Za.js.map
+//# sourceMappingURL=entity-header-GQT7ZnzW.js.map

package/dist/{entity-header-DMjzE4Za.js.map → entity-header-GQT7ZnzW.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"entity-header-~~DMjzE4Za~~.js","sources":["../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n icon: React.ReactNode;\n title: string;\n isLoading?: boolean;\n children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n return (\n <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n <div className=\"flex min-w-0 items-center gap-2 text-foreground\">\n <span className=\"flex size-7 shrink-0 items-center justify-center\">\n <Icon size=\"lg\">{icon}</Icon>\n </span>\n\n {isLoading ? (\n <Skeleton className=\"h-3 w-32\" />\n ) : (\n <Txt variant=\"heading\" as=\"h2\" className=\"truncate\">\n {title}\n </Txt>\n )}\n </div>\n {children}\n </div>\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/B,GAAA,CAAC,GAAA,EAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,YACtC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"entity-header-GQT7ZnzW.js","sources":["../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n icon: React.ReactNode;\n title: string;\n isLoading?: boolean;\n children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n return (\n <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n <div className=\"flex min-w-0 items-center gap-2 text-foreground\">\n <span className=\"flex size-7 shrink-0 items-center justify-center\">\n <Icon size=\"lg\">{icon}</Icon>\n </span>\n\n {isLoading ? (\n <Skeleton className=\"h-3 w-32\" />\n ) : (\n <Txt variant=\"heading\" as=\"h2\" className=\"truncate\">\n {title}\n </Txt>\n )}\n </div>\n {children}\n </div>\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/B,GAAA,CAAC,GAAA,EAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,YACtC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{field-error-id-CSvLKtJE.js → field-error-id-B6AEO4lS.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { c as cn } from './cn-65Adrsfj.js';
 import { CircleAlertIcon } from 'lucide-react';
-import { T as Txt } from './Txt-C3cYJgKU.js';
+import { T as Txt } from './Txt-CuuPO9Ho.js';
 import { Icon } from './icons/Icon.es.js';
 function FieldBlockColumn({ children, className }) {
@@ -109,4 +109,4 @@ const FieldBlock = Object.assign(
 const fieldErrorId = (name) => `error-${name}`;
 export { FieldBlock as F, fieldErrorId as f };
-//# sourceMappingURL=field-error-id-CSvLKtJE.js.map
+//# sourceMappingURL=field-error-id-B6AEO4lS.js.map

package/dist/{field-error-id-CSvLKtJE.js.map → field-error-id-B6AEO4lS.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field-error-id-~~CSvLKtJE~~.js","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-[1lh] 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"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"field-error-id-B6AEO4lS.js","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-[1lh] 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"],"names":[],"mappings":"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"}