npm - @mastra/playground-ui - Versions diffs - 44.0.0 → 45.0.0-alpha.2 - Mend

@mastra/playground-ui 44.0.0 → 45.0.0-alpha.2

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

Files changed (18) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,36 @@
 # @mastra/playground-ui
+## 45.0.0-alpha.2
+### Patch Changes
+- Refreshed the HoverCard look: rounded corners, a soft elevation shadow, tighter padding, and the same white-in-light-mode surface as dropdowns and popovers. ([#20365](https://github.com/mastra-ai/mastra/pull/20365))
+- Added Trace Intelligence progress types and improved the onboarding state with processing progress, clearer copy, accessible markup, mobile polish, and the dedicated documentation link. ([#20401](https://github.com/mastra-ai/mastra/pull/20401))
+- Updated dependencies [[`55c9e24`](https://github.com/mastra-ai/mastra/commit/55c9e248c27c1d72b5bb7e94ea6b8a3999eee49f), [`e83473d`](https://github.com/mastra-ai/mastra/commit/e83473d63d6b48d78c229b52430a7b0be4189263), [`7a34274`](https://github.com/mastra-ai/mastra/commit/7a34274124c156b7303a18fb6d749f9f0b4b9bf8), [`07f5b4b`](https://github.com/mastra-ai/mastra/commit/07f5b4ba9d608d88865030732e580298296adf99), [`c1e4d83`](https://github.com/mastra-ai/mastra/commit/c1e4d83662bc692ec9deab83871931b9758a67d3)]:
+  - @mastra/core@1.55.0-alpha.2
+  - @mastra/client-js@1.36.0-alpha.2
+  - @mastra/react@1.3.4-alpha.2
+## 44.0.1-alpha.1
+### Patch Changes
+- Updated dependencies [[`ba369f2`](https://github.com/mastra-ai/mastra/commit/ba369f2a0aaf998da0d6aa033d26f64f96bef8ac), [`dcfed93`](https://github.com/mastra-ai/mastra/commit/dcfed93e1e256c6abfa792cbb7ca836f5d0e8638), [`2876e15`](https://github.com/mastra-ai/mastra/commit/2876e15b4d2f616a3bc1ed3af57d546c268384ce), [`598080f`](https://github.com/mastra-ai/mastra/commit/598080f224edb3f0f5b801035b067fac50a56a03)]:
+  - @mastra/core@1.55.0-alpha.1
+  - @mastra/client-js@1.35.1-alpha.1
+  - @mastra/react@1.3.4-alpha.1
+## 44.0.1-alpha.0
+### Patch Changes
+- Updated dependencies [[`3f472b4`](https://github.com/mastra-ai/mastra/commit/3f472b468892a1ff14ccb43cc0343b86f7d8fd7d), [`35b929b`](https://github.com/mastra-ai/mastra/commit/35b929b7abc3d20d85c7985880960ac2d04a6c86), [`9b3626a`](https://github.com/mastra-ai/mastra/commit/9b3626aeb1d16fcd34b0a8e94c114ddb80a3b240)]:
+  - @mastra/core@1.55.0-alpha.0
+  - @mastra/client-js@1.35.1-alpha.0
+  - @mastra/react@1.3.4-alpha.0
 ## 44.0.0
 ### Patch Changes

package/dist/components/HoverCard.cjs.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const hoverCard = require('../hover-card-DegapekV.cjs');
+const hoverCard = require('../hover-card-Bx258om1.cjs');

package/dist/components/HoverCard.es.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { H as HoverCard, a as HoverCardContent, b as HoverCardTrigger } from '../hover-card-CADL8HiJ.js';
+export { H as HoverCard, a as HoverCardContent, b as HoverCardTrigger } from '../hover-card-crVofiZO.js';
 //# sourceMappingURL=HoverCard.es.js.map

package/dist/components/KeyValueList.cjs.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const hoverCard = require('../hover-card-DegapekV.cjs');
+const hoverCard = require('../hover-card-Bx258om1.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 const utils_cn = require('../cn-vA5sWo9W.cjs');

package/dist/components/KeyValueList.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ChevronRightIcon } from 'lucide-react';
 import React__default from 'react';
-import { H as HoverCard, b as HoverCardTrigger, a as HoverCardContent } from '../hover-card-CADL8HiJ.js';
+import { H as HoverCard, b as HoverCardTrigger, a as HoverCardContent } from '../hover-card-crVofiZO.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { c as cn } from '../cn-BakJzhuv.js';

package/dist/domains/traces/components/timeline-timing-col.cjs.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const format = require('date-fns/format');
 const dataKeysAndValues = require('../../../data-keys-and-values-sjag88jf.cjs');
-const hoverCard = require('../../../hover-card-DegapekV.cjs');
+const hoverCard = require('../../../hover-card-Bx258om1.cjs');
 const utils_cn = require('../../../cn-vA5sWo9W.cjs');
 function TimelineTimingCol({

package/dist/domains/traces/components/timeline-timing-col.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { format } from 'date-fns/format';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-BJynhd6V.js';
-import { H as HoverCard, b as HoverCardTrigger, a as HoverCardContent } from '../../../hover-card-CADL8HiJ.js';
+import { H as HoverCard, b as HoverCardTrigger, a as HoverCardContent } from '../../../hover-card-crVofiZO.js';
 import { c as cn } from '../../../cn-BakJzhuv.js';
 function TimelineTimingCol({

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

@@ -10,13 +10,14 @@ const sankeyColor = require('../../../sankeyColor-DONd5cg9.cjs');
 const ee_signals_signalColors = require('../signal-colors.cjs.js');
 const signalDefinitions = [
-  { label: "Goal", description: "What the user is trying to achieve or have completed." },
-  { label: "Sentiment", description: "The user's emotional state or attitude." },
+  { key: "goal", label: "Goal", description: "What the user is trying to achieve." },
+  { key: "outcome", label: "Outcome", description: "Whether the interaction was completed, unresolved, or blocked." },
   {
+    key: "behavior",
     label: "Behavior",
-    description: "The entity's observable actions and patterns, including tool use, omissions, retries, failures, and recovery."
+    description: "The observable actions and patterns in the trace, including tool use, retries, failures, and recovery."
   },
-  { label: "Outcome", description: "The final completed, unresolved, or blocked state." }
+  { key: "sentiment", label: "Sentiment", description: "The user's emotional state or attitude." }
 ];
 const signalLabels = signalDefinitions.map((signal) => signal.label);
 const traceRows = [
@@ -31,27 +32,105 @@ const PipelineConnector = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-h
   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border1 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]" })
 ] });
-const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
+function formatNumber(value) {
+  return new Intl.NumberFormat("en-US").format(value);
+}
+function statusCopy(progress, isRangeEmpty) {
+  if (isRangeEmpty) {
+    return {
+      title: "No Trace Intelligence themes in this date range.",
+      body: "Choose a wider snapshot date range, or wait for newly processed traces to form recurring themes."
+    };
+  }
+  if (!progress || progress.status === "collecting") {
+    return {
+      title: "Collecting traces for Trace Intelligence.",
+      body: "Trace Intelligence starts grouping recurring patterns after your deployed agents send enough completed traces."
+    };
+  }
+  if (progress.status === "ready") {
+    return {
+      title: "Trace Intelligence themes are ready.",
+      body: "Select at least two available trace signal types to see how goals, outcomes, behaviors, and sentiment connect."
+    };
+  }
+  return {
+    title: "Analyzing traces for Trace Intelligence.",
+    body: "Trace signals have started processing. Themes appear after enough generated and embedded trace signals form recurring patterns."
+  };
+}
+function ProgressSummary({ progress }) {
+  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-neutral3 text-xs", children: "Traces analyzed" }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-neutral6 mt-1 text-lg font-semibold", 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-neutral3 text-xs", children: "Trace signal types ready" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "text-neutral6 mt-1 text-lg font-semibold", children: [
+        progress.availableSignals.length,
+        " of 4"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border1 bg-surface3 rounded-md border px-3 py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-neutral3 text-xs", children: "Status" }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-neutral6 mt-1 text-lg font-semibold capitalize", children: progress.status })
+    ] })
+  ] });
+}
+function SignalProgressList({ progress }) {
+  if (!progress) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Trace signal processing progress", className: "mt-3 grid gap-2 sm:grid-cols-2 lg:grid-cols-4", children: signalDefinitions.map((signal) => {
+    const value = progress.signals[signal.key];
+    const isReady = progress.availableSignals.includes(signal.key);
+    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "border-border1 bg-surface2 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-sm font-semibold", style: signalStyle(signal.label), children: signal.label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral4 text-xs", children: isReady ? "Themes ready" : "Processing" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-neutral3 mt-1 text-xs", children: [
+        formatNumber(value.generated),
+        " generated · ",
+        formatNumber(value.embedded),
+        " embedded"
+      ] })
+    ] }, signal.label);
+  }) });
+}
+const SignalsEmptyState = ({
+  actionSlot,
+  LinkComponent = "a",
+  progress,
+  isRangeEmpty
+}) => {
+  const copy = statusCopy(progress, isRangeEmpty);
   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: [
-    /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-header-xl text-neutral6 font-medium tracking-tight", children: "Understand what drives every agent interaction" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-neutral4 flex items-center gap-2 font-mono text-xs 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-neutral3 mt-2 max-w-180 text-sm leading-5", children: "Trace Intelligence groups recurring goals, outcomes, behaviors, and sentiment across completed traces." })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        "aria-label": "Trace intelligence pipeline",
-        className: "mt-14 grid gap-4 lg:grid-cols-[17.5rem_4.5rem_17.5rem_4.5rem_minmax(0,1fr)] lg:gap-0",
         role: "list",
+        "aria-label": "Trace Intelligence analysis pipeline",
+        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("article", { className: "h-50 p-5", role: "listitem", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "listitem", className: "min-h-50 p-5", children: [
             /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Traces" }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "Every agent interaction" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase", children: "Input" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-5 font-mono text-[0.6875rem] 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",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral4", children: name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral2", children: duration })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral3", children: duration })
                 ]
               },
               name
@@ -61,28 +140,28 @@ const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
           /* @__PURE__ */ jsxRuntime.jsxs(
             Card.Card,
             {
-              as: "article",
-              className: "flex h-50 flex-col items-center p-5 text-center",
-              elevation: "elevated",
+              as: "div",
               role: "listitem",
+              className: "flex min-h-50 flex-col items-center p-5 text-center",
+              elevation: "elevated",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Mastra Engine" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "Clusters recurring patterns" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Trace Intelligence" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-0.5 text-xs", 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-neutral2 mt-3 max-w-40 leading-4", children: "Finds relationships across conversations, tools, and workflows" })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-xs text-neutral3 mt-3 max-w-40 leading-4", children: "Clusters similar trace signals into themes for each dimension" })
               ]
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(PipelineConnector, {}),
-          /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "h-50 p-5", role: "listitem", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Trace signals" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "What your users actually do" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase", children: "Output" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "listitem", className: "min-h-50 p-5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Theme analysis" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "How recurring patterns connect" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-5 font-mono text-[0.6875rem] tracking-[0.18em] uppercase", children: "Output" }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: signalLabels.map((label) => /* @__PURE__ */ jsxRuntime.jsxs(
               "span",
               {
@@ -101,45 +180,45 @@ const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mt-10", "aria-labelledby": "signal-definitions-heading", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "signal-definitions-heading", className: "text-neutral6 text-lg font-semibold", children: "What each trace signal means" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-label": "Trace signal definitions", className: "mt-4 grid gap-3 sm:grid-cols-2", role: "list", children: signalDefinitions.map((signal) => /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "px-1 py-2", role: "listitem", children: [
+      /* @__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-sm font-semibold", style: signalStyle(signal.label), children: signal.label }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-1.5 text-xs leading-5", children: signal.description })
       ] }, signal.label)) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mt-10", "aria-label": "Trace signal relationship preview", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral2 font-mono text-[0.5625rem] tracking-[0.2em] uppercase", children: "Grouped trace relationships will appear after traces contain at least two trace signal types" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: "mt-3 grid h-18 grid-cols-3 gap-5 opacity-35", children: [0, 1, 2].map((index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border1 bg-surface2/30 rounded-md border border-dashed p-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-neutral1 h-1.5 w-16 rounded-full" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-neutral1/60 mt-3 h-1 w-full rounded-full" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-neutral1/40 mt-2 h-1 w-2/3 rounded-full" })
-      ] }, index)) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "border-border1 bg-surface2 mt-9 flex min-h-16 flex-col gap-4 rounded-md border px-5 py-3.5 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-start gap-3 sm:items-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "border-border1 bg-surface2 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",
           {
             "aria-hidden": "true",
-            className: "bg-warning1 mt-1.5 size-2 shrink-0 rounded-full shadow-[0_0_9px_currentColor] sm:mt-0"
+            className: "bg-warning1 mt-1.5 size-2 shrink-0 rounded-full shadow-[0_0_9px_currentColor]"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-neutral3 text-xs leading-5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-neutral5 font-semibold", children: "Waiting for traces." }),
-          " Trace intelligence activates automatically once your agents start receiving traffic."
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-neutral3 text-xs leading-5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-neutral5 font-semibold", children: copy.title }),
+            " ",
+            copy.body
+          ] }),
+          progress ? /* @__PURE__ */ jsxRuntime.jsx(ProgressSummary, { progress }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(SignalProgressList, { progress })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex shrink-0 flex-wrap items-center gap-2 sm:justify-end", children: [
         actionSlot,
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsxs(
           Button.Button,
           {
             as: "a",
-            href: "https://mastra.ai/en/docs/observability/tracing/overview",
+            href: "https://mastra.ai/en/docs/mastra-platform/trace-intelligence",
             target: "_blank",
             rel: "noopener noreferrer",
             variant: "outline",
             size: "sm",
-            children: "Read the docs"
+            children: [
+              "Read the docs",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: " (opens in new tab)" })
+            ]
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { as: LinkComponent, href: "/observability", variant: "primary", size: "sm", children: "View incoming traces" })

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

	@@ -1 +1 @@
1	- {"version":3,"file":"signals-empty-state.cjs.js","sources":["../../../../src/ee/signals/components/signals-empty-state.tsx"],"sourcesContent":["import { CpuIcon } 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';\n\nconst signalDefinitions = [\n { label: 'Goal', description: 'What the user is trying to achieve or have completed.' },\n { label: 'Sentiment', description: \"The user's emotional state or attitude.\" },\n {\n label: 'Behavior',\n description:\n \"The entity's observable actions and patterns, including tool use, omissions, retries, failures, and recovery.\",\n },\n { label: 'Outcome', description: 'The final completed, unresolved, or blocked state.' },\n];\nconst signalLabels = signalDefinitions.map(signal => signal.label);\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 SignalsEmptyStateProps = {\n actionSlot?: ReactNode;\n LinkComponent?: LinkComponent;\n};\n\nexport const SignalsEmptyState = ({ actionSlot, LinkComponent = 'a' }: SignalsEmptyStateProps) => {\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 <h1 className=\"text-header-xl text-neutral6 font-medium tracking-tight\">\n Understand what drives every agent interaction\n </h1>\n </header>\n\n <div\n aria-label=\"Trace intelligence 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 role=\"list\"\n >\n <article className=\"h-50 p-5\" role=\"listitem\">\n <h2 className=\"text-neutral6 text-lg font-semibold\">Traces</h2>\n <p className=\"text-neutral3 mt-0.5 text-xs\">Every agent interaction</p>\n <p className=\"text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] 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-neutral2\">{duration}</span>\n </div>\n ))}\n </div>\n </article>\n\n <PipelineConnector />\n\n <Card\n as=\"article\"\n className=\"flex h-50 flex-col items-center p-5 text-center\"\n elevation=\"elevated\"\n role=\"listitem\"\n >\n <h2 className=\"text-neutral6 text-lg font-semibold\">Mastra Engine</h2>\n <p className=\"text-neutral3 mt-0.5 text-xs\">Clusters recurring patterns</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-neutral2 mt-3 max-w-40 leading-4\">\n Finds relationships across conversations, tools, and workflows\n </p>\n </Card>\n\n <PipelineConnector />\n\n <article className=\"h-50 p-5\" role=\"listitem\">\n <h2 className=\"text-neutral6 text-lg font-semibold\">Trace signals</h2>\n <p className=\"text-neutral3 mt-0.5 text-xs\">What your users actually do</p>\n <p className=\"text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase\">Output</p>\n <div className=\"mt-3 flex flex-wrap gap-2\">\n {signalLabels.map(label => (\n <span\n className=\"signals-chip bg-surface3 inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 text-xs font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]\"\n key={label}\n style={signalStyle(label)}\n >\n <span aria-hidden=\"true\" className=\"size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]\" />\n {label}\n </span>\n ))}\n </div>\n </article>\n </div>\n\n <section className=\"mt-10\" aria-labelledby=\"signal-definitions-heading\">\n <h2 id=\"signal-definitions-heading\" className=\"text-neutral6 text-lg font-semibold\">\n What each trace signal means\n </h2>\n <div aria-label=\"Trace signal definitions\" className=\"mt-4 grid gap-3 sm:grid-cols-2\" role=\"list\">\n {signalDefinitions.map(signal => (\n <article className=\"px-1 py-2\" key={signal.label} role=\"listitem\">\n <h3 className=\"text-sm font-semibold\" style={signalStyle(signal.label)}>\n {signal.label}\n </h3>\n <p className=\"text-neutral3 mt-1.5 text-xs leading-5\">{signal.description}</p>\n </article>\n ))}\n </div>\n </section>\n\n <section className=\"mt-10\" aria-label=\"Trace signal relationship preview\">\n <p className=\"text-neutral2 font-mono text-[0.5625rem] tracking-[0.2em] uppercase\">\n Grouped trace relationships will appear after traces contain at least two trace signal types\n </p>\n <div aria-hidden=\"true\" className=\"mt-3 grid h-18 grid-cols-3 gap-5 opacity-35\">\n {[0, 1, 2].map(index => (\n <div className=\"border-border1 bg-surface2/30 rounded-md border border-dashed p-4\" key={index}>\n <div className=\"bg-neutral1 h-1.5 w-16 rounded-full\" />\n <div className=\"bg-neutral1/60 mt-3 h-1 w-full rounded-full\" />\n <div className=\"bg-neutral1/40 mt-2 h-1 w-2/3 rounded-full\" />\n </div>\n ))}\n </div>\n </section>\n\n <aside className=\"border-border1 bg-surface2 mt-9 flex min-h-16 flex-col gap-4 rounded-md border px-5 py-3.5 sm:flex-row sm:items-center sm:justify-between\">\n <div className=\"flex min-w-0 items-start gap-3 sm:items-center\">\n <span\n aria-hidden=\"true\"\n className=\"bg-warning1 mt-1.5 size-2 shrink-0 rounded-full shadow-[0_0_9px_currentColor] sm:mt-0\"\n />\n <p className=\"text-neutral3 text-xs leading-5\">\n <strong className=\"text-neutral5 font-semibold\">Waiting for traces.</strong> Trace intelligence activates\n automatically once your agents start receiving traffic.\n </p>\n </div>\n <div className=\"flex shrink-0 flex-wrap items-center gap-2\">\n {actionSlot}\n <Button\n as=\"a\"\n href=\"https://mastra.ai/en/docs/observability/tracing/overview\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n variant=\"outline\"\n size=\"sm\"\n >\n Read the docs\n </Button>\n <Button as={LinkComponent} href=\"/observability\" 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","Card","CpuIcon","Button"],"mappings":";;;;;;;;;;;AAUA,MAAM,iBAAA,GAAoB;AAAA,EACxB,EAAE,KAAA,EAAO,MAAA,EAAQ,WAAA,EAAa,uDAAA,EAAwD;AAAA,EACtF,EAAE,KAAA,EAAO,WAAA,EAAa,WAAA,EAAa,yCAAA,EAA0C;AAAA,EAC7E;AAAA,IACE,KAAA,EAAO,UAAA;AAAA,IACP,WAAA,EACE;AAAA,GACJ;AAAA,EACA,EAAE,KAAA,EAAO,SAAA,EAAW,WAAA,EAAa,oDAAA;AACnC,CAAA;AACA,MAAM,YAAA,GAAe,iBAAA,CAAkB,GAAA,CAAI,CAAA,MAAA,KAAU,OAAO,KAAK,CAAA;AAEjE,MAAM,SAAA,GAAY;AAAA,EAChB,CAAC,mBAAmB,MAAM,CAAA;AAAA,EAC1B,CAAC,oBAAoB,OAAO,CAAA;AAAA,EAC5B,CAAC,oBAAoB,MAAM;AAC7B,CAAA;AAEA,MAAM,WAAA,GAAc,CAAC,KAAA,MAAkC;AAAA,EACrD,KAAA,EAAOA,qBAAA,CAAUC,oCAAA,CAAa,KAAK,CAAC;AACtC,CAAA,CAAA;AAEA,MAAM,oBAAoB,sBACxBC,eAAA,CAAC,SAAI,aAAA,EAAY,MAAA,EAAO,WAAU,6CAAA,EAChC,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8CAAA,EAA+C,CAAA;AAAA,kBAC9DA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iIAAA,EAAkI;AAAA,CAAA,EACpJ,CAAA;AAQK,MAAM,oBAAoB,CAAC,EAAE,UAAA,EAAY,aAAA,GAAgB,KAAI,KAA8B;AAChG,EAAA,sCACG,SAAA,EAAA,EAAQ,SAAA,EAAU,wEACjB,QAAA,kBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0BAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,YACC,QAAA,kBAAAA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,yDAAA,EAA0D,4DAExE,CAAA,EACF,CAAA;AAAA,oBAEAD,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,6BAAA;AAAA,QACX,SAAA,EAAU,sFAAA;AAAA,QACV,IAAA,EAAK,MAAA;AAAA,QAEL,QAAA,EAAA;AAAA,0BAAAA,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,UAAA,EAAW,IAAA,EAAK,UAAA,EACjC,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,4BAC1DA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8BAAA,EAA+B,QAAA,EAAA,yBAAA,EAAuB,CAAA;AAAA,4BACnEA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2EAAA,EAA4E,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,4BAC9FA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EACZ,QAAA,EAAA,SAAA,CAAU,IAAI,CAAC,CAAC,IAAA,EAAM,QAAQ,CAAA,qBAC7BD,eAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,8GAAA;AAAA,gBAGV,QAAA,EAAA;AAAA,kCAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,kCACtCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,QAAA,EAAS;AAAA;AAAA,eAAA;AAAA,cAHrC;AAAA,aAKR,CAAA,EACH;AAAA,WAAA,EACF,CAAA;AAAA,yCAEC,iBAAA,EAAA,EAAkB,CAAA;AAAA,0BAEnBD,eAAA;AAAA,YAACE,SAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAG,SAAA;AAAA,cACH,SAAA,EAAU,iDAAA;AAAA,cACV,SAAA,EAAU,UAAA;AAAA,cACV,IAAA,EAAK,UAAA;AAAA,cAEL,QAAA,EAAA;AAAA,gCAAAD,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA,eAAA,EAAa,CAAA;AAAA,gCACjEA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8BAAA,EAA+B,QAAA,EAAA,6BAAA,EAA2B,CAAA;AAAA,gCACvED,eAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,WAAU,wDAAA,EAChC,QAAA,EAAA;AAAA,kCAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+EAAA,EAAgF,CAAA;AAAA,kCAChGA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0DAAA,EAA2D,CAAA;AAAA,kCAC3EA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iHAAA,EAAkH,CAAA;AAAA,kCAClIA,cAAA,CAACE,mBAAA,EAAA,EAAQ,SAAA,EAAU,gCAAA,EAAiC;AAAA,iBAAA,EACtD,CAAA;AAAA,gCACAF,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,kDAAA,EAAmD,QAAA,EAAA,gEAAA,EAEhE;AAAA;AAAA;AAAA,WACF;AAAA,yCAEC,iBAAA,EAAA,EAAkB,CAAA;AAAA,0BAEnBD,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,UAAA,EAAW,MAAK,UAAA,EACjC,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA,eAAA,EAAa,CAAA;AAAA,4BACjEA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8BAAA,EAA+B,QAAA,EAAA,6BAAA,EAA2B,CAAA;AAAA,4BACvEA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2EAAA,EAA4E,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,2CAC9F,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACZ,QAAA,EAAA,YAAA,CAAa,IAAI,CAAA,KAAA,qBAChBD,eAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,+LAAA;AAAA,gBAEV,KAAA,EAAO,YAAY,KAAK,CAAA;AAAA,gBAExB,QAAA,EAAA;AAAA,kCAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,gEAAA,EAAiE,CAAA;AAAA,kBACnG;AAAA;AAAA,eAAA;AAAA,cAJI;AAAA,aAMR,CAAA,EACH;AAAA,WAAA,EACF;AAAA;AAAA;AAAA,KACF;AAAA,oBAEAD,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,OAAA,EAAQ,mBAAgB,4BAAA,EACzC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,EAAA,EAAG,4BAAA,EAA6B,SAAA,EAAU,uCAAsC,QAAA,EAAA,8BAAA,EAEpF,CAAA;AAAA,qCACC,KAAA,EAAA,EAAI,YAAA,EAAW,0BAAA,EAA2B,SAAA,EAAU,kCAAiC,IAAA,EAAK,MAAA,EACxF,QAAA,EAAA,iBAAA,CAAkB,GAAA,CAAI,4BACrBD,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,WAAA,EAA+B,MAAK,UAAA,EACrD,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,WAAU,uBAAA,EAAwB,KAAA,EAAO,YAAY,MAAA,CAAO,KAAK,CAAA,EAClE,QAAA,EAAA,MAAA,CAAO,KAAA,EACV,CAAA;AAAA,wBACAA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,wCAAA,EAA0C,iBAAO,WAAA,EAAY;AAAA,OAAA,EAAA,EAJxC,MAAA,CAAO,KAK3C,CACD,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBAEAD,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,OAAA,EAAQ,cAAW,mCAAA,EACpC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,qEAAA,EAAsE,QAAA,EAAA,8FAAA,EAEnF,CAAA;AAAA,qCACC,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,+CAC/B,QAAA,EAAA,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,EAAE,GAAA,CAAI,CAAA,KAAA,qBACbD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mEAAA,EACb,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qCAAA,EAAsC,CAAA;AAAA,wBACrDA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EAA8C,CAAA;AAAA,wBAC7DA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4CAAA,EAA6C;AAAA,OAAA,EAAA,EAH0B,KAIxF,CACD,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBAEAD,eAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,2IAAA,EACf,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gDAAA,EACb,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAU;AAAA;AAAA,SACZ;AAAA,wBACAD,eAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iCAAA,EACX,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,6BAAA,EAA8B,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,UAAS;AAAA,SAAA,EAE9E;AAAA,OAAA,EACF,CAAA;AAAA,sBACAD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4CAAA,EACZ,QAAA,EAAA;AAAA,QAAA,UAAA;AAAA,wBACDC,cAAA;AAAA,UAACG,aAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,GAAA;AAAA,YACH,IAAA,EAAK,0DAAA;AAAA,YACL,MAAA,EAAO,QAAA;AAAA,YACP,GAAA,EAAI,qBAAA;AAAA,YACJ,OAAA,EAAQ,SAAA;AAAA,YACR,IAAA,EAAK,IAAA;AAAA,YACN,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,wBACAH,cAAA,CAACG,aAAA,EAAA,EAAO,EAAA,EAAI,aAAA,EAAe,IAAA,EAAK,kBAAiB,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,IAAA,EAAK,QAAA,EAAA,sBAAA,EAE7E;AAAA,OAAA,EACF;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"signals-empty-state.cjs.js","sources":["../../../../src/ee/signals/components/signals-empty-state.tsx"],"sourcesContent":["import type { TraceSignalName } from '@mastra/client-js';\nimport { CpuIcon } 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';\n\ntype SignalDefinition = {\n key: TraceSignalName;\n label: string;\n description: string;\n};\n\nconst signalDefinitions: SignalDefinition[] = [\n { key: 'goal', label: 'Goal', description: 'What the user is trying to achieve.' },\n { key: 'outcome', label: 'Outcome', description: 'Whether the interaction was completed, unresolved, or blocked.' },\n {\n key: 'behavior',\n label: 'Behavior',\n description:\n 'The observable actions and patterns in the trace, including tool use, retries, failures, and recovery.',\n },\n { key: 'sentiment', label: 'Sentiment', description: \"The user's emotional state or attitude.\" },\n];\nconst signalLabels = signalDefinitions.map(signal => signal.label);\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 = {\n status: 'collecting' \| 'processing' \| 'ready';\n traceCount: number;\n signals: Record<TraceSignalName, { generated: number; embedded: number }>;\n availableSignals: TraceSignalName[];\n};\n\nexport type SignalsEmptyStateProps = {\n actionSlot?: ReactNode;\n LinkComponent?: LinkComponent;\n progress?: TraceIntelligenceProgress;\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 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-neutral3 text-xs\">Traces analyzed</dt>\n <dd className=\"text-neutral6 mt-1 text-lg 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-neutral3 text-xs\">Trace signal types ready</dt>\n <dd className=\"text-neutral6 mt-1 text-lg font-semibold\">{progress.availableSignals.length} of 4</dd>\n </div>\n <div className=\"border-border1 bg-surface3 rounded-md border px-3 py-2\">\n <dt className=\"text-neutral3 text-xs\">Status</dt>\n <dd className=\"text-neutral6 mt-1 text-lg 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 return (\n <ul aria-label=\"Trace signal processing progress\" className=\"mt-3 grid gap-2 sm:grid-cols-2 lg:grid-cols-4\">\n {signalDefinitions.map(signal => {\n const value = progress.signals[signal.key];\n const isReady = progress.availableSignals.includes(signal.key);\n return (\n <li className=\"border-border1 bg-surface2 rounded-md border px-3 py-2\" key={signal.label}>\n <div className=\"flex items-center justify-between gap-2\">\n <span className=\"text-sm font-semibold\" style={signalStyle(signal.label)}>\n {signal.label}\n </span>\n <span className=\"text-neutral4 text-xs\">{isReady ? 'Themes ready' : 'Processing'}</span>\n </div>\n <p className=\"text-neutral3 mt-1 text-xs\">\n {formatNumber(value.generated)} generated · {formatNumber(value.embedded)} embedded\n </p>\n </li>\n );\n })}\n </ul>\n );\n}\n\nexport const SignalsEmptyState = ({\n actionSlot,\n LinkComponent = 'a',\n progress,\n isRangeEmpty,\n}: SignalsEmptyStateProps) => {\n const copy = statusCopy(progress, isRangeEmpty);\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-neutral4 flex items-center gap-2 font-mono text-xs 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-neutral3 mt-2 max-w-180 text-sm leading-5\">\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-neutral6 text-lg font-semibold\">Traces</h2>\n <p className=\"text-neutral3 mt-0.5 text-xs\">Every agent interaction</p>\n <p className=\"text-neutral3 mt-5 font-mono text-[0.6875rem] 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-neutral6 text-lg font-semibold\">Trace Intelligence</h2>\n <p className=\"text-neutral3 mt-0.5 text-xs\">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 leading-4\">\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-neutral6 text-lg font-semibold\">Theme analysis</h2>\n <p className=\"text-neutral3 mt-0.5 text-xs\">How recurring patterns connect</p>\n <p className=\"text-neutral3 mt-5 font-mono text-[0.6875rem] tracking-[0.18em] uppercase\">Output</p>\n <div className=\"mt-3 flex flex-wrap gap-2\">\n {signalLabels.map(label => (\n <span\n className=\"signals-chip bg-surface3 inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 text-xs font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]\"\n key={label}\n style={signalStyle(label)}\n >\n <span aria-hidden=\"true\" className=\"size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]\" />\n {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-neutral6 text-lg 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.label}>\n <h3 className=\"text-sm font-semibold\" style={signalStyle(signal.label)}>\n {signal.label}\n </h3>\n <p className=\"text-neutral3 mt-1.5 text-xs leading-5\">{signal.description}</p>\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-neutral3 text-xs leading-5\">\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 as=\"a\"\n href=\"https://mastra.ai/en/docs/mastra-platform/trace-intelligence\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n variant=\"outline\"\n size=\"sm\"\n >\n Read the docs<span className=\"sr-only\"> (opens in new tab)</span>\n </Button>\n <Button as={LinkComponent} href=\"/observability\" 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","Card","CpuIcon","Button"],"mappings":"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"}

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

@@ -6,13 +6,14 @@ import { n as nodeColor } from '../../../sankeyColor-CQ5nkgtL.js';
 import { getSignalHue } from '../signal-colors.es.js';
 import '../../../signals-empty-state.css';const signalDefinitions = [
-  { label: "Goal", description: "What the user is trying to achieve or have completed." },
-  { label: "Sentiment", description: "The user's emotional state or attitude." },
+  { key: "goal", label: "Goal", description: "What the user is trying to achieve." },
+  { key: "outcome", label: "Outcome", description: "Whether the interaction was completed, unresolved, or blocked." },
   {
+    key: "behavior",
     label: "Behavior",
-    description: "The entity's observable actions and patterns, including tool use, omissions, retries, failures, and recovery."
+    description: "The observable actions and patterns in the trace, including tool use, retries, failures, and recovery."
   },
-  { label: "Outcome", description: "The final completed, unresolved, or blocked state." }
+  { key: "sentiment", label: "Sentiment", description: "The user's emotional state or attitude." }
 ];
 const signalLabels = signalDefinitions.map((signal) => signal.label);
 const traceRows = [
@@ -27,27 +28,105 @@ const PipelineConnector = () => /* @__PURE__ */ jsxs("div", { "aria-hidden": "tr
   /* @__PURE__ */ jsx("div", { className: "border-border1 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]" })
 ] });
-const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
+function formatNumber(value) {
+  return new Intl.NumberFormat("en-US").format(value);
+}
+function statusCopy(progress, isRangeEmpty) {
+  if (isRangeEmpty) {
+    return {
+      title: "No Trace Intelligence themes in this date range.",
+      body: "Choose a wider snapshot date range, or wait for newly processed traces to form recurring themes."
+    };
+  }
+  if (!progress || progress.status === "collecting") {
+    return {
+      title: "Collecting traces for Trace Intelligence.",
+      body: "Trace Intelligence starts grouping recurring patterns after your deployed agents send enough completed traces."
+    };
+  }
+  if (progress.status === "ready") {
+    return {
+      title: "Trace Intelligence themes are ready.",
+      body: "Select at least two available trace signal types to see how goals, outcomes, behaviors, and sentiment connect."
+    };
+  }
+  return {
+    title: "Analyzing traces for Trace Intelligence.",
+    body: "Trace signals have started processing. Themes appear after enough generated and embedded trace signals form recurring patterns."
+  };
+}
+function ProgressSummary({ progress }) {
+  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-neutral3 text-xs", children: "Traces analyzed" }),
+      /* @__PURE__ */ jsx("dd", { className: "text-neutral6 mt-1 text-lg font-semibold", 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-neutral3 text-xs", children: "Trace signal types ready" }),
+      /* @__PURE__ */ jsxs("dd", { className: "text-neutral6 mt-1 text-lg font-semibold", children: [
+        progress.availableSignals.length,
+        " of 4"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "border-border1 bg-surface3 rounded-md border px-3 py-2", children: [
+      /* @__PURE__ */ jsx("dt", { className: "text-neutral3 text-xs", children: "Status" }),
+      /* @__PURE__ */ jsx("dd", { className: "text-neutral6 mt-1 text-lg font-semibold capitalize", children: progress.status })
+    ] })
+  ] });
+}
+function SignalProgressList({ progress }) {
+  if (!progress) return null;
+  return /* @__PURE__ */ jsx("ul", { "aria-label": "Trace signal processing progress", className: "mt-3 grid gap-2 sm:grid-cols-2 lg:grid-cols-4", children: signalDefinitions.map((signal) => {
+    const value = progress.signals[signal.key];
+    const isReady = progress.availableSignals.includes(signal.key);
+    return /* @__PURE__ */ jsxs("li", { className: "border-border1 bg-surface2 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-sm font-semibold", style: signalStyle(signal.label), children: signal.label }),
+        /* @__PURE__ */ jsx("span", { className: "text-neutral4 text-xs", children: isReady ? "Themes ready" : "Processing" })
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "text-neutral3 mt-1 text-xs", children: [
+        formatNumber(value.generated),
+        " generated · ",
+        formatNumber(value.embedded),
+        " embedded"
+      ] })
+    ] }, signal.label);
+  }) });
+}
+const SignalsEmptyState = ({
+  actionSlot,
+  LinkComponent = "a",
+  progress,
+  isRangeEmpty
+}) => {
+  const copy = statusCopy(progress, isRangeEmpty);
   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: [
-    /* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx("h1", { className: "text-header-xl text-neutral6 font-medium tracking-tight", children: "Understand what drives every agent interaction" }) }),
+    /* @__PURE__ */ jsxs("header", { children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-neutral4 flex items-center gap-2 font-mono text-xs 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-neutral3 mt-2 max-w-180 text-sm leading-5", children: "Trace Intelligence groups recurring goals, outcomes, behaviors, and sentiment across completed traces." })
+    ] }),
     /* @__PURE__ */ jsxs(
       "div",
       {
-        "aria-label": "Trace intelligence pipeline",
-        className: "mt-14 grid gap-4 lg:grid-cols-[17.5rem_4.5rem_17.5rem_4.5rem_minmax(0,1fr)] lg:gap-0",
         role: "list",
+        "aria-label": "Trace Intelligence analysis pipeline",
+        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("article", { className: "h-50 p-5", role: "listitem", children: [
+          /* @__PURE__ */ jsxs("div", { role: "listitem", className: "min-h-50 p-5", children: [
             /* @__PURE__ */ jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Traces" }),
             /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "Every agent interaction" }),
-            /* @__PURE__ */ jsx("p", { className: "text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase", children: "Input" }),
+            /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-5 font-mono text-[0.6875rem] 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",
                 children: [
                   /* @__PURE__ */ jsx("span", { className: "text-neutral4", children: name }),
-                  /* @__PURE__ */ jsx("span", { className: "text-neutral2", children: duration })
+                  /* @__PURE__ */ jsx("span", { className: "text-neutral3", children: duration })
                 ]
               },
               name
@@ -57,28 +136,28 @@ const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
           /* @__PURE__ */ jsxs(
             Card,
             {
-              as: "article",
-              className: "flex h-50 flex-col items-center p-5 text-center",
-              elevation: "elevated",
+              as: "div",
               role: "listitem",
+              className: "flex min-h-50 flex-col items-center p-5 text-center",
+              elevation: "elevated",
               children: [
-                /* @__PURE__ */ jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Mastra Engine" }),
-                /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "Clusters recurring patterns" }),
+                /* @__PURE__ */ jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Trace Intelligence" }),
+                /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-0.5 text-xs", 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-neutral2 mt-3 max-w-40 leading-4", children: "Finds relationships across conversations, tools, and workflows" })
+                /* @__PURE__ */ jsx("p", { className: "text-ui-xs text-neutral3 mt-3 max-w-40 leading-4", children: "Clusters similar trace signals into themes for each dimension" })
               ]
             }
           ),
           /* @__PURE__ */ jsx(PipelineConnector, {}),
-          /* @__PURE__ */ jsxs("article", { className: "h-50 p-5", role: "listitem", children: [
-            /* @__PURE__ */ jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Trace signals" }),
-            /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "What your users actually do" }),
-            /* @__PURE__ */ jsx("p", { className: "text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase", children: "Output" }),
+          /* @__PURE__ */ jsxs("div", { role: "listitem", className: "min-h-50 p-5", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Theme analysis" }),
+            /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "How recurring patterns connect" }),
+            /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-5 font-mono text-[0.6875rem] tracking-[0.18em] uppercase", children: "Output" }),
             /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: signalLabels.map((label) => /* @__PURE__ */ jsxs(
               "span",
               {
@@ -97,45 +176,45 @@ const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
     ),
     /* @__PURE__ */ jsxs("section", { className: "mt-10", "aria-labelledby": "signal-definitions-heading", children: [
       /* @__PURE__ */ jsx("h2", { id: "signal-definitions-heading", className: "text-neutral6 text-lg font-semibold", children: "What each trace signal means" }),
-      /* @__PURE__ */ jsx("div", { "aria-label": "Trace signal definitions", className: "mt-4 grid gap-3 sm:grid-cols-2", role: "list", children: signalDefinitions.map((signal) => /* @__PURE__ */ jsxs("article", { className: "px-1 py-2", role: "listitem", children: [
+      /* @__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-sm font-semibold", style: signalStyle(signal.label), children: signal.label }),
         /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-1.5 text-xs leading-5", children: signal.description })
       ] }, signal.label)) })
     ] }),
-    /* @__PURE__ */ jsxs("section", { className: "mt-10", "aria-label": "Trace signal relationship preview", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-neutral2 font-mono text-[0.5625rem] tracking-[0.2em] uppercase", children: "Grouped trace relationships will appear after traces contain at least two trace signal types" }),
-      /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "mt-3 grid h-18 grid-cols-3 gap-5 opacity-35", children: [0, 1, 2].map((index) => /* @__PURE__ */ jsxs("div", { className: "border-border1 bg-surface2/30 rounded-md border border-dashed p-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "bg-neutral1 h-1.5 w-16 rounded-full" }),
-        /* @__PURE__ */ jsx("div", { className: "bg-neutral1/60 mt-3 h-1 w-full rounded-full" }),
-        /* @__PURE__ */ jsx("div", { className: "bg-neutral1/40 mt-2 h-1 w-2/3 rounded-full" })
-      ] }, index)) })
-    ] }),
-    /* @__PURE__ */ jsxs("aside", { className: "border-border1 bg-surface2 mt-9 flex min-h-16 flex-col gap-4 rounded-md border px-5 py-3.5 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-3 sm:items-center", children: [
+    /* @__PURE__ */ jsxs("aside", { className: "border-border1 bg-surface2 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",
           {
             "aria-hidden": "true",
-            className: "bg-warning1 mt-1.5 size-2 shrink-0 rounded-full shadow-[0_0_9px_currentColor] sm:mt-0"
+            className: "bg-warning1 mt-1.5 size-2 shrink-0 rounded-full shadow-[0_0_9px_currentColor]"
           }
         ),
-        /* @__PURE__ */ jsxs("p", { className: "text-neutral3 text-xs leading-5", children: [
-          /* @__PURE__ */ jsx("strong", { className: "text-neutral5 font-semibold", children: "Waiting for traces." }),
-          " Trace intelligence activates automatically once your agents start receiving traffic."
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-neutral3 text-xs leading-5", children: [
+            /* @__PURE__ */ jsx("strong", { className: "text-neutral5 font-semibold", children: copy.title }),
+            " ",
+            copy.body
+          ] }),
+          progress ? /* @__PURE__ */ jsx(ProgressSummary, { progress }) : null,
+          /* @__PURE__ */ jsx(SignalProgressList, { progress })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 flex shrink-0 flex-wrap items-center gap-2 sm:justify-end", children: [
         actionSlot,
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs(
           Button,
           {
             as: "a",
-            href: "https://mastra.ai/en/docs/observability/tracing/overview",
+            href: "https://mastra.ai/en/docs/mastra-platform/trace-intelligence",
             target: "_blank",
             rel: "noopener noreferrer",
             variant: "outline",
             size: "sm",
-            children: "Read the docs"
+            children: [
+              "Read the docs",
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (opens in new tab)" })
+            ]
           }
         ),
         /* @__PURE__ */ jsx(Button, { as: LinkComponent, href: "/observability", variant: "primary", size: "sm", children: "View incoming traces" })

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

	@@ -1 +1 @@
1	- {"version":3,"file":"signals-empty-state.es.js","sources":["../../../../src/ee/signals/components/signals-empty-state.tsx"],"sourcesContent":["import { CpuIcon } 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';\n\nconst signalDefinitions = [\n { label: 'Goal', description: 'What the user is trying to achieve or have completed.' },\n { label: 'Sentiment', description: \"The user's emotional state or attitude.\" },\n {\n label: 'Behavior',\n description:\n \"The entity's observable actions and patterns, including tool use, omissions, retries, failures, and recovery.\",\n },\n { label: 'Outcome', description: 'The final completed, unresolved, or blocked state.' },\n];\nconst signalLabels = signalDefinitions.map(signal => signal.label);\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 SignalsEmptyStateProps = {\n actionSlot?: ReactNode;\n LinkComponent?: LinkComponent;\n};\n\nexport const SignalsEmptyState = ({ actionSlot, LinkComponent = 'a' }: SignalsEmptyStateProps) => {\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 <h1 className=\"text-header-xl text-neutral6 font-medium tracking-tight\">\n Understand what drives every agent interaction\n </h1>\n </header>\n\n <div\n aria-label=\"Trace intelligence 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 role=\"list\"\n >\n <article className=\"h-50 p-5\" role=\"listitem\">\n <h2 className=\"text-neutral6 text-lg font-semibold\">Traces</h2>\n <p className=\"text-neutral3 mt-0.5 text-xs\">Every agent interaction</p>\n <p className=\"text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] 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-neutral2\">{duration}</span>\n </div>\n ))}\n </div>\n </article>\n\n <PipelineConnector />\n\n <Card\n as=\"article\"\n className=\"flex h-50 flex-col items-center p-5 text-center\"\n elevation=\"elevated\"\n role=\"listitem\"\n >\n <h2 className=\"text-neutral6 text-lg font-semibold\">Mastra Engine</h2>\n <p className=\"text-neutral3 mt-0.5 text-xs\">Clusters recurring patterns</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-neutral2 mt-3 max-w-40 leading-4\">\n Finds relationships across conversations, tools, and workflows\n </p>\n </Card>\n\n <PipelineConnector />\n\n <article className=\"h-50 p-5\" role=\"listitem\">\n <h2 className=\"text-neutral6 text-lg font-semibold\">Trace signals</h2>\n <p className=\"text-neutral3 mt-0.5 text-xs\">What your users actually do</p>\n <p className=\"text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase\">Output</p>\n <div className=\"mt-3 flex flex-wrap gap-2\">\n {signalLabels.map(label => (\n <span\n className=\"signals-chip bg-surface3 inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 text-xs font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]\"\n key={label}\n style={signalStyle(label)}\n >\n <span aria-hidden=\"true\" className=\"size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]\" />\n {label}\n </span>\n ))}\n </div>\n </article>\n </div>\n\n <section className=\"mt-10\" aria-labelledby=\"signal-definitions-heading\">\n <h2 id=\"signal-definitions-heading\" className=\"text-neutral6 text-lg font-semibold\">\n What each trace signal means\n </h2>\n <div aria-label=\"Trace signal definitions\" className=\"mt-4 grid gap-3 sm:grid-cols-2\" role=\"list\">\n {signalDefinitions.map(signal => (\n <article className=\"px-1 py-2\" key={signal.label} role=\"listitem\">\n <h3 className=\"text-sm font-semibold\" style={signalStyle(signal.label)}>\n {signal.label}\n </h3>\n <p className=\"text-neutral3 mt-1.5 text-xs leading-5\">{signal.description}</p>\n </article>\n ))}\n </div>\n </section>\n\n <section className=\"mt-10\" aria-label=\"Trace signal relationship preview\">\n <p className=\"text-neutral2 font-mono text-[0.5625rem] tracking-[0.2em] uppercase\">\n Grouped trace relationships will appear after traces contain at least two trace signal types\n </p>\n <div aria-hidden=\"true\" className=\"mt-3 grid h-18 grid-cols-3 gap-5 opacity-35\">\n {[0, 1, 2].map(index => (\n <div className=\"border-border1 bg-surface2/30 rounded-md border border-dashed p-4\" key={index}>\n <div className=\"bg-neutral1 h-1.5 w-16 rounded-full\" />\n <div className=\"bg-neutral1/60 mt-3 h-1 w-full rounded-full\" />\n <div className=\"bg-neutral1/40 mt-2 h-1 w-2/3 rounded-full\" />\n </div>\n ))}\n </div>\n </section>\n\n <aside className=\"border-border1 bg-surface2 mt-9 flex min-h-16 flex-col gap-4 rounded-md border px-5 py-3.5 sm:flex-row sm:items-center sm:justify-between\">\n <div className=\"flex min-w-0 items-start gap-3 sm:items-center\">\n <span\n aria-hidden=\"true\"\n className=\"bg-warning1 mt-1.5 size-2 shrink-0 rounded-full shadow-[0_0_9px_currentColor] sm:mt-0\"\n />\n <p className=\"text-neutral3 text-xs leading-5\">\n <strong className=\"text-neutral5 font-semibold\">Waiting for traces.</strong> Trace intelligence activates\n automatically once your agents start receiving traffic.\n </p>\n </div>\n <div className=\"flex shrink-0 flex-wrap items-center gap-2\">\n {actionSlot}\n <Button\n as=\"a\"\n href=\"https://mastra.ai/en/docs/observability/tracing/overview\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n variant=\"outline\"\n size=\"sm\"\n >\n Read the docs\n </Button>\n <Button as={LinkComponent} href=\"/observability\" variant=\"primary\" size=\"sm\">\n View incoming traces\n </Button>\n </div>\n </aside>\n </div>\n </section>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"signals-empty-state.es.js","sources":["../../../../src/ee/signals/components/signals-empty-state.tsx"],"sourcesContent":["import type { TraceSignalName } from '@mastra/client-js';\nimport { CpuIcon } 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';\n\ntype SignalDefinition = {\n key: TraceSignalName;\n label: string;\n description: string;\n};\n\nconst signalDefinitions: SignalDefinition[] = [\n { key: 'goal', label: 'Goal', description: 'What the user is trying to achieve.' },\n { key: 'outcome', label: 'Outcome', description: 'Whether the interaction was completed, unresolved, or blocked.' },\n {\n key: 'behavior',\n label: 'Behavior',\n description:\n 'The observable actions and patterns in the trace, including tool use, retries, failures, and recovery.',\n },\n { key: 'sentiment', label: 'Sentiment', description: \"The user's emotional state or attitude.\" },\n];\nconst signalLabels = signalDefinitions.map(signal => signal.label);\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 = {\n status: 'collecting' \| 'processing' \| 'ready';\n traceCount: number;\n signals: Record<TraceSignalName, { generated: number; embedded: number }>;\n availableSignals: TraceSignalName[];\n};\n\nexport type SignalsEmptyStateProps = {\n actionSlot?: ReactNode;\n LinkComponent?: LinkComponent;\n progress?: TraceIntelligenceProgress;\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 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-neutral3 text-xs\">Traces analyzed</dt>\n <dd className=\"text-neutral6 mt-1 text-lg 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-neutral3 text-xs\">Trace signal types ready</dt>\n <dd className=\"text-neutral6 mt-1 text-lg font-semibold\">{progress.availableSignals.length} of 4</dd>\n </div>\n <div className=\"border-border1 bg-surface3 rounded-md border px-3 py-2\">\n <dt className=\"text-neutral3 text-xs\">Status</dt>\n <dd className=\"text-neutral6 mt-1 text-lg 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 return (\n <ul aria-label=\"Trace signal processing progress\" className=\"mt-3 grid gap-2 sm:grid-cols-2 lg:grid-cols-4\">\n {signalDefinitions.map(signal => {\n const value = progress.signals[signal.key];\n const isReady = progress.availableSignals.includes(signal.key);\n return (\n <li className=\"border-border1 bg-surface2 rounded-md border px-3 py-2\" key={signal.label}>\n <div className=\"flex items-center justify-between gap-2\">\n <span className=\"text-sm font-semibold\" style={signalStyle(signal.label)}>\n {signal.label}\n </span>\n <span className=\"text-neutral4 text-xs\">{isReady ? 'Themes ready' : 'Processing'}</span>\n </div>\n <p className=\"text-neutral3 mt-1 text-xs\">\n {formatNumber(value.generated)} generated · {formatNumber(value.embedded)} embedded\n </p>\n </li>\n );\n })}\n </ul>\n );\n}\n\nexport const SignalsEmptyState = ({\n actionSlot,\n LinkComponent = 'a',\n progress,\n isRangeEmpty,\n}: SignalsEmptyStateProps) => {\n const copy = statusCopy(progress, isRangeEmpty);\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-neutral4 flex items-center gap-2 font-mono text-xs 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-neutral3 mt-2 max-w-180 text-sm leading-5\">\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-neutral6 text-lg font-semibold\">Traces</h2>\n <p className=\"text-neutral3 mt-0.5 text-xs\">Every agent interaction</p>\n <p className=\"text-neutral3 mt-5 font-mono text-[0.6875rem] 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-neutral6 text-lg font-semibold\">Trace Intelligence</h2>\n <p className=\"text-neutral3 mt-0.5 text-xs\">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 leading-4\">\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-neutral6 text-lg font-semibold\">Theme analysis</h2>\n <p className=\"text-neutral3 mt-0.5 text-xs\">How recurring patterns connect</p>\n <p className=\"text-neutral3 mt-5 font-mono text-[0.6875rem] tracking-[0.18em] uppercase\">Output</p>\n <div className=\"mt-3 flex flex-wrap gap-2\">\n {signalLabels.map(label => (\n <span\n className=\"signals-chip bg-surface3 inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 text-xs font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]\"\n key={label}\n style={signalStyle(label)}\n >\n <span aria-hidden=\"true\" className=\"size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]\" />\n {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-neutral6 text-lg 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.label}>\n <h3 className=\"text-sm font-semibold\" style={signalStyle(signal.label)}>\n {signal.label}\n </h3>\n <p className=\"text-neutral3 mt-1.5 text-xs leading-5\">{signal.description}</p>\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-neutral3 text-xs leading-5\">\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 as=\"a\"\n href=\"https://mastra.ai/en/docs/mastra-platform/trace-intelligence\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n variant=\"outline\"\n size=\"sm\"\n >\n Read the docs<span className=\"sr-only\"> (opens in new tab)</span>\n </Button>\n <Button as={LinkComponent} href=\"/observability\" variant=\"primary\" size=\"sm\">\n View incoming traces\n </Button>\n </div>\n </aside>\n </div>\n </section>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAiBA,MAAM,iBAAA,GAAwC;AAAA,EAC5C,EAAE,GAAA,EAAK,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,aAAa,qCAAA,EAAsC;AAAA,EACjF,EAAE,GAAA,EAAK,SAAA,EAAW,KAAA,EAAO,SAAA,EAAW,aAAa,gEAAA,EAAiE;AAAA,EAClH;AAAA,IACE,GAAA,EAAK,UAAA;AAAA,IACL,KAAA,EAAO,UAAA;AAAA,IACP,WAAA,EACE;AAAA,GACJ;AAAA,EACA,EAAE,GAAA,EAAK,WAAA,EAAa,KAAA,EAAO,WAAA,EAAa,aAAa,yCAAA;AACvD,CAAA;AACA,MAAM,YAAA,GAAe,iBAAA,CAAkB,GAAA,CAAI,CAAA,MAAA,KAAU,OAAO,KAAK,CAAA;AAEjE,MAAM,SAAA,GAAY;AAAA,EAChB,CAAC,mBAAmB,MAAM,CAAA;AAAA,EAC1B,CAAC,oBAAoB,OAAO,CAAA;AAAA,EAC5B,CAAC,oBAAoB,MAAM;AAC7B,CAAA;AAEA,MAAM,WAAA,GAAc,CAAC,KAAA,MAAkC;AAAA,EACrD,KAAA,EAAO,SAAA,CAAU,YAAA,CAAa,KAAK,CAAC;AACtC,CAAA,CAAA;AAEA,MAAM,oBAAoB,sBACxB,IAAA,CAAC,SAAI,aAAA,EAAY,MAAA,EAAO,WAAU,6CAAA,EAChC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8CAAA,EAA+C,CAAA;AAAA,kBAC9D,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iIAAA,EAAkI;AAAA,CAAA,EACpJ,CAAA;AAiBF,SAAS,aAAa,KAAA,EAAe;AACnC,EAAA,OAAO,IAAI,IAAA,CAAK,YAAA,CAAa,OAAO,CAAA,CAAE,OAAO,KAAK,CAAA;AACpD;AAEA,SAAS,UAAA,CAAW,UAAsC,YAAA,EAAwB;AAChF,EAAA,IAAI,YAAA,EAAc;AAChB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,kDAAA;AAAA,MACP,IAAA,EAAM;AAAA,KACR;AAAA,EACF;AACA,EAAA,IAAI,CAAC,QAAA,IAAY,QAAA,CAAS,MAAA,KAAW,YAAA,EAAc;AACjD,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,2CAAA;AAAA,MACP,IAAA,EAAM;AAAA,KACR;AAAA,EACF;AACA,EAAA,IAAI,QAAA,CAAS,WAAW,OAAA,EAAS;AAC/B,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,sCAAA;AAAA,MACP,IAAA,EAAM;AAAA,KACR;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,0CAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AACF;AAEA,SAAS,eAAA,CAAgB,EAAE,QAAA,EAAS,EAA4C;AAC9E,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gCAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,0BACpD,IAAA,EAAA,EAAG,SAAA,EAAU,4CAA4C,QAAA,EAAA,YAAA,CAAa,QAAA,CAAS,UAAU,CAAA,EAAE;AAAA,KAAA,EAC9F,CAAA;AAAA,oBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,0BAAA,EAAwB,CAAA;AAAA,sBAC9D,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,0CAAA,EAA4C,QAAA,EAAA;AAAA,QAAA,QAAA,CAAS,gBAAA,CAAiB,MAAA;AAAA,QAAO;AAAA,OAAA,EAAK;AAAA,KAAA,EAClG,CAAA;AAAA,oBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBAC5C,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qDAAA,EAAuD,mBAAS,MAAA,EAAO;AAAA,KAAA,EACvF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,EAAE,QAAA,EAAS,EAA6C;AAClF,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,uBACE,GAAA,CAAC,QAAG,YAAA,EAAW,kCAAA,EAAmC,WAAU,+CAAA,EACzD,QAAA,EAAA,iBAAA,CAAkB,IAAI,CAAA,MAAA,KAAU;AAC/B,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,MAAA,CAAO,GAAG,CAAA;AACzC,IAAA,MAAM,OAAA,GAAU,QAAA,CAAS,gBAAA,CAAiB,QAAA,CAAS,OAAO,GAAG,CAAA;AAC7D,IAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,wDAAA,EACZ,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yCAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uBAAA,EAAwB,KAAA,EAAO,YAAY,MAAA,CAAO,KAAK,CAAA,EACpE,QAAA,EAAA,MAAA,CAAO,KAAA,EACV,CAAA;AAAA,4BACC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAA,OAAA,GAAU,iBAAiB,YAAA,EAAa;AAAA,OAAA,EACnF,CAAA;AAAA,sBACA,IAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4BAAA,EACV,QAAA,EAAA;AAAA,QAAA,YAAA,CAAa,MAAM,SAAS,CAAA;AAAA,QAAE,eAAA;AAAA,QAAc,YAAA,CAAa,MAAM,QAAQ,CAAA;AAAA,QAAE;AAAA,OAAA,EAC5E;AAAA,KAAA,EAAA,EAT0E,OAAO,KAUnF,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC,UAAA;AAAA,EACA,aAAA,GAAgB,GAAA;AAAA,EAChB,QAAA;AAAA,EACA;AACF,CAAA,KAA8B;AAC5B,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,QAAA,EAAU,YAAY,CAAA;AAE9C,EAAA,2BACG,SAAA,EAAA,EAAQ,SAAA,EAAU,wEACjB,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,kFAAA,EACX,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,gCAAA,EAAiC,CAAA;AAAA,QAAE;AAAA,OAAA,EAExE,CAAA;AAAA,sBACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,8DAAA,EAA+D,QAAA,EAAA,gDAAA,EAE7E,CAAA;AAAA,sBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gDAAA,EAAiD,QAAA,EAAA,wGAAA,EAE9D;AAAA,KAAA,EACF,CAAA;AAAA,oBAEA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,MAAA;AAAA,QACL,YAAA,EAAW,sCAAA;AAAA,QACX,SAAA,EAAU,sFAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,UAAA,EAAW,SAAA,EAAU,cAAA,EAC7B,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,4BAC1D,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8BAAA,EAA+B,QAAA,EAAA,yBAAA,EAAuB,CAAA;AAAA,4BACnE,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2EAAA,EAA4E,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,4BAC9F,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EACZ,QAAA,EAAA,SAAA,CAAU,IAAI,CAAC,CAAC,IAAA,EAAM,QAAQ,CAAA,qBAC7B,IAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,8GAAA;AAAA,gBAGV,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,kCACtC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,QAAA,EAAS;AAAA;AAAA,eAAA;AAAA,cAHrC;AAAA,aAKR,CAAA,EACH;AAAA,WAAA,EACF,CAAA;AAAA,8BAEC,iBAAA,EAAA,EAAkB,CAAA;AAAA,0BAEnB,IAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAG,KAAA;AAAA,cACH,IAAA,EAAK,UAAA;AAAA,cACL,SAAA,EAAU,qDAAA;AAAA,cACV,SAAA,EAAU,UAAA;AAAA,cAEV,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA,oBAAA,EAAkB,CAAA;AAAA,gCACtE,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8BAAA,EAA+B,QAAA,EAAA,wBAAA,EAAsB,CAAA;AAAA,gCAClE,IAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,WAAU,wDAAA,EAChC,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+EAAA,EAAgF,CAAA;AAAA,kCAChG,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0DAAA,EAA2D,CAAA;AAAA,kCAC3E,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iHAAA,EAAkH,CAAA;AAAA,kCAClI,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAU,gCAAA,EAAiC;AAAA,iBAAA,EACtD,CAAA;AAAA,gCACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,kDAAA,EAAmD,QAAA,EAAA,+DAAA,EAEhE;AAAA;AAAA;AAAA,WACF;AAAA,8BAEC,iBAAA,EAAA,EAAkB,CAAA;AAAA,0BAEnB,IAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,UAAA,EAAW,WAAU,cAAA,EAC7B,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA,gBAAA,EAAc,CAAA;AAAA,4BAClE,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8BAAA,EAA+B,QAAA,EAAA,gCAAA,EAA8B,CAAA;AAAA,4BAC1E,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2EAAA,EAA4E,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,gCAC9F,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACZ,QAAA,EAAA,YAAA,CAAa,IAAI,CAAA,KAAA,qBAChB,IAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,+LAAA;AAAA,gBAEV,KAAA,EAAO,YAAY,KAAK,CAAA;AAAA,gBAExB,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,gEAAA,EAAiE,CAAA;AAAA,kBACnG;AAAA;AAAA,eAAA;AAAA,cAJI;AAAA,aAMR,CAAA,EACH;AAAA,WAAA,EACF;AAAA;AAAA;AAAA,KACF;AAAA,oBAEA,IAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,OAAA,EAAQ,mBAAgB,4BAAA,EACzC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,EAAA,EAAG,4BAAA,EAA6B,SAAA,EAAU,uCAAsC,QAAA,EAAA,8BAAA,EAEpF,CAAA;AAAA,sBACA,GAAA,CAAC,IAAA,EAAA,EAAG,YAAA,EAAW,0BAAA,EAA2B,SAAA,EAAU,gCAAA,EACjD,QAAA,EAAA,iBAAA,CAAkB,GAAA,CAAI,CAAA,MAAA,qBACrB,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,WAAA,EACZ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,WAAU,uBAAA,EAAwB,KAAA,EAAO,YAAY,MAAA,CAAO,KAAK,CAAA,EAClE,QAAA,EAAA,MAAA,CAAO,KAAA,EACV,CAAA;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,wCAAA,EAA0C,iBAAO,WAAA,EAAY;AAAA,OAAA,EAAA,EAJ7C,MAAA,CAAO,KAKtC,CACD,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBAEA,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,6DAAA,EACf,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gCAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAU;AAAA;AAAA,SACZ;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iCAAA,EACX,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,6BAAA,EAA+B,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,YAAS,GAAA;AAAA,YAAE,IAAA,CAAK;AAAA,WAAA,EAC9E,CAAA;AAAA,UACC,QAAA,mBAAW,GAAA,CAAC,eAAA,EAAA,EAAgB,QAAA,EAAoB,CAAA,GAAK,IAAA;AAAA,0BACtD,GAAA,CAAC,sBAAmB,QAAA,EAAoB;AAAA,SAAA,EAC1C;AAAA,OAAA,EACF,CAAA;AAAA,sBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gEAAA,EACZ,QAAA,EAAA;AAAA,QAAA,UAAA;AAAA,wBACD,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,GAAA;AAAA,YACH,IAAA,EAAK,8DAAA;AAAA,YACL,MAAA,EAAO,QAAA;AAAA,YACP,GAAA,EAAI,qBAAA;AAAA,YACJ,OAAA,EAAQ,SAAA;AAAA,YACR,IAAA,EAAK,IAAA;AAAA,YACN,QAAA,EAAA;AAAA,cAAA,eAAA;AAAA,8BACc,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,qBAAA,EAAmB;AAAA;AAAA;AAAA,SAC5D;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAO,EAAA,EAAI,aAAA,EAAe,IAAA,EAAK,kBAAiB,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,IAAA,EAAK,QAAA,EAAA,sBAAA,EAE7E;AAAA,OAAA,EACF;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{hover-card-DegapekV.cjs → hover-card-Bx258om1.cjs} RENAMED Viewed

@@ -68,7 +68,7 @@ const HoverCardContent = React__namespace.forwardRef(
       {
         ref,
         className: utils_cn.cn(
-          "max-w-100 w-auto origin-[var(--transform-origin)] rounded-md border border-border1 bg-surface5 p-2 px-4 text-ui-sm text-neutral5",
+          "max-w-100 w-auto origin-[var(--transform-origin)] rounded-xl border border-border1 bg-surface3 px-3 py-2.5 text-ui-sm text-neutral5 shadow-dialog",
           "data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
           "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
           className
@@ -76,7 +76,7 @@ const HoverCardContent = React__namespace.forwardRef(
         ...props,
         children: [
           children,
-          showArrow && /* @__PURE__ */ jsxRuntime.jsx(previewCard.PreviewCard.Arrow, { className: "fill-surface5" })
+          showArrow && /* @__PURE__ */ jsxRuntime.jsx(previewCard.PreviewCard.Arrow, { className: "fill-surface3" })
         ]
       }
     ) }) });
@@ -87,4 +87,4 @@ HoverCardContent.displayName = "HoverCardContent";
 exports.HoverCard = HoverCard;
 exports.HoverCardContent = HoverCardContent;
 exports.HoverCardTrigger = HoverCardTrigger;
-//# sourceMappingURL=hover-card-DegapekV.cjs.map
+//# sourceMappingURL=hover-card-Bx258om1.cjs.map

package/dist/{hover-card-DegapekV.cjs.map → hover-card-Bx258om1.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hover-card-~~DegapekV~~.cjs","sources":["../src/ds/components/HoverCard/hover-card.tsx"],"sourcesContent":["import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';\nimport type { PreviewCardPopupProps, PreviewCardPositionerProps } from '@base-ui/react/preview-card';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/*\n HoverCard — a floating card that reveals extra content when its trigger is\n * hovered or focused. Built on Base UI's `PreviewCard`\n * (`@base-ui/react/preview-card`); the `HoverCard` name matches the Radix\n * component this replaced and the common term for the pattern.\n \n Compose it as `HoverCard` > (`HoverCardTrigger` + `HoverCardContent`).\n /\nconst HoverCard = PreviewCardPrimitive.Root;\n\nexport type HoverCardTriggerProps = Omit<PreviewCardPrimitive.Trigger.Props, 'className'> & {\n className?: string;\n};\n\n/\n The element that opens the card on hover/focus. Renders an `<a>` by default;\n * pass `render` to project the behavior onto an existing element.\n \n `delay` defaults to 250ms to preserve the previous Radix `openDelay`\n * behavior — Base UI's own default is 600ms.\n /\nconst HoverCardTrigger = React.forwardRef<HTMLAnchorElement, HoverCardTriggerProps>(\n ({ className, delay = 250, ...props }, ref) => (\n <PreviewCardPrimitive.Trigger ref={ref} delay={delay} className={className} {...props} />\n ),\n);\nHoverCardTrigger.displayName = 'HoverCardTrigger';\n\ntype HoverCardContentPositionerProps = Omit<PreviewCardPositionerProps, keyof PreviewCardPopupProps>;\n\nexport type HoverCardContentProps = Omit<PreviewCardPopupProps, 'className'> &\n HoverCardContentPositionerProps & {\n className?: string;\n /* Optional portal container, forwarded to `PreviewCard.Portal`. /\n container?: HTMLElement \| null;\n /* Whether to render the small arrow pointing at the trigger. /\n showArrow?: boolean;\n };\n\n/\n The floating card body. Wraps Base UI's `Portal` / `Positioner` / `Popup`\n * (and an optional `Arrow`) so consumers only deal with a single element.\n */\nconst HoverCardContent = React.forwardRef<HTMLDivElement, HoverCardContentProps>(\n (\n {\n className,\n children,\n side = 'top',\n align,\n sideOffset = 5,\n container,\n showArrow = true,\n anchor,\n positionMethod,\n alignOffset,\n collisionBoundary,\n collisionPadding,\n sticky,\n arrowPadding,\n disableAnchorTracking,\n collisionAvoidance,\n ...props\n },\n ref,\n ) => {\n const positionerProps: HoverCardContentPositionerProps = {\n side,\n align,\n sideOffset,\n anchor,\n positionMethod,\n alignOffset,\n collisionBoundary,\n collisionPadding,\n sticky,\n arrowPadding,\n disableAnchorTracking,\n collisionAvoidance,\n };\n\n return (\n <PreviewCardPrimitive.Portal container={container ?? undefined}>\n <PreviewCardPrimitive.Positioner className=\"z-50\" {...positionerProps}>\n <PreviewCardPrimitive.Popup\n ref={ref}\n className={cn(\n 'max-w-100 w-auto origin-[var(--transform-origin)] rounded-md border border-border1 bg-~~surface5~~ p-2 px-4 text-ui-sm text-neutral5',\n 'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n 'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n className,\n )}\n {...props}\n >\n {children}\n {showArrow && <PreviewCardPrimitive.Arrow className=\"fill-~~surface5~~\" />}\n </PreviewCardPrimitive.Popup>\n </PreviewCardPrimitive.Positioner>\n </PreviewCardPrimitive.Portal>\n );\n },\n);\nHoverCardContent.displayName = 'HoverCardContent';\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"],"names":["PreviewCardPrimitive","React","jsx","jsxs","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAYA,uBAAA,CAAqB;AAavC,MAAM,mBAAmBC,gBAAA,CAAM,UAAA;AAAA,EAC7B,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,GAAA,EAAK,GAAG,KAAA,EAAM,EAAG,GAAA,qBACrCC,cAAA,CAACF,wBAAqB,OAAA,EAArB,EAA6B,KAAU,KAAA,EAAc,SAAA,EAAuB,GAAG,KAAA,EAAO;AAE3F;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAiB/B,MAAM,mBAAmBC,gBAAA,CAAM,UAAA;AAAA,EAC7B,CACE;AAAA,IACE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA,GAAO,KAAA;AAAA,IACP,KAAA;AAAA,IACA,UAAA,GAAa,CAAA;AAAA,IACb,SAAA;AAAA,IACA,SAAA,GAAY,IAAA;AAAA,IACZ,MAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA,qBAAA;AAAA,IACA,kBAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,eAAA,GAAmD;AAAA,MACvD,IAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,qBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,uBACEC,cAAA,CAACF,uBAAA,CAAqB,MAAA,EAArB,EAA4B,WAAW,SAAA,IAAa,MAAA,EACnD,QAAA,kBAAAE,cAAA,CAACF,uBAAA,CAAqB,UAAA,EAArB,EAAgC,SAAA,EAAU,MAAA,EAAQ,GAAG,eAAA,EACpD,QAAA,kBAAAG,eAAA;AAAA,MAACH,uBAAA,CAAqB,KAAA;AAAA,MAArB;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWI,WAAA;AAAA,UACT,~~kIAAA~~;AAAA,UACA,kJAAA;AAAA,UACA,6JAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,6BAAaF,cAAA,CAACF,uBAAA,CAAqB,KAAA,EAArB,EAA2B,WAAU,eAAA,EAAgB;AAAA;AAAA;AAAA,OAExE,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;;;;;;"}
1	+ {"version":3,"file":"hover-card-Bx258om1.cjs","sources":["../src/ds/components/HoverCard/hover-card.tsx"],"sourcesContent":["import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';\nimport type { PreviewCardPopupProps, PreviewCardPositionerProps } from '@base-ui/react/preview-card';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/*\n HoverCard — a floating card that reveals extra content when its trigger is\n * hovered or focused. Built on Base UI's `PreviewCard`\n * (`@base-ui/react/preview-card`); the `HoverCard` name matches the Radix\n * component this replaced and the common term for the pattern.\n \n Compose it as `HoverCard` > (`HoverCardTrigger` + `HoverCardContent`).\n /\nconst HoverCard = PreviewCardPrimitive.Root;\n\nexport type HoverCardTriggerProps = Omit<PreviewCardPrimitive.Trigger.Props, 'className'> & {\n className?: string;\n};\n\n/\n The element that opens the card on hover/focus. Renders an `<a>` by default;\n * pass `render` to project the behavior onto an existing element.\n \n `delay` defaults to 250ms to preserve the previous Radix `openDelay`\n * behavior — Base UI's own default is 600ms.\n /\nconst HoverCardTrigger = React.forwardRef<HTMLAnchorElement, HoverCardTriggerProps>(\n ({ className, delay = 250, ...props }, ref) => (\n <PreviewCardPrimitive.Trigger ref={ref} delay={delay} className={className} {...props} />\n ),\n);\nHoverCardTrigger.displayName = 'HoverCardTrigger';\n\ntype HoverCardContentPositionerProps = Omit<PreviewCardPositionerProps, keyof PreviewCardPopupProps>;\n\nexport type HoverCardContentProps = Omit<PreviewCardPopupProps, 'className'> &\n HoverCardContentPositionerProps & {\n className?: string;\n /* Optional portal container, forwarded to `PreviewCard.Portal`. /\n container?: HTMLElement \| null;\n /* Whether to render the small arrow pointing at the trigger. /\n showArrow?: boolean;\n };\n\n/\n The floating card body. Wraps Base UI's `Portal` / `Positioner` / `Popup`\n * (and an optional `Arrow`) so consumers only deal with a single element.\n */\nconst HoverCardContent = React.forwardRef<HTMLDivElement, HoverCardContentProps>(\n (\n {\n className,\n children,\n side = 'top',\n align,\n sideOffset = 5,\n container,\n showArrow = true,\n anchor,\n positionMethod,\n alignOffset,\n collisionBoundary,\n collisionPadding,\n sticky,\n arrowPadding,\n disableAnchorTracking,\n collisionAvoidance,\n ...props\n },\n ref,\n ) => {\n const positionerProps: HoverCardContentPositionerProps = {\n side,\n align,\n sideOffset,\n anchor,\n positionMethod,\n alignOffset,\n collisionBoundary,\n collisionPadding,\n sticky,\n arrowPadding,\n disableAnchorTracking,\n collisionAvoidance,\n };\n\n return (\n <PreviewCardPrimitive.Portal container={container ?? undefined}>\n <PreviewCardPrimitive.Positioner className=\"z-50\" {...positionerProps}>\n <PreviewCardPrimitive.Popup\n ref={ref}\n className={cn(\n 'max-w-100 w-auto origin-[var(--transform-origin)] rounded-xl border border-border1 bg-surface3 px-3 py-2.5 text-ui-sm text-neutral5 shadow-dialog',\n 'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n 'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n className,\n )}\n {...props}\n >\n {children}\n {showArrow && <PreviewCardPrimitive.Arrow className=\"fill-surface3\" />}\n </PreviewCardPrimitive.Popup>\n </PreviewCardPrimitive.Positioner>\n </PreviewCardPrimitive.Portal>\n );\n },\n);\nHoverCardContent.displayName = 'HoverCardContent';\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"],"names":["PreviewCardPrimitive","React","jsx","jsxs","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAYA,uBAAA,CAAqB;AAavC,MAAM,mBAAmBC,gBAAA,CAAM,UAAA;AAAA,EAC7B,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,GAAA,EAAK,GAAG,KAAA,EAAM,EAAG,GAAA,qBACrCC,cAAA,CAACF,wBAAqB,OAAA,EAArB,EAA6B,KAAU,KAAA,EAAc,SAAA,EAAuB,GAAG,KAAA,EAAO;AAE3F;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAiB/B,MAAM,mBAAmBC,gBAAA,CAAM,UAAA;AAAA,EAC7B,CACE;AAAA,IACE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA,GAAO,KAAA;AAAA,IACP,KAAA;AAAA,IACA,UAAA,GAAa,CAAA;AAAA,IACb,SAAA;AAAA,IACA,SAAA,GAAY,IAAA;AAAA,IACZ,MAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA,qBAAA;AAAA,IACA,kBAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,eAAA,GAAmD;AAAA,MACvD,IAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,qBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,uBACEC,cAAA,CAACF,uBAAA,CAAqB,MAAA,EAArB,EAA4B,WAAW,SAAA,IAAa,MAAA,EACnD,QAAA,kBAAAE,cAAA,CAACF,uBAAA,CAAqB,UAAA,EAArB,EAAgC,SAAA,EAAU,MAAA,EAAQ,GAAG,eAAA,EACpD,QAAA,kBAAAG,eAAA;AAAA,MAACH,uBAAA,CAAqB,KAAA;AAAA,MAArB;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWI,WAAA;AAAA,UACT,mJAAA;AAAA,UACA,kJAAA;AAAA,UACA,6JAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,6BAAaF,cAAA,CAACF,uBAAA,CAAqB,KAAA,EAArB,EAA2B,WAAU,eAAA,EAAgB;AAAA;AAAA;AAAA,OAExE,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;;;;;;"}

package/dist/{hover-card-CADL8HiJ.js → hover-card-crVofiZO.js} RENAMED Viewed

@@ -47,7 +47,7 @@ const HoverCardContent = React.forwardRef(
       {
         ref,
         className: cn(
-          "max-w-100 w-auto origin-[var(--transform-origin)] rounded-md border border-border1 bg-surface5 p-2 px-4 text-ui-sm text-neutral5",
+          "max-w-100 w-auto origin-[var(--transform-origin)] rounded-xl border border-border1 bg-surface3 px-3 py-2.5 text-ui-sm text-neutral5 shadow-dialog",
           "data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
           "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
           className
@@ -55,7 +55,7 @@ const HoverCardContent = React.forwardRef(
         ...props,
         children: [
           children,
-          showArrow && /* @__PURE__ */ jsx(PreviewCard.Arrow, { className: "fill-surface5" })
+          showArrow && /* @__PURE__ */ jsx(PreviewCard.Arrow, { className: "fill-surface3" })
         ]
       }
     ) }) });
@@ -64,4 +64,4 @@ const HoverCardContent = React.forwardRef(
 HoverCardContent.displayName = "HoverCardContent";
 export { HoverCard as H, HoverCardContent as a, HoverCardTrigger as b };
-//# sourceMappingURL=hover-card-CADL8HiJ.js.map
+//# sourceMappingURL=hover-card-crVofiZO.js.map

package/dist/{hover-card-CADL8HiJ.js.map → hover-card-crVofiZO.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hover-card-~~CADL8HiJ~~.js","sources":["../src/ds/components/HoverCard/hover-card.tsx"],"sourcesContent":["import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';\nimport type { PreviewCardPopupProps, PreviewCardPositionerProps } from '@base-ui/react/preview-card';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/*\n HoverCard — a floating card that reveals extra content when its trigger is\n * hovered or focused. Built on Base UI's `PreviewCard`\n * (`@base-ui/react/preview-card`); the `HoverCard` name matches the Radix\n * component this replaced and the common term for the pattern.\n \n Compose it as `HoverCard` > (`HoverCardTrigger` + `HoverCardContent`).\n /\nconst HoverCard = PreviewCardPrimitive.Root;\n\nexport type HoverCardTriggerProps = Omit<PreviewCardPrimitive.Trigger.Props, 'className'> & {\n className?: string;\n};\n\n/\n The element that opens the card on hover/focus. Renders an `<a>` by default;\n * pass `render` to project the behavior onto an existing element.\n \n `delay` defaults to 250ms to preserve the previous Radix `openDelay`\n * behavior — Base UI's own default is 600ms.\n /\nconst HoverCardTrigger = React.forwardRef<HTMLAnchorElement, HoverCardTriggerProps>(\n ({ className, delay = 250, ...props }, ref) => (\n <PreviewCardPrimitive.Trigger ref={ref} delay={delay} className={className} {...props} />\n ),\n);\nHoverCardTrigger.displayName = 'HoverCardTrigger';\n\ntype HoverCardContentPositionerProps = Omit<PreviewCardPositionerProps, keyof PreviewCardPopupProps>;\n\nexport type HoverCardContentProps = Omit<PreviewCardPopupProps, 'className'> &\n HoverCardContentPositionerProps & {\n className?: string;\n /* Optional portal container, forwarded to `PreviewCard.Portal`. /\n container?: HTMLElement \| null;\n /* Whether to render the small arrow pointing at the trigger. /\n showArrow?: boolean;\n };\n\n/\n The floating card body. Wraps Base UI's `Portal` / `Positioner` / `Popup`\n * (and an optional `Arrow`) so consumers only deal with a single element.\n */\nconst HoverCardContent = React.forwardRef<HTMLDivElement, HoverCardContentProps>(\n (\n {\n className,\n children,\n side = 'top',\n align,\n sideOffset = 5,\n container,\n showArrow = true,\n anchor,\n positionMethod,\n alignOffset,\n collisionBoundary,\n collisionPadding,\n sticky,\n arrowPadding,\n disableAnchorTracking,\n collisionAvoidance,\n ...props\n },\n ref,\n ) => {\n const positionerProps: HoverCardContentPositionerProps = {\n side,\n align,\n sideOffset,\n anchor,\n positionMethod,\n alignOffset,\n collisionBoundary,\n collisionPadding,\n sticky,\n arrowPadding,\n disableAnchorTracking,\n collisionAvoidance,\n };\n\n return (\n <PreviewCardPrimitive.Portal container={container ?? undefined}>\n <PreviewCardPrimitive.Positioner className=\"z-50\" {...positionerProps}>\n <PreviewCardPrimitive.Popup\n ref={ref}\n className={cn(\n 'max-w-100 w-auto origin-[var(--transform-origin)] rounded-md border border-border1 bg-~~surface5~~ p-2 px-4 text-ui-sm text-neutral5',\n 'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n 'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n className,\n )}\n {...props}\n >\n {children}\n {showArrow && <PreviewCardPrimitive.Arrow className=\"fill-~~surface5~~\" />}\n </PreviewCardPrimitive.Popup>\n </PreviewCardPrimitive.Positioner>\n </PreviewCardPrimitive.Portal>\n );\n },\n);\nHoverCardContent.displayName = 'HoverCardContent';\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"],"names":["PreviewCardPrimitive"],"mappings":";;;;;AAcA,MAAM,YAAYA,WAAA,CAAqB;AAavC,MAAM,mBAAmB,KAAA,CAAM,UAAA;AAAA,EAC7B,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,GAAA,EAAK,GAAG,KAAA,EAAM,EAAG,GAAA,qBACrC,GAAA,CAACA,YAAqB,OAAA,EAArB,EAA6B,KAAU,KAAA,EAAc,SAAA,EAAuB,GAAG,KAAA,EAAO;AAE3F;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAiB/B,MAAM,mBAAmB,KAAA,CAAM,UAAA;AAAA,EAC7B,CACE;AAAA,IACE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA,GAAO,KAAA;AAAA,IACP,KAAA;AAAA,IACA,UAAA,GAAa,CAAA;AAAA,IACb,SAAA;AAAA,IACA,SAAA,GAAY,IAAA;AAAA,IACZ,MAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA,qBAAA;AAAA,IACA,kBAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,eAAA,GAAmD;AAAA,MACvD,IAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,qBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,uBACE,GAAA,CAACA,WAAA,CAAqB,MAAA,EAArB,EAA4B,WAAW,SAAA,IAAa,MAAA,EACnD,QAAA,kBAAA,GAAA,CAACA,WAAA,CAAqB,UAAA,EAArB,EAAgC,SAAA,EAAU,MAAA,EAAQ,GAAG,eAAA,EACpD,QAAA,kBAAA,IAAA;AAAA,MAACA,WAAA,CAAqB,KAAA;AAAA,MAArB;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,~~kIAAA~~;AAAA,UACA,kJAAA;AAAA,UACA,6JAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,6BAAa,GAAA,CAACA,WAAA,CAAqB,KAAA,EAArB,EAA2B,WAAU,eAAA,EAAgB;AAAA;AAAA;AAAA,OAExE,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;;;;"}
1	+ {"version":3,"file":"hover-card-crVofiZO.js","sources":["../src/ds/components/HoverCard/hover-card.tsx"],"sourcesContent":["import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';\nimport type { PreviewCardPopupProps, PreviewCardPositionerProps } from '@base-ui/react/preview-card';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/*\n HoverCard — a floating card that reveals extra content when its trigger is\n * hovered or focused. Built on Base UI's `PreviewCard`\n * (`@base-ui/react/preview-card`); the `HoverCard` name matches the Radix\n * component this replaced and the common term for the pattern.\n \n Compose it as `HoverCard` > (`HoverCardTrigger` + `HoverCardContent`).\n /\nconst HoverCard = PreviewCardPrimitive.Root;\n\nexport type HoverCardTriggerProps = Omit<PreviewCardPrimitive.Trigger.Props, 'className'> & {\n className?: string;\n};\n\n/\n The element that opens the card on hover/focus. Renders an `<a>` by default;\n * pass `render` to project the behavior onto an existing element.\n \n `delay` defaults to 250ms to preserve the previous Radix `openDelay`\n * behavior — Base UI's own default is 600ms.\n /\nconst HoverCardTrigger = React.forwardRef<HTMLAnchorElement, HoverCardTriggerProps>(\n ({ className, delay = 250, ...props }, ref) => (\n <PreviewCardPrimitive.Trigger ref={ref} delay={delay} className={className} {...props} />\n ),\n);\nHoverCardTrigger.displayName = 'HoverCardTrigger';\n\ntype HoverCardContentPositionerProps = Omit<PreviewCardPositionerProps, keyof PreviewCardPopupProps>;\n\nexport type HoverCardContentProps = Omit<PreviewCardPopupProps, 'className'> &\n HoverCardContentPositionerProps & {\n className?: string;\n /* Optional portal container, forwarded to `PreviewCard.Portal`. /\n container?: HTMLElement \| null;\n /* Whether to render the small arrow pointing at the trigger. /\n showArrow?: boolean;\n };\n\n/\n The floating card body. Wraps Base UI's `Portal` / `Positioner` / `Popup`\n * (and an optional `Arrow`) so consumers only deal with a single element.\n */\nconst HoverCardContent = React.forwardRef<HTMLDivElement, HoverCardContentProps>(\n (\n {\n className,\n children,\n side = 'top',\n align,\n sideOffset = 5,\n container,\n showArrow = true,\n anchor,\n positionMethod,\n alignOffset,\n collisionBoundary,\n collisionPadding,\n sticky,\n arrowPadding,\n disableAnchorTracking,\n collisionAvoidance,\n ...props\n },\n ref,\n ) => {\n const positionerProps: HoverCardContentPositionerProps = {\n side,\n align,\n sideOffset,\n anchor,\n positionMethod,\n alignOffset,\n collisionBoundary,\n collisionPadding,\n sticky,\n arrowPadding,\n disableAnchorTracking,\n collisionAvoidance,\n };\n\n return (\n <PreviewCardPrimitive.Portal container={container ?? undefined}>\n <PreviewCardPrimitive.Positioner className=\"z-50\" {...positionerProps}>\n <PreviewCardPrimitive.Popup\n ref={ref}\n className={cn(\n 'max-w-100 w-auto origin-[var(--transform-origin)] rounded-xl border border-border1 bg-surface3 px-3 py-2.5 text-ui-sm text-neutral5 shadow-dialog',\n 'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n 'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n className,\n )}\n {...props}\n >\n {children}\n {showArrow && <PreviewCardPrimitive.Arrow className=\"fill-surface3\" />}\n </PreviewCardPrimitive.Popup>\n </PreviewCardPrimitive.Positioner>\n </PreviewCardPrimitive.Portal>\n );\n },\n);\nHoverCardContent.displayName = 'HoverCardContent';\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"],"names":["PreviewCardPrimitive"],"mappings":";;;;;AAcA,MAAM,YAAYA,WAAA,CAAqB;AAavC,MAAM,mBAAmB,KAAA,CAAM,UAAA;AAAA,EAC7B,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,GAAA,EAAK,GAAG,KAAA,EAAM,EAAG,GAAA,qBACrC,GAAA,CAACA,YAAqB,OAAA,EAArB,EAA6B,KAAU,KAAA,EAAc,SAAA,EAAuB,GAAG,KAAA,EAAO;AAE3F;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAiB/B,MAAM,mBAAmB,KAAA,CAAM,UAAA;AAAA,EAC7B,CACE;AAAA,IACE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA,GAAO,KAAA;AAAA,IACP,KAAA;AAAA,IACA,UAAA,GAAa,CAAA;AAAA,IACb,SAAA;AAAA,IACA,SAAA,GAAY,IAAA;AAAA,IACZ,MAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA,qBAAA;AAAA,IACA,kBAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,eAAA,GAAmD;AAAA,MACvD,IAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,qBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,uBACE,GAAA,CAACA,WAAA,CAAqB,MAAA,EAArB,EAA4B,WAAW,SAAA,IAAa,MAAA,EACnD,QAAA,kBAAA,GAAA,CAACA,WAAA,CAAqB,UAAA,EAArB,EAAgC,SAAA,EAAU,MAAA,EAAQ,GAAG,eAAA,EACpD,QAAA,kBAAA,IAAA;AAAA,MAACA,WAAA,CAAqB,KAAA;AAAA,MAArB;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,mJAAA;AAAA,UACA,kJAAA;AAAA,UACA,6JAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,6BAAa,GAAA,CAACA,WAAA,CAAqB,KAAA,EAArB,EAA2B,WAAU,eAAA,EAAgB;AAAA;AAAA;AAAA,OAExE,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;;;;"}

package/dist/src/ee/signals/components/signals-empty-state.d.ts CHANGED Viewed

@@ -1,7 +1,19 @@
+import { TraceSignalName } from '@mastra/client-js';
 import { ReactNode } from 'react';
 import { LinkComponent } from '../../../ds/types/link-component';
+export type TraceIntelligenceProgress = {
+    status: 'collecting' | 'processing' | 'ready';
+    traceCount: number;
+    signals: Record<TraceSignalName, {
+        generated: number;
+        embedded: number;
+    }>;
+    availableSignals: TraceSignalName[];
+};
 export type SignalsEmptyStateProps = {
     actionSlot?: ReactNode;
     LinkComponent?: LinkComponent;
+    progress?: TraceIntelligenceProgress;
+    isRangeEmpty?: boolean;
 };
-export declare const SignalsEmptyState: ({ actionSlot, LinkComponent }: SignalsEmptyStateProps) => import("react").JSX.Element;
+export declare const SignalsEmptyState: ({ actionSlot, LinkComponent, progress, isRangeEmpty, }: SignalsEmptyStateProps) => import("react").JSX.Element;

package/dist/style.css CHANGED Viewed

@@ -1741,10 +1741,6 @@
     min-height: var(--spacing-14);
   }
-  .min-h-16 {
-    min-height: var(--spacing-16);
-  }
   .min-h-20 {
     min-height: var(--spacing-20);
   }
@@ -1805,10 +1801,6 @@
     width: var(--spacing-2_5);
   }
-  .w-2\/3 {
-    width: 66.6667%;
-  }
   .w-3 {
     width: var(--spacing-3);
   }
@@ -3646,26 +3638,10 @@
     }
   }
-  .bg-neutral1, .bg-neutral1\/40 {
+  .bg-neutral1 {
     background-color: var(--color-neutral1);
   }
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-neutral1\/40 {
-      background-color: color-mix(in oklab, var(--color-neutral1) 40%, transparent);
-    }
-  }
-  .bg-neutral1\/60 {
-    background-color: var(--color-neutral1);
-  }
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-neutral1\/60 {
-      background-color: color-mix(in oklab, var(--color-neutral1) 60%, transparent);
-    }
-  }
   .bg-neutral2 {
     background-color: var(--color-neutral2);
   }
@@ -3964,17 +3940,7 @@
     }
   }
-  .bg-surface2, .bg-surface2\/30 {
-    background-color: var(--color-surface2);
-  }
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-surface2\/30 {
-      background-color: color-mix(in oklab, var(--color-surface2) 30%, transparent);
-    }
-  }
-  .bg-surface2\/60 {
+  .bg-surface2, .bg-surface2\/60 {
     background-color: var(--color-surface2);
   }
@@ -4155,10 +4121,6 @@
     fill: var(--color-surface3);
   }
-  .fill-surface5 {
-    fill: var(--color-surface5);
-  }
   .stroke-border1 {
     stroke: var(--color-border1);
   }
@@ -4646,8 +4608,8 @@
     font-size: .65rem;
   }
-  .text-\[0\.5625rem\] {
-    font-size: .5625rem;
+  .text-\[0\.6875rem\] {
+    font-size: .6875rem;
   }
   .text-\[10\.5px\] {
@@ -4820,14 +4782,9 @@
     font-weight: var(--font-weight-semibold);
   }
-  .tracking-\[0\.2em\] {
-    --tw-tracking: .2em;
-    letter-spacing: .2em;
-  }
-  .tracking-\[0\.24em\] {
-    --tw-tracking: .24em;
-    letter-spacing: .24em;
+  .tracking-\[0\.18em\] {
+    --tw-tracking: .18em;
+    letter-spacing: .18em;
   }
   .tracking-normal {
@@ -5148,10 +5105,6 @@
     opacity: .3;
   }
-  .opacity-35 {
-    opacity: .35;
-  }
   .opacity-40 {
     opacity: .4;
   }
@@ -7999,10 +7952,6 @@
       top: var(--spacing-8);
     }
-    .sm\:mt-0 {
-      margin-top: var(--spacing-0);
-    }
     .sm\:flex {
       display: flex;
     }
@@ -8063,6 +8012,10 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
+    .sm\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
     .sm\:flex-row {
       flex-direction: row;
     }
@@ -8153,6 +8106,10 @@
       min-width: var(--container-sm);
     }
+    .lg\:grid-cols-4 {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
     .lg\:grid-cols-\[1\.4fr_0\.8fr\] {
       grid-template-columns: 1.4fr .8fr;
     }

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "44.0.0",
+  "version": "45.0.0-alpha.2",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -150,8 +150,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.35.0",
-    "@mastra/react": "1.3.3"
+    "@mastra/client-js": "^1.36.0-alpha.2",
+    "@mastra/react": "1.3.4-alpha.2"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.4.1",
@@ -189,11 +189,11 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.10",
-    "@mastra/client-js": "^1.35.0",
-    "@mastra/memory": "1.24.0",
-    "@mastra/core": "1.54.0",
-    "@mastra/react": "1.3.3",
-    "@internal/lint": "0.0.118"
+    "@internal/lint": "0.0.118",
+    "@mastra/client-js": "^1.36.0-alpha.2",
+    "@mastra/core": "1.55.0-alpha.2",
+    "@mastra/react": "1.3.4-alpha.2",
+    "@mastra/memory": "1.24.0"
   },
   "homepage": "https://mastra.ai",
   "repository": {