@mastra/playground-ui 56.0.0 → 57.0.0-alpha.1

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

@@ -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 { 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 />} variant=\"outline\" size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button\n          icon={<TraceIcon />}\n          render={<LinkComponent href={getTraceHref(traceId)} />}\n          variant=\"outline\"\n          size=\"sm\"\n        >\n          Open full trace\n        </Button>\n      </div>\n      {insightQuery.isPending && <p className=\"text-body text-muted-foreground\">Loading trace insight…</p>}\n      {insightQuery.isError && <p className=\"text-body text-red-500\">Unable to load the trace insight.</p>}\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-green-400/30 bg-green-500/10',\n  problem: 'border border-red-400/30 bg-red-500/10',\n};\n\nfunction ObservationItem({ observation }: { observation: string }) {\n  const { severity, kind, text } = parseTraceObservation(observation);\n\n  return (\n    <li className={`text-body rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <p className=\"text-meta text-muted-foreground font-mono tracking-wider uppercase\">\n          {severity === 'problem' && (\n            <>\n              <span className=\"text-red-400\">problem</span>\n              <span aria-hidden=\"true\"> · </span>\n            </>\n          )}\n          <span>{kind}</span>\n        </p>\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        <p className=\"text-body text-muted-foreground\">No insight available yet for this trace.</p>\n      ) : (\n        <section aria-labelledby=\"trace-insight-summary-heading\">\n          <h2\n            id=\"trace-insight-summary-heading\"\n            className=\"text-caption text-muted-foreground font-mono tracking-wider uppercase\"\n          >\n            Trace summary\n          </h2>\n          <p className=\"text-body text-foreground mt-3\">{insight.summary.summary}</p>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"text-body mt-4\">\n              <dt className=\"text-muted-foreground\">Current task</dt>\n              <dd className=\"text-foreground mt-1\">{insight.summary.currentTask}</dd>\n            </dl>\n          )}\n          {insight.summary.degenerate === true && (\n            <p className=\"text-body mt-4 text-red-500\">This trace was flagged as degenerate or looping.</p>\n          )}\n          {insight.summary.observations.length > 0 && (\n            <>\n              <h3\n                id=\"trace-insight-observations-heading\"\n                className=\"text-caption text-muted-foreground mt-4 font-mono tracking-wider uppercase\"\n              >\n                Observations\n              </h3>\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          <h2\n            id=\"trace-insight-signals-heading\"\n            className=\"text-caption text-muted-foreground font-mono tracking-wider uppercase\"\n          >\n            Trace signal summaries\n          </h2>\n          <ul className=\"mt-3 space-y-3\">\n            {insight.signals.map(signal => (\n              <li key={signal.signalName} className={cn(raisedSurfaceStyle, 'text-body rounded-md p-3')}>\n                <p className=\"text-muted-foreground\">{signalLabel(signalCatalog, signal.signalName)}</p>\n                <p className=\"text-foreground mt-1\">{signal.signalText}</p>\n              </li>\n            ))}\n          </ul>\n        </section>\n      )}\n    </>\n  );\n}\n"],"names":["useTraceIntelligence","useTraceInsight","jsxs","jsx","Button","ChevronLeft","TraceIcon","raisedSurfaceStyle","Fragment","cn"],"mappings":"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"}
+{"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 { 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 />} variant=\"outline\" size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button\n          icon={<TraceIcon />}\n          render={<LinkComponent href={getTraceHref(traceId)} />}\n          variant=\"outline\"\n          size=\"sm\"\n        >\n          Open full trace\n        </Button>\n      </div>\n      {insightQuery.isPending && <p className=\"text-body text-muted-foreground\">Loading trace insight…</p>}\n      {insightQuery.isError && <p className=\"text-body text-red-500\">Unable to load the trace insight.</p>}\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-green-400/30 bg-green-500/10',\n  problem: 'border border-red-400/30 bg-red-500/10',\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        <p className=\"font-mono text-meta tracking-wider text-muted-foreground uppercase\">\n          {severity === 'problem' && (\n            <>\n              <span className=\"text-red-400\">problem</span>\n              <span aria-hidden=\"true\"> · </span>\n            </>\n          )}\n          <span>{kind}</span>\n        </p>\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        <p className=\"text-body text-muted-foreground\">No insight available yet for this trace.</p>\n      ) : (\n        <section aria-labelledby=\"trace-insight-summary-heading\">\n          <h2\n            id=\"trace-insight-summary-heading\"\n            className=\"font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n          >\n            Trace summary\n          </h2>\n          <p className=\"mt-3 text-body text-foreground\">{insight.summary.summary}</p>\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            <p className=\"mt-4 text-body text-red-500\">This trace was flagged as degenerate or looping.</p>\n          )}\n          {insight.summary.observations.length > 0 && (\n            <>\n              <h3\n                id=\"trace-insight-observations-heading\"\n                className=\"mt-4 font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n              >\n                Observations\n              </h3>\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          <h2\n            id=\"trace-insight-signals-heading\"\n            className=\"font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n          >\n            Trace signal summaries\n          </h2>\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","raisedSurfaceStyle","Fragment","cn"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ import '@tanstack/react-query';
 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-cWcBEd-G.js';
+import { B as Button } from '../../Button-C9cvaVFG.js';
 import { TraceIcon } from '../../icons/TraceIcon.es.js';
 import { raisedSurfaceStyle } from '../../primitives/raised-surface.es.js';
 import { c as cn } from '../../cn-65Adrsfj.js';
@@ -51,8 +51,8 @@ const OBSERVATION_SEVERITY_CARD = {
 };
 function ObservationItem({ observation }) {
   const { severity, kind, text } = parseTraceObservation(observation);
-  return /* @__PURE__ */ jsxs("li", { className: `text-body rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
-    kind !== void 0 && /* @__PURE__ */ jsxs("p", { className: "text-meta text-muted-foreground font-mono tracking-wider uppercase", children: [
+  return /* @__PURE__ */ jsxs("li", { className: `rounded-md p-3 text-body ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
+    kind !== void 0 && /* @__PURE__ */ jsxs("p", { className: "font-mono text-meta tracking-wider text-muted-foreground uppercase", children: [
       severity === "problem" && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("span", { className: "text-red-400", children: "problem" }),
         /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " · " })
@@ -70,22 +70,22 @@ function TraceInsightBody({ insight }) {
         "h2",
         {
           id: "trace-insight-summary-heading",
-          className: "text-caption text-muted-foreground font-mono tracking-wider uppercase",
+          className: "font-mono text-caption tracking-wider text-muted-foreground uppercase",
           children: "Trace summary"
         }
       ),
-      /* @__PURE__ */ jsx("p", { className: "text-body text-foreground mt-3", children: insight.summary.summary }),
-      insight.summary.currentTask !== void 0 && /* @__PURE__ */ jsxs("dl", { className: "text-body mt-4", children: [
+      /* @__PURE__ */ jsx("p", { className: "mt-3 text-body text-foreground", 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: "text-foreground mt-1", children: insight.summary.currentTask })
+        /* @__PURE__ */ jsx("dd", { className: "mt-1 text-foreground", children: insight.summary.currentTask })
       ] }),
-      insight.summary.degenerate === true && /* @__PURE__ */ jsx("p", { className: "text-body mt-4 text-red-500", children: "This trace was flagged as degenerate or looping." }),
+      insight.summary.degenerate === true && /* @__PURE__ */ jsx("p", { className: "mt-4 text-body text-red-500", children: "This trace was flagged as degenerate or looping." }),
       insight.summary.observations.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           "h3",
           {
             id: "trace-insight-observations-heading",
-            className: "text-caption text-muted-foreground mt-4 font-mono tracking-wider uppercase",
+            className: "mt-4 font-mono text-caption tracking-wider text-muted-foreground uppercase",
             children: "Observations"
           }
         ),
@@ -97,13 +97,13 @@ function TraceInsightBody({ insight }) {
         "h2",
         {
           id: "trace-insight-signals-heading",
-          className: "text-caption text-muted-foreground font-mono tracking-wider uppercase",
+          className: "font-mono text-caption tracking-wider text-muted-foreground 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, "text-body rounded-md p-3"), children: [
+      /* @__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: "text-foreground mt-1", children: signal.signalText })
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-foreground", children: signal.signalText })
       ] }, signal.signalName)) })
     ] })
   ] });

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

@@ -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 { 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 />} variant=\"outline\" size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button\n          icon={<TraceIcon />}\n          render={<LinkComponent href={getTraceHref(traceId)} />}\n          variant=\"outline\"\n          size=\"sm\"\n        >\n          Open full trace\n        </Button>\n      </div>\n      {insightQuery.isPending && <p className=\"text-body text-muted-foreground\">Loading trace insight…</p>}\n      {insightQuery.isError && <p className=\"text-body text-red-500\">Unable to load the trace insight.</p>}\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-green-400/30 bg-green-500/10',\n  problem: 'border border-red-400/30 bg-red-500/10',\n};\n\nfunction ObservationItem({ observation }: { observation: string }) {\n  const { severity, kind, text } = parseTraceObservation(observation);\n\n  return (\n    <li className={`text-body rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <p className=\"text-meta text-muted-foreground font-mono tracking-wider uppercase\">\n          {severity === 'problem' && (\n            <>\n              <span className=\"text-red-400\">problem</span>\n              <span aria-hidden=\"true\"> · </span>\n            </>\n          )}\n          <span>{kind}</span>\n        </p>\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        <p className=\"text-body text-muted-foreground\">No insight available yet for this trace.</p>\n      ) : (\n        <section aria-labelledby=\"trace-insight-summary-heading\">\n          <h2\n            id=\"trace-insight-summary-heading\"\n            className=\"text-caption text-muted-foreground font-mono tracking-wider uppercase\"\n          >\n            Trace summary\n          </h2>\n          <p className=\"text-body text-foreground mt-3\">{insight.summary.summary}</p>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"text-body mt-4\">\n              <dt className=\"text-muted-foreground\">Current task</dt>\n              <dd className=\"text-foreground mt-1\">{insight.summary.currentTask}</dd>\n            </dl>\n          )}\n          {insight.summary.degenerate === true && (\n            <p className=\"text-body mt-4 text-red-500\">This trace was flagged as degenerate or looping.</p>\n          )}\n          {insight.summary.observations.length > 0 && (\n            <>\n              <h3\n                id=\"trace-insight-observations-heading\"\n                className=\"text-caption text-muted-foreground mt-4 font-mono tracking-wider uppercase\"\n              >\n                Observations\n              </h3>\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          <h2\n            id=\"trace-insight-signals-heading\"\n            className=\"text-caption text-muted-foreground font-mono tracking-wider uppercase\"\n          >\n            Trace signal summaries\n          </h2>\n          <ul className=\"mt-3 space-y-3\">\n            {insight.signals.map(signal => (\n              <li key={signal.signalName} className={cn(raisedSurfaceStyle, 'text-body rounded-md p-3')}>\n                <p className=\"text-muted-foreground\">{signalLabel(signalCatalog, signal.signalName)}</p>\n                <p className=\"text-foreground mt-1\">{signal.signalText}</p>\n              </li>\n            ))}\n          </ul>\n        </section>\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAeO,SAAS,gBAAA,CAAiB,EAAE,OAAA,EAAS,MAAA,EAAO,EAA0B;AAC3E,EAAA,MAAM,EAAE,aAAA,EAAe,YAAA,EAAa,GAAI,oBAAA,EAAqB;AAC7D,EAAA,MAAM,YAAA,GAAe,gBAAgB,OAAO,CAAA;AAE5C,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,kBAAM,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,MAAA,EAAQ,QAAA,EAAA,kBAAA,EAE5E,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,UACjB,wBAAQ,GAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,YAAA,CAAa,OAAO,CAAA,EAAG,CAAA;AAAA,UACpD,OAAA,EAAQ,SAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACN,QAAA,EAAA;AAAA;AAAA;AAED,KAAA,EACF,CAAA;AAAA,IACC,aAAa,SAAA,oBAAa,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mCAAkC,QAAA,EAAA,wBAAA,EAAsB,CAAA;AAAA,IAC/F,aAAa,OAAA,oBAAW,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0BAAyB,QAAA,EAAA,mCAAA,EAAiC,CAAA;AAAA,IAC/F,aAAa,IAAA,oBAAQ,GAAA,CAAC,gBAAA,EAAA,EAAiB,OAAA,EAAS,aAAa,IAAA,EAAM;AAAA,GAAA,EACtE,CAAA;AAEJ;AAUA,SAAS,sBAAsB,KAAA,EAA6C;AAC1E,EAAA,OAAO,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,SAAA,IAAa,KAAA,KAAU,SAAA;AAC9D;AASA,SAAS,sBAAsB,WAAA,EAAwC;AACrE,EAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,KAAA,CAAM,2CAA2C,CAAA;AAC3E,EAAA,IAAI,CAAC,KAAA,EAAO,OAAO,EAAE,MAAM,WAAA,EAAY;AACvC,EAAA,MAAM,CAAC,MAAA,EAAQ,QAAA,EAAU,IAAI,CAAA,GAAI,KAAA;AACjC,EAAA,OAAO;AAAA,IACL,UAAU,QAAA,KAAa,MAAA,IAAa,qBAAA,CAAsB,QAAQ,IAAI,QAAA,GAAW,MAAA;AAAA,IACjF,IAAA;AAAA,IACA,IAAA,EAAM,WAAA,CAAY,KAAA,CAAM,MAAA,CAAO,MAAM;AAAA,GACvC;AACF;AAEA,MAAM,yBAAA,GAAiE;AAAA,EACrE,IAAA,EAAM,kBAAA;AAAA,EACN,OAAA,EAAS,4CAAA;AAAA,EACT,OAAA,EAAS;AACX,CAAA;AAEA,SAAS,eAAA,CAAgB,EAAE,WAAA,EAAY,EAA4B;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,IAAA,EAAM,IAAA,EAAK,GAAI,sBAAsB,WAAW,CAAA;AAElE,EAAA,uBACE,IAAA,CAAC,QAAG,SAAA,EAAW,CAAA,yBAAA,EAA4B,0BAA0B,QAAA,IAAY,MAAM,CAAC,CAAA,CAAA,EACrF,QAAA,EAAA;AAAA,IAAA,IAAA,KAAS,MAAA,oBACR,IAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oEAAA,EACV,QAAA,EAAA;AAAA,MAAA,QAAA,KAAa,6BACZ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAe,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,wBACtC,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,QAAA,EAAA,KAAA,EAAG;AAAA,OAAA,EAC9B,CAAA;AAAA,sBAEF,GAAA,CAAC,UAAM,QAAA,EAAA,IAAA,EAAK;AAAA,KAAA,EACd,CAAA;AAAA,oBAEF,GAAA,CAAC,OAAE,SAAA,EAAW,CAAA,gBAAA,EAAmB,SAAS,MAAA,GAAY,EAAA,GAAK,MAAM,CAAA,CAAA,EAAK,QAAA,EAAA,IAAA,EAAK;AAAA,GAAA,EAC7E,CAAA;AAEJ;AAEA,SAAS,gBAAA,CAAiB,EAAE,OAAA,EAAQ,EAAsC;AACxE,EAAA,MAAM,EAAE,aAAA,EAAc,GAAI,oBAAA,EAAqB;AAC/C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,OAAA,CAAQ,OAAA,KAAY,MAAA,mBACnB,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iCAAA,EAAkC,QAAA,EAAA,0CAAA,EAAwC,CAAA,mBAEvF,IAAA,CAAC,SAAA,EAAA,EAAQ,iBAAA,EAAgB,+BAAA,EACvB,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAG,+BAAA;AAAA,UACH,SAAA,EAAU,uEAAA;AAAA,UACX,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,0BACC,GAAA,EAAA,EAAE,SAAA,EAAU,gCAAA,EAAkC,QAAA,EAAA,OAAA,CAAQ,QAAQ,OAAA,EAAQ,CAAA;AAAA,MACtE,QAAQ,OAAA,CAAQ,WAAA,KAAgB,0BAC/B,IAAA,CAAC,IAAA,EAAA,EAAG,WAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,4BACjD,IAAA,EAAA,EAAG,SAAA,EAAU,sBAAA,EAAwB,QAAA,EAAA,OAAA,CAAQ,QAAQ,WAAA,EAAY;AAAA,OAAA,EACpE,CAAA;AAAA,MAED,OAAA,CAAQ,QAAQ,UAAA,KAAe,IAAA,wBAC7B,GAAA,EAAA,EAAE,SAAA,EAAU,+BAA8B,QAAA,EAAA,kDAAA,EAAgD,CAAA;AAAA,MAE5F,OAAA,CAAQ,OAAA,CAAQ,YAAA,CAAa,MAAA,GAAS,qBACrC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,oCAAA;AAAA,YACH,SAAA,EAAU,4EAAA;AAAA,YACX,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,wBACA,GAAA,CAAC,QAAG,iBAAA,EAAgB,oCAAA,EAAqC,WAAU,gBAAA,EAChE,QAAA,EAAA,OAAA,CAAQ,OAAA,CAAQ,YAAA,CAAa,GAAA,CAAI,CAAC,aAAa,KAAA,qBAC9C,GAAA,CAAC,mBAAgD,WAAA,EAAA,EAA3B,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,KAAK,CAAA,CAA8B,CAC5E,CAAA,EACH;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ,CAAA;AAAA,IAED,QAAQ,OAAA,CAAQ,MAAA,GAAS,qBACxB,IAAA,CAAC,SAAA,EAAA,EAAQ,mBAAgB,+BAAA,EACvB,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAG,+BAAA;AAAA,UACH,SAAA,EAAU,uEAAA;AAAA,UACX,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,sBACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACX,kBAAQ,OAAA,CAAQ,GAAA,CAAI,CAAA,MAAA,qBACnB,IAAA,CAAC,IAAA,EAAA,EAA2B,SAAA,EAAW,EAAA,CAAG,kBAAA,EAAoB,0BAA0B,CAAA,EACtF,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAE,SAAA,EAAU,uBAAA,EAAyB,sBAAY,aAAA,EAAe,MAAA,CAAO,UAAU,CAAA,EAAE,CAAA;AAAA,wBACpF,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sBAAA,EAAwB,iBAAO,UAAA,EAAW;AAAA,OAAA,EAAA,EAFhD,MAAA,CAAO,UAGhB,CACD,CAAA,EACH;AAAA,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"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 { 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 />} variant=\"outline\" size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button\n          icon={<TraceIcon />}\n          render={<LinkComponent href={getTraceHref(traceId)} />}\n          variant=\"outline\"\n          size=\"sm\"\n        >\n          Open full trace\n        </Button>\n      </div>\n      {insightQuery.isPending && <p className=\"text-body text-muted-foreground\">Loading trace insight…</p>}\n      {insightQuery.isError && <p className=\"text-body text-red-500\">Unable to load the trace insight.</p>}\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-green-400/30 bg-green-500/10',\n  problem: 'border border-red-400/30 bg-red-500/10',\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        <p className=\"font-mono text-meta tracking-wider text-muted-foreground uppercase\">\n          {severity === 'problem' && (\n            <>\n              <span className=\"text-red-400\">problem</span>\n              <span aria-hidden=\"true\"> · </span>\n            </>\n          )}\n          <span>{kind}</span>\n        </p>\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        <p className=\"text-body text-muted-foreground\">No insight available yet for this trace.</p>\n      ) : (\n        <section aria-labelledby=\"trace-insight-summary-heading\">\n          <h2\n            id=\"trace-insight-summary-heading\"\n            className=\"font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n          >\n            Trace summary\n          </h2>\n          <p className=\"mt-3 text-body text-foreground\">{insight.summary.summary}</p>\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            <p className=\"mt-4 text-body text-red-500\">This trace was flagged as degenerate or looping.</p>\n          )}\n          {insight.summary.observations.length > 0 && (\n            <>\n              <h3\n                id=\"trace-insight-observations-heading\"\n                className=\"mt-4 font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n              >\n                Observations\n              </h3>\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          <h2\n            id=\"trace-insight-signals-heading\"\n            className=\"font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n          >\n            Trace signal summaries\n          </h2>\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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"}

package/dist/ee/signals/trace-intelligence-explainer.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: "text-caption max-w-sm space-y-3 p-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipContent, { className: "max-w-sm space-y-3 p-4 text-caption", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-foreground", children: [
         "Every trace is analyzed for ",
         enabledSignals.length === 4 ? "four" : enabledSignals.length,
@@ -40,7 +40,7 @@ function TraceIntelligenceExplainer({ signalCatalog }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: "text-meta font-mono tracking-widest uppercase",
+            className: "font-mono text-meta tracking-widest uppercase",
             style: { color: sankeyColor.nodeColor(ee_signals_signalColors.getSignalHue(signalName)) },
             children: ee_signals_signalFormatting.signalLabel(signalCatalog, signalName)
           }

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

@@ -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 { getSignalHue } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\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=\"text-caption 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              <span\n                className=\"text-meta font-mono tracking-widest uppercase\"\n                style={{ color: nodeColor(getSignalHue(signalName)) }}\n              >\n                {signalLabel(signalCatalog, signalName)}\n              </span>{' '}\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","nodeColor","getSignalHue","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,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,+CAAA;AAAA,YACV,OAAO,EAAE,KAAA,EAAOS,sBAAUC,oCAAA,CAAa,UAAU,CAAC,CAAA,EAAE;AAAA,YAEnD,QAAA,EAAAC,uCAAA,CAAY,eAAe,UAAU;AAAA;AAAA,SACxC;AAAA,QAAQ,GAAA;AAAA,QAAI,IAAA;AAAA,QACTC,6CAAA,CAAkB,eAAe,UAAU;AAAA,OAAA,EAAA,EAPvC,UAQT,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;;;;"}
+{"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 { getSignalHue } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\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              <span\n                className=\"font-mono text-meta tracking-widest uppercase\"\n                style={{ color: nodeColor(getSignalHue(signalName)) }}\n              >\n                {signalLabel(signalCatalog, signalName)}\n              </span>{' '}\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","nodeColor","getSignalHue","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,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,+CAAA;AAAA,YACV,OAAO,EAAE,KAAA,EAAOS,sBAAUC,oCAAA,CAAa,UAAU,CAAC,CAAA,EAAE;AAAA,YAEnD,QAAA,EAAAC,uCAAA,CAAY,eAAe,UAAU;AAAA;AAAA,SACxC;AAAA,QAAQ,GAAA;AAAA,QAAI,IAAA;AAAA,QACTC,6CAAA,CAAkB,eAAe,UAAU;AAAA,OAAA,EAAA,EAPvC,UAQT,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

@@ -24,7 +24,7 @@ function TraceIntelligenceExplainer({ signalCatalog }) {
         children: /* @__PURE__ */ jsx(Icon, { size: "xs", children: /* @__PURE__ */ jsx(Info, {}) })
       }
     ),
-    /* @__PURE__ */ jsxs(TooltipContent, { className: "text-caption max-w-sm space-y-3 p-4", children: [
+    /* @__PURE__ */ jsxs(TooltipContent, { className: "max-w-sm space-y-3 p-4 text-caption", children: [
       /* @__PURE__ */ jsxs("p", { className: "text-foreground", children: [
         "Every trace is analyzed for ",
         enabledSignals.length === 4 ? "four" : enabledSignals.length,
@@ -36,7 +36,7 @@ function TraceIntelligenceExplainer({ signalCatalog }) {
         /* @__PURE__ */ jsx(
           "span",
           {
-            className: "text-meta font-mono tracking-widest uppercase",
+            className: "font-mono text-meta tracking-widest uppercase",
             style: { color: nodeColor(getSignalHue(signalName)) },
             children: signalLabel(signalCatalog, signalName)
           }

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

@@ -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 { getSignalHue } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\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=\"text-caption 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              <span\n                className=\"text-meta font-mono tracking-widest uppercase\"\n                style={{ color: nodeColor(getSignalHue(signalName)) }}\n              >\n                {signalLabel(signalCatalog, signalName)}\n              </span>{' '}\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,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,+CAAA;AAAA,YACV,OAAO,EAAE,KAAA,EAAO,UAAU,YAAA,CAAa,UAAU,CAAC,CAAA,EAAE;AAAA,YAEnD,QAAA,EAAA,WAAA,CAAY,eAAe,UAAU;AAAA;AAAA,SACxC;AAAA,QAAQ,GAAA;AAAA,QAAI,IAAA;AAAA,QACT,iBAAA,CAAkB,eAAe,UAAU;AAAA,OAAA,EAAA,EAPvC,UAQT,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;;;;"}
+{"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 { getSignalHue } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\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              <span\n                className=\"font-mono text-meta tracking-widest uppercase\"\n                style={{ color: nodeColor(getSignalHue(signalName)) }}\n              >\n                {signalLabel(signalCatalog, signalName)}\n              </span>{' '}\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,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,+CAAA;AAAA,YACV,OAAO,EAAE,KAAA,EAAO,UAAU,YAAA,CAAa,UAAU,CAAC,CAAA,EAAE;AAAA,YAEnD,QAAA,EAAA,WAAA,CAAY,eAAe,UAAU;AAAA;AAAA,SACxC;AAAA,QAAQ,GAAA;AAAA,QAAI,IAAA;AAAA,QACT,iBAAA,CAAkB,eAAe,UAAU;AAAA,OAAA,EAAA,EAPvC,UAQT,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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const tabsTab = require('../../tabs-tab-DA466DbX.cjs');
+const tabsTab = require('../../tabs-tab-J91Szy3Q.cjs');
 const Txt = require('../../Txt-B4-2nLaI.cjs');
 const icons_Icon = require('../../icons/Icon.cjs.js');
 

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { T as Tab } from '../../tabs-tab-BycF4dvx.js';
+import { T as Tab } from '../../tabs-tab-CoSCf5Ku.js';
 import { T as Txt } from '../../Txt-DTh3Pa_a.js';
 import { Icon } from '../../icons/Icon.es.js';
 

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

@@ -6,10 +6,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const ee_topics_utils = require('../utils.cjs.js');
-const Button = require('../../../Button-CVewl8nT.cjs');
-const dataList = require('../../../data-list-CypPKOQ_.cjs');
+const Button = require('../../../Button-C0DBEBcJ.cjs');
+const dataList = require('../../../data-list-yJm-3f2w.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const inputGroup = require('../../../input-group-CvWwK1Vz.cjs');
+const inputGroup = require('../../../input-group-2yWKRuq9.cjs');
 
 function TopicTraceSummaryList({
   traces,

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

@@ -2,10 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { SearchIcon, ChevronDown } from 'lucide-react';
 import { useState, useMemo } from 'react';
 import { getVisibleTraceSummaries } from '../utils.es.js';
-import { B as Button } from '../../../Button-cWcBEd-G.js';
-import { D as DataList } from '../../../data-list-DnSdaRES.js';
+import { B as Button } from '../../../Button-C9cvaVFG.js';
+import { D as DataList } from '../../../data-list-gN4SP7a8.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { I as InputGroup, a as InputGroupAddon, c as InputGroupInput } from '../../../input-group-BEdHivvy.js';
+import { I as InputGroup, a as InputGroupAddon, c as InputGroupInput } from '../../../input-group-Czviwtvr.js';
 
 function TopicTraceSummaryList({
   traces,

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

@@ -10,9 +10,9 @@ const resize_separator = require('../../../resize/separator.cjs.js');
 
 function TopicsLayout({ sidebar, children, tracePanel, contentPadding = true }) {
   const hasContent = Boolean(children || tracePanel);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-background text-muted-foreground flex h-full min-h-0", children: [
-    sidebar ? /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "border-border min-h-0 w-88 shrink-0 border-r", children: sidebar }) : null,
-    hasContent ? /* @__PURE__ */ jsxRuntime.jsx("main", { className: contentPadding ? "min-w-0 flex-1 p-4" : "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(resize_panelGroup.PanelGroup, { className: "size-full min-h-0 min-w-0", orientation: "horizontal", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 bg-background text-muted-foreground", children: [
+    sidebar ? /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "min-h-0 w-88 shrink-0 border-r border-border", children: sidebar }) : null,
+    hasContent ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentPadding ? "min-w-0 flex-1 p-4" : "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(resize_panelGroup.PanelGroup, { className: "size-full min-h-0 min-w-0", orientation: "horizontal", children: [
       children ? /* @__PURE__ */ jsxRuntime.jsx(reactResizablePanels.Panel, { id: "topic-main", className: "min-w-0 pr-2", minSize: 35, children }) : null,
       tracePanel ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         children ? /* @__PURE__ */ jsxRuntime.jsx(resize_separator.PanelSeparator, {}) : null,

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

@@ -1 +1 @@
-{"version":3,"file":"topics-layout.cjs.js","sources":["../../../../src/ee/topics/components/topics-layout.tsx"],"sourcesContent":["import { Panel } from 'react-resizable-panels';\nimport { CollapsiblePanel } from '@/lib/resize/collapsible-panel';\nimport { PanelGroup } from '@/lib/resize/panel-group';\nimport { PanelSeparator } from '@/lib/resize/separator';\n\nexport interface TopicsLayoutProps {\n  sidebar?: React.ReactNode;\n  children?: React.ReactNode;\n  tracePanel?: React.ReactNode;\n  contentPadding?: boolean;\n}\n\nexport function TopicsLayout({ sidebar, children, tracePanel, contentPadding = true }: TopicsLayoutProps) {\n  const hasContent = Boolean(children || tracePanel);\n\n  return (\n    <div className=\"bg-background text-muted-foreground flex h-full min-h-0\">\n      {sidebar ? <aside className=\"border-border min-h-0 w-88 shrink-0 border-r\">{sidebar}</aside> : null}\n      {hasContent ? (\n        <main className={contentPadding ? 'min-w-0 flex-1 p-4' : 'min-w-0 flex-1'}>\n          <PanelGroup className=\"size-full min-h-0 min-w-0\" orientation=\"horizontal\">\n            {children ? (\n              <Panel id=\"topic-main\" className=\"min-w-0 pr-2\" minSize={35}>\n                {children}\n              </Panel>\n            ) : null}\n            {tracePanel ? (\n              <>\n                {children ? <PanelSeparator /> : null}\n                <CollapsiblePanel\n                  direction=\"right\"\n                  id=\"topic-trace-details\"\n                  minSize={300}\n                  maxSize=\"70%\"\n                  defaultSize={children ? '40%' : '100%'}\n                  collapsedSize={60}\n                  collapsible\n                  className=\"min-w-0 pl-2\"\n                >\n                  {tracePanel}\n                </CollapsiblePanel>\n              </>\n            ) : null}\n          </PanelGroup>\n        </main>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","PanelGroup","Panel","Fragment","PanelSeparator","CollapsiblePanel"],"mappings":";;;;;;;;;;AAYO,SAAS,aAAa,EAAE,OAAA,EAAS,UAAU,UAAA,EAAY,cAAA,GAAiB,MAAK,EAAsB;AACxG,EAAA,MAAM,UAAA,GAAa,OAAA,CAAQ,QAAA,IAAY,UAAU,CAAA;AAEjD,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yDAAA,EACZ,QAAA,EAAA;AAAA,IAAA,OAAA,mBAAUC,cAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,8CAAA,EAAgD,mBAAQ,CAAA,GAAW,IAAA;AAAA,IAC9F,UAAA,mBACCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,cAAA,GAAiB,oBAAA,GAAuB,gBAAA,EACvD,QAAA,kBAAAD,eAAA,CAACE,4BAAA,EAAA,EAAW,SAAA,EAAU,2BAAA,EAA4B,WAAA,EAAY,YAAA,EAC3D,QAAA,EAAA;AAAA,MAAA,QAAA,mBACCD,cAAA,CAACE,8BAAM,EAAA,EAAG,YAAA,EAAa,WAAU,cAAA,EAAe,OAAA,EAAS,EAAA,EACtD,QAAA,EACH,CAAA,GACE,IAAA;AAAA,MACH,6BACCH,eAAA,CAAAI,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,QAAA,mBAAWH,cAAA,CAACI,mCAAe,CAAA,GAAK,IAAA;AAAA,wBACjCJ,cAAA;AAAA,UAACK,wCAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,OAAA;AAAA,YACV,EAAA,EAAG,qBAAA;AAAA,YACH,OAAA,EAAS,GAAA;AAAA,YACT,OAAA,EAAQ,KAAA;AAAA,YACR,WAAA,EAAa,WAAW,KAAA,GAAQ,MAAA;AAAA,YAChC,aAAA,EAAe,EAAA;AAAA,YACf,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAU,cAAA;AAAA,YAET,QAAA,EAAA;AAAA;AAAA;AACH,OAAA,EACF,CAAA,GACE;AAAA,KAAA,EACN,GACF,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}
+{"version":3,"file":"topics-layout.cjs.js","sources":["../../../../src/ee/topics/components/topics-layout.tsx"],"sourcesContent":["import { Panel } from 'react-resizable-panels';\nimport { CollapsiblePanel } from '@/lib/resize/collapsible-panel';\nimport { PanelGroup } from '@/lib/resize/panel-group';\nimport { PanelSeparator } from '@/lib/resize/separator';\n\nexport interface TopicsLayoutProps {\n  sidebar?: React.ReactNode;\n  children?: React.ReactNode;\n  tracePanel?: React.ReactNode;\n  contentPadding?: boolean;\n}\n\nexport function TopicsLayout({ sidebar, children, tracePanel, contentPadding = true }: TopicsLayoutProps) {\n  const hasContent = Boolean(children || tracePanel);\n\n  return (\n    <div className=\"flex h-full min-h-0 bg-background text-muted-foreground\">\n      {sidebar ? <aside className=\"min-h-0 w-88 shrink-0 border-r border-border\">{sidebar}</aside> : null}\n      {hasContent ? (\n        <div className={contentPadding ? 'min-w-0 flex-1 p-4' : 'min-w-0 flex-1'}>\n          <PanelGroup className=\"size-full min-h-0 min-w-0\" orientation=\"horizontal\">\n            {children ? (\n              <Panel id=\"topic-main\" className=\"min-w-0 pr-2\" minSize={35}>\n                {children}\n              </Panel>\n            ) : null}\n            {tracePanel ? (\n              <>\n                {children ? <PanelSeparator /> : null}\n                <CollapsiblePanel\n                  direction=\"right\"\n                  id=\"topic-trace-details\"\n                  minSize={300}\n                  maxSize=\"70%\"\n                  defaultSize={children ? '40%' : '100%'}\n                  collapsedSize={60}\n                  collapsible\n                  className=\"min-w-0 pl-2\"\n                >\n                  {tracePanel}\n                </CollapsiblePanel>\n              </>\n            ) : null}\n          </PanelGroup>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","PanelGroup","Panel","Fragment","PanelSeparator","CollapsiblePanel"],"mappings":";;;;;;;;;;AAYO,SAAS,aAAa,EAAE,OAAA,EAAS,UAAU,UAAA,EAAY,cAAA,GAAiB,MAAK,EAAsB;AACxG,EAAA,MAAM,UAAA,GAAa,OAAA,CAAQ,QAAA,IAAY,UAAU,CAAA;AAEjD,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yDAAA,EACZ,QAAA,EAAA;AAAA,IAAA,OAAA,mBAAUC,cAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,8CAAA,EAAgD,mBAAQ,CAAA,GAAW,IAAA;AAAA,IAC9F,UAAA,mBACCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,cAAA,GAAiB,oBAAA,GAAuB,gBAAA,EACtD,QAAA,kBAAAD,eAAA,CAACE,4BAAA,EAAA,EAAW,SAAA,EAAU,2BAAA,EAA4B,WAAA,EAAY,YAAA,EAC3D,QAAA,EAAA;AAAA,MAAA,QAAA,mBACCD,cAAA,CAACE,8BAAM,EAAA,EAAG,YAAA,EAAa,WAAU,cAAA,EAAe,OAAA,EAAS,EAAA,EACtD,QAAA,EACH,CAAA,GACE,IAAA;AAAA,MACH,6BACCH,eAAA,CAAAI,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,QAAA,mBAAWH,cAAA,CAACI,mCAAe,CAAA,GAAK,IAAA;AAAA,wBACjCJ,cAAA;AAAA,UAACK,wCAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,OAAA;AAAA,YACV,EAAA,EAAG,qBAAA;AAAA,YACH,OAAA,EAAS,GAAA;AAAA,YACT,OAAA,EAAQ,KAAA;AAAA,YACR,WAAA,EAAa,WAAW,KAAA,GAAQ,MAAA;AAAA,YAChC,aAAA,EAAe,EAAA;AAAA,YACf,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAU,cAAA;AAAA,YAET,QAAA,EAAA;AAAA;AAAA;AACH,OAAA,EACF,CAAA,GACE;AAAA,KAAA,EACN,GACF,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}

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

@@ -6,9 +6,9 @@ import { PanelSeparator } from '../../../resize/separator.es.js';
 
 function TopicsLayout({ sidebar, children, tracePanel, contentPadding = true }) {
   const hasContent = Boolean(children || tracePanel);
-  return /* @__PURE__ */ jsxs("div", { className: "bg-background text-muted-foreground flex h-full min-h-0", children: [
-    sidebar ? /* @__PURE__ */ jsx("aside", { className: "border-border min-h-0 w-88 shrink-0 border-r", children: sidebar }) : null,
-    hasContent ? /* @__PURE__ */ jsx("main", { className: contentPadding ? "min-w-0 flex-1 p-4" : "min-w-0 flex-1", children: /* @__PURE__ */ jsxs(PanelGroup, { className: "size-full min-h-0 min-w-0", orientation: "horizontal", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 bg-background text-muted-foreground", children: [
+    sidebar ? /* @__PURE__ */ jsx("aside", { className: "min-h-0 w-88 shrink-0 border-r border-border", children: sidebar }) : null,
+    hasContent ? /* @__PURE__ */ jsx("div", { className: contentPadding ? "min-w-0 flex-1 p-4" : "min-w-0 flex-1", children: /* @__PURE__ */ jsxs(PanelGroup, { className: "size-full min-h-0 min-w-0", orientation: "horizontal", children: [
       children ? /* @__PURE__ */ jsx(Panel, { id: "topic-main", className: "min-w-0 pr-2", minSize: 35, children }) : null,
       tracePanel ? /* @__PURE__ */ jsxs(Fragment, { children: [
         children ? /* @__PURE__ */ jsx(PanelSeparator, {}) : null,

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

@@ -1 +1 @@
-{"version":3,"file":"topics-layout.es.js","sources":["../../../../src/ee/topics/components/topics-layout.tsx"],"sourcesContent":["import { Panel } from 'react-resizable-panels';\nimport { CollapsiblePanel } from '@/lib/resize/collapsible-panel';\nimport { PanelGroup } from '@/lib/resize/panel-group';\nimport { PanelSeparator } from '@/lib/resize/separator';\n\nexport interface TopicsLayoutProps {\n  sidebar?: React.ReactNode;\n  children?: React.ReactNode;\n  tracePanel?: React.ReactNode;\n  contentPadding?: boolean;\n}\n\nexport function TopicsLayout({ sidebar, children, tracePanel, contentPadding = true }: TopicsLayoutProps) {\n  const hasContent = Boolean(children || tracePanel);\n\n  return (\n    <div className=\"bg-background text-muted-foreground flex h-full min-h-0\">\n      {sidebar ? <aside className=\"border-border min-h-0 w-88 shrink-0 border-r\">{sidebar}</aside> : null}\n      {hasContent ? (\n        <main className={contentPadding ? 'min-w-0 flex-1 p-4' : 'min-w-0 flex-1'}>\n          <PanelGroup className=\"size-full min-h-0 min-w-0\" orientation=\"horizontal\">\n            {children ? (\n              <Panel id=\"topic-main\" className=\"min-w-0 pr-2\" minSize={35}>\n                {children}\n              </Panel>\n            ) : null}\n            {tracePanel ? (\n              <>\n                {children ? <PanelSeparator /> : null}\n                <CollapsiblePanel\n                  direction=\"right\"\n                  id=\"topic-trace-details\"\n                  minSize={300}\n                  maxSize=\"70%\"\n                  defaultSize={children ? '40%' : '100%'}\n                  collapsedSize={60}\n                  collapsible\n                  className=\"min-w-0 pl-2\"\n                >\n                  {tracePanel}\n                </CollapsiblePanel>\n              </>\n            ) : null}\n          </PanelGroup>\n        </main>\n      ) : null}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAYO,SAAS,aAAa,EAAE,OAAA,EAAS,UAAU,UAAA,EAAY,cAAA,GAAiB,MAAK,EAAsB;AACxG,EAAA,MAAM,UAAA,GAAa,OAAA,CAAQ,QAAA,IAAY,UAAU,CAAA;AAEjD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yDAAA,EACZ,QAAA,EAAA;AAAA,IAAA,OAAA,mBAAU,GAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,8CAAA,EAAgD,mBAAQ,CAAA,GAAW,IAAA;AAAA,IAC9F,UAAA,mBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,cAAA,GAAiB,oBAAA,GAAuB,gBAAA,EACvD,QAAA,kBAAA,IAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,2BAAA,EAA4B,WAAA,EAAY,YAAA,EAC3D,QAAA,EAAA;AAAA,MAAA,QAAA,mBACC,GAAA,CAAC,SAAM,EAAA,EAAG,YAAA,EAAa,WAAU,cAAA,EAAe,OAAA,EAAS,EAAA,EACtD,QAAA,EACH,CAAA,GACE,IAAA;AAAA,MACH,6BACC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,QAAA,mBAAW,GAAA,CAAC,kBAAe,CAAA,GAAK,IAAA;AAAA,wBACjC,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,OAAA;AAAA,YACV,EAAA,EAAG,qBAAA;AAAA,YACH,OAAA,EAAS,GAAA;AAAA,YACT,OAAA,EAAQ,KAAA;AAAA,YACR,WAAA,EAAa,WAAW,KAAA,GAAQ,MAAA;AAAA,YAChC,aAAA,EAAe,EAAA;AAAA,YACf,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAU,cAAA;AAAA,YAET,QAAA,EAAA;AAAA;AAAA;AACH,OAAA,EACF,CAAA,GACE;AAAA,KAAA,EACN,GACF,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}
+{"version":3,"file":"topics-layout.es.js","sources":["../../../../src/ee/topics/components/topics-layout.tsx"],"sourcesContent":["import { Panel } from 'react-resizable-panels';\nimport { CollapsiblePanel } from '@/lib/resize/collapsible-panel';\nimport { PanelGroup } from '@/lib/resize/panel-group';\nimport { PanelSeparator } from '@/lib/resize/separator';\n\nexport interface TopicsLayoutProps {\n  sidebar?: React.ReactNode;\n  children?: React.ReactNode;\n  tracePanel?: React.ReactNode;\n  contentPadding?: boolean;\n}\n\nexport function TopicsLayout({ sidebar, children, tracePanel, contentPadding = true }: TopicsLayoutProps) {\n  const hasContent = Boolean(children || tracePanel);\n\n  return (\n    <div className=\"flex h-full min-h-0 bg-background text-muted-foreground\">\n      {sidebar ? <aside className=\"min-h-0 w-88 shrink-0 border-r border-border\">{sidebar}</aside> : null}\n      {hasContent ? (\n        <div className={contentPadding ? 'min-w-0 flex-1 p-4' : 'min-w-0 flex-1'}>\n          <PanelGroup className=\"size-full min-h-0 min-w-0\" orientation=\"horizontal\">\n            {children ? (\n              <Panel id=\"topic-main\" className=\"min-w-0 pr-2\" minSize={35}>\n                {children}\n              </Panel>\n            ) : null}\n            {tracePanel ? (\n              <>\n                {children ? <PanelSeparator /> : null}\n                <CollapsiblePanel\n                  direction=\"right\"\n                  id=\"topic-trace-details\"\n                  minSize={300}\n                  maxSize=\"70%\"\n                  defaultSize={children ? '40%' : '100%'}\n                  collapsedSize={60}\n                  collapsible\n                  className=\"min-w-0 pl-2\"\n                >\n                  {tracePanel}\n                </CollapsiblePanel>\n              </>\n            ) : null}\n          </PanelGroup>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAYO,SAAS,aAAa,EAAE,OAAA,EAAS,UAAU,UAAA,EAAY,cAAA,GAAiB,MAAK,EAAsB;AACxG,EAAA,MAAM,UAAA,GAAa,OAAA,CAAQ,QAAA,IAAY,UAAU,CAAA;AAEjD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yDAAA,EACZ,QAAA,EAAA;AAAA,IAAA,OAAA,mBAAU,GAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,8CAAA,EAAgD,mBAAQ,CAAA,GAAW,IAAA;AAAA,IAC9F,UAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,cAAA,GAAiB,oBAAA,GAAuB,gBAAA,EACtD,QAAA,kBAAA,IAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,2BAAA,EAA4B,WAAA,EAAY,YAAA,EAC3D,QAAA,EAAA;AAAA,MAAA,QAAA,mBACC,GAAA,CAAC,SAAM,EAAA,EAAG,YAAA,EAAa,WAAU,cAAA,EAAe,OAAA,EAAS,EAAA,EACtD,QAAA,EACH,CAAA,GACE,IAAA;AAAA,MACH,6BACC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,QAAA,mBAAW,GAAA,CAAC,kBAAe,CAAA,GAAK,IAAA;AAAA,wBACjC,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,OAAA;AAAA,YACV,EAAA,EAAG,qBAAA;AAAA,YACH,OAAA,EAAS,GAAA;AAAA,YACT,OAAA,EAAQ,KAAA;AAAA,YACR,WAAA,EAAa,WAAW,KAAA,GAAQ,MAAA;AAAA,YAChC,aAAA,EAAe,EAAA;AAAA,YACf,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAU,cAAA;AAAA,YAET,QAAA,EAAA;AAAA;AAAA;AACH,OAAA,EACF,CAAA,GACE;AAAA,KAAA,EACN,GACF,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}

package/dist/{field-block-Dy1IaWbv.cjs → field-error-id-6EfqmQ4C.cjs}

@@ -79,7 +79,7 @@ function FieldBlockLayout({
 }
 
 function FieldBlockMessage({ name, helpText, errorMsg }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-caption h-[1lh] min-w-0 overflow-hidden [&>p]:truncate", children: errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(FieldBlockErrorMsg, { name, className: "truncate", children: errorMsg }) : helpText ? /* @__PURE__ */ jsxRuntime.jsx(FieldBlockHelpText, { children: helpText }) : null });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[1lh] min-w-0 overflow-hidden text-caption [&>p]:truncate", children: errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(FieldBlockErrorMsg, { name, className: "truncate", children: errorMsg }) : helpText ? /* @__PURE__ */ jsxRuntime.jsx(FieldBlockHelpText, { children: helpText }) : null });
 }
 
 const FieldBlock = Object.assign(
@@ -94,5 +94,8 @@ const FieldBlock = Object.assign(
   }
 );
 
+const fieldErrorId = (name) => `error-${name}`;
+
 exports.FieldBlock = FieldBlock;
-//# sourceMappingURL=field-block-Dy1IaWbv.cjs.map
+exports.fieldErrorId = fieldErrorId;
+//# sourceMappingURL=field-error-id-6EfqmQ4C.cjs.map

package/dist/field-error-id-6EfqmQ4C.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-error-id-6EfqmQ4C.cjs","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 { 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    <p\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('text-caption text-destructive', className)}\n    >\n      {children}\n    </p>\n  );\n}\n","export type FieldBlockHelpTextProps = {\n  children?: React.ReactNode;\n};\n\nexport function FieldBlockHelpText({ children }: FieldBlockHelpTextProps) {\n  return <p className=\"text-caption text-muted-foreground\">{children}</p>;\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 aria-hidden className={cn('ml-0.5', disabled ? 'text-muted-foreground' : 'text-destructive')}>\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-caption [&>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\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","/**\n * Id of the error message for a field, so a control can point at its message with\n * `aria-describedby`. Lives apart from the component file: exporting it alongside a\n * component breaks fast refresh.\n */\nexport const fieldErrorId = (name: string) => `error-${name}`;\n"],"names":["cn","jsx","jsxs","Fragment"],"mappings":"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"}

package/dist/{field-block-DWkbNcsV.js → field-error-id-DyWx33Fu.js}

@@ -77,7 +77,7 @@ function FieldBlockLayout({
 }
 
 function FieldBlockMessage({ name, helpText, errorMsg }) {
-  return /* @__PURE__ */ jsx("div", { className: "text-caption h-[1lh] min-w-0 overflow-hidden [&>p]:truncate", children: errorMsg ? /* @__PURE__ */ jsx(FieldBlockErrorMsg, { name, className: "truncate", children: errorMsg }) : helpText ? /* @__PURE__ */ jsx(FieldBlockHelpText, { children: helpText }) : null });
+  return /* @__PURE__ */ jsx("div", { className: "h-[1lh] min-w-0 overflow-hidden text-caption [&>p]:truncate", children: errorMsg ? /* @__PURE__ */ jsx(FieldBlockErrorMsg, { name, className: "truncate", children: errorMsg }) : helpText ? /* @__PURE__ */ jsx(FieldBlockHelpText, { children: helpText }) : null });
 }
 
 const FieldBlock = Object.assign(
@@ -92,5 +92,7 @@ const FieldBlock = Object.assign(
   }
 );
 
-export { FieldBlock as F };
-//# sourceMappingURL=field-block-DWkbNcsV.js.map
+const fieldErrorId = (name) => `error-${name}`;
+
+export { FieldBlock as F, fieldErrorId as f };
+//# sourceMappingURL=field-error-id-DyWx33Fu.js.map

package/dist/field-error-id-DyWx33Fu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-error-id-DyWx33Fu.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 { 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    <p\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('text-caption text-destructive', className)}\n    >\n      {children}\n    </p>\n  );\n}\n","export type FieldBlockHelpTextProps = {\n  children?: React.ReactNode;\n};\n\nexport function FieldBlockHelpText({ children }: FieldBlockHelpTextProps) {\n  return <p className=\"text-caption text-muted-foreground\">{children}</p>;\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 aria-hidden className={cn('ml-0.5', disabled ? 'text-muted-foreground' : 'text-destructive')}>\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-caption [&>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\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","/**\n * Id of the error message for a field, so a control can point at its message with\n * `aria-describedby`. Lives apart from the component file: exporting it alongside a\n * component breaks fast refresh.\n */\nexport const fieldErrorId = (name: string) => `error-${name}`;\n"],"names":[],"mappings":"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"}