@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

package/dist/ee/signals/components/signals-empty-state.cjs.js

@@ -4,12 +4,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../../../signals-empty-state.css');const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-C2dx_QZN.cjs');
-const Card = require('../../../Card-DC9rlxXj.cjs');
+const Button = require('../../../Button-CVewl8nT.cjs');
+const Card = require('../../../Card-D0kFp9j9.cjs');
 const sankeyColor = require('../../../sankeyColor-DHE7ggh8.cjs');
 const ee_signals_signalColors = require('../signal-colors.cjs.js');
 const ee_signals_signalFormatting = require('../signal-formatting.cjs.js');
 const icons_TraceIcon = require('../../../icons/TraceIcon.cjs.js');
+const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
+const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 
 const traceRows = [
   ["chat.completion", "1.2s"],
@@ -20,7 +22,7 @@ const signalStyle = (label) => ({
   color: sankeyColor.nodeColor(ee_signals_signalColors.getSignalHue(label))
 });
 const PipelineConnector = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-hidden": "true", className: "relative hidden h-full items-center lg:flex", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border1 w-full border-t border-dashed" }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border w-full border-t border-dashed" }),
   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "signals-pipeline-connector bg-positive1 absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full shadow-[0_0_12px_currentColor]" })
 ] });
 function formatNumber(value) {
@@ -55,21 +57,21 @@ function ProgressSummary({ progress }) {
   const enabledSignalCount = catalog.filter((signal) => signal.enabled).length;
   const readySignalCount = catalog.filter((signal) => signal.enabled && signal.status === "ready").length;
   return /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-4 grid gap-2 sm:grid-cols-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border1 bg-surface3 rounded-md border px-3 py-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-ui-sm text-neutral3", children: "Traces analyzed" }),
-      /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-header-sm text-neutral6 mt-1 font-semibold", children: formatNumber(progress.traceCount) })
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "rounded-md px-3 py-2"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-caption text-muted-foreground", children: "Traces analyzed" }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-heading text-foreground mt-1", children: formatNumber(progress.traceCount) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border1 bg-surface3 rounded-md border px-3 py-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-ui-sm text-neutral3", children: "Trace signal types ready" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "text-header-sm text-neutral6 mt-1 font-semibold", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "rounded-md px-3 py-2"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-caption text-muted-foreground", children: "Trace signal types ready" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "text-heading text-foreground mt-1", children: [
         progress.signalCatalog ? readySignalCount : progress.availableSignals.length,
         " of ",
         enabledSignalCount
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border1 bg-surface3 rounded-md border px-3 py-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-ui-sm text-neutral3", children: "Status" }),
-      /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-header-sm text-neutral6 mt-1 font-semibold capitalize", children: progress.status })
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "rounded-md px-3 py-2"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-caption text-muted-foreground", children: "Status" }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-heading text-foreground mt-1 capitalize", children: progress.status })
     ] })
   ] });
 }
@@ -84,12 +86,12 @@ function SignalProgressList({ progress }) {
     const catalogEntry = catalog.find((signal) => signal.name === signalName);
     const label = ee_signals_signalFormatting.signalLabel(catalog, signalName);
     const isReady = catalogEntry ? catalogEntry.status === "ready" : progress.availableSignals.includes(signalName);
-    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "border-border1 bg-surface2 rounded-md border px-3 py-2", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "border-border bg-background rounded-md border px-3 py-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-md font-semibold", style: signalStyle(signalName), children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-sm text-neutral4", children: isReady ? "Themes ready" : "Processing" })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-subheading", style: signalStyle(signalName), children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-muted-foreground", children: isReady ? "Themes ready" : "Processing" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-ui-sm text-neutral3 mt-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-caption text-muted-foreground mt-1", children: [
         formatNumber(value.generated),
         " generated · ",
         formatNumber(value.embedded),
@@ -105,18 +107,18 @@ function PendingSignalProgress({
   const catalog = progress?.signalCatalog ?? signalCatalog;
   const pendingSignals = catalog.filter((signal) => signal.enabled && signal.status !== "ready");
   if (pendingSignals.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "border-border1 bg-surface2 rounded-lg border p-4", "aria-labelledby": "pending-signals-heading", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "pending-signals-heading", className: "text-ui-md text-neutral6 font-semibold", children: "Signals building themes" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm text-neutral3 mt-1", children: "Themes appear once enough new traces are analyzed, embedded, and clustered." }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "border-border bg-background rounded-lg border p-4", "aria-labelledby": "pending-signals-heading", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "pending-signals-heading", className: "text-subheading text-foreground", children: "Signals building themes" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground mt-1", children: "Themes appear once enough new traces are analyzed, embedded, and clustered." }),
     /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Pending trace signals", className: "mt-3 grid gap-2 sm:grid-cols-2", children: pendingSignals.map((signal) => {
       const value = progress?.signals[signal.name] ?? { generated: 0, embedded: 0 };
-      return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "border-border1 bg-surface3 rounded-md border px-3 py-2 font-sans", children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "rounded-md px-3 py-2 font-body"), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-md font-semibold", style: signalStyle(signal.name), children: ee_signals_signalFormatting.signalLabel(catalog, signal.name) }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-sm text-neutral4 capitalize", children: signal.status })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-subheading", style: signalStyle(signal.name), children: ee_signals_signalFormatting.signalLabel(catalog, signal.name) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-muted-foreground capitalize", children: signal.status })
         ] }),
-        ee_signals_signalFormatting.signalDescription(catalog, signal.name) ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm text-neutral3 mt-1", children: ee_signals_signalFormatting.signalDescription(catalog, signal.name) }) : null,
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-ui-sm text-neutral3 mt-1", children: [
+        ee_signals_signalFormatting.signalDescription(catalog, signal.name) ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground mt-1", children: ee_signals_signalFormatting.signalDescription(catalog, signal.name) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-caption text-muted-foreground mt-1", children: [
           formatNumber(value.generated),
           " generated · ",
           formatNumber(value.embedded),
@@ -144,14 +146,14 @@ const SignalsEmptyState = ({
     label: ee_signals_signalFormatting.signalLabel(catalog, name),
     description: ee_signals_signalFormatting.signalDescription(catalog, name)
   }));
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "bg-surface1 min-h-full w-full p-6 md:px-10 lg:px-12 xl:px-[4.375rem]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-260", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "bg-sidebar min-h-full w-full p-6 md:px-10 lg:px-12 xl:px-[4.375rem]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-260", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-ui-sm text-neutral4 flex items-center gap-2 font-mono tracking-wider uppercase", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-caption text-muted-foreground flex items-center gap-2 font-mono tracking-wider uppercase", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "bg-accent1 size-2 rounded-full" }),
         "Trace Intelligence"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-header-xl text-neutral6 mt-2 font-medium tracking-tight", children: "Understand what drives every agent interaction" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-md text-neutral3 mt-2 max-w-180", children: "Trace Intelligence groups recurring goals, outcomes, behaviors, and sentiment across completed traces." })
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-display text-foreground mt-2 tracking-tight", children: "Understand what drives every agent interaction" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-muted-foreground mt-2 max-w-180", children: "Trace Intelligence groups recurring goals, outcomes, behaviors, and sentiment across completed traces." })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -161,16 +163,19 @@ const SignalsEmptyState = ({
         className: "mt-14 grid gap-4 lg:grid-cols-[17.5rem_4.5rem_17.5rem_4.5rem_minmax(0,1fr)] lg:gap-0",
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "listitem", className: "min-h-50 p-5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-header-sm text-neutral6 font-semibold", children: "Traces" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm text-neutral3 mt-0.5", children: "Every agent interaction" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm text-neutral3 mt-5 font-mono tracking-[0.18em] uppercase", children: "Input" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-heading text-foreground", children: "Traces" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground mt-0.5", children: "Every agent interaction" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground mt-5 font-mono tracking-[0.18em] uppercase", children: "Input" }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2.5 space-y-2", children: traceRows.map(([name, duration]) => /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: "border-border1 bg-surface3 text-ui-xs flex items-center justify-between rounded border px-3 py-1.5 font-mono",
+                className: utils_cn.cn(
+                  primitives_raisedSurface.raisedSurfaceStyle,
+                  "text-meta flex items-center justify-between rounded px-3 py-1.5 font-mono"
+                ),
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral4", children: name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral3", children: duration })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: duration })
                 ]
               },
               name
@@ -183,29 +188,29 @@ const SignalsEmptyState = ({
               as: "div",
               role: "listitem",
               className: "flex min-h-50 flex-col items-center p-5 text-center",
-              elevation: "elevated",
+              elevation: "raised",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-header-sm text-neutral6 font-semibold", children: "Trace Intelligence" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm text-neutral3 mt-0.5", children: "Finds recurring themes" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-heading text-foreground", children: "Trace Intelligence" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground mt-0.5", children: "Finds recurring themes" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-hidden": "true", className: "relative mt-5 flex size-20 items-center justify-center", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "signals-engine-pulse border-positive1/15 absolute size-20 rounded-full border" }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "border-positive1/25 absolute size-14 rounded-full border" }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "border-positive1/40 bg-positive1/5 absolute size-9 rounded-full border shadow-[0_0_24px_var(--color-positive1)]" }),
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CpuIcon, { className: "text-positive1 relative size-4" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-xs text-neutral3 mt-3 max-w-40", children: "Clusters similar trace signals into themes for each dimension" })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-meta text-muted-foreground mt-3 max-w-40", children: "Clusters similar trace signals into themes for each dimension" })
               ]
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(PipelineConnector, {}),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "listitem", className: "min-h-50 p-5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-header-sm text-neutral6 font-semibold", children: "Theme analysis" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm text-neutral3 mt-0.5", children: "How recurring patterns connect" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm text-neutral3 mt-5 font-mono tracking-[0.18em] uppercase", children: "Output" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-heading text-foreground", children: "Theme analysis" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground mt-0.5", children: "How recurring patterns connect" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground mt-5 font-mono tracking-[0.18em] uppercase", children: "Output" }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: signalDefinitions.map((signal) => /* @__PURE__ */ jsxRuntime.jsxs(
               "span",
               {
-                className: "signals-chip bg-surface3 text-ui-sm inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]",
+                className: "signals-chip bg-card text-column inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]",
                 style: signalStyle(signal.key),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]" }),
@@ -219,13 +224,13 @@ const SignalsEmptyState = ({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mt-10", "aria-labelledby": "signal-definitions-heading", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "signal-definitions-heading", className: "text-header-sm text-neutral6 font-semibold", children: "What each trace signal means" }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "signal-definitions-heading", className: "text-heading text-foreground", children: "What each trace signal means" }),
       /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Trace signal definitions", className: "mt-4 grid gap-3 sm:grid-cols-2", children: signalDefinitions.map((signal) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "px-1 py-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-ui-md font-semibold", style: signalStyle(signal.key), children: signal.label }),
-        signal.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm text-neutral3 mt-1.5", children: signal.description }) : null
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-subheading", style: signalStyle(signal.key), children: signal.label }),
+        signal.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground mt-1.5", children: signal.description }) : null
       ] }, signal.key)) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "border-border1 bg-surface2 mt-9 rounded-md border px-5 py-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "border-border bg-background mt-9 rounded-md border px-5 py-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
@@ -235,8 +240,8 @@ const SignalsEmptyState = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-ui-sm text-neutral3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-neutral5 font-semibold", children: copy.title }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-caption text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-foreground font-medium", children: copy.title }),
             " ",
             copy.body
           ] }),

package/dist/ee/signals/components/signals-empty-state.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"signals-empty-state.cjs.js","sources":["../../../../src/ee/signals/components/signals-empty-state.tsx"],"sourcesContent":["import type { EntityLearningProgressResponse, SignalCatalogEntry } from '@mastra/client-js';\nimport { CpuIcon, ExternalLink } from 'lucide-react';\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport './signals-empty-state.css';\nimport { Button } from '../../../ds/components/Button';\nimport { Card } from '../../../ds/components/Card';\nimport { nodeColor } from '../../../ds/components/SankeyChart/sankeyColor';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport { getSignalHue } from '../signal-colors';\nimport { BUILT_IN_SIGNAL_CATALOG, orderedSignals, signalDescription, signalLabel } from '../signal-formatting';\nimport { TraceIcon } from '@/ds/icons/TraceIcon';\n\nconst traceRows = [\n  ['chat.completion', '1.2s'],\n  ['tool.search_docs', '340ms'],\n  ['workflow.support', '2.8s'],\n];\n\nconst signalStyle = (label: string): CSSProperties => ({\n  color: nodeColor(getSignalHue(label)),\n});\n\nconst PipelineConnector = () => (\n  <div aria-hidden=\"true\" className=\"relative hidden h-full items-center lg:flex\">\n    <div className=\"border-border1 w-full border-t border-dashed\" />\n    <span className=\"signals-pipeline-connector bg-positive1 absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full shadow-[0_0_12px_currentColor]\" />\n  </div>\n);\n\nexport type TraceIntelligenceProgress = EntityLearningProgressResponse;\n\nexport type SignalsEmptyStateProps = {\n  actionSlot?: ReactNode;\n  LinkComponent?: LinkComponent;\n  progress?: TraceIntelligenceProgress;\n  signalCatalog?: readonly SignalCatalogEntry[];\n  isRangeEmpty?: boolean;\n};\n\nfunction formatNumber(value: number) {\n  return new Intl.NumberFormat('en-US').format(value);\n}\n\nfunction statusCopy(progress?: TraceIntelligenceProgress, isRangeEmpty?: boolean) {\n  if (isRangeEmpty) {\n    return {\n      title: 'No Trace Intelligence themes in this date range.',\n      body: 'Choose a wider snapshot date range, or wait for newly processed traces to form recurring themes.',\n    };\n  }\n  if (!progress || progress.status === 'collecting') {\n    return {\n      title: 'Collecting traces for Trace Intelligence.',\n      body: 'Trace Intelligence starts grouping recurring patterns after your deployed agents send enough completed traces.',\n    };\n  }\n  if (progress.status === 'ready') {\n    return {\n      title: 'Trace Intelligence themes are ready.',\n      body: 'Select at least two available trace signal types to see how goals, outcomes, behaviors, and sentiment connect.',\n    };\n  }\n  return {\n    title: 'Analyzing traces for Trace Intelligence.',\n    body: 'Trace signals have started processing. Themes appear after enough generated and embedded trace signals form recurring patterns.',\n  };\n}\n\nfunction ProgressSummary({ progress }: { progress: TraceIntelligenceProgress }) {\n  const catalog = progress.signalCatalog ?? BUILT_IN_SIGNAL_CATALOG;\n  const enabledSignalCount = catalog.filter(signal => signal.enabled).length;\n  const readySignalCount = catalog.filter(signal => signal.enabled && signal.status === 'ready').length;\n  return (\n    <dl className=\"mt-4 grid gap-2 sm:grid-cols-3\">\n      <div className=\"border-border1 bg-surface3 rounded-md border px-3 py-2\">\n        <dt className=\"text-ui-sm text-neutral3\">Traces analyzed</dt>\n        <dd className=\"text-header-sm text-neutral6 mt-1 font-semibold\">{formatNumber(progress.traceCount)}</dd>\n      </div>\n      <div className=\"border-border1 bg-surface3 rounded-md border px-3 py-2\">\n        <dt className=\"text-ui-sm text-neutral3\">Trace signal types ready</dt>\n        <dd className=\"text-header-sm text-neutral6 mt-1 font-semibold\">\n          {progress.signalCatalog ? readySignalCount : progress.availableSignals.length} of {enabledSignalCount}\n        </dd>\n      </div>\n      <div className=\"border-border1 bg-surface3 rounded-md border px-3 py-2\">\n        <dt className=\"text-ui-sm text-neutral3\">Status</dt>\n        <dd className=\"text-header-sm text-neutral6 mt-1 font-semibold capitalize\">{progress.status}</dd>\n      </div>\n    </dl>\n  );\n}\n\nfunction SignalProgressList({ progress }: { progress?: TraceIntelligenceProgress }) {\n  if (!progress) return null;\n\n  const catalog = progress.signalCatalog ?? BUILT_IN_SIGNAL_CATALOG;\n  return (\n    <ul aria-label=\"Trace signal processing progress\" className=\"mt-3 grid gap-2 sm:grid-cols-2 lg:grid-cols-4\">\n      {orderedSignals(\n        catalog,\n        catalog.filter(signal => signal.enabled).map(signal => signal.name),\n      ).map(signalName => {\n        const value = progress.signals[signalName] ?? { generated: 0, embedded: 0 };\n        const catalogEntry = catalog.find(signal => signal.name === signalName);\n        const label = signalLabel(catalog, signalName);\n        const isReady = catalogEntry ? catalogEntry.status === 'ready' : progress.availableSignals.includes(signalName);\n        return (\n          <li className=\"border-border1 bg-surface2 rounded-md border px-3 py-2\" key={signalName}>\n            <div className=\"flex items-center justify-between gap-2\">\n              <span className=\"text-ui-md font-semibold\" style={signalStyle(signalName)}>\n                {label}\n              </span>\n              <span className=\"text-ui-sm text-neutral4\">{isReady ? 'Themes ready' : 'Processing'}</span>\n            </div>\n            <p className=\"text-ui-sm text-neutral3 mt-1\">\n              {formatNumber(value.generated)} generated · {formatNumber(value.embedded)} embedded\n            </p>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport function PendingSignalProgress({\n  progress,\n  signalCatalog,\n}: {\n  progress?: TraceIntelligenceProgress;\n  signalCatalog: readonly SignalCatalogEntry[];\n}) {\n  const catalog = progress?.signalCatalog ?? signalCatalog;\n  const pendingSignals = catalog.filter(signal => signal.enabled && signal.status !== 'ready');\n  if (pendingSignals.length === 0) return null;\n\n  return (\n    <section className=\"border-border1 bg-surface2 rounded-lg border p-4\" aria-labelledby=\"pending-signals-heading\">\n      <h2 id=\"pending-signals-heading\" className=\"text-ui-md text-neutral6 font-semibold\">\n        Signals building themes\n      </h2>\n      <p className=\"text-ui-sm text-neutral3 mt-1\">\n        Themes appear once enough new traces are analyzed, embedded, and clustered.\n      </p>\n      <ul aria-label=\"Pending trace signals\" className=\"mt-3 grid gap-2 sm:grid-cols-2\">\n        {pendingSignals.map(signal => {\n          const value = progress?.signals[signal.name] ?? { generated: 0, embedded: 0 };\n          return (\n            <li className=\"border-border1 bg-surface3 rounded-md border px-3 py-2 font-sans\" key={signal.name}>\n              <div className=\"flex items-center justify-between gap-2\">\n                <span className=\"text-ui-md font-semibold\" style={signalStyle(signal.name)}>\n                  {signalLabel(catalog, signal.name)}\n                </span>\n                <span className=\"text-ui-sm text-neutral4 capitalize\">{signal.status}</span>\n              </div>\n              {signalDescription(catalog, signal.name) ? (\n                <p className=\"text-ui-sm text-neutral3 mt-1\">{signalDescription(catalog, signal.name)}</p>\n              ) : null}\n              <p className=\"text-ui-sm text-neutral3 mt-1\">\n                {formatNumber(value.generated)} generated · {formatNumber(value.embedded)} embedded\n              </p>\n            </li>\n          );\n        })}\n      </ul>\n    </section>\n  );\n}\n\nexport const SignalsEmptyState = ({\n  actionSlot,\n  LinkComponent = 'a',\n  progress,\n  signalCatalog,\n  isRangeEmpty,\n}: SignalsEmptyStateProps) => {\n  const copy = statusCopy(progress, isRangeEmpty);\n  const catalog = signalCatalog ?? progress?.signalCatalog ?? BUILT_IN_SIGNAL_CATALOG;\n  const enabledSignalNames = orderedSignals(\n    catalog,\n    catalog.filter(signal => signal.enabled).map(signal => signal.name),\n  );\n  const signalDefinitions = enabledSignalNames.map(name => ({\n    key: name,\n    label: signalLabel(catalog, name),\n    description: signalDescription(catalog, name),\n  }));\n\n  return (\n    <section className=\"bg-surface1 min-h-full w-full p-6 md:px-10 lg:px-12 xl:px-[4.375rem]\">\n      <div className=\"mx-auto w-full max-w-260\">\n        <header>\n          <p className=\"text-ui-sm text-neutral4 flex items-center gap-2 font-mono tracking-wider uppercase\">\n            <span aria-hidden=\"true\" className=\"bg-accent1 size-2 rounded-full\" />\n            Trace Intelligence\n          </p>\n          <h1 className=\"text-header-xl text-neutral6 mt-2 font-medium tracking-tight\">\n            Understand what drives every agent interaction\n          </h1>\n          <p className=\"text-ui-md text-neutral3 mt-2 max-w-180\">\n            Trace Intelligence groups recurring goals, outcomes, behaviors, and sentiment across completed traces.\n          </p>\n        </header>\n\n        <div\n          role=\"list\"\n          aria-label=\"Trace Intelligence analysis pipeline\"\n          className=\"mt-14 grid gap-4 lg:grid-cols-[17.5rem_4.5rem_17.5rem_4.5rem_minmax(0,1fr)] lg:gap-0\"\n        >\n          <div role=\"listitem\" className=\"min-h-50 p-5\">\n            <h2 className=\"text-header-sm text-neutral6 font-semibold\">Traces</h2>\n            <p className=\"text-ui-sm text-neutral3 mt-0.5\">Every agent interaction</p>\n            <p className=\"text-ui-sm text-neutral3 mt-5 font-mono tracking-[0.18em] uppercase\">Input</p>\n            <div className=\"mt-2.5 space-y-2\">\n              {traceRows.map(([name, duration]) => (\n                <div\n                  className=\"border-border1 bg-surface3 text-ui-xs flex items-center justify-between rounded border px-3 py-1.5 font-mono\"\n                  key={name}\n                >\n                  <span className=\"text-neutral4\">{name}</span>\n                  <span className=\"text-neutral3\">{duration}</span>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          <PipelineConnector />\n\n          <Card\n            as=\"div\"\n            role=\"listitem\"\n            className=\"flex min-h-50 flex-col items-center p-5 text-center\"\n            elevation=\"elevated\"\n          >\n            <h2 className=\"text-header-sm text-neutral6 font-semibold\">Trace Intelligence</h2>\n            <p className=\"text-ui-sm text-neutral3 mt-0.5\">Finds recurring themes</p>\n            <div aria-hidden=\"true\" className=\"relative mt-5 flex size-20 items-center justify-center\">\n              <span className=\"signals-engine-pulse border-positive1/15 absolute size-20 rounded-full border\" />\n              <span className=\"border-positive1/25 absolute size-14 rounded-full border\" />\n              <span className=\"border-positive1/40 bg-positive1/5 absolute size-9 rounded-full border shadow-[0_0_24px_var(--color-positive1)]\" />\n              <CpuIcon className=\"text-positive1 relative size-4\" />\n            </div>\n            <p className=\"text-ui-xs text-neutral3 mt-3 max-w-40\">\n              Clusters similar trace signals into themes for each dimension\n            </p>\n          </Card>\n\n          <PipelineConnector />\n\n          <div role=\"listitem\" className=\"min-h-50 p-5\">\n            <h2 className=\"text-header-sm text-neutral6 font-semibold\">Theme analysis</h2>\n            <p className=\"text-ui-sm text-neutral3 mt-0.5\">How recurring patterns connect</p>\n            <p className=\"text-ui-sm text-neutral3 mt-5 font-mono tracking-[0.18em] uppercase\">Output</p>\n            <div className=\"mt-3 flex flex-wrap gap-2\">\n              {signalDefinitions.map(signal => (\n                <span\n                  className=\"signals-chip bg-surface3 text-ui-sm inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]\"\n                  key={signal.key}\n                  style={signalStyle(signal.key)}\n                >\n                  <span aria-hidden=\"true\" className=\"size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]\" />\n                  {signal.label}\n                </span>\n              ))}\n            </div>\n          </div>\n        </div>\n\n        <section className=\"mt-10\" aria-labelledby=\"signal-definitions-heading\">\n          <h2 id=\"signal-definitions-heading\" className=\"text-header-sm text-neutral6 font-semibold\">\n            What each trace signal means\n          </h2>\n          <ul aria-label=\"Trace signal definitions\" className=\"mt-4 grid gap-3 sm:grid-cols-2\">\n            {signalDefinitions.map(signal => (\n              <li className=\"px-1 py-2\" key={signal.key}>\n                <h3 className=\"text-ui-md font-semibold\" style={signalStyle(signal.key)}>\n                  {signal.label}\n                </h3>\n                {signal.description ? <p className=\"text-ui-sm text-neutral3 mt-1.5\">{signal.description}</p> : null}\n              </li>\n            ))}\n          </ul>\n        </section>\n\n        <aside className=\"border-border1 bg-surface2 mt-9 rounded-md border px-5 py-4\">\n          <div className=\"flex min-w-0 items-start gap-3\">\n            <span\n              aria-hidden=\"true\"\n              className=\"bg-warning1 mt-1.5 size-2 shrink-0 rounded-full shadow-[0_0_9px_currentColor]\"\n            />\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"text-ui-sm text-neutral3\">\n                <strong className=\"text-neutral5 font-semibold\">{copy.title}</strong> {copy.body}\n              </p>\n              {progress ? <ProgressSummary progress={progress} /> : null}\n              <SignalProgressList progress={progress} />\n            </div>\n          </div>\n          <div className=\"mt-4 flex shrink-0 flex-wrap items-center gap-2 sm:justify-end\">\n            {actionSlot}\n            <Button\n              icon={<ExternalLink />}\n              render={\n                <a\n                  href=\"https://mastra.ai/en/docs/mastra-platform/trace-intelligence\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                />\n              }\n              variant=\"outline\"\n              size=\"sm\"\n            >\n              Read the docs<span className=\"sr-only\"> (opens in new tab)</span>\n            </Button>\n            <Button icon={<TraceIcon />} render={<LinkComponent href=\"/traces\" />} variant=\"primary\" size=\"sm\">\n              View incoming traces\n            </Button>\n          </div>\n        </aside>\n      </div>\n    </section>\n  );\n};\n"],"names":["nodeColor","getSignalHue","jsxs","jsx","BUILT_IN_SIGNAL_CATALOG","orderedSignals","signalLabel","signalDescription","Card","CpuIcon","Button","ExternalLink","TraceIcon"],"mappings":"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"}
+{"version":3,"file":"signals-empty-state.cjs.js","sources":["../../../../src/ee/signals/components/signals-empty-state.tsx"],"sourcesContent":["import type { EntityLearningProgressResponse, SignalCatalogEntry } from '@mastra/client-js';\nimport { CpuIcon, ExternalLink } from 'lucide-react';\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport './signals-empty-state.css';\nimport { Button } from '../../../ds/components/Button';\nimport { Card } from '../../../ds/components/Card';\nimport { nodeColor } from '../../../ds/components/SankeyChart/sankeyColor';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport { getSignalHue } from '../signal-colors';\nimport { BUILT_IN_SIGNAL_CATALOG, orderedSignals, signalDescription, signalLabel } from '../signal-formatting';\nimport { TraceIcon } from '@/ds/icons/TraceIcon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nconst traceRows = [\n  ['chat.completion', '1.2s'],\n  ['tool.search_docs', '340ms'],\n  ['workflow.support', '2.8s'],\n];\n\nconst signalStyle = (label: string): CSSProperties => ({\n  color: nodeColor(getSignalHue(label)),\n});\n\nconst PipelineConnector = () => (\n  <div aria-hidden=\"true\" className=\"relative hidden h-full items-center lg:flex\">\n    <div className=\"border-border w-full border-t border-dashed\" />\n    <span className=\"signals-pipeline-connector bg-positive1 absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full shadow-[0_0_12px_currentColor]\" />\n  </div>\n);\n\nexport type TraceIntelligenceProgress = EntityLearningProgressResponse;\n\nexport type SignalsEmptyStateProps = {\n  actionSlot?: ReactNode;\n  LinkComponent?: LinkComponent;\n  progress?: TraceIntelligenceProgress;\n  signalCatalog?: readonly SignalCatalogEntry[];\n  isRangeEmpty?: boolean;\n};\n\nfunction formatNumber(value: number) {\n  return new Intl.NumberFormat('en-US').format(value);\n}\n\nfunction statusCopy(progress?: TraceIntelligenceProgress, isRangeEmpty?: boolean) {\n  if (isRangeEmpty) {\n    return {\n      title: 'No Trace Intelligence themes in this date range.',\n      body: 'Choose a wider snapshot date range, or wait for newly processed traces to form recurring themes.',\n    };\n  }\n  if (!progress || progress.status === 'collecting') {\n    return {\n      title: 'Collecting traces for Trace Intelligence.',\n      body: 'Trace Intelligence starts grouping recurring patterns after your deployed agents send enough completed traces.',\n    };\n  }\n  if (progress.status === 'ready') {\n    return {\n      title: 'Trace Intelligence themes are ready.',\n      body: 'Select at least two available trace signal types to see how goals, outcomes, behaviors, and sentiment connect.',\n    };\n  }\n  return {\n    title: 'Analyzing traces for Trace Intelligence.',\n    body: 'Trace signals have started processing. Themes appear after enough generated and embedded trace signals form recurring patterns.',\n  };\n}\n\nfunction ProgressSummary({ progress }: { progress: TraceIntelligenceProgress }) {\n  const catalog = progress.signalCatalog ?? BUILT_IN_SIGNAL_CATALOG;\n  const enabledSignalCount = catalog.filter(signal => signal.enabled).length;\n  const readySignalCount = catalog.filter(signal => signal.enabled && signal.status === 'ready').length;\n  return (\n    <dl className=\"mt-4 grid gap-2 sm:grid-cols-3\">\n      <div className={cn(raisedSurfaceStyle, 'rounded-md px-3 py-2')}>\n        <dt className=\"text-caption text-muted-foreground\">Traces analyzed</dt>\n        <dd className=\"text-heading text-foreground mt-1\">{formatNumber(progress.traceCount)}</dd>\n      </div>\n      <div className={cn(raisedSurfaceStyle, 'rounded-md px-3 py-2')}>\n        <dt className=\"text-caption text-muted-foreground\">Trace signal types ready</dt>\n        <dd className=\"text-heading text-foreground mt-1\">\n          {progress.signalCatalog ? readySignalCount : progress.availableSignals.length} of {enabledSignalCount}\n        </dd>\n      </div>\n      <div className={cn(raisedSurfaceStyle, 'rounded-md px-3 py-2')}>\n        <dt className=\"text-caption text-muted-foreground\">Status</dt>\n        <dd className=\"text-heading text-foreground mt-1 capitalize\">{progress.status}</dd>\n      </div>\n    </dl>\n  );\n}\n\nfunction SignalProgressList({ progress }: { progress?: TraceIntelligenceProgress }) {\n  if (!progress) return null;\n\n  const catalog = progress.signalCatalog ?? BUILT_IN_SIGNAL_CATALOG;\n  return (\n    <ul aria-label=\"Trace signal processing progress\" className=\"mt-3 grid gap-2 sm:grid-cols-2 lg:grid-cols-4\">\n      {orderedSignals(\n        catalog,\n        catalog.filter(signal => signal.enabled).map(signal => signal.name),\n      ).map(signalName => {\n        const value = progress.signals[signalName] ?? { generated: 0, embedded: 0 };\n        const catalogEntry = catalog.find(signal => signal.name === signalName);\n        const label = signalLabel(catalog, signalName);\n        const isReady = catalogEntry ? catalogEntry.status === 'ready' : progress.availableSignals.includes(signalName);\n        return (\n          <li className=\"border-border bg-background rounded-md border px-3 py-2\" key={signalName}>\n            <div className=\"flex items-center justify-between gap-2\">\n              <span className=\"text-subheading\" style={signalStyle(signalName)}>\n                {label}\n              </span>\n              <span className=\"text-caption text-muted-foreground\">{isReady ? 'Themes ready' : 'Processing'}</span>\n            </div>\n            <p className=\"text-caption text-muted-foreground mt-1\">\n              {formatNumber(value.generated)} generated · {formatNumber(value.embedded)} embedded\n            </p>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport function PendingSignalProgress({\n  progress,\n  signalCatalog,\n}: {\n  progress?: TraceIntelligenceProgress;\n  signalCatalog: readonly SignalCatalogEntry[];\n}) {\n  const catalog = progress?.signalCatalog ?? signalCatalog;\n  const pendingSignals = catalog.filter(signal => signal.enabled && signal.status !== 'ready');\n  if (pendingSignals.length === 0) return null;\n\n  return (\n    <section className=\"border-border bg-background rounded-lg border p-4\" aria-labelledby=\"pending-signals-heading\">\n      <h2 id=\"pending-signals-heading\" className=\"text-subheading text-foreground\">\n        Signals building themes\n      </h2>\n      <p className=\"text-caption text-muted-foreground mt-1\">\n        Themes appear once enough new traces are analyzed, embedded, and clustered.\n      </p>\n      <ul aria-label=\"Pending trace signals\" className=\"mt-3 grid gap-2 sm:grid-cols-2\">\n        {pendingSignals.map(signal => {\n          const value = progress?.signals[signal.name] ?? { generated: 0, embedded: 0 };\n          return (\n            <li className={cn(raisedSurfaceStyle, 'rounded-md px-3 py-2 font-body')} key={signal.name}>\n              <div className=\"flex items-center justify-between gap-2\">\n                <span className=\"text-subheading\" style={signalStyle(signal.name)}>\n                  {signalLabel(catalog, signal.name)}\n                </span>\n                <span className=\"text-caption text-muted-foreground capitalize\">{signal.status}</span>\n              </div>\n              {signalDescription(catalog, signal.name) ? (\n                <p className=\"text-caption text-muted-foreground mt-1\">{signalDescription(catalog, signal.name)}</p>\n              ) : null}\n              <p className=\"text-caption text-muted-foreground mt-1\">\n                {formatNumber(value.generated)} generated · {formatNumber(value.embedded)} embedded\n              </p>\n            </li>\n          );\n        })}\n      </ul>\n    </section>\n  );\n}\n\nexport const SignalsEmptyState = ({\n  actionSlot,\n  LinkComponent = 'a',\n  progress,\n  signalCatalog,\n  isRangeEmpty,\n}: SignalsEmptyStateProps) => {\n  const copy = statusCopy(progress, isRangeEmpty);\n  const catalog = signalCatalog ?? progress?.signalCatalog ?? BUILT_IN_SIGNAL_CATALOG;\n  const enabledSignalNames = orderedSignals(\n    catalog,\n    catalog.filter(signal => signal.enabled).map(signal => signal.name),\n  );\n  const signalDefinitions = enabledSignalNames.map(name => ({\n    key: name,\n    label: signalLabel(catalog, name),\n    description: signalDescription(catalog, name),\n  }));\n\n  return (\n    <section className=\"bg-sidebar min-h-full w-full p-6 md:px-10 lg:px-12 xl:px-[4.375rem]\">\n      <div className=\"mx-auto w-full max-w-260\">\n        <header>\n          <p className=\"text-caption text-muted-foreground flex items-center gap-2 font-mono tracking-wider uppercase\">\n            <span aria-hidden=\"true\" className=\"bg-accent1 size-2 rounded-full\" />\n            Trace Intelligence\n          </p>\n          <h1 className=\"text-display text-foreground mt-2 tracking-tight\">\n            Understand what drives every agent interaction\n          </h1>\n          <p className=\"text-body text-muted-foreground mt-2 max-w-180\">\n            Trace Intelligence groups recurring goals, outcomes, behaviors, and sentiment across completed traces.\n          </p>\n        </header>\n\n        <div\n          role=\"list\"\n          aria-label=\"Trace Intelligence analysis pipeline\"\n          className=\"mt-14 grid gap-4 lg:grid-cols-[17.5rem_4.5rem_17.5rem_4.5rem_minmax(0,1fr)] lg:gap-0\"\n        >\n          <div role=\"listitem\" className=\"min-h-50 p-5\">\n            <h2 className=\"text-heading text-foreground\">Traces</h2>\n            <p className=\"text-caption text-muted-foreground mt-0.5\">Every agent interaction</p>\n            <p className=\"text-caption text-muted-foreground mt-5 font-mono tracking-[0.18em] uppercase\">Input</p>\n            <div className=\"mt-2.5 space-y-2\">\n              {traceRows.map(([name, duration]) => (\n                <div\n                  className={cn(\n                    raisedSurfaceStyle,\n                    'text-meta flex items-center justify-between rounded px-3 py-1.5 font-mono',\n                  )}\n                  key={name}\n                >\n                  <span className=\"text-muted-foreground\">{name}</span>\n                  <span className=\"text-muted-foreground\">{duration}</span>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          <PipelineConnector />\n\n          <Card\n            as=\"div\"\n            role=\"listitem\"\n            className=\"flex min-h-50 flex-col items-center p-5 text-center\"\n            elevation=\"raised\"\n          >\n            <h2 className=\"text-heading text-foreground\">Trace Intelligence</h2>\n            <p className=\"text-caption text-muted-foreground mt-0.5\">Finds recurring themes</p>\n            <div aria-hidden=\"true\" className=\"relative mt-5 flex size-20 items-center justify-center\">\n              <span className=\"signals-engine-pulse border-positive1/15 absolute size-20 rounded-full border\" />\n              <span className=\"border-positive1/25 absolute size-14 rounded-full border\" />\n              <span className=\"border-positive1/40 bg-positive1/5 absolute size-9 rounded-full border shadow-[0_0_24px_var(--color-positive1)]\" />\n              <CpuIcon className=\"text-positive1 relative size-4\" />\n            </div>\n            <p className=\"text-meta text-muted-foreground mt-3 max-w-40\">\n              Clusters similar trace signals into themes for each dimension\n            </p>\n          </Card>\n\n          <PipelineConnector />\n\n          <div role=\"listitem\" className=\"min-h-50 p-5\">\n            <h2 className=\"text-heading text-foreground\">Theme analysis</h2>\n            <p className=\"text-caption text-muted-foreground mt-0.5\">How recurring patterns connect</p>\n            <p className=\"text-caption text-muted-foreground mt-5 font-mono tracking-[0.18em] uppercase\">Output</p>\n            <div className=\"mt-3 flex flex-wrap gap-2\">\n              {signalDefinitions.map(signal => (\n                <span\n                  className=\"signals-chip bg-card text-column inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]\"\n                  key={signal.key}\n                  style={signalStyle(signal.key)}\n                >\n                  <span aria-hidden=\"true\" className=\"size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]\" />\n                  {signal.label}\n                </span>\n              ))}\n            </div>\n          </div>\n        </div>\n\n        <section className=\"mt-10\" aria-labelledby=\"signal-definitions-heading\">\n          <h2 id=\"signal-definitions-heading\" className=\"text-heading text-foreground\">\n            What each trace signal means\n          </h2>\n          <ul aria-label=\"Trace signal definitions\" className=\"mt-4 grid gap-3 sm:grid-cols-2\">\n            {signalDefinitions.map(signal => (\n              <li className=\"px-1 py-2\" key={signal.key}>\n                <h3 className=\"text-subheading\" style={signalStyle(signal.key)}>\n                  {signal.label}\n                </h3>\n                {signal.description ? (\n                  <p className=\"text-caption text-muted-foreground mt-1.5\">{signal.description}</p>\n                ) : null}\n              </li>\n            ))}\n          </ul>\n        </section>\n\n        <aside className=\"border-border bg-background mt-9 rounded-md border px-5 py-4\">\n          <div className=\"flex min-w-0 items-start gap-3\">\n            <span\n              aria-hidden=\"true\"\n              className=\"bg-warning1 mt-1.5 size-2 shrink-0 rounded-full shadow-[0_0_9px_currentColor]\"\n            />\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"text-caption text-muted-foreground\">\n                <strong className=\"text-foreground font-medium\">{copy.title}</strong> {copy.body}\n              </p>\n              {progress ? <ProgressSummary progress={progress} /> : null}\n              <SignalProgressList progress={progress} />\n            </div>\n          </div>\n          <div className=\"mt-4 flex shrink-0 flex-wrap items-center gap-2 sm:justify-end\">\n            {actionSlot}\n            <Button\n              icon={<ExternalLink />}\n              render={\n                <a\n                  href=\"https://mastra.ai/en/docs/mastra-platform/trace-intelligence\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                />\n              }\n              variant=\"outline\"\n              size=\"sm\"\n            >\n              Read the docs<span className=\"sr-only\"> (opens in new tab)</span>\n            </Button>\n            <Button icon={<TraceIcon />} render={<LinkComponent href=\"/traces\" />} variant=\"primary\" size=\"sm\">\n              View incoming traces\n            </Button>\n          </div>\n        </aside>\n      </div>\n    </section>\n  );\n};\n"],"names":["nodeColor","getSignalHue","jsxs","jsx","BUILT_IN_SIGNAL_CATALOG","cn","raisedSurfaceStyle","orderedSignals","signalLabel","signalDescription","Card","CpuIcon","Button","ExternalLink","TraceIcon"],"mappings":"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"}

package/dist/ee/signals/components/signals-empty-state.es.js

@@ -1,11 +1,13 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { CpuIcon, ExternalLink } from 'lucide-react';
-import { B as Button } from '../../../Button-DS6O6fvU.js';
-import { C as Card } from '../../../Card-CnxuKKaz.js';
+import { B as Button } from '../../../Button-cWcBEd-G.js';
+import { C as Card } from '../../../Card-DEvGFj-Z.js';
 import { n as nodeColor } from '../../../sankeyColor-BoMbAWtq.js';
 import { getSignalHue } from '../signal-colors.es.js';
 import { signalLabel, signalDescription, BUILT_IN_SIGNAL_CATALOG, orderedSignals } from '../signal-formatting.es.js';
 import { TraceIcon } from '../../../icons/TraceIcon.es.js';
+import { raisedSurfaceStyle } from '../../../primitives/raised-surface.es.js';
+import { c as cn } from '../../../cn-65Adrsfj.js';
 
 import '../../../signals-empty-state.css';const traceRows = [
   ["chat.completion", "1.2s"],
@@ -16,7 +18,7 @@ const signalStyle = (label) => ({
   color: nodeColor(getSignalHue(label))
 });
 const PipelineConnector = () => /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: "relative hidden h-full items-center lg:flex", children: [
-  /* @__PURE__ */ jsx("div", { className: "border-border1 w-full border-t border-dashed" }),
+  /* @__PURE__ */ jsx("div", { className: "border-border w-full border-t border-dashed" }),
   /* @__PURE__ */ jsx("span", { className: "signals-pipeline-connector bg-positive1 absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full shadow-[0_0_12px_currentColor]" })
 ] });
 function formatNumber(value) {
@@ -51,21 +53,21 @@ function ProgressSummary({ progress }) {
   const enabledSignalCount = catalog.filter((signal) => signal.enabled).length;
   const readySignalCount = catalog.filter((signal) => signal.enabled && signal.status === "ready").length;
   return /* @__PURE__ */ jsxs("dl", { className: "mt-4 grid gap-2 sm:grid-cols-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "border-border1 bg-surface3 rounded-md border px-3 py-2", children: [
-      /* @__PURE__ */ jsx("dt", { className: "text-ui-sm text-neutral3", children: "Traces analyzed" }),
-      /* @__PURE__ */ jsx("dd", { className: "text-header-sm text-neutral6 mt-1 font-semibold", children: formatNumber(progress.traceCount) })
+    /* @__PURE__ */ jsxs("div", { className: cn(raisedSurfaceStyle, "rounded-md px-3 py-2"), children: [
+      /* @__PURE__ */ jsx("dt", { className: "text-caption text-muted-foreground", children: "Traces analyzed" }),
+      /* @__PURE__ */ jsx("dd", { className: "text-heading text-foreground mt-1", children: formatNumber(progress.traceCount) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "border-border1 bg-surface3 rounded-md border px-3 py-2", children: [
-      /* @__PURE__ */ jsx("dt", { className: "text-ui-sm text-neutral3", children: "Trace signal types ready" }),
-      /* @__PURE__ */ jsxs("dd", { className: "text-header-sm text-neutral6 mt-1 font-semibold", children: [
+    /* @__PURE__ */ jsxs("div", { className: cn(raisedSurfaceStyle, "rounded-md px-3 py-2"), children: [
+      /* @__PURE__ */ jsx("dt", { className: "text-caption text-muted-foreground", children: "Trace signal types ready" }),
+      /* @__PURE__ */ jsxs("dd", { className: "text-heading text-foreground mt-1", children: [
         progress.signalCatalog ? readySignalCount : progress.availableSignals.length,
         " of ",
         enabledSignalCount
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "border-border1 bg-surface3 rounded-md border px-3 py-2", children: [
-      /* @__PURE__ */ jsx("dt", { className: "text-ui-sm text-neutral3", children: "Status" }),
-      /* @__PURE__ */ jsx("dd", { className: "text-header-sm text-neutral6 mt-1 font-semibold capitalize", children: progress.status })
+    /* @__PURE__ */ jsxs("div", { className: cn(raisedSurfaceStyle, "rounded-md px-3 py-2"), children: [
+      /* @__PURE__ */ jsx("dt", { className: "text-caption text-muted-foreground", children: "Status" }),
+      /* @__PURE__ */ jsx("dd", { className: "text-heading text-foreground mt-1 capitalize", children: progress.status })
     ] })
   ] });
 }
@@ -80,12 +82,12 @@ function SignalProgressList({ progress }) {
     const catalogEntry = catalog.find((signal) => signal.name === signalName);
     const label = signalLabel(catalog, signalName);
     const isReady = catalogEntry ? catalogEntry.status === "ready" : progress.availableSignals.includes(signalName);
-    return /* @__PURE__ */ jsxs("li", { className: "border-border1 bg-surface2 rounded-md border px-3 py-2", children: [
+    return /* @__PURE__ */ jsxs("li", { className: "border-border bg-background rounded-md border px-3 py-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-ui-md font-semibold", style: signalStyle(signalName), children: label }),
-        /* @__PURE__ */ jsx("span", { className: "text-ui-sm text-neutral4", children: isReady ? "Themes ready" : "Processing" })
+        /* @__PURE__ */ jsx("span", { className: "text-subheading", style: signalStyle(signalName), children: label }),
+        /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground", children: isReady ? "Themes ready" : "Processing" })
       ] }),
-      /* @__PURE__ */ jsxs("p", { className: "text-ui-sm text-neutral3 mt-1", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-caption text-muted-foreground mt-1", children: [
         formatNumber(value.generated),
         " generated · ",
         formatNumber(value.embedded),
@@ -101,18 +103,18 @@ function PendingSignalProgress({
   const catalog = progress?.signalCatalog ?? signalCatalog;
   const pendingSignals = catalog.filter((signal) => signal.enabled && signal.status !== "ready");
   if (pendingSignals.length === 0) return null;
-  return /* @__PURE__ */ jsxs("section", { className: "border-border1 bg-surface2 rounded-lg border p-4", "aria-labelledby": "pending-signals-heading", children: [
-    /* @__PURE__ */ jsx("h2", { id: "pending-signals-heading", className: "text-ui-md text-neutral6 font-semibold", children: "Signals building themes" }),
-    /* @__PURE__ */ jsx("p", { className: "text-ui-sm text-neutral3 mt-1", children: "Themes appear once enough new traces are analyzed, embedded, and clustered." }),
+  return /* @__PURE__ */ jsxs("section", { className: "border-border bg-background rounded-lg border p-4", "aria-labelledby": "pending-signals-heading", children: [
+    /* @__PURE__ */ jsx("h2", { id: "pending-signals-heading", className: "text-subheading text-foreground", children: "Signals building themes" }),
+    /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground mt-1", children: "Themes appear once enough new traces are analyzed, embedded, and clustered." }),
     /* @__PURE__ */ jsx("ul", { "aria-label": "Pending trace signals", className: "mt-3 grid gap-2 sm:grid-cols-2", children: pendingSignals.map((signal) => {
       const value = progress?.signals[signal.name] ?? { generated: 0, embedded: 0 };
-      return /* @__PURE__ */ jsxs("li", { className: "border-border1 bg-surface3 rounded-md border px-3 py-2 font-sans", children: [
+      return /* @__PURE__ */ jsxs("li", { className: cn(raisedSurfaceStyle, "rounded-md px-3 py-2 font-body"), children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-ui-md font-semibold", style: signalStyle(signal.name), children: signalLabel(catalog, signal.name) }),
-          /* @__PURE__ */ jsx("span", { className: "text-ui-sm text-neutral4 capitalize", children: signal.status })
+          /* @__PURE__ */ jsx("span", { className: "text-subheading", style: signalStyle(signal.name), children: signalLabel(catalog, signal.name) }),
+          /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground capitalize", children: signal.status })
         ] }),
-        signalDescription(catalog, signal.name) ? /* @__PURE__ */ jsx("p", { className: "text-ui-sm text-neutral3 mt-1", children: signalDescription(catalog, signal.name) }) : null,
-        /* @__PURE__ */ jsxs("p", { className: "text-ui-sm text-neutral3 mt-1", children: [
+        signalDescription(catalog, signal.name) ? /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground mt-1", children: signalDescription(catalog, signal.name) }) : null,
+        /* @__PURE__ */ jsxs("p", { className: "text-caption text-muted-foreground mt-1", children: [
           formatNumber(value.generated),
           " generated · ",
           formatNumber(value.embedded),
@@ -140,14 +142,14 @@ const SignalsEmptyState = ({
     label: signalLabel(catalog, name),
     description: signalDescription(catalog, name)
   }));
-  return /* @__PURE__ */ jsx("section", { className: "bg-surface1 min-h-full w-full p-6 md:px-10 lg:px-12 xl:px-[4.375rem]", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-260", children: [
+  return /* @__PURE__ */ jsx("section", { className: "bg-sidebar min-h-full w-full p-6 md:px-10 lg:px-12 xl:px-[4.375rem]", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-260", children: [
     /* @__PURE__ */ jsxs("header", { children: [
-      /* @__PURE__ */ jsxs("p", { className: "text-ui-sm text-neutral4 flex items-center gap-2 font-mono tracking-wider uppercase", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-caption text-muted-foreground flex items-center gap-2 font-mono tracking-wider uppercase", children: [
         /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "bg-accent1 size-2 rounded-full" }),
         "Trace Intelligence"
       ] }),
-      /* @__PURE__ */ jsx("h1", { className: "text-header-xl text-neutral6 mt-2 font-medium tracking-tight", children: "Understand what drives every agent interaction" }),
-      /* @__PURE__ */ jsx("p", { className: "text-ui-md text-neutral3 mt-2 max-w-180", children: "Trace Intelligence groups recurring goals, outcomes, behaviors, and sentiment across completed traces." })
+      /* @__PURE__ */ jsx("h1", { className: "text-display text-foreground mt-2 tracking-tight", children: "Understand what drives every agent interaction" }),
+      /* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground mt-2 max-w-180", children: "Trace Intelligence groups recurring goals, outcomes, behaviors, and sentiment across completed traces." })
     ] }),
     /* @__PURE__ */ jsxs(
       "div",
@@ -157,16 +159,19 @@ const SignalsEmptyState = ({
         className: "mt-14 grid gap-4 lg:grid-cols-[17.5rem_4.5rem_17.5rem_4.5rem_minmax(0,1fr)] lg:gap-0",
         children: [
           /* @__PURE__ */ jsxs("div", { role: "listitem", className: "min-h-50 p-5", children: [
-            /* @__PURE__ */ jsx("h2", { className: "text-header-sm text-neutral6 font-semibold", children: "Traces" }),
-            /* @__PURE__ */ jsx("p", { className: "text-ui-sm text-neutral3 mt-0.5", children: "Every agent interaction" }),
-            /* @__PURE__ */ jsx("p", { className: "text-ui-sm text-neutral3 mt-5 font-mono tracking-[0.18em] uppercase", children: "Input" }),
+            /* @__PURE__ */ jsx("h2", { className: "text-heading text-foreground", children: "Traces" }),
+            /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground mt-0.5", children: "Every agent interaction" }),
+            /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground mt-5 font-mono tracking-[0.18em] uppercase", children: "Input" }),
             /* @__PURE__ */ jsx("div", { className: "mt-2.5 space-y-2", children: traceRows.map(([name, duration]) => /* @__PURE__ */ jsxs(
               "div",
               {
-                className: "border-border1 bg-surface3 text-ui-xs flex items-center justify-between rounded border px-3 py-1.5 font-mono",
+                className: cn(
+                  raisedSurfaceStyle,
+                  "text-meta flex items-center justify-between rounded px-3 py-1.5 font-mono"
+                ),
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-neutral4", children: name }),
-                  /* @__PURE__ */ jsx("span", { className: "text-neutral3", children: duration })
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: name }),
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: duration })
                 ]
               },
               name
@@ -179,29 +184,29 @@ const SignalsEmptyState = ({
               as: "div",
               role: "listitem",
               className: "flex min-h-50 flex-col items-center p-5 text-center",
-              elevation: "elevated",
+              elevation: "raised",
               children: [
-                /* @__PURE__ */ jsx("h2", { className: "text-header-sm text-neutral6 font-semibold", children: "Trace Intelligence" }),
-                /* @__PURE__ */ jsx("p", { className: "text-ui-sm text-neutral3 mt-0.5", children: "Finds recurring themes" }),
+                /* @__PURE__ */ jsx("h2", { className: "text-heading text-foreground", children: "Trace Intelligence" }),
+                /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground mt-0.5", children: "Finds recurring themes" }),
                 /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: "relative mt-5 flex size-20 items-center justify-center", children: [
                   /* @__PURE__ */ jsx("span", { className: "signals-engine-pulse border-positive1/15 absolute size-20 rounded-full border" }),
                   /* @__PURE__ */ jsx("span", { className: "border-positive1/25 absolute size-14 rounded-full border" }),
                   /* @__PURE__ */ jsx("span", { className: "border-positive1/40 bg-positive1/5 absolute size-9 rounded-full border shadow-[0_0_24px_var(--color-positive1)]" }),
                   /* @__PURE__ */ jsx(CpuIcon, { className: "text-positive1 relative size-4" })
                 ] }),
-                /* @__PURE__ */ jsx("p", { className: "text-ui-xs text-neutral3 mt-3 max-w-40", children: "Clusters similar trace signals into themes for each dimension" })
+                /* @__PURE__ */ jsx("p", { className: "text-meta text-muted-foreground mt-3 max-w-40", children: "Clusters similar trace signals into themes for each dimension" })
               ]
             }
           ),
           /* @__PURE__ */ jsx(PipelineConnector, {}),
           /* @__PURE__ */ jsxs("div", { role: "listitem", className: "min-h-50 p-5", children: [
-            /* @__PURE__ */ jsx("h2", { className: "text-header-sm text-neutral6 font-semibold", children: "Theme analysis" }),
-            /* @__PURE__ */ jsx("p", { className: "text-ui-sm text-neutral3 mt-0.5", children: "How recurring patterns connect" }),
-            /* @__PURE__ */ jsx("p", { className: "text-ui-sm text-neutral3 mt-5 font-mono tracking-[0.18em] uppercase", children: "Output" }),
+            /* @__PURE__ */ jsx("h2", { className: "text-heading text-foreground", children: "Theme analysis" }),
+            /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground mt-0.5", children: "How recurring patterns connect" }),
+            /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground mt-5 font-mono tracking-[0.18em] uppercase", children: "Output" }),
             /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: signalDefinitions.map((signal) => /* @__PURE__ */ jsxs(
               "span",
               {
-                className: "signals-chip bg-surface3 text-ui-sm inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]",
+                className: "signals-chip bg-card text-column inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]",
                 style: signalStyle(signal.key),
                 children: [
                   /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]" }),
@@ -215,13 +220,13 @@ const SignalsEmptyState = ({
       }
     ),
     /* @__PURE__ */ jsxs("section", { className: "mt-10", "aria-labelledby": "signal-definitions-heading", children: [
-      /* @__PURE__ */ jsx("h2", { id: "signal-definitions-heading", className: "text-header-sm text-neutral6 font-semibold", children: "What each trace signal means" }),
+      /* @__PURE__ */ jsx("h2", { id: "signal-definitions-heading", className: "text-heading text-foreground", children: "What each trace signal means" }),
       /* @__PURE__ */ jsx("ul", { "aria-label": "Trace signal definitions", className: "mt-4 grid gap-3 sm:grid-cols-2", children: signalDefinitions.map((signal) => /* @__PURE__ */ jsxs("li", { className: "px-1 py-2", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-ui-md font-semibold", style: signalStyle(signal.key), children: signal.label }),
-        signal.description ? /* @__PURE__ */ jsx("p", { className: "text-ui-sm text-neutral3 mt-1.5", children: signal.description }) : null
+        /* @__PURE__ */ jsx("h3", { className: "text-subheading", style: signalStyle(signal.key), children: signal.label }),
+        signal.description ? /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground mt-1.5", children: signal.description }) : null
       ] }, signal.key)) })
     ] }),
-    /* @__PURE__ */ jsxs("aside", { className: "border-border1 bg-surface2 mt-9 rounded-md border px-5 py-4", children: [
+    /* @__PURE__ */ jsxs("aside", { className: "border-border bg-background mt-9 rounded-md border px-5 py-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [
         /* @__PURE__ */ jsx(
           "span",
@@ -231,8 +236,8 @@ const SignalsEmptyState = ({
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxs("p", { className: "text-ui-sm text-neutral3", children: [
-            /* @__PURE__ */ jsx("strong", { className: "text-neutral5 font-semibold", children: copy.title }),
+          /* @__PURE__ */ jsxs("p", { className: "text-caption text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("strong", { className: "text-foreground font-medium", children: copy.title }),
             " ",
             copy.body
           ] }),