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/trace-insight-view.es.js CHANGED Viewed

@@ -4,7 +4,8 @@ import '@tanstack/react-query';
 import { useTraceIntelligence } from './use-trace-intelligence.es.js';
 import { useTraceInsight } from './hooks/use-trace-insight.es.js';
 import { signalLabel } from './signal-formatting.es.js';
-import { B as Button } from '../../Button-BY9qlu8K.js';
+import { B as Button } from '../../Button-C6eUqcPI.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';
@@ -17,8 +18,8 @@ function TraceInsightView({ traceId, onBack }) {
       /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(ChevronLeft, {}), size: "sm", onClick: onBack, children: "Back to examples" }),
       /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(TraceIcon, {}), render: /* @__PURE__ */ jsx(LinkComponent, { href: getTraceHref(traceId) }), size: "sm", children: "Open full trace" })
     ] }),
-    insightQuery.isPending && /* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground", children: "Loading trace insight…" }),
-    insightQuery.isError && /* @__PURE__ */ jsx("p", { className: "text-body text-red-500", children: "Unable to load the trace insight." }),
+    insightQuery.isPending && /* @__PURE__ */ jsx(Txt, { tone: "muted", children: "Loading trace insight…" }),
+    insightQuery.isError && /* @__PURE__ */ jsx(Txt, { className: "text-destructive-indicator", children: "Unable to load the trace insight." }),
     insightQuery.data && /* @__PURE__ */ jsx(TraceInsightBody, { insight: insightQuery.data })
   ] });
 }
@@ -37,15 +38,15 @@ function parseTraceObservation(observation) {
 }
 const OBSERVATION_SEVERITY_CARD = {
   info: raisedSurfaceStyle,
-  success: "border border-green-400/30 bg-green-500/10",
-  problem: "border border-red-400/30 bg-red-500/10"
+  success: "border border-success-edge bg-success-subtle",
+  problem: "border border-destructive-edge bg-destructive-subtle"
 };
 function ObservationItem({ observation }) {
   const { severity, kind, text } = parseTraceObservation(observation);
   return /* @__PURE__ */ jsxs("li", { className: `rounded-md p-3 text-body ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
-    kind !== void 0 && /* @__PURE__ */ jsxs("p", { className: "font-mono text-meta tracking-wider text-muted-foreground uppercase", children: [
+    kind !== void 0 && /* @__PURE__ */ jsxs(Txt, { variant: "meta", tone: "muted", font: "mono", className: "tracking-wider uppercase", children: [
       severity === "problem" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { className: "text-red-400", children: "problem" }),
+        /* @__PURE__ */ jsx("span", { className: "text-destructive-indicator", children: "problem" }),
         /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " · " })
       ] }),
       /* @__PURE__ */ jsx("span", { children: kind })
@@ -56,27 +57,35 @@ function ObservationItem({ observation }) {
 function TraceInsightBody({ insight }) {
   const { signalCatalog } = useTraceIntelligence();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    insight.summary === void 0 ? /* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground", children: "No insight available yet for this trace." }) : /* @__PURE__ */ jsxs("section", { "aria-labelledby": "trace-insight-summary-heading", children: [
+    insight.summary === void 0 ? /* @__PURE__ */ jsx(Txt, { tone: "muted", children: "No insight available yet for this trace." }) : /* @__PURE__ */ jsxs("section", { "aria-labelledby": "trace-insight-summary-heading", children: [
       /* @__PURE__ */ jsx(
-        "h2",
+        Txt,
         {
+          as: "h2",
+          variant: "caption",
+          tone: "muted",
+          font: "mono",
           id: "trace-insight-summary-heading",
-          className: "font-mono text-caption tracking-wider text-muted-foreground uppercase",
+          className: "tracking-wider uppercase",
           children: "Trace summary"
         }
       ),
-      /* @__PURE__ */ jsx("p", { className: "mt-3 text-body text-foreground", children: insight.summary.summary }),
+      /* @__PURE__ */ jsx(Txt, { tone: "ink", className: "mt-3", children: insight.summary.summary }),
       insight.summary.currentTask !== void 0 && /* @__PURE__ */ jsxs("dl", { className: "mt-4 text-body", children: [
         /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "Current task" }),
         /* @__PURE__ */ jsx("dd", { className: "mt-1 text-foreground", children: insight.summary.currentTask })
       ] }),
-      insight.summary.degenerate === true && /* @__PURE__ */ jsx("p", { className: "mt-4 text-body text-red-500", children: "This trace was flagged as degenerate or looping." }),
+      insight.summary.degenerate === true && /* @__PURE__ */ jsx(Txt, { className: "mt-4 text-destructive-indicator", children: "This trace was flagged as degenerate or looping." }),
       insight.summary.observations.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
-          "h3",
+          Txt,
           {
+            as: "h3",
+            variant: "caption",
+            tone: "muted",
+            font: "mono",
             id: "trace-insight-observations-heading",
-            className: "mt-4 font-mono text-caption tracking-wider text-muted-foreground uppercase",
+            className: "mt-4 tracking-wider uppercase",
             children: "Observations"
           }
         ),
@@ -85,10 +94,14 @@ function TraceInsightBody({ insight }) {
     ] }),
     insight.signals.length > 0 && /* @__PURE__ */ jsxs("section", { "aria-labelledby": "trace-insight-signals-heading", children: [
       /* @__PURE__ */ jsx(
-        "h2",
+        Txt,
         {
+          as: "h2",
+          variant: "caption",
+          tone: "muted",
+          font: "mono",
           id: "trace-insight-signals-heading",
-          className: "font-mono text-caption tracking-wider text-muted-foreground uppercase",
+          className: "tracking-wider uppercase",
           children: "Trace signal summaries"
         }
       ),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-insight-view.es.js","sources":["../../../src/ee/signals/trace-insight-view.tsx"],"sourcesContent":["import { ChevronLeft } from 'lucide-react';\nimport { useTraceInsight } from './hooks';\nimport { signalLabel } from './signal-formatting';\nimport type { TraceInsightResponse } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { TraceIcon } from '@/ds/icons/TraceIcon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\ninterface TraceInsightViewProps {\n traceId: string;\n onBack: () => void;\n}\n\nexport function TraceInsightView({ traceId, onBack }: TraceInsightViewProps) {\n const { LinkComponent, getTraceHref } = useTraceIntelligence();\n const insightQuery = useTraceInsight(traceId);\n\n return (\n <div className=\"grid content-start gap-6\">\n <div className=\"flex items-center justify-between gap-3\">\n <Button icon={<ChevronLeft />} size=\"sm\" onClick={onBack}>\n Back to examples\n </Button>\n <Button icon={<TraceIcon />} render={<LinkComponent href={getTraceHref(traceId)} />} size=\"sm\">\n Open full trace\n </Button>\n </div>\n {insightQuery.isPending && <p className=\"text-body text-muted-foreground\">Loading trace insight…</p>}\n {insightQuery.isError && <p className=\"text-body text-red-500\">Unable to load the trace insight.</p>}\n {insightQuery.data && <TraceInsightBody insight={insightQuery.data} />}\n </div>\n );\n}\n\ntype ObservationSeverity = 'info' \| 'success' \| 'problem';\n\ninterface ParsedObservation {\n severity?: ObservationSeverity;\n kind?: string;\n text: string;\n}\n\nfunction isObservationSeverity(value: string): value is ObservationSeverity {\n return value === 'info' \|\| value === 'success' \|\| value === 'problem';\n}\n\n/*\n Trace summaries prefix each observation with a machine-readable\n * `severity=… \| kind=… \|` header (see the trace-summary prompt). Strip it for\n * display and keep the parts so the UI can render them as visual cues, the\n * same way the observational-memory views parse their emoji markers out of\n * the raw text.\n /\nfunction parseTraceObservation(observation: string): ParsedObservation {\n const match = observation.match(/^severity=(\\w+)\\s\\\|\\skind=(\\w+)\\s\\\|\\s*/);\n if (!match) return { text: observation };\n const [prefix, severity, kind] = match;\n return {\n severity: severity !== undefined && isObservationSeverity(severity) ? severity : undefined,\n kind,\n text: observation.slice(prefix.length),\n };\n}\n\nconst OBSERVATION_SEVERITY_CARD: Record<ObservationSeverity, string> = {\n info: raisedSurfaceStyle,\n success: 'border border-green-400/30 bg-green-500/10',\n problem: 'border border-red-400/30 bg-red-500/10',\n};\n\nfunction ObservationItem({ observation }: { observation: string }) {\n const { severity, kind, text } = parseTraceObservation(observation);\n\n return (\n <li className={`rounded-md p-3 text-body ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n {kind !== undefined && (\n <p className=\"font-mono text-meta tracking-wider text-muted-foreground uppercase\">\n {severity === 'problem' && (\n <>\n <span className=\"text-red-400\">problem</span>\n <span aria-hidden=\"true\"> · </span>\n </>\n )}\n <span>{kind}</span>\n </p>\n )}\n <p className={`text-foreground ${kind === undefined ? '' : 'mt-1'}`}>{text}</p>\n </li>\n );\n}\n\nfunction TraceInsightBody({ insight }: { insight: TraceInsightResponse }) {\n const { signalCatalog } = useTraceIntelligence();\n return (\n <>\n {insight.summary === undefined ? (\n <p className=\"text-body text-muted-foreground\">No insight available yet for this trace.</p>\n ) : (\n <section aria-labelledby=\"trace-insight-summary-heading\">\n <h2\n id=\"trace-insight-summary-heading\"\n className=\"font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n >\n Trace summary\n </h2>\n <p className=\"mt-3 text-body text-foreground\">{insight.summary.summary}</p>\n {insight.summary.currentTask !== undefined && (\n <dl className=\"mt-4 text-body\">\n <dt className=\"text-muted-foreground\">Current task</dt>\n <dd className=\"mt-1 text-foreground\">{insight.summary.currentTask}</dd>\n </dl>\n )}\n {insight.summary.degenerate === true && (\n <p className=\"mt-4 text-body text-red-500\">This trace was flagged as degenerate or looping.</p>\n )}\n {insight.summary.observations.length > 0 && (\n <>\n <h3\n id=\"trace-insight-observations-heading\"\n className=\"mt-4 font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n >\n Observations\n </h3>\n <ul aria-labelledby=\"trace-insight-observations-heading\" className=\"mt-3 space-y-2\">\n {insight.summary.observations.map((observation, index) => (\n <ObservationItem key={`${observation}:${index}`} observation={observation} />\n ))}\n </ul>\n </>\n )}\n </section>\n )}\n {insight.signals.length > 0 && (\n <section aria-labelledby=\"trace-insight-signals-heading\">\n <h2\n id=\"trace-insight-signals-heading\"\n className=\"font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n >\n Trace signal summaries\n </h2>\n <ul className=\"mt-3 space-y-3\">\n {insight.signals.map(signal => (\n <li key={signal.signalName} className={cn(raisedSurfaceStyle, 'rounded-md p-3 text-body')}>\n <p className=\"text-muted-foreground\">{signalLabel(signalCatalog, signal.signalName)}</p>\n <p className=\"mt-1 text-foreground\">{signal.signalText}</p>\n </li>\n ))}\n </ul>\n </section>\n )}\n </>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"trace-insight-view.es.js","sources":["../../../src/ee/signals/trace-insight-view.tsx"],"sourcesContent":["import { ChevronLeft } from 'lucide-react';\nimport { useTraceInsight } from './hooks';\nimport { signalLabel } from './signal-formatting';\nimport type { TraceInsightResponse } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { TraceIcon } from '@/ds/icons/TraceIcon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\ninterface TraceInsightViewProps {\n traceId: string;\n onBack: () => void;\n}\n\nexport function TraceInsightView({ traceId, onBack }: TraceInsightViewProps) {\n const { LinkComponent, getTraceHref } = useTraceIntelligence();\n const insightQuery = useTraceInsight(traceId);\n\n return (\n <div className=\"grid content-start gap-6\">\n <div className=\"flex items-center justify-between gap-3\">\n <Button icon={<ChevronLeft />} size=\"sm\" onClick={onBack}>\n Back to examples\n </Button>\n <Button icon={<TraceIcon />} render={<LinkComponent href={getTraceHref(traceId)} />} size=\"sm\">\n Open full trace\n </Button>\n </div>\n {insightQuery.isPending && <Txt tone=\"muted\">Loading trace insight…</Txt>}\n {insightQuery.isError && <Txt className=\"text-destructive-indicator\">Unable to load the trace insight.</Txt>}\n {insightQuery.data && <TraceInsightBody insight={insightQuery.data} />}\n </div>\n );\n}\n\ntype ObservationSeverity = 'info' \| 'success' \| 'problem';\n\ninterface ParsedObservation {\n severity?: ObservationSeverity;\n kind?: string;\n text: string;\n}\n\nfunction isObservationSeverity(value: string): value is ObservationSeverity {\n return value === 'info' \|\| value === 'success' \|\| value === 'problem';\n}\n\n/*\n Trace summaries prefix each observation with a machine-readable\n * `severity=… \| kind=… \|` header (see the trace-summary prompt). Strip it for\n * display and keep the parts so the UI can render them as visual cues, the\n * same way the observational-memory views parse their emoji markers out of\n * the raw text.\n /\nfunction parseTraceObservation(observation: string): ParsedObservation {\n const match = observation.match(/^severity=(\\w+)\\s\\\|\\skind=(\\w+)\\s\\\|\\s*/);\n if (!match) return { text: observation };\n const [prefix, severity, kind] = match;\n return {\n severity: severity !== undefined && isObservationSeverity(severity) ? severity : undefined,\n kind,\n text: observation.slice(prefix.length),\n };\n}\n\nconst OBSERVATION_SEVERITY_CARD: Record<ObservationSeverity, string> = {\n info: raisedSurfaceStyle,\n success: 'border border-success-edge bg-success-subtle',\n problem: 'border border-destructive-edge bg-destructive-subtle',\n};\n\nfunction ObservationItem({ observation }: { observation: string }) {\n const { severity, kind, text } = parseTraceObservation(observation);\n\n return (\n <li className={`rounded-md p-3 text-body ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n {kind !== undefined && (\n <Txt variant=\"meta\" tone=\"muted\" font=\"mono\" className=\"tracking-wider uppercase\">\n {severity === 'problem' && (\n <>\n <span className=\"text-destructive-indicator\">problem</span>\n <span aria-hidden=\"true\"> · </span>\n </>\n )}\n <span>{kind}</span>\n </Txt>\n )}\n <p className={`text-foreground ${kind === undefined ? '' : 'mt-1'}`}>{text}</p>\n </li>\n );\n}\n\nfunction TraceInsightBody({ insight }: { insight: TraceInsightResponse }) {\n const { signalCatalog } = useTraceIntelligence();\n return (\n <>\n {insight.summary === undefined ? (\n <Txt tone=\"muted\">No insight available yet for this trace.</Txt>\n ) : (\n <section aria-labelledby=\"trace-insight-summary-heading\">\n <Txt\n as=\"h2\"\n variant=\"caption\"\n tone=\"muted\"\n font=\"mono\"\n id=\"trace-insight-summary-heading\"\n className=\"tracking-wider uppercase\"\n >\n Trace summary\n </Txt>\n <Txt tone=\"ink\" className=\"mt-3\">\n {insight.summary.summary}\n </Txt>\n {insight.summary.currentTask !== undefined && (\n <dl className=\"mt-4 text-body\">\n <dt className=\"text-muted-foreground\">Current task</dt>\n <dd className=\"mt-1 text-foreground\">{insight.summary.currentTask}</dd>\n </dl>\n )}\n {insight.summary.degenerate === true && (\n <Txt className=\"mt-4 text-destructive-indicator\">This trace was flagged as degenerate or looping.</Txt>\n )}\n {insight.summary.observations.length > 0 && (\n <>\n <Txt\n as=\"h3\"\n variant=\"caption\"\n tone=\"muted\"\n font=\"mono\"\n id=\"trace-insight-observations-heading\"\n className=\"mt-4 tracking-wider uppercase\"\n >\n Observations\n </Txt>\n <ul aria-labelledby=\"trace-insight-observations-heading\" className=\"mt-3 space-y-2\">\n {insight.summary.observations.map((observation, index) => (\n <ObservationItem key={`${observation}:${index}`} observation={observation} />\n ))}\n </ul>\n </>\n )}\n </section>\n )}\n {insight.signals.length > 0 && (\n <section aria-labelledby=\"trace-insight-signals-heading\">\n <Txt\n as=\"h2\"\n variant=\"caption\"\n tone=\"muted\"\n font=\"mono\"\n id=\"trace-insight-signals-heading\"\n className=\"tracking-wider uppercase\"\n >\n Trace signal summaries\n </Txt>\n <ul className=\"mt-3 space-y-3\">\n {insight.signals.map(signal => (\n <li key={signal.signalName} className={cn(raisedSurfaceStyle, 'rounded-md p-3 text-body')}>\n <p className=\"text-muted-foreground\">{signalLabel(signalCatalog, signal.signalName)}</p>\n <p className=\"mt-1 text-foreground\">{signal.signalText}</p>\n </li>\n ))}\n </ul>\n </section>\n )}\n </>\n );\n}\n"],"names":[],"mappings":"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"}

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

@@ -6,8 +6,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const ee_signals_signalColors = require('./signal-colors.cjs.js');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
-const sankeyColor = require('../../sankeyColor-DHE7ggh8.cjs');
 const tooltip = require('../../tooltip-DIZ5oqjV.cjs');
+const Txt = require('../../Txt-DPmEpNbp.cjs');
 const icons_Icon = require('../../icons/Icon.cjs.js');
 const primitives_transitions = require('../../primitives/transitions.cjs.js');
 const primitives_typography = require('../../primitives/typography.cjs.js');
@@ -38,10 +38,13 @@ function TraceIntelligenceExplainer({ signalCatalog }) {
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1.5", children: enabledSignals.map((signalName) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "text-muted-foreground", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
+          Txt.Txt,
           {
-            className: "font-mono text-meta tracking-widest uppercase",
-            style: { color: sankeyColor.nodeColor(ee_signals_signalColors.getSignalHue(signalName)) },
+            as: "span",
+            variant: "meta",
+            font: "mono",
+            className: "tracking-widest uppercase",
+            style: { color: ee_signals_signalColors.getSignalColor(signalName) },
             children: ee_signals_signalFormatting.signalLabel(signalCatalog, signalName)
           }
         ),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-intelligence-explainer.cjs.js","sources":["../../../src/ee/signals/trace-intelligence-explainer.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { Info } from 'lucide-react';\nimport { ~~getSignalHue~~ } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { ~~nodeColor~~ } from '@/ds/components/~~SankeyChart~~';\nimport { ~~Tooltip,~~ ~~TooltipContent, TooltipTrigger~~ } from '@/ds/components/~~Tooltip~~';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\n/** Info tooltip for first-time viewers: signals → themes → snapshots. */\nexport function TraceIntelligenceExplainer({ signalCatalog }: { signalCatalog: readonly SignalCatalogEntry[] }) {\n const enabledSignals = orderedSignals(\n signalCatalog,\n signalCatalog.filter(signal => signal.enabled).map(signal => signal.name),\n );\n return (\n <Tooltip>\n <TooltipTrigger\n aria-label=\"What is trace intelligence?\"\n className={cn(quietTextHover, controlStateColorTransition, 'flex cursor-help items-center')}\n type=\"button\"\n >\n <Icon size=\"xs\">\n <Info />\n </Icon>\n </TooltipTrigger>\n <TooltipContent className=\"max-w-sm space-y-3 p-4 text-caption\">\n <p className=\"text-foreground\">\n Every trace is analyzed for {enabledSignals.length === 4 ? 'four' : enabledSignals.length}{' '}\n {enabledSignals.length === 1 ? 'signal' : 'signals'}, and traces with similar signals are clustered into named\n themes.\n </p>\n <ul className=\"space-y-1.5\">\n {enabledSignals.map(signalName => (\n <li key={signalName} className=\"text-muted-foreground\">\n <span\n ~~className~~=\"font-mono ~~text-meta~~ tracking-widest uppercase\"\n style={{ color: ~~nodeColor~~(~~getSignalHue(~~signalName)) }}\n >\n {signalLabel(signalCatalog, signalName)}\n </~~span~~>{' '}\n — {signalDescription(signalCatalog, signalName)}\n </li>\n ))}\n </ul>\n <p className=\"text-muted-foreground\">\n Snapshots capture the themes at points in time, so the views show how they appear, grow, and fade.\n </p>\n </TooltipContent>\n </Tooltip>\n );\n}\n"],"names":["orderedSignals","Tooltip","jsx","TooltipTrigger","cn","quietTextHover","controlStateColorTransition","Icon","Info","jsxs","TooltipContent","~~nodeColor~~","~~getSignalHue~~","signalLabel","signalDescription"],"mappings":";;;;;;;;;;;;;;;AAYO,SAAS,0BAAA,CAA2B,EAAE,aAAA,EAAc,EAAqD;AAC9G,EAAA,MAAM,cAAA,GAAiBA,0CAAA;AAAA,IACrB,aAAA;AAAA,IACA,aAAA,CAAc,OAAO,CAAA,MAAA,KAAU,MAAA,CAAO,OAAO,CAAA,CAAE,GAAA,CAAI,CAAA,MAAA,KAAU,MAAA,CAAO,IAAI;AAAA,GAC1E;AACA,EAAA,uCACGC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,6BAAA;AAAA,QACX,SAAA,EAAWC,WAAA,CAAGC,oCAAA,EAAgBC,kDAAA,EAA6B,+BAA+B,CAAA;AAAA,QAC1F,IAAA,EAAK,QAAA;AAAA,QAEL,yCAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAAL,cAAA,CAACM,oBAAK,CAAA,EACR;AAAA;AAAA,KACF;AAAA,oBACAC,eAAA,CAACC,sBAAA,EAAA,EAAe,SAAA,EAAU,qCAAA,EACxB,QAAA,EAAA;AAAA,sBAAAD,eAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iBAAA,EAAkB,QAAA,EAAA;AAAA,QAAA,8BAAA;AAAA,QACA,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,MAAA,GAAS,cAAA,CAAe,MAAA;AAAA,QAAQ,GAAA;AAAA,QAC1F,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,QAAA,GAAW,SAAA;AAAA,QAAU;AAAA,OAAA,EAEtD,CAAA;AAAA,sBACAP,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,aAAA,EACX,QAAA,EAAA,cAAA,CAAe,IAAI,CAAA,UAAA,qBAClBO,eAAA,CAAC,IAAA,EAAA,EAAoB,SAAA,EAAU,uBAAA,EAC7B,QAAA,EAAA;AAAA,wBAAAP,cAAA;AAAA,~~UAAC~~,~~MAAA~~;AAAA,UAAA;AAAA,YACC,SAAA,EAAU~~,+CAAA~~;AAAA,YACV,~~OAAO~~,EAAE,KAAA,~~EAAOS~~,~~sBAAUC~~,~~oCAAA~~,~~CAAa,~~UAAU,~~CAAC,~~CAAA,EAAE;AAAA,~~YAEnD~~,QAAA,EAAAC,uCAAA,CAAY,eAAe,UAAU;AAAA;AAAA,SACxC;AAAA,~~QAAQ~~,GAAA;AAAA,QAAI,IAAA;AAAA,~~QACTC~~,6CAAA,CAAkB,eAAe,UAAU;AAAA,OAAA,EAAA,~~EAPvC~~,~~UAQT~~,CACD,CAAA,EACH,CAAA;AAAA,sBACAZ,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,oGAAA,EAErC;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"trace-intelligence-explainer.cjs.js","sources":["../../../src/ee/signals/trace-intelligence-explainer.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { Info } from 'lucide-react';\nimport { getSignalColor } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\n/** Info tooltip for first-time viewers: signals → themes → snapshots. */\nexport function TraceIntelligenceExplainer({ signalCatalog }: { signalCatalog: readonly SignalCatalogEntry[] }) {\n const enabledSignals = orderedSignals(\n signalCatalog,\n signalCatalog.filter(signal => signal.enabled).map(signal => signal.name),\n );\n return (\n <Tooltip>\n <TooltipTrigger\n aria-label=\"What is trace intelligence?\"\n className={cn(quietTextHover, controlStateColorTransition, 'flex cursor-help items-center')}\n type=\"button\"\n >\n <Icon size=\"xs\">\n <Info />\n </Icon>\n </TooltipTrigger>\n <TooltipContent className=\"max-w-sm space-y-3 p-4 text-caption\">\n <p className=\"text-foreground\">\n Every trace is analyzed for {enabledSignals.length === 4 ? 'four' : enabledSignals.length}{' '}\n {enabledSignals.length === 1 ? 'signal' : 'signals'}, and traces with similar signals are clustered into named\n themes.\n </p>\n <ul className=\"space-y-1.5\">\n {enabledSignals.map(signalName => (\n <li key={signalName} className=\"text-muted-foreground\">\n <Txt\n as=\"span\"\n variant=\"meta\"\n font=\"mono\"\n className=\"tracking-widest uppercase\"\n style={{ color: getSignalColor(signalName) }}\n >\n {signalLabel(signalCatalog, signalName)}\n </Txt>{' '}\n — {signalDescription(signalCatalog, signalName)}\n </li>\n ))}\n </ul>\n <p className=\"text-muted-foreground\">\n Snapshots capture the themes at points in time, so the views show how they appear, grow, and fade.\n </p>\n </TooltipContent>\n </Tooltip>\n );\n}\n"],"names":["orderedSignals","Tooltip","jsx","TooltipTrigger","cn","quietTextHover","controlStateColorTransition","Icon","Info","jsxs","TooltipContent","Txt","getSignalColor","signalLabel","signalDescription"],"mappings":";;;;;;;;;;;;;;;AAYO,SAAS,0BAAA,CAA2B,EAAE,aAAA,EAAc,EAAqD;AAC9G,EAAA,MAAM,cAAA,GAAiBA,0CAAA;AAAA,IACrB,aAAA;AAAA,IACA,aAAA,CAAc,OAAO,CAAA,MAAA,KAAU,MAAA,CAAO,OAAO,CAAA,CAAE,GAAA,CAAI,CAAA,MAAA,KAAU,MAAA,CAAO,IAAI;AAAA,GAC1E;AACA,EAAA,uCACGC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,6BAAA;AAAA,QACX,SAAA,EAAWC,WAAA,CAAGC,oCAAA,EAAgBC,kDAAA,EAA6B,+BAA+B,CAAA;AAAA,QAC1F,IAAA,EAAK,QAAA;AAAA,QAEL,yCAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAAL,cAAA,CAACM,oBAAK,CAAA,EACR;AAAA;AAAA,KACF;AAAA,oBACAC,eAAA,CAACC,sBAAA,EAAA,EAAe,SAAA,EAAU,qCAAA,EACxB,QAAA,EAAA;AAAA,sBAAAD,eAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iBAAA,EAAkB,QAAA,EAAA;AAAA,QAAA,8BAAA;AAAA,QACA,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,MAAA,GAAS,cAAA,CAAe,MAAA;AAAA,QAAQ,GAAA;AAAA,QAC1F,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,QAAA,GAAW,SAAA;AAAA,QAAU;AAAA,OAAA,EAEtD,CAAA;AAAA,sBACAP,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,aAAA,EACX,QAAA,EAAA,cAAA,CAAe,IAAI,CAAA,UAAA,qBAClBO,eAAA,CAAC,IAAA,EAAA,EAAoB,SAAA,EAAU,uBAAA,EAC7B,QAAA,EAAA;AAAA,wBAAAP,cAAA;AAAA,UAACS,OAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,MAAA;AAAA,YACH,OAAA,EAAQ,MAAA;AAAA,YACR,IAAA,EAAK,MAAA;AAAA,YACL,SAAA,EAAU,2BAAA;AAAA,YACV,KAAA,EAAO,EAAE,KAAA,EAAOC,sCAAA,CAAe,UAAU,CAAA,EAAE;AAAA,YAE1C,QAAA,EAAAC,uCAAA,CAAY,eAAe,UAAU;AAAA;AAAA,SACxC;AAAA,QAAO,GAAA;AAAA,QAAI,IAAA;AAAA,QACRC,6CAAA,CAAkB,eAAe,UAAU;AAAA,OAAA,EAAA,EAVvC,UAWT,CACD,CAAA,EACH,CAAA;AAAA,sBACAZ,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,oGAAA,EAErC;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Info } from 'lucide-react';
-import { getSignalHue } from './signal-colors.es.js';
+import { getSignalColor } from './signal-colors.es.js';
 import { orderedSignals, signalLabel, signalDescription } from './signal-formatting.es.js';
-import { n as nodeColor } from '../../sankeyColor-BoMbAWtq.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-DsQPiynb.js';
+import { T as Txt } from '../../Txt-BP1SRHmL.js';
 import { Icon } from '../../icons/Icon.es.js';
 import { controlStateColorTransition } from '../../primitives/transitions.es.js';
 import { quietTextHover } from '../../primitives/typography.es.js';
@@ -34,10 +34,13 @@ function TraceIntelligenceExplainer({ signalCatalog }) {
       ] }),
       /* @__PURE__ */ jsx("ul", { className: "space-y-1.5", children: enabledSignals.map((signalName) => /* @__PURE__ */ jsxs("li", { className: "text-muted-foreground", children: [
         /* @__PURE__ */ jsx(
-          "span",
+          Txt,
           {
-            className: "font-mono text-meta tracking-widest uppercase",
-            style: { color: nodeColor(getSignalHue(signalName)) },
+            as: "span",
+            variant: "meta",
+            font: "mono",
+            className: "tracking-widest uppercase",
+            style: { color: getSignalColor(signalName) },
             children: signalLabel(signalCatalog, signalName)
           }
         ),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-intelligence-explainer.es.js","sources":["../../../src/ee/signals/trace-intelligence-explainer.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { Info } from 'lucide-react';\nimport { ~~getSignalHue~~ } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { ~~nodeColor~~ } from '@/ds/components/~~SankeyChart~~';\nimport { ~~Tooltip,~~ ~~TooltipContent, TooltipTrigger~~ } from '@/ds/components/~~Tooltip~~';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\n/** Info tooltip for first-time viewers: signals → themes → snapshots. */\nexport function TraceIntelligenceExplainer({ signalCatalog }: { signalCatalog: readonly SignalCatalogEntry[] }) {\n const enabledSignals = orderedSignals(\n signalCatalog,\n signalCatalog.filter(signal => signal.enabled).map(signal => signal.name),\n );\n return (\n <Tooltip>\n <TooltipTrigger\n aria-label=\"What is trace intelligence?\"\n className={cn(quietTextHover, controlStateColorTransition, 'flex cursor-help items-center')}\n type=\"button\"\n >\n <Icon size=\"xs\">\n <Info />\n </Icon>\n </TooltipTrigger>\n <TooltipContent className=\"max-w-sm space-y-3 p-4 text-caption\">\n <p className=\"text-foreground\">\n Every trace is analyzed for {enabledSignals.length === 4 ? 'four' : enabledSignals.length}{' '}\n {enabledSignals.length === 1 ? 'signal' : 'signals'}, and traces with similar signals are clustered into named\n themes.\n </p>\n <ul className=\"space-y-1.5\">\n {enabledSignals.map(signalName => (\n <li key={signalName} className=\"text-muted-foreground\">\n <span\n ~~className~~=\"font-mono ~~text-meta~~ tracking-widest uppercase\"\n style={{ color: ~~nodeColor~~(~~getSignalHue(~~signalName)) }}\n >\n {signalLabel(signalCatalog, signalName)}\n </~~span~~>{' '}\n — {signalDescription(signalCatalog, signalName)}\n </li>\n ))}\n </ul>\n <p className=\"text-muted-foreground\">\n Snapshots capture the themes at points in time, so the views show how they appear, grow, and fade.\n </p>\n </TooltipContent>\n </Tooltip>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,SAAS,0BAAA,CAA2B,EAAE,aAAA,EAAc,EAAqD;AAC9G,EAAA,MAAM,cAAA,GAAiB,cAAA;AAAA,IACrB,aAAA;AAAA,IACA,aAAA,CAAc,OAAO,CAAA,MAAA,KAAU,MAAA,CAAO,OAAO,CAAA,CAAE,GAAA,CAAI,CAAA,MAAA,KAAU,MAAA,CAAO,IAAI;AAAA,GAC1E;AACA,EAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,6BAAA;AAAA,QACX,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,2BAAA,EAA6B,+BAA+B,CAAA;AAAA,QAC1F,IAAA,EAAK,QAAA;AAAA,QAEL,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR;AAAA;AAAA,KACF;AAAA,oBACA,IAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,qCAAA,EACxB,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iBAAA,EAAkB,QAAA,EAAA;AAAA,QAAA,8BAAA;AAAA,QACA,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,MAAA,GAAS,cAAA,CAAe,MAAA;AAAA,QAAQ,GAAA;AAAA,QAC1F,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,QAAA,GAAW,SAAA;AAAA,QAAU;AAAA,OAAA,EAEtD,CAAA;AAAA,sBACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,aAAA,EACX,QAAA,EAAA,cAAA,CAAe,IAAI,CAAA,UAAA,qBAClB,IAAA,CAAC,IAAA,EAAA,EAAoB,SAAA,EAAU,uBAAA,EAC7B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,~~MAAA~~;AAAA,UAAA;AAAA,YACC,SAAA,EAAU~~,+CAAA~~;AAAA,YACV,~~OAAO~~,EAAE,KAAA,EAAO,~~UAAU~~,~~YAAA~~,~~CAAa,~~UAAU,~~CAAC,~~CAAA,EAAE;AAAA,~~YAEnD~~,QAAA,EAAA,WAAA,CAAY,eAAe,UAAU;AAAA;AAAA,SACxC;AAAA,~~QAAQ~~,GAAA;AAAA,QAAI,IAAA;AAAA,~~QACT~~,iBAAA,CAAkB,eAAe,UAAU;AAAA,OAAA,EAAA,~~EAPvC~~,~~UAQT~~,CACD,CAAA,EACH,CAAA;AAAA,sBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,oGAAA,EAErC;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"trace-intelligence-explainer.es.js","sources":["../../../src/ee/signals/trace-intelligence-explainer.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { Info } from 'lucide-react';\nimport { getSignalColor } from './signal-colors';\nimport { orderedSignals, signalDescription, signalLabel } from './signal-formatting';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\n/** Info tooltip for first-time viewers: signals → themes → snapshots. */\nexport function TraceIntelligenceExplainer({ signalCatalog }: { signalCatalog: readonly SignalCatalogEntry[] }) {\n const enabledSignals = orderedSignals(\n signalCatalog,\n signalCatalog.filter(signal => signal.enabled).map(signal => signal.name),\n );\n return (\n <Tooltip>\n <TooltipTrigger\n aria-label=\"What is trace intelligence?\"\n className={cn(quietTextHover, controlStateColorTransition, 'flex cursor-help items-center')}\n type=\"button\"\n >\n <Icon size=\"xs\">\n <Info />\n </Icon>\n </TooltipTrigger>\n <TooltipContent className=\"max-w-sm space-y-3 p-4 text-caption\">\n <p className=\"text-foreground\">\n Every trace is analyzed for {enabledSignals.length === 4 ? 'four' : enabledSignals.length}{' '}\n {enabledSignals.length === 1 ? 'signal' : 'signals'}, and traces with similar signals are clustered into named\n themes.\n </p>\n <ul className=\"space-y-1.5\">\n {enabledSignals.map(signalName => (\n <li key={signalName} className=\"text-muted-foreground\">\n <Txt\n as=\"span\"\n variant=\"meta\"\n font=\"mono\"\n className=\"tracking-widest uppercase\"\n style={{ color: getSignalColor(signalName) }}\n >\n {signalLabel(signalCatalog, signalName)}\n </Txt>{' '}\n — {signalDescription(signalCatalog, signalName)}\n </li>\n ))}\n </ul>\n <p className=\"text-muted-foreground\">\n Snapshots capture the themes at points in time, so the views show how they appear, grow, and fade.\n </p>\n </TooltipContent>\n </Tooltip>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,SAAS,0BAAA,CAA2B,EAAE,aAAA,EAAc,EAAqD;AAC9G,EAAA,MAAM,cAAA,GAAiB,cAAA;AAAA,IACrB,aAAA;AAAA,IACA,aAAA,CAAc,OAAO,CAAA,MAAA,KAAU,MAAA,CAAO,OAAO,CAAA,CAAE,GAAA,CAAI,CAAA,MAAA,KAAU,MAAA,CAAO,IAAI;AAAA,GAC1E;AACA,EAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,6BAAA;AAAA,QACX,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,2BAAA,EAA6B,+BAA+B,CAAA;AAAA,QAC1F,IAAA,EAAK,QAAA;AAAA,QAEL,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR;AAAA;AAAA,KACF;AAAA,oBACA,IAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,qCAAA,EACxB,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iBAAA,EAAkB,QAAA,EAAA;AAAA,QAAA,8BAAA;AAAA,QACA,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,MAAA,GAAS,cAAA,CAAe,MAAA;AAAA,QAAQ,GAAA;AAAA,QAC1F,cAAA,CAAe,MAAA,KAAW,CAAA,GAAI,QAAA,GAAW,SAAA;AAAA,QAAU;AAAA,OAAA,EAEtD,CAAA;AAAA,sBACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,aAAA,EACX,QAAA,EAAA,cAAA,CAAe,IAAI,CAAA,UAAA,qBAClB,IAAA,CAAC,IAAA,EAAA,EAAoB,SAAA,EAAU,uBAAA,EAC7B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,MAAA;AAAA,YACH,OAAA,EAAQ,MAAA;AAAA,YACR,IAAA,EAAK,MAAA;AAAA,YACL,SAAA,EAAU,2BAAA;AAAA,YACV,KAAA,EAAO,EAAE,KAAA,EAAO,cAAA,CAAe,UAAU,CAAA,EAAE;AAAA,YAE1C,QAAA,EAAA,WAAA,CAAY,eAAe,UAAU;AAAA;AAAA,SACxC;AAAA,QAAO,GAAA;AAAA,QAAI,IAAA;AAAA,QACR,iBAAA,CAAkB,eAAe,UAAU;AAAA,OAAA,EAAA,EAVvC,UAWT,CACD,CAAA,EACH,CAAA;AAAA,sBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,oGAAA,EAErC;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

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

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { T as Tab } from '../../tabs-tab-BDdO7sWN.js';
+import { T as Tab } from '../../tabs-tab-7e2as-AV.js';
 import { T as Txt } from '../../Txt-BP1SRHmL.js';
 import { Icon } from '../../icons/Icon.es.js';

package/dist/ee/signals.cjs.js CHANGED Viewed

@@ -43,8 +43,9 @@ exports.useThemePaths = ee_signals_hooks_useThemePaths.useThemePaths;
 exports.useThemeSnapshots = ee_signals_hooks_useThemeSnapshots.useThemeSnapshots;
 exports.useTraceInsight = ee_signals_hooks_useTraceInsight.useTraceInsight;
 exports.SankeySignals = ee_signals_sankeySignals.SankeySignals;
-exports.SIGNAL_HUES = ee_signals_signalColors.SIGNAL_HUES;
-exports.getSignalHue = ee_signals_signalColors.getSignalHue;
+exports.getSignalAreaClass = ee_signals_signalColors.getSignalAreaClass;
+exports.getSignalColor = ee_signals_signalColors.getSignalColor;
+exports.getSignalConnectorClass = ee_signals_signalColors.getSignalConnectorClass;
 exports.BUILT_IN_SIGNAL_CATALOG = ee_signals_signalFormatting.BUILT_IN_SIGNAL_CATALOG;
 exports.SIGNAL_DESCRIPTIONS = ee_signals_signalFormatting.SIGNAL_DESCRIPTIONS;
 exports.SIGNAL_PROCESSING_ORDER = ee_signals_signalFormatting.SIGNAL_PROCESSING_ORDER;

package/dist/ee/signals.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"signals.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"signals.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ee/signals.es.js CHANGED Viewed

@@ -13,7 +13,7 @@ export { useThemePaths } from './signals/hooks/use-theme-paths.es.js';
 export { useThemeSnapshots } from './signals/hooks/use-theme-snapshots.es.js';
 export { useTraceInsight } from './signals/hooks/use-trace-insight.es.js';
 export { SankeySignals } from './signals/sankey-signals.es.js';
-export { SIGNAL_HUES, getSignalHue } from './signals/signal-colors.es.js';
+export { getSignalAreaClass, getSignalColor, getSignalConnectorClass } from './signals/signal-colors.es.js';
 export { BUILT_IN_SIGNAL_CATALOG, SIGNAL_DESCRIPTIONS, SIGNAL_PROCESSING_ORDER, formatSignalName, formatSnapshotCutoff, formatSnapshotDate, formatSnapshotWindow, getSignalDescription, orderedSignals, shareSentence, signalDescription, signalLabel, themeLabel, traceLabel } from './signals/signal-formatting.es.js';
 export { SignalsErrorState } from './signals/signals-error-state.es.js';
 export { SignalsFrameLoadingSkeleton, SignalsLoadingSkeleton } from './signals/signals-loading-skeleton.es.js';

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

@@ -6,10 +6,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const ee_topics_utils = require('../utils.cjs.js');
-const Button = require('../../../Button-CIwF6NHM.cjs');
-const dataList = require('../../../data-list-DEKEzLzK.cjs');
+const Button = require('../../../Button-BnmR2HRc.cjs');
+const dataList = require('../../../data-list-D8bACyyK.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const inputGroup = require('../../../input-group-mWZK0Lpw.cjs');
+const inputGroup = require('../../../input-group-I8YVM_Ps.cjs');
 function TopicTraceSummaryList({
   traces,

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

@@ -2,10 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { SearchIcon, ChevronDown } from 'lucide-react';
 import { useState, useMemo } from 'react';
 import { getVisibleTraceSummaries } from '../utils.es.js';
-import { B as Button } from '../../../Button-BY9qlu8K.js';
-import { D as DataList } from '../../../data-list-u1TC5cbd.js';
+import { B as Button } from '../../../Button-C6eUqcPI.js';
+import { D as DataList } from '../../../data-list-DL_oFE4j.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { I as InputGroup, a as InputGroupAddon, c as InputGroupInput } from '../../../input-group-CMFu6PUv.js';
+import { I as InputGroup, a as InputGroupAddon, c as InputGroupInput } from '../../../input-group-B8bnoDrA.js';
 function TopicTraceSummaryList({
   traces,

package/dist/ee/topics/utils.cjs.js CHANGED Viewed

@@ -2,17 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const TOPIC_COLORS = ["#7C3AED", "#2563EB", "#0891B2", "#059669", "#CA8A04", "#EA580C", "#DC2626", "#DB2777"];
-function hashString(value) {
-  let hash = 0;
-  for (let index = 0; index < value.length; index += 1) {
-    hash = (hash << 5) - hash + value.charCodeAt(index);
-    hash |= 0;
-  }
-  return Math.abs(hash);
-}
+const utils_colors = require('../../utils/colors.cjs.js');
 function getTopicColor(id) {
-  return TOPIC_COLORS[hashString(id) % TOPIC_COLORS.length] ?? TOPIC_COLORS[0];
+  return utils_colors.hueAccentColor(utils_colors.hueForName(id));
 }
 function getTraceCount(subtopic) {
   return subtopic.traceSummaries.length;

package/dist/ee/topics/utils.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.cjs.js","sources":["../../../src/ee/topics/utils.ts"],"sourcesContent":["import type {\n Topic,\n TopicSubtopic,\n TopicSubtopicWithCounts,\n TopicTraceShare,\n TopicTraceSort,\n TopicTraceSummary,\n TopicWithCounts,\n} from './types';\~~n\nconst~~ ~~TOPIC_COLORS~~ ~~= ['#7C3AED'~~, ~~'#2563EB',~~ ~~'#0891B2',~~ ~~'#059669',~~ '~~#CA8A04~~'~~, '#EA580C', '#DC2626', '#DB2777'] as const~~;\n\nfunction hashString(value: string): number {\n let hash = 0;\n for (let index = 0; index < value.length; index += 1) {\n hash = (hash << 5) - hash + value.charCodeAt(index);\n hash \|= 0;\n }\n return Math.abs(hash);\n}\n\nexport function getTopicColor(id: string): string {\n return ~~TOPIC_COLORS[hashString~~(id) ~~% TOPIC_COLORS.length] ?? TOPIC_COLORS[0]~~;\n}\n\nexport function getTraceCount(subtopic: Pick<TopicSubtopic, 'traceSummaries'>): number {\n return subtopic.traceSummaries.length;\n}\n\nexport function getTopicTraceCount(topic: Pick<Topic, 'subtopics'>): number {\n return topic.subtopics.reduce((total, subtopic) => total + getTraceCount(subtopic), 0);\n}\n\nexport function getTraceShare(count: number, total: number): TopicTraceShare {\n return {\n count,\n total,\n percentage: total > 0 ? Math.round((count / total) * 100) : 0,\n };\n}\n\nexport function aggregateTopics(topics: Topic[]): TopicWithCounts[] {\n const totalTraceCount = topics.reduce((total, topic) => total + getTopicTraceCount(topic), 0);\n\n return topics.map(topic => ({\n ...topic,\n color: topic.color ?? getTopicColor(topic.id),\n traceCount: getTopicTraceCount(topic),\n subtopics: topic.subtopics.map<TopicSubtopicWithCounts>(subtopic => {\n const traceCount = getTraceCount(subtopic);\n return {\n ...subtopic,\n color: subtopic.color ?? topic.color ?? getTopicColor(subtopic.id),\n traceCount,\n traceShare: getTraceShare(traceCount, totalTraceCount),\n };\n }),\n }));\n}\n\nfunction toTime(value: string \| Date \| undefined): number {\n if (!value) return 0;\n const time = value instanceof Date ? value.getTime() : new Date(value).getTime();\n return Number.isNaN(time) ? 0 : time;\n}\n\nexport function filterTraceSummaries(traces: TopicTraceSummary[], search: string): TopicTraceSummary[] {\n const normalizedSearch = search.trim().toLowerCase();\n if (!normalizedSearch) return traces;\n\n return traces.filter(trace =>\n [trace.id, trace.name, trace.entityName, trace.status].some(value =>\n value?.toLowerCase().includes(normalizedSearch),\n ),\n );\n}\n\nexport function sortTraceSummaries(traces: TopicTraceSummary[], sort: TopicTraceSort): TopicTraceSummary[] {\n return traces.toSorted((left, right) => {\n switch (sort) {\n case 'oldest':\n return toTime(left.startedAt) - toTime(right.startedAt);\n case 'duration-desc':\n return (right.durationMs ?? 0) - (left.durationMs ?? 0);\n case 'duration-asc':\n return (left.durationMs ?? 0) - (right.durationMs ?? 0);\n case 'newest':\n default:\n return toTime(right.startedAt) - toTime(left.startedAt);\n }\n });\n}\n\nexport function getVisibleTraceSummaries(\n traces: TopicTraceSummary[],\n options: { search: string; sort: TopicTraceSort; page: number; pageSize: number },\n): { traces: TopicTraceSummary[]; total: number; hasMore: boolean } {\n const filtered = filterTraceSummaries(traces, options.search);\n const sorted = sortTraceSummaries(filtered, options.sort);\n const end = options.page * options.pageSize;\n\n return {\n traces: sorted.slice(0, end),\n total: sorted.length,\n hasMore: end < sorted.length,\n };\n}\n"],"names":[],"mappings":"~~;;;;AAUA~~,~~MAAM,YAAA,GAAe,CAAC,SAAA,EAAW,SAAA,EAAW,WAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,~~SAAS,CAAA;AAE5G,SAAS,WAAW,KAAA,EAAuB;AACzC,EAAA,IAAI,IAAA,GAAO,CAAA;AACX,EAAA,KAAA,IAAS,QAAQ,CAAA,EAAG,KAAA,GAAQ,KAAA,CAAM,MAAA,EAAQ,SAAS,CAAA,EAAG;AACpD,IAAA,IAAA,GAAA,CAAQ,IAAA,IAAQ,CAAA,IAAK,IAAA,GAAO,KAAA,CAAM,WAAW,KAAK,CAAA;AAClD,IAAA,IAAA,IAAQ,CAAA;AAAA,EACV;AACA,EAAA,OAAO,IAAA,CAAK,IAAI,IAAI,CAAA;AACtB;AAEO,SAAS,cAAc,EAAA,EAAoB;AAChD,EAAA,~~OAAO~~,~~YAAA~~,~~CAAa~~,~~WAAW~~,EAAE,~~CAAA,GAAI,aAAa,MAAM,CAAA,IAAK,aAAa,~~CAAC,CAAA;~~AAC7E~~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"}
1	+ {"version":3,"file":"utils.cjs.js","sources":["../../../src/ee/topics/utils.ts"],"sourcesContent":["import type {\n Topic,\n TopicSubtopic,\n TopicSubtopicWithCounts,\n TopicTraceShare,\n TopicTraceSort,\n TopicTraceSummary,\n TopicWithCounts,\n} from './types';\nimport { hueAccentColor, hueForName } from '@/lib/colors';\n\nexport function getTopicColor(id: string): string {\n return hueAccentColor(hueForName(id));\n}\n\nexport function getTraceCount(subtopic: Pick<TopicSubtopic, 'traceSummaries'>): number {\n return subtopic.traceSummaries.length;\n}\n\nexport function getTopicTraceCount(topic: Pick<Topic, 'subtopics'>): number {\n return topic.subtopics.reduce((total, subtopic) => total + getTraceCount(subtopic), 0);\n}\n\nexport function getTraceShare(count: number, total: number): TopicTraceShare {\n return {\n count,\n total,\n percentage: total > 0 ? Math.round((count / total) * 100) : 0,\n };\n}\n\nexport function aggregateTopics(topics: Topic[]): TopicWithCounts[] {\n const totalTraceCount = topics.reduce((total, topic) => total + getTopicTraceCount(topic), 0);\n\n return topics.map(topic => ({\n ...topic,\n color: topic.color ?? getTopicColor(topic.id),\n traceCount: getTopicTraceCount(topic),\n subtopics: topic.subtopics.map<TopicSubtopicWithCounts>(subtopic => {\n const traceCount = getTraceCount(subtopic);\n return {\n ...subtopic,\n color: subtopic.color ?? topic.color ?? getTopicColor(subtopic.id),\n traceCount,\n traceShare: getTraceShare(traceCount, totalTraceCount),\n };\n }),\n }));\n}\n\nfunction toTime(value: string \| Date \| undefined): number {\n if (!value) return 0;\n const time = value instanceof Date ? value.getTime() : new Date(value).getTime();\n return Number.isNaN(time) ? 0 : time;\n}\n\nexport function filterTraceSummaries(traces: TopicTraceSummary[], search: string): TopicTraceSummary[] {\n const normalizedSearch = search.trim().toLowerCase();\n if (!normalizedSearch) return traces;\n\n return traces.filter(trace =>\n [trace.id, trace.name, trace.entityName, trace.status].some(value =>\n value?.toLowerCase().includes(normalizedSearch),\n ),\n );\n}\n\nexport function sortTraceSummaries(traces: TopicTraceSummary[], sort: TopicTraceSort): TopicTraceSummary[] {\n return traces.toSorted((left, right) => {\n switch (sort) {\n case 'oldest':\n return toTime(left.startedAt) - toTime(right.startedAt);\n case 'duration-desc':\n return (right.durationMs ?? 0) - (left.durationMs ?? 0);\n case 'duration-asc':\n return (left.durationMs ?? 0) - (right.durationMs ?? 0);\n case 'newest':\n default:\n return toTime(right.startedAt) - toTime(left.startedAt);\n }\n });\n}\n\nexport function getVisibleTraceSummaries(\n traces: TopicTraceSummary[],\n options: { search: string; sort: TopicTraceSort; page: number; pageSize: number },\n): { traces: TopicTraceSummary[]; total: number; hasMore: boolean } {\n const filtered = filterTraceSummaries(traces, options.search);\n const sorted = sortTraceSummaries(filtered, options.sort);\n const end = options.page * options.pageSize;\n\n return {\n traces: sorted.slice(0, end),\n total: sorted.length,\n hasMore: end < sorted.length,\n };\n}\n"],"names":["hueAccentColor","hueForName"],"mappings":"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"}

package/dist/ee/topics/utils.es.js CHANGED Viewed

@@ -1,14 +1,7 @@
-const TOPIC_COLORS = ["#7C3AED", "#2563EB", "#0891B2", "#059669", "#CA8A04", "#EA580C", "#DC2626", "#DB2777"];
-function hashString(value) {
-  let hash = 0;
-  for (let index = 0; index < value.length; index += 1) {
-    hash = (hash << 5) - hash + value.charCodeAt(index);
-    hash |= 0;
-  }
-  return Math.abs(hash);
-}
+import { hueAccentColor, hueForName } from '../../utils/colors.es.js';
 function getTopicColor(id) {
-  return TOPIC_COLORS[hashString(id) % TOPIC_COLORS.length] ?? TOPIC_COLORS[0];
+  return hueAccentColor(hueForName(id));
 }
 function getTraceCount(subtopic) {
   return subtopic.traceSummaries.length;

package/dist/ee/topics/utils.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.es.js","sources":["../../../src/ee/topics/utils.ts"],"sourcesContent":["import type {\n Topic,\n TopicSubtopic,\n TopicSubtopicWithCounts,\n TopicTraceShare,\n TopicTraceSort,\n TopicTraceSummary,\n TopicWithCounts,\n} from './types';\~~n\nconst~~ ~~TOPIC_COLORS~~ ~~= ['#7C3AED'~~, ~~'#2563EB',~~ ~~'#0891B2',~~ ~~'#059669',~~ '~~#CA8A04~~'~~, '#EA580C', '#DC2626', '#DB2777'] as const~~;\n\nfunction hashString(value: string): number {\n let hash = 0;\n for (let index = 0; index < value.length; index += 1) {\n hash = (hash << 5) - hash + value.charCodeAt(index);\n hash \|= 0;\n }\n return Math.abs(hash);\n}\n\nexport function getTopicColor(id: string): string {\n return ~~TOPIC_COLORS[hashString~~(id) ~~% TOPIC_COLORS.length] ?? TOPIC_COLORS[0]~~;\n}\n\nexport function getTraceCount(subtopic: Pick<TopicSubtopic, 'traceSummaries'>): number {\n return subtopic.traceSummaries.length;\n}\n\nexport function getTopicTraceCount(topic: Pick<Topic, 'subtopics'>): number {\n return topic.subtopics.reduce((total, subtopic) => total + getTraceCount(subtopic), 0);\n}\n\nexport function getTraceShare(count: number, total: number): TopicTraceShare {\n return {\n count,\n total,\n percentage: total > 0 ? Math.round((count / total) * 100) : 0,\n };\n}\n\nexport function aggregateTopics(topics: Topic[]): TopicWithCounts[] {\n const totalTraceCount = topics.reduce((total, topic) => total + getTopicTraceCount(topic), 0);\n\n return topics.map(topic => ({\n ...topic,\n color: topic.color ?? getTopicColor(topic.id),\n traceCount: getTopicTraceCount(topic),\n subtopics: topic.subtopics.map<TopicSubtopicWithCounts>(subtopic => {\n const traceCount = getTraceCount(subtopic);\n return {\n ...subtopic,\n color: subtopic.color ?? topic.color ?? getTopicColor(subtopic.id),\n traceCount,\n traceShare: getTraceShare(traceCount, totalTraceCount),\n };\n }),\n }));\n}\n\nfunction toTime(value: string \| Date \| undefined): number {\n if (!value) return 0;\n const time = value instanceof Date ? value.getTime() : new Date(value).getTime();\n return Number.isNaN(time) ? 0 : time;\n}\n\nexport function filterTraceSummaries(traces: TopicTraceSummary[], search: string): TopicTraceSummary[] {\n const normalizedSearch = search.trim().toLowerCase();\n if (!normalizedSearch) return traces;\n\n return traces.filter(trace =>\n [trace.id, trace.name, trace.entityName, trace.status].some(value =>\n value?.toLowerCase().includes(normalizedSearch),\n ),\n );\n}\n\nexport function sortTraceSummaries(traces: TopicTraceSummary[], sort: TopicTraceSort): TopicTraceSummary[] {\n return traces.toSorted((left, right) => {\n switch (sort) {\n case 'oldest':\n return toTime(left.startedAt) - toTime(right.startedAt);\n case 'duration-desc':\n return (right.durationMs ?? 0) - (left.durationMs ?? 0);\n case 'duration-asc':\n return (left.durationMs ?? 0) - (right.durationMs ?? 0);\n case 'newest':\n default:\n return toTime(right.startedAt) - toTime(left.startedAt);\n }\n });\n}\n\nexport function getVisibleTraceSummaries(\n traces: TopicTraceSummary[],\n options: { search: string; sort: TopicTraceSort; page: number; pageSize: number },\n): { traces: TopicTraceSummary[]; total: number; hasMore: boolean } {\n const filtered = filterTraceSummaries(traces, options.search);\n const sorted = sortTraceSummaries(filtered, options.sort);\n const end = options.page * options.pageSize;\n\n return {\n traces: sorted.slice(0, end),\n total: sorted.length,\n hasMore: end < sorted.length,\n };\n}\n"],"names":[],"mappings":"~~AAUA~~,~~MAAM,YAAA,GAAe,CAAC,SAAA,EAAW,SAAA,EAAW,WAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,~~SAAS,CAAA;AAE5G,SAAS,WAAW,KAAA,EAAuB;AACzC,EAAA,IAAI,IAAA,GAAO,CAAA;AACX,EAAA,KAAA,IAAS,QAAQ,CAAA,EAAG,KAAA,GAAQ,KAAA,CAAM,MAAA,EAAQ,SAAS,CAAA,EAAG;AACpD,IAAA,IAAA,GAAA,CAAQ,IAAA,IAAQ,CAAA,IAAK,IAAA,GAAO,KAAA,CAAM,WAAW,KAAK,CAAA;AAClD,IAAA,IAAA,IAAQ,CAAA;AAAA,EACV;AACA,EAAA,OAAO,IAAA,CAAK,IAAI,IAAI,CAAA;AACtB;AAEO,SAAS,cAAc,EAAA,EAAoB;AAChD,EAAA,OAAO,~~YAAA~~,~~CAAa~~,~~WAAW~~,EAAE,~~CAAA,GAAI,aAAa,MAAM,CAAA,IAAK,aAAa,~~CAAC,CAAA;~~AAC7E~~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"}
1	+ {"version":3,"file":"utils.es.js","sources":["../../../src/ee/topics/utils.ts"],"sourcesContent":["import type {\n Topic,\n TopicSubtopic,\n TopicSubtopicWithCounts,\n TopicTraceShare,\n TopicTraceSort,\n TopicTraceSummary,\n TopicWithCounts,\n} from './types';\nimport { hueAccentColor, hueForName } from '@/lib/colors';\n\nexport function getTopicColor(id: string): string {\n return hueAccentColor(hueForName(id));\n}\n\nexport function getTraceCount(subtopic: Pick<TopicSubtopic, 'traceSummaries'>): number {\n return subtopic.traceSummaries.length;\n}\n\nexport function getTopicTraceCount(topic: Pick<Topic, 'subtopics'>): number {\n return topic.subtopics.reduce((total, subtopic) => total + getTraceCount(subtopic), 0);\n}\n\nexport function getTraceShare(count: number, total: number): TopicTraceShare {\n return {\n count,\n total,\n percentage: total > 0 ? Math.round((count / total) * 100) : 0,\n };\n}\n\nexport function aggregateTopics(topics: Topic[]): TopicWithCounts[] {\n const totalTraceCount = topics.reduce((total, topic) => total + getTopicTraceCount(topic), 0);\n\n return topics.map(topic => ({\n ...topic,\n color: topic.color ?? getTopicColor(topic.id),\n traceCount: getTopicTraceCount(topic),\n subtopics: topic.subtopics.map<TopicSubtopicWithCounts>(subtopic => {\n const traceCount = getTraceCount(subtopic);\n return {\n ...subtopic,\n color: subtopic.color ?? topic.color ?? getTopicColor(subtopic.id),\n traceCount,\n traceShare: getTraceShare(traceCount, totalTraceCount),\n };\n }),\n }));\n}\n\nfunction toTime(value: string \| Date \| undefined): number {\n if (!value) return 0;\n const time = value instanceof Date ? value.getTime() : new Date(value).getTime();\n return Number.isNaN(time) ? 0 : time;\n}\n\nexport function filterTraceSummaries(traces: TopicTraceSummary[], search: string): TopicTraceSummary[] {\n const normalizedSearch = search.trim().toLowerCase();\n if (!normalizedSearch) return traces;\n\n return traces.filter(trace =>\n [trace.id, trace.name, trace.entityName, trace.status].some(value =>\n value?.toLowerCase().includes(normalizedSearch),\n ),\n );\n}\n\nexport function sortTraceSummaries(traces: TopicTraceSummary[], sort: TopicTraceSort): TopicTraceSummary[] {\n return traces.toSorted((left, right) => {\n switch (sort) {\n case 'oldest':\n return toTime(left.startedAt) - toTime(right.startedAt);\n case 'duration-desc':\n return (right.durationMs ?? 0) - (left.durationMs ?? 0);\n case 'duration-asc':\n return (left.durationMs ?? 0) - (right.durationMs ?? 0);\n case 'newest':\n default:\n return toTime(right.startedAt) - toTime(left.startedAt);\n }\n });\n}\n\nexport function getVisibleTraceSummaries(\n traces: TopicTraceSummary[],\n options: { search: string; sort: TopicTraceSort; page: number; pageSize: number },\n): { traces: TopicTraceSummary[]; total: number; hasMore: boolean } {\n const filtered = filterTraceSummaries(traces, options.search);\n const sorted = sortTraceSummaries(filtered, options.sort);\n const end = options.page * options.pageSize;\n\n return {\n traces: sorted.slice(0, end),\n total: sorted.length,\n hasMore: end < sorted.length,\n };\n}\n"],"names":[],"mappings":"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"}

package/dist/field-block-BIDi9Bvc.cjs ADDED Viewed

@@ -0,0 +1,88 @@
+'use strict';
+const jsxRuntime = require('react/jsx-runtime');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+const fieldBlockErrorMsg = require('./field-block-error-msg-B6-wnlAz.cjs');
+const Txt = require('./Txt-DPmEpNbp.cjs');
+function FieldBlockColumn({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid gap-2 text-foreground", className), children });
+}
+function FieldBlockHelpText({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", children });
+}
+function FieldBlockLabel({
+  children,
+  name,
+  htmlFor = `input-${name}`,
+  required,
+  disabled = false,
+  size = "default",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "label",
+    {
+      htmlFor,
+      className: utils_cn.cn(
+        "inline-flex items-center text-label",
+        {
+          "text-body": size === "bigger",
+          "text-foreground": !disabled,
+          "text-muted-foreground": disabled
+        },
+        className
+      ),
+      children: [
+        children,
+        required ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: utils_cn.cn("ml-0.5", disabled ? "text-muted-foreground" : "text-destructive-indicator"), children: "*" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: " (required)" })
+        ] }) : null
+      ]
+    }
+  );
+}
+function FieldBlockLayout({
+  children,
+  className,
+  layout = "vertical",
+  labelColumnWidth
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn(
+        "relative grid gap-2 text-foreground",
+        {
+          "horizontal-field-block grid-cols-[auto_1fr] items-baseline": layout === "horizontal"
+        },
+        className
+      ),
+      style: layout === "horizontal" && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : void 0,
+      children
+    }
+  );
+}
+function FieldBlockMessage({ name, helpText, errorMsg }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[1lh] min-w-0 overflow-hidden text-caption [&>p]:truncate", children: errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlockErrorMsg.FieldBlockErrorMsg, { name, className: "truncate", children: errorMsg }) : helpText ? /* @__PURE__ */ jsxRuntime.jsx(FieldBlockHelpText, { children: helpText }) : null });
+}
+const FieldBlock = Object.assign(
+  {},
+  {
+    Layout: FieldBlockLayout,
+    Column: FieldBlockColumn,
+    Label: FieldBlockLabel,
+    HelpText: FieldBlockHelpText,
+    ErrorMsg: fieldBlockErrorMsg.FieldBlockErrorMsg,
+    Message: FieldBlockMessage
+  }
+);
+exports.FieldBlock = FieldBlock;
+//# sourceMappingURL=field-block-BIDi9Bvc.cjs.map

package/dist/field-block-BIDi9Bvc.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"field-block-BIDi9Bvc.cjs","sources":["../src/ds/components/FormFieldBlocks/block/field-block-column.tsx","../src/ds/components/FormFieldBlocks/block/field-block-help-text.tsx","../src/ds/components/FormFieldBlocks/block/field-block-label.tsx","../src/ds/components/FormFieldBlocks/block/field-block-layout.tsx","../src/ds/components/FormFieldBlocks/block/field-block-message.tsx","../src/ds/components/FormFieldBlocks/block/field-block.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlockColumnProps = {\n children: React.ReactNode;\n className?: string;\n};\n\nexport function FieldBlockColumn({ children, className }: FieldBlockColumnProps) {\n return <div className={cn('grid gap-2 text-foreground', className)}>{children}</div>;\n}\n","import { Txt } from '@/ds/components/Txt';\nexport type FieldBlockHelpTextProps = {\n children?: React.ReactNode;\n};\n\nexport function FieldBlockHelpText({ children }: FieldBlockHelpTextProps) {\n return (\n <Txt variant=\"caption\" tone=\"muted\">\n {children}\n </Txt>\n );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLabelProps = {\n children: React.ReactNode;\n name: string;\n htmlFor?: string;\n required?: boolean;\n disabled?: boolean;\n size?: 'default' | 'bigger';\n className?: string;\n};\n\nexport function FieldBlockLabel({\n children,\n name,\n htmlFor = `input-${name}`,\n required,\n disabled = false,\n size = 'default',\n className,\n}: FieldBlockLabelProps) {\n return (\n <label\n htmlFor={htmlFor}\n className={cn(\n 'inline-flex items-center text-label',\n {\n 'text-body': size === 'bigger',\n 'text-foreground': !disabled,\n 'text-muted-foreground': disabled,\n },\n className,\n )}\n >\n {children}\n {required ? (\n <>\n <span aria-hidden className={cn('ml-0.5', disabled ? 'text-muted-foreground' : 'text-destructive-indicator')}>\n *\n </span>\n <span className=\"sr-only\"> (required)</span>\n </>\n ) : null}\n </label>\n );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLayoutProps = {\n children: React.ReactNode;\n className?: string;\n layout?: 'vertical' | 'horizontal';\n // Optional prop to specify label column width in horizontal layout\n labelColumnWidth?: string; // e.g., '150px' or '30%'\n};\n\nexport function FieldBlockLayout({\n children,\n className,\n layout = 'vertical',\n labelColumnWidth,\n}: FieldBlockLayoutProps) {\n return (\n <div\n className={cn(\n 'relative grid gap-2 text-foreground',\n {\n 'horizontal-field-block grid-cols-[auto_1fr] items-baseline': layout === 'horizontal',\n },\n className,\n )}\n style={\n layout === 'horizontal' && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : undefined\n }\n >\n {children}\n </div>\n );\n}\n","import { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\n\nexport type FieldBlockMessageProps = {\n name: string;\n helpText?: React.ReactNode;\n errorMsg?: React.ReactNode;\n};\n\nexport function FieldBlockMessage({ name, helpText, errorMsg }: FieldBlockMessageProps) {\n return (\n <div className=\"h-[1lh] min-w-0 overflow-hidden text-caption [&>p]:truncate\">\n {errorMsg ? (\n <FieldBlockErrorMsg name={name} className=\"truncate\">\n {errorMsg}\n </FieldBlockErrorMsg>\n ) : helpText ? (\n <FieldBlockHelpText>{helpText}</FieldBlockHelpText>\n ) : null}\n </div>\n );\n}\n","import { FieldBlockColumn } from './field-block-column';\nimport { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\nimport { FieldBlockLabel } from './field-block-label';\nimport { FieldBlockLayout } from './field-block-layout';\nimport { FieldBlockMessage } from './field-block-message';\n\nexport const FieldBlock = Object.assign(\n {},\n {\n Layout: FieldBlockLayout,\n Column: FieldBlockColumn,\n Label: FieldBlockLabel,\n HelpText: FieldBlockHelpText,\n ErrorMsg: FieldBlockErrorMsg,\n Message: FieldBlockMessage,\n },\n);\n"],"names":["cn","Txt","jsxs","Fragment","jsx","FieldBlockErrorMsg"],"mappings":";;;;;;;AAOO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA0B;AAC/E,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,4BAAA,EAA8B,SAAS,GAAI,QAAA,EAAS,CAAA;AAChF;;ACJO,SAAS,kBAAA,CAAmB,EAAE,QAAA,EAAS,EAA4B;AACxE,EAAA,sCACGC,OAAA,EAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,SACzB,QAAA,EACH,CAAA;AAEJ;;ACCO,SAAS,eAAA,CAAgB;AAAA,EAC9B,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA,GAAU,SAAS,IAAI,CAAA,CAAA;AAAA,EACvB,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,SAAA;AAAA,EACP;AACF,CAAA,EAAyB;AACvB,EAAA,uBACEC,eAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,SAAA,EAAWF,WAAA;AAAA,QACT,qCAAA;AAAA,QACA;AAAA,UACE,aAAa,IAAA,KAAS,QAAA;AAAA,UACtB,mBAAmB,CAAC,QAAA;AAAA,UACpB,uBAAA,EAAyB;AAAA,SAC3B;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,2BACCE,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAW,IAAA,EAAC,SAAA,EAAWJ,WAAA,CAAG,UAAU,QAAA,GAAW,uBAAA,GAA0B,4BAA4B,CAAA,EAAG,QAAA,EAAA,GAAA,EAE9G,CAAA;AAAA,0BACAI,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,aAAA,EAAW;AAAA,SAAA,EACvC,CAAA,GACE;AAAA;AAAA;AAAA,GACN;AAEJ;;ACnCO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT;AACF,CAAA,EAA0B;AACxB,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWJ,WAAA;AAAA,QACT,qCAAA;AAAA,QACA;AAAA,UACE,8DAA8D,MAAA,KAAW;AAAA,SAC3E;AAAA,QACA;AAAA,OACF;AAAA,MACA,KAAA,EACE,WAAW,YAAA,IAAgB,gBAAA,GAAmB,EAAE,mBAAA,EAAqB,CAAA,EAAG,gBAAgB,CAAA,IAAA,CAAA,EAAO,GAAI,MAAA;AAAA,MAGpG;AAAA;AAAA,GACH;AAEJ;;ACvBO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAM,QAAA,EAAU,UAAS,EAA2B;AACtF,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,6DAAA,EACZ,QAAA,EAAA,QAAA,kCACEK,qCAAA,EAAA,EAAmB,IAAA,EAAY,SAAA,EAAU,UAAA,EACvC,oBACH,CAAA,GACE,QAAA,kCACD,kBAAA,EAAA,EAAoB,QAAA,EAAA,QAAA,EAAS,IAC5B,IAAA,EACN,CAAA;AAEJ;;ACdO,MAAM,aAAa,MAAA,CAAO,MAAA;AAAA,EAC/B,EAAC;AAAA,EACD;AAAA,IACE,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ,gBAAA;AAAA,IACR,KAAA,EAAO,eAAA;AAAA,IACP,QAAA,EAAU,kBAAA;AAAA,IACV,QAAA,EAAUA,qCAAA;AAAA,IACV,OAAA,EAAS;AAAA;AAEb;;;;"}