npm - @mastra/playground-ui - Versions diffs - 60.0.0-alpha.8 → 60.0.0 - Mend

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

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

Files changed (1883) hide show

package/dist/ee/signals/components/entity-index-list.es.js CHANGED Viewed

@@ -1,14 +1,12 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { entityIndexMetadata, entityStatusLabel } from './entity-index-model.es.js';
-import { B as Badge } from '../../../Badge-Bzn8Z-_I.js';
-import { D as DataList } from '../../../data-list-u1TC5cbd.js';
-import 'react';
-import '../../../keyboard/keyboard-shortcuts-context.es.js';
+import { B as Badge } from '../../../Badge-Q_pCeeGW.js';
+import { D as DataList } from '../../../data-list-DL_oFE4j.js';
 const columns = "minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)";
 function Status({ entity }) {
   const label = entityStatusLabel(entity.status);
-  const variant = entity.status === "ready" ? "green" : entity.status === "processing" ? "blue" : "neutral";
+  const variant = entity.status === "ready" ? "success" : entity.status === "processing" ? "info" : "neutral";
   return /* @__PURE__ */ jsx(Badge, { variant, size: "sm", indicator: entity.status === void 0 ? void 0 : "dot", children: label });
 }
 function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }) {

package/dist/ee/signals/components/entity-index-list.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"entity-index-list.es.js","sources":["../../../../src/ee/signals/components/entity-index-list.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { DataList } from '@/ds/components/DataList';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nconst columns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface EntityIndexListProps {\n entities: readonly ThemeLearningEntity[];\n hasSearch: boolean;\n getEntityHref: (entity: ThemeLearningEntity) => string;\n LinkComponent: LinkComponent;\n}\n\nfunction Status({ entity }: { entity: ThemeLearningEntity }) {\n const label = entityStatusLabel(entity.status);\n const variant = entity.status === 'ready' ? '~~green~~' : entity.status === 'processing' ? '~~blue~~' : 'neutral';\n return (\n <Badge variant={variant} size=\"sm\" indicator={entity.status === undefined ? undefined : 'dot'}>\n {label}\n </Badge>\n );\n}\n\nexport function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }: EntityIndexListProps) {\n return (\n <section aria-label=\"Trace Intelligence entities\" className=\"min-h-0\">\n <DataList columns={columns} fit=\"container\">\n <DataList.Top>\n <DataList.TopCell>Entity</DataList.TopCell>\n <DataList.TopCell>Traces</DataList.TopCell>\n <DataList.TopCell>Signals set</DataList.TopCell>\n <DataList.TopCell>Status</DataList.TopCell>\n <DataList.TopCell>Updated</DataList.TopCell>\n </DataList.Top>\n {entities.length === 0 && hasSearch ? <DataList.NoMatch message=\"No entities match your search\" /> : null}\n {entities.map(entity => {\n const metadata = entityIndexMetadata(entity);\n return (\n <DataList.RowLink\n key={`${entity.entityType}:${entity.entityId}`}\n to={getEntityHref(entity)}\n LinkComponent={LinkComponent}\n className=\"min-w-0\"\n >\n <DataList.Cell className=\"min-w-0 overflow-visible text-left\">\n <span className=\"sr-only\">Open entity {entity.entityId}</span>\n <span aria-hidden=\"true\" className=\"block overflow-clip text-ellipsis whitespace-nowrap\">\n {entity.entityId}\n </span>\n </DataList.Cell>\n <DataList.NumberCell>{metadata.traceCount}</DataList.NumberCell>\n <DataList.Cell>{metadata.signalsSet}</DataList.Cell>\n <DataList.Cell>\n <Status entity={entity} />\n </DataList.Cell>\n <DataList.Cell title={entity.updatedAt}>{metadata.updatedAt}</DataList.Cell>\n </DataList.RowLink>\n );\n })}\n </DataList>\n </section>\n );\n}\n"],"names":[],"mappings":"~~;;;;;;;~~AAOA,MAAM,OAAA,GAAU,gGAAA;AAShB,SAAS,MAAA,CAAO,EAAE,MAAA,EAAO,EAAoC;AAC3D,EAAA,MAAM,KAAA,GAAQ,iBAAA,CAAkB,MAAA,CAAO,MAAM,CAAA;AAC7C,EAAA,MAAM,OAAA,GAAU,OAAO,MAAA,KAAW,OAAA,GAAU,~~UAAU~~,MAAA,CAAO,MAAA,KAAW,eAAe,MAAA,GAAS,SAAA;~~AAChG~~,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAkB,IAAA,EAAK,IAAA,EAAK,SAAA,EAAW,MAAA,CAAO,MAAA,KAAW,MAAA,GAAY,MAAA,GAAY,KAAA,EACrF,QAAA,EAAA,KAAA,EACH,CAAA;AAEJ;AAEO,SAAS,gBAAgB,EAAE,QAAA,EAAU,SAAA,EAAW,aAAA,EAAe,eAAc,EAAyB;AAC3G,EAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EAAQ,YAAA,EAAW,6BAAA,EAA8B,SAAA,EAAU,WAC1D,QAAA,kBAAA,IAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAkB,GAAA,EAAI,WAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QAAA,CAAS,KAAT,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBACxB,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBACxB,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,sBAC7B,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBACxB,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,SAAA,EAAO;AAAA,KAAA,EAC3B,CAAA;AAAA,IACC,QAAA,CAAS,MAAA,KAAW,CAAA,IAAK,SAAA,mBAAY,GAAA,CAAC,SAAS,OAAA,EAAT,EAAiB,OAAA,EAAQ,+BAAA,EAAgC,CAAA,GAAK,IAAA;AAAA,IACpG,QAAA,CAAS,IAAI,CAAA,MAAA,KAAU;AACtB,MAAA,MAAM,QAAA,GAAW,oBAAoB,MAAM,CAAA;AAC3C,MAAA,uBACE,IAAA;AAAA,QAAC,QAAA,CAAS,OAAA;AAAA,QAAT;AAAA,UAEC,EAAA,EAAI,cAAc,MAAM,CAAA;AAAA,UACxB,aAAA;AAAA,UACA,SAAA,EAAU,SAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,QAAA,CAAS,IAAA,EAAT,EAAc,SAAA,EAAU,oCAAA,EACvB,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,SAAA,EAAU,QAAA,EAAA;AAAA,gBAAA,cAAA;AAAA,gBAAa,MAAA,CAAO;AAAA,eAAA,EAAS,CAAA;AAAA,kCACtD,MAAA,EAAA,EAAK,aAAA,EAAY,QAAO,SAAA,EAAU,qDAAA,EAChC,iBAAO,QAAA,EACV;AAAA,aAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,QAAA,CAAS,UAAA,EAAT,EAAqB,mBAAS,UAAA,EAAW,CAAA;AAAA,4BAC1C,GAAA,CAAC,QAAA,CAAS,IAAA,EAAT,EAAe,mBAAS,UAAA,EAAW,CAAA;AAAA,gCACnC,QAAA,CAAS,IAAA,EAAT,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,QAAgB,CAAA,EAC1B,CAAA;AAAA,4BACA,GAAA,CAAC,SAAS,IAAA,EAAT,EAAc,OAAO,MAAA,CAAO,SAAA,EAAY,mBAAS,SAAA,EAAU;AAAA;AAAA,SAAA;AAAA,QAhBvD,CAAA,EAAG,MAAA,CAAO,UAAU,CAAA,CAAA,EAAI,OAAO,QAAQ,CAAA;AAAA,OAiB9C;AAAA,IAEJ,CAAC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"entity-index-list.es.js","sources":["../../../../src/ee/signals/components/entity-index-list.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { DataList } from '@/ds/components/DataList';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nconst columns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface EntityIndexListProps {\n entities: readonly ThemeLearningEntity[];\n hasSearch: boolean;\n getEntityHref: (entity: ThemeLearningEntity) => string;\n LinkComponent: LinkComponent;\n}\n\nfunction Status({ entity }: { entity: ThemeLearningEntity }) {\n const label = entityStatusLabel(entity.status);\n const variant = entity.status === 'ready' ? 'success' : entity.status === 'processing' ? 'info' : 'neutral';\n return (\n <Badge variant={variant} size=\"sm\" indicator={entity.status === undefined ? undefined : 'dot'}>\n {label}\n </Badge>\n );\n}\n\nexport function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }: EntityIndexListProps) {\n return (\n <section aria-label=\"Trace Intelligence entities\" className=\"min-h-0\">\n <DataList columns={columns} fit=\"container\">\n <DataList.Top>\n <DataList.TopCell>Entity</DataList.TopCell>\n <DataList.TopCell>Traces</DataList.TopCell>\n <DataList.TopCell>Signals set</DataList.TopCell>\n <DataList.TopCell>Status</DataList.TopCell>\n <DataList.TopCell>Updated</DataList.TopCell>\n </DataList.Top>\n {entities.length === 0 && hasSearch ? <DataList.NoMatch message=\"No entities match your search\" /> : null}\n {entities.map(entity => {\n const metadata = entityIndexMetadata(entity);\n return (\n <DataList.RowLink\n key={`${entity.entityType}:${entity.entityId}`}\n to={getEntityHref(entity)}\n LinkComponent={LinkComponent}\n className=\"min-w-0\"\n >\n <DataList.Cell className=\"min-w-0 overflow-visible text-left\">\n <span className=\"sr-only\">Open entity {entity.entityId}</span>\n <span aria-hidden=\"true\" className=\"block overflow-clip text-ellipsis whitespace-nowrap\">\n {entity.entityId}\n </span>\n </DataList.Cell>\n <DataList.NumberCell>{metadata.traceCount}</DataList.NumberCell>\n <DataList.Cell>{metadata.signalsSet}</DataList.Cell>\n <DataList.Cell>\n <Status entity={entity} />\n </DataList.Cell>\n <DataList.Cell title={entity.updatedAt}>{metadata.updatedAt}</DataList.Cell>\n </DataList.RowLink>\n );\n })}\n </DataList>\n </section>\n );\n}\n"],"names":[],"mappings":";;;;;AAOA,MAAM,OAAA,GAAU,gGAAA;AAShB,SAAS,MAAA,CAAO,EAAE,MAAA,EAAO,EAAoC;AAC3D,EAAA,MAAM,KAAA,GAAQ,iBAAA,CAAkB,MAAA,CAAO,MAAM,CAAA;AAC7C,EAAA,MAAM,OAAA,GAAU,OAAO,MAAA,KAAW,OAAA,GAAU,YAAY,MAAA,CAAO,MAAA,KAAW,eAAe,MAAA,GAAS,SAAA;AAClG,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAkB,IAAA,EAAK,IAAA,EAAK,SAAA,EAAW,MAAA,CAAO,MAAA,KAAW,MAAA,GAAY,MAAA,GAAY,KAAA,EACrF,QAAA,EAAA,KAAA,EACH,CAAA;AAEJ;AAEO,SAAS,gBAAgB,EAAE,QAAA,EAAU,SAAA,EAAW,aAAA,EAAe,eAAc,EAAyB;AAC3G,EAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EAAQ,YAAA,EAAW,6BAAA,EAA8B,SAAA,EAAU,WAC1D,QAAA,kBAAA,IAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAkB,GAAA,EAAI,WAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QAAA,CAAS,KAAT,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBACxB,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBACxB,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,sBAC7B,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBACxB,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,SAAA,EAAO;AAAA,KAAA,EAC3B,CAAA;AAAA,IACC,QAAA,CAAS,MAAA,KAAW,CAAA,IAAK,SAAA,mBAAY,GAAA,CAAC,SAAS,OAAA,EAAT,EAAiB,OAAA,EAAQ,+BAAA,EAAgC,CAAA,GAAK,IAAA;AAAA,IACpG,QAAA,CAAS,IAAI,CAAA,MAAA,KAAU;AACtB,MAAA,MAAM,QAAA,GAAW,oBAAoB,MAAM,CAAA;AAC3C,MAAA,uBACE,IAAA;AAAA,QAAC,QAAA,CAAS,OAAA;AAAA,QAAT;AAAA,UAEC,EAAA,EAAI,cAAc,MAAM,CAAA;AAAA,UACxB,aAAA;AAAA,UACA,SAAA,EAAU,SAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,QAAA,CAAS,IAAA,EAAT,EAAc,SAAA,EAAU,oCAAA,EACvB,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,SAAA,EAAU,QAAA,EAAA;AAAA,gBAAA,cAAA;AAAA,gBAAa,MAAA,CAAO;AAAA,eAAA,EAAS,CAAA;AAAA,kCACtD,MAAA,EAAA,EAAK,aAAA,EAAY,QAAO,SAAA,EAAU,qDAAA,EAChC,iBAAO,QAAA,EACV;AAAA,aAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,QAAA,CAAS,UAAA,EAAT,EAAqB,mBAAS,UAAA,EAAW,CAAA;AAAA,4BAC1C,GAAA,CAAC,QAAA,CAAS,IAAA,EAAT,EAAe,mBAAS,UAAA,EAAW,CAAA;AAAA,gCACnC,QAAA,CAAS,IAAA,EAAT,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,QAAgB,CAAA,EAC1B,CAAA;AAAA,4BACA,GAAA,CAAC,SAAS,IAAA,EAAT,EAAc,OAAO,MAAA,CAAO,SAAA,EAAY,mBAAS,SAAA,EAAU;AAAA;AAAA,SAAA;AAAA,QAhBvD,CAAA,EAAG,MAAA,CAAO,UAAU,CAAA,CAAA,EAAI,OAAO,QAAQ,CAAA;AAAA,OAiB9C;AAAA,IAEJ,CAAC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-require('../../../signals-empty-state.css');const jsxRuntime = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-CIwF6NHM.cjs');
-const Card = require('../../../Card-BbwF20OW.cjs');
-const sankeyColor = require('../../../sankeyColor-DHE7ggh8.cjs');
+const Button = require('../../../Button-BnmR2HRc.cjs');
+const Card = require('../../../Card-BQsKHkyB.cjs');
 const ee_signals_signalColors = require('../signal-colors.cjs.js');
 const ee_signals_signalFormatting = require('../signal-formatting.cjs.js');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const icons_TraceIcon = require('../../../icons/TraceIcon.cjs.js');
 const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
@@ -19,11 +19,11 @@ const traceRows = [
   ["workflow.support", "2.8s"]
 ];
 const signalStyle = (label) => ({
-  color: sankeyColor.nodeColor(ee_signals_signalColors.getSignalHue(label))
+  color: ee_signals_signalColors.getSignalColor(label)
 });
 const PipelineConnector = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-hidden": "true", className: "relative hidden h-full items-center lg:flex", children: [
   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full border-t border-dashed border-border" }),
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "signals-pipeline-connector absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full bg-positive1 shadow-[0_0_12px_currentColor]" })
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full bg-brand-green-indicator" })
 ] });
 function formatNumber(value) {
   return new Intl.NumberFormat("en-US").format(value);
@@ -88,10 +88,10 @@ function SignalProgressList({ progress }) {
     const isReady = catalogEntry ? catalogEntry.status === "ready" : progress.availableSignals.includes(signalName);
     return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "rounded-md border border-border bg-background px-3 py-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-subheading", style: signalStyle(signalName), children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-muted-foreground", children: isReady ? "Themes ready" : "Processing" })
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "subheading", style: signalStyle(signalName), children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "muted", children: isReady ? "Themes ready" : "Processing" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-caption text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { variant: "caption", tone: "muted", className: "mt-1", children: [
         formatNumber(value.generated),
         " generated · ",
         formatNumber(value.embedded),
@@ -108,17 +108,17 @@ function PendingSignalProgress({
   const pendingSignals = catalog.filter((signal) => signal.enabled && signal.status !== "ready");
   if (pendingSignals.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-lg border border-border bg-background p-4", "aria-labelledby": "pending-signals-heading", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "pending-signals-heading", className: "text-subheading text-foreground", children: "Signals building themes" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-caption text-muted-foreground", children: "Themes appear once enough new traces are analyzed, embedded, and clustered." }),
+    /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h2", variant: "subheading", tone: "ink", id: "pending-signals-heading", children: "Signals building themes" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", className: "mt-1", children: "Themes appear once enough new traces are analyzed, embedded, and clustered." }),
     /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Pending trace signals", className: "mt-3 grid gap-2 sm:grid-cols-2", children: pendingSignals.map((signal) => {
       const value = progress?.signals[signal.name] ?? { generated: 0, embedded: 0 };
       return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "rounded-md px-3 py-2 font-body"), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-subheading", style: signalStyle(signal.name), children: ee_signals_signalFormatting.signalLabel(catalog, signal.name) }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-muted-foreground capitalize", children: signal.status })
+          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "subheading", style: signalStyle(signal.name), children: ee_signals_signalFormatting.signalLabel(catalog, signal.name) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "muted", className: "capitalize", children: signal.status })
         ] }),
-        ee_signals_signalFormatting.signalDescription(catalog, signal.name) ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-caption text-muted-foreground", children: ee_signals_signalFormatting.signalDescription(catalog, signal.name) }) : null,
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-caption text-muted-foreground", children: [
+        ee_signals_signalFormatting.signalDescription(catalog, signal.name) ? /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", className: "mt-1", children: ee_signals_signalFormatting.signalDescription(catalog, signal.name) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { variant: "caption", tone: "muted", className: "mt-1", children: [
           formatNumber(value.generated),
           " generated · ",
           formatNumber(value.embedded),
@@ -148,12 +148,12 @@ const SignalsEmptyState = ({
   }));
   return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "min-h-full w-full bg-sidebar p-6 md:px-10 lg:px-12 xl:px-[4.375rem]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-260", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-2 font-mono text-caption tracking-wider text-muted-foreground uppercase", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "size-2 rounded-full bg-accent1" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { variant: "caption", tone: "muted", font: "mono", className: "flex items-center gap-2 tracking-wider uppercase", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "size-2 rounded-full bg-brand-green-indicator" }),
         "Trace Intelligence"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mt-2 text-display tracking-tight text-foreground", children: "Understand what drives every agent interaction" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 max-w-180 text-body text-muted-foreground", children: "Trace Intelligence groups recurring goals, outcomes, behaviors, and sentiment across completed traces." })
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h1", variant: "display", tone: "ink", className: "mt-2 tracking-tight", children: "Understand what drives every agent interaction" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { tone: "muted", className: "mt-2 max-w-180", children: "Trace Intelligence groups recurring goals, outcomes, behaviors, and sentiment across completed traces." })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -163,9 +163,9 @@ const SignalsEmptyState = ({
         className: "mt-14 grid gap-4 lg:grid-cols-[17.5rem_4.5rem_17.5rem_4.5rem_minmax(0,1fr)] lg:gap-0",
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "listitem", className: "min-h-50 p-5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-heading text-foreground", children: "Traces" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-caption text-muted-foreground", children: "Every agent interaction" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-5 font-mono text-caption tracking-[0.18em] text-muted-foreground uppercase", children: "Input" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h2", variant: "heading", tone: "ink", children: "Traces" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", className: "mt-0.5", children: "Every agent interaction" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", font: "mono", className: "mt-5 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",
               {
@@ -190,30 +190,34 @@ const SignalsEmptyState = ({
               className: "flex min-h-50 flex-col items-center p-5 text-center",
               elevation: "raised",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-heading text-foreground", children: "Trace Intelligence" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-caption text-muted-foreground", 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 absolute size-20 rounded-full border border-positive1/15" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute size-14 rounded-full border border-positive1/25" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute size-9 rounded-full border border-positive1/40 bg-positive1/5 shadow-[0_0_24px_var(--color-positive1)]" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CpuIcon, { className: "relative size-4 text-positive1" })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 max-w-40 text-meta text-muted-foreground", children: "Clusters similar trace signals into themes for each dimension" })
+                /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h2", variant: "heading", tone: "ink", children: "Trace Intelligence" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", className: "mt-0.5", children: "Finds recurring themes" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    "aria-hidden": "true",
+                    className: "mt-5 flex size-14 items-center justify-center rounded-full border border-brand-green-indicator bg-fill-subtle",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CpuIcon, { className: "size-4 text-brand-green-indicator" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "meta", tone: "muted", className: "mt-3 max-w-40", children: "Clusters similar trace signals into themes for each dimension" })
               ]
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(PipelineConnector, {}),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "listitem", className: "min-h-50 p-5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-heading text-foreground", children: "Theme analysis" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-caption text-muted-foreground", children: "How recurring patterns connect" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-5 font-mono text-caption tracking-[0.18em] text-muted-foreground uppercase", children: "Output" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h2", variant: "heading", tone: "ink", children: "Theme analysis" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", className: "mt-0.5", children: "How recurring patterns connect" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", font: "mono", className: "mt-5 tracking-[0.18em] uppercase", children: "Output" }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: signalDefinitions.map((signal) => /* @__PURE__ */ jsxRuntime.jsxs(
-              "span",
+              Txt.Txt,
               {
-                className: "signals-chip inline-flex items-center gap-2 rounded border border-current/25 bg-card px-2.5 py-1.5 text-column shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]",
+                as: "span",
+                variant: "column",
+                className: "inline-flex items-center gap-2 rounded border border-border bg-card px-2.5 py-1.5",
                 style: signalStyle(signal.key),
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "size-1.5 rounded-full bg-current" }),
                   signal.label
                 ]
               },
@@ -224,23 +228,17 @@ const SignalsEmptyState = ({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mt-10", "aria-labelledby": "signal-definitions-heading", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "signal-definitions-heading", className: "text-heading text-foreground", children: "What each trace signal means" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h2", variant: "heading", tone: "ink", id: "signal-definitions-heading", children: "What each trace signal means" }),
       /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Trace signal definitions", className: "mt-4 grid gap-3 sm:grid-cols-2", children: signalDefinitions.map((signal) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "px-1 py-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-subheading", style: signalStyle(signal.key), children: signal.label }),
-        signal.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-caption text-muted-foreground", children: signal.description }) : null
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h3", variant: "subheading", style: signalStyle(signal.key), children: signal.label }),
+        signal.description ? /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", className: "mt-1.5", children: signal.description }) : null
       ] }, signal.key)) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "mt-9 rounded-md border border-border bg-background 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: "mt-1.5 size-2 shrink-0 rounded-full bg-warning1 shadow-[0_0_9px_currentColor]"
-          }
-        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "mt-1.5 size-2 shrink-0 rounded-full bg-warning-indicator" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-caption text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { variant: "caption", tone: "muted", children: [
             /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-medium text-foreground", children: copy.title }),
             " ",
             copy.body

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

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

@@ -1,25 +1,25 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { CpuIcon, ExternalLink } from 'lucide-react';
-import { B as Button } from '../../../Button-BY9qlu8K.js';
-import { C as Card } from '../../../Card-DmT57Pve.js';
-import { n as nodeColor } from '../../../sankeyColor-BoMbAWtq.js';
-import { getSignalHue } from '../signal-colors.es.js';
+import { B as Button } from '../../../Button-C6eUqcPI.js';
+import { C as Card } from '../../../Card-DVy0QS4m.js';
+import { getSignalColor } from '../signal-colors.es.js';
 import { signalLabel, signalDescription, BUILT_IN_SIGNAL_CATALOG, orderedSignals } from '../signal-formatting.es.js';
+import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { TraceIcon } from '../../../icons/TraceIcon.es.js';
 import { raisedSurfaceStyle } from '../../../primitives/raised-surface.es.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
-import '../../../signals-empty-state.css';const traceRows = [
+const traceRows = [
   ["chat.completion", "1.2s"],
   ["tool.search_docs", "340ms"],
   ["workflow.support", "2.8s"]
 ];
 const signalStyle = (label) => ({
-  color: nodeColor(getSignalHue(label))
+  color: getSignalColor(label)
 });
 const PipelineConnector = () => /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: "relative hidden h-full items-center lg:flex", children: [
   /* @__PURE__ */ jsx("div", { className: "w-full border-t border-dashed border-border" }),
-  /* @__PURE__ */ jsx("span", { className: "signals-pipeline-connector absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full bg-positive1 shadow-[0_0_12px_currentColor]" })
+  /* @__PURE__ */ jsx("span", { className: "absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full bg-brand-green-indicator" })
 ] });
 function formatNumber(value) {
   return new Intl.NumberFormat("en-US").format(value);
@@ -84,10 +84,10 @@ function SignalProgressList({ progress }) {
     const isReady = catalogEntry ? catalogEntry.status === "ready" : progress.availableSignals.includes(signalName);
     return /* @__PURE__ */ jsxs("li", { className: "rounded-md border border-border bg-background px-3 py-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-subheading", style: signalStyle(signalName), children: label }),
-        /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground", children: isReady ? "Themes ready" : "Processing" })
+        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "subheading", style: signalStyle(signalName), children: label }),
+        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "muted", children: isReady ? "Themes ready" : "Processing" })
       ] }),
-      /* @__PURE__ */ jsxs("p", { className: "mt-1 text-caption text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs(Txt, { variant: "caption", tone: "muted", className: "mt-1", children: [
         formatNumber(value.generated),
         " generated · ",
         formatNumber(value.embedded),
@@ -104,17 +104,17 @@ function PendingSignalProgress({
   const pendingSignals = catalog.filter((signal) => signal.enabled && signal.status !== "ready");
   if (pendingSignals.length === 0) return null;
   return /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-background p-4", "aria-labelledby": "pending-signals-heading", children: [
-    /* @__PURE__ */ jsx("h2", { id: "pending-signals-heading", className: "text-subheading text-foreground", children: "Signals building themes" }),
-    /* @__PURE__ */ jsx("p", { className: "mt-1 text-caption text-muted-foreground", children: "Themes appear once enough new traces are analyzed, embedded, and clustered." }),
+    /* @__PURE__ */ jsx(Txt, { as: "h2", variant: "subheading", tone: "ink", id: "pending-signals-heading", children: "Signals building themes" }),
+    /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", className: "mt-1", children: "Themes appear once enough new traces are analyzed, embedded, and clustered." }),
     /* @__PURE__ */ jsx("ul", { "aria-label": "Pending trace signals", className: "mt-3 grid gap-2 sm:grid-cols-2", children: pendingSignals.map((signal) => {
       const value = progress?.signals[signal.name] ?? { generated: 0, embedded: 0 };
       return /* @__PURE__ */ jsxs("li", { className: cn(raisedSurfaceStyle, "rounded-md px-3 py-2 font-body"), children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-subheading", style: signalStyle(signal.name), children: signalLabel(catalog, signal.name) }),
-          /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground capitalize", children: signal.status })
+          /* @__PURE__ */ jsx(Txt, { as: "span", variant: "subheading", style: signalStyle(signal.name), children: signalLabel(catalog, signal.name) }),
+          /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "muted", className: "capitalize", children: signal.status })
         ] }),
-        signalDescription(catalog, signal.name) ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-caption text-muted-foreground", children: signalDescription(catalog, signal.name) }) : null,
-        /* @__PURE__ */ jsxs("p", { className: "mt-1 text-caption text-muted-foreground", children: [
+        signalDescription(catalog, signal.name) ? /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", className: "mt-1", children: signalDescription(catalog, signal.name) }) : null,
+        /* @__PURE__ */ jsxs(Txt, { variant: "caption", tone: "muted", className: "mt-1", children: [
           formatNumber(value.generated),
           " generated · ",
           formatNumber(value.embedded),
@@ -144,12 +144,12 @@ const SignalsEmptyState = ({
   }));
   return /* @__PURE__ */ jsx("section", { className: "min-h-full w-full bg-sidebar p-6 md:px-10 lg:px-12 xl:px-[4.375rem]", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-260", children: [
     /* @__PURE__ */ jsxs("header", { children: [
-      /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 font-mono text-caption tracking-wider text-muted-foreground uppercase", children: [
-        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "size-2 rounded-full bg-accent1" }),
+      /* @__PURE__ */ jsxs(Txt, { variant: "caption", tone: "muted", font: "mono", className: "flex items-center gap-2 tracking-wider uppercase", children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "size-2 rounded-full bg-brand-green-indicator" }),
         "Trace Intelligence"
       ] }),
-      /* @__PURE__ */ jsx("h1", { className: "mt-2 text-display tracking-tight text-foreground", children: "Understand what drives every agent interaction" }),
-      /* @__PURE__ */ jsx("p", { className: "mt-2 max-w-180 text-body text-muted-foreground", children: "Trace Intelligence groups recurring goals, outcomes, behaviors, and sentiment across completed traces." })
+      /* @__PURE__ */ jsx(Txt, { as: "h1", variant: "display", tone: "ink", className: "mt-2 tracking-tight", children: "Understand what drives every agent interaction" }),
+      /* @__PURE__ */ jsx(Txt, { tone: "muted", className: "mt-2 max-w-180", children: "Trace Intelligence groups recurring goals, outcomes, behaviors, and sentiment across completed traces." })
     ] }),
     /* @__PURE__ */ jsxs(
       "div",
@@ -159,9 +159,9 @@ const SignalsEmptyState = ({
         className: "mt-14 grid gap-4 lg:grid-cols-[17.5rem_4.5rem_17.5rem_4.5rem_minmax(0,1fr)] lg:gap-0",
         children: [
           /* @__PURE__ */ jsxs("div", { role: "listitem", className: "min-h-50 p-5", children: [
-            /* @__PURE__ */ jsx("h2", { className: "text-heading text-foreground", children: "Traces" }),
-            /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-caption text-muted-foreground", children: "Every agent interaction" }),
-            /* @__PURE__ */ jsx("p", { className: "mt-5 font-mono text-caption tracking-[0.18em] text-muted-foreground uppercase", children: "Input" }),
+            /* @__PURE__ */ jsx(Txt, { as: "h2", variant: "heading", tone: "ink", children: "Traces" }),
+            /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", className: "mt-0.5", children: "Every agent interaction" }),
+            /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", font: "mono", className: "mt-5 tracking-[0.18em] uppercase", children: "Input" }),
             /* @__PURE__ */ jsx("div", { className: "mt-2.5 space-y-2", children: traceRows.map(([name, duration]) => /* @__PURE__ */ jsxs(
               "div",
               {
@@ -186,30 +186,34 @@ const SignalsEmptyState = ({
               className: "flex min-h-50 flex-col items-center p-5 text-center",
               elevation: "raised",
               children: [
-                /* @__PURE__ */ jsx("h2", { className: "text-heading text-foreground", children: "Trace Intelligence" }),
-                /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-caption text-muted-foreground", 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 absolute size-20 rounded-full border border-positive1/15" }),
-                  /* @__PURE__ */ jsx("span", { className: "absolute size-14 rounded-full border border-positive1/25" }),
-                  /* @__PURE__ */ jsx("span", { className: "absolute size-9 rounded-full border border-positive1/40 bg-positive1/5 shadow-[0_0_24px_var(--color-positive1)]" }),
-                  /* @__PURE__ */ jsx(CpuIcon, { className: "relative size-4 text-positive1" })
-                ] }),
-                /* @__PURE__ */ jsx("p", { className: "mt-3 max-w-40 text-meta text-muted-foreground", children: "Clusters similar trace signals into themes for each dimension" })
+                /* @__PURE__ */ jsx(Txt, { as: "h2", variant: "heading", tone: "ink", children: "Trace Intelligence" }),
+                /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", className: "mt-0.5", children: "Finds recurring themes" }),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "aria-hidden": "true",
+                    className: "mt-5 flex size-14 items-center justify-center rounded-full border border-brand-green-indicator bg-fill-subtle",
+                    children: /* @__PURE__ */ jsx(CpuIcon, { className: "size-4 text-brand-green-indicator" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(Txt, { variant: "meta", tone: "muted", className: "mt-3 max-w-40", children: "Clusters similar trace signals into themes for each dimension" })
               ]
             }
           ),
           /* @__PURE__ */ jsx(PipelineConnector, {}),
           /* @__PURE__ */ jsxs("div", { role: "listitem", className: "min-h-50 p-5", children: [
-            /* @__PURE__ */ jsx("h2", { className: "text-heading text-foreground", children: "Theme analysis" }),
-            /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-caption text-muted-foreground", children: "How recurring patterns connect" }),
-            /* @__PURE__ */ jsx("p", { className: "mt-5 font-mono text-caption tracking-[0.18em] text-muted-foreground uppercase", children: "Output" }),
+            /* @__PURE__ */ jsx(Txt, { as: "h2", variant: "heading", tone: "ink", children: "Theme analysis" }),
+            /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", className: "mt-0.5", children: "How recurring patterns connect" }),
+            /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", font: "mono", className: "mt-5 tracking-[0.18em] uppercase", children: "Output" }),
             /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: signalDefinitions.map((signal) => /* @__PURE__ */ jsxs(
-              "span",
+              Txt,
               {
-                className: "signals-chip inline-flex items-center gap-2 rounded border border-current/25 bg-card px-2.5 py-1.5 text-column shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]",
+                as: "span",
+                variant: "column",
+                className: "inline-flex items-center gap-2 rounded border border-border bg-card px-2.5 py-1.5",
                 style: signalStyle(signal.key),
                 children: [
-                  /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]" }),
+                  /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "size-1.5 rounded-full bg-current" }),
                   signal.label
                 ]
               },
@@ -220,23 +224,17 @@ const SignalsEmptyState = ({
       }
     ),
     /* @__PURE__ */ jsxs("section", { className: "mt-10", "aria-labelledby": "signal-definitions-heading", children: [
-      /* @__PURE__ */ jsx("h2", { id: "signal-definitions-heading", className: "text-heading text-foreground", children: "What each trace signal means" }),
+      /* @__PURE__ */ jsx(Txt, { as: "h2", variant: "heading", tone: "ink", id: "signal-definitions-heading", children: "What each trace signal means" }),
       /* @__PURE__ */ jsx("ul", { "aria-label": "Trace signal definitions", className: "mt-4 grid gap-3 sm:grid-cols-2", children: signalDefinitions.map((signal) => /* @__PURE__ */ jsxs("li", { className: "px-1 py-2", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-subheading", style: signalStyle(signal.key), children: signal.label }),
-        signal.description ? /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-caption text-muted-foreground", children: signal.description }) : null
+        /* @__PURE__ */ jsx(Txt, { as: "h3", variant: "subheading", style: signalStyle(signal.key), children: signal.label }),
+        signal.description ? /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", className: "mt-1.5", children: signal.description }) : null
       ] }, signal.key)) })
     ] }),
     /* @__PURE__ */ jsxs("aside", { className: "mt-9 rounded-md border border-border bg-background 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: "mt-1.5 size-2 shrink-0 rounded-full bg-warning1 shadow-[0_0_9px_currentColor]"
-          }
-        ),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "mt-1.5 size-2 shrink-0 rounded-full bg-warning-indicator" }),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxs("p", { className: "text-caption text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs(Txt, { variant: "caption", tone: "muted", children: [
             /* @__PURE__ */ jsx("strong", { className: "font-medium text-foreground", children: copy.title }),
             " ",
             copy.body