@absolutejs/voice 0.0.22-beta.350 → 0.0.22-beta.352

package/dist/client/index.js

@@ -6667,8 +6667,44 @@ var DEFAULT_TITLE7 = "Voice Routing";
 var DEFAULT_DESCRIPTION7 = "Latest provider routing decision from the self-hosted trace store.";
 var escapeHtml11 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatValue = (value, fallback = "None") => typeof value === "string" && value.trim() ? value : typeof value === "number" && Number.isFinite(value) ? String(value) : fallback;
+var formatProviderRoutes = (routes) => routes && typeof routes === "object" ? Object.entries(routes).map(([role, provider]) => `${role}: ${formatValue(provider)}`).join(", ") || "None" : "None";
+var getProviderRoute = (routes, role) => routes && typeof routes === "object" ? formatValue(routes[role], "Not configured") : "Not configured";
+var formatFallbackPath = (decision) => {
+  const provider = formatValue(decision.provider, "Unknown");
+  const selectedProvider = formatValue(decision.selectedProvider, provider);
+  const fallbackProvider = formatValue(decision.fallbackProvider, "");
+  if (fallbackProvider !== "None" && fallbackProvider.trim()) {
+    return `${provider} -> ${fallbackProvider}`;
+  }
+  if (selectedProvider !== provider) {
+    return `${provider} -> ${selectedProvider}`;
+  }
+  return `${provider} primary`;
+};
 var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
   const decision = snapshot.decision;
+  const activeStack = decision ? [
+    {
+      label: "Profile",
+      value: formatValue(decision.profileLabel ?? decision.profileId)
+    },
+    {
+      label: "LLM",
+      value: getProviderRoute(decision.providerRoutes, "llm")
+    },
+    {
+      label: "STT",
+      value: getProviderRoute(decision.providerRoutes, "stt")
+    },
+    {
+      label: "TTS",
+      value: getProviderRoute(decision.providerRoutes, "tts")
+    },
+    {
+      label: "Fallback path",
+      value: formatFallbackPath(decision)
+    }
+  ] : [];
   const rows = decision ? [
     { label: "Kind", value: decision.kind.toUpperCase() },
     { label: "Policy", value: formatValue(decision.routing, "Unknown") },
@@ -6682,12 +6718,21 @@ var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
       value: formatValue(decision.fallbackProvider)
     },
     { label: "Status", value: formatValue(decision.status, "unknown") },
+    {
+      label: "Voice profile",
+      value: formatValue(decision.profileLabel ?? decision.profileId)
+    },
+    {
+      label: "Default routes",
+      value: formatProviderRoutes(decision.providerRoutes)
+    },
     {
       label: "Latency budget",
       value: typeof decision.latencyBudgetMs === "number" ? `${decision.latencyBudgetMs}ms` : "None"
     }
   ] : [];
   return {
+    activeStack,
     decision,
     description: options.description ?? DEFAULT_DESCRIPTION7,
     error: snapshot.error,
@@ -6701,6 +6746,10 @@ var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
 };
 var renderVoiceRoutingStatusHTML = (snapshot, options = {}) => {
   const model = createVoiceRoutingStatusViewModel(snapshot, options);
+  const activeStack = model.activeStack.length ? `<div class="absolute-voice-routing-status__stack" aria-label="Active voice stack">${model.activeStack.map((item) => `<div>
+  <span>${escapeHtml11(item.label)}</span>
+  <strong>${escapeHtml11(item.value)}</strong>
+</div>`).join("")}</div>` : "";
   const rows = model.rows.length ? `<div class="absolute-voice-routing-status__grid">${model.rows.map((row) => `<div>
   <span>${escapeHtml11(row.label)}</span>
   <strong>${escapeHtml11(row.value)}</strong>
@@ -6711,11 +6760,12 @@ var renderVoiceRoutingStatusHTML = (snapshot, options = {}) => {
     <strong class="absolute-voice-routing-status__label">${escapeHtml11(model.label)}</strong>
   </header>
   <p class="absolute-voice-routing-status__description">${escapeHtml11(model.description)}</p>
+  ${activeStack}
   ${rows}
   ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml11(model.error)}</p>` : ""}
 </section>`;
 };
-var getVoiceRoutingStatusCSS = () => `.absolute-voice-routing-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-routing-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-routing-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-routing-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-routing-status__label{font-size:24px;line-height:1}.absolute-voice-routing-status__description{color:#514733;margin:12px 0 0}.absolute-voice-routing-status__grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.absolute-voice-routing-status__grid div{background:#fff;border:1px solid #eee4d2;border-radius:14px;padding:10px 12px}.absolute-voice-routing-status__grid span{color:#655944;display:block;font-size:12px;margin-bottom:4px}.absolute-voice-routing-status__grid strong{overflow-wrap:anywhere}.absolute-voice-routing-status__empty{color:#655944;margin:14px 0 0}.absolute-voice-routing-status__error{color:#9f1239;font-weight:700}`;
+var getVoiceRoutingStatusCSS = () => `.absolute-voice-routing-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-routing-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-routing-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-routing-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-routing-status__label{font-size:24px;line-height:1}.absolute-voice-routing-status__description{color:#514733;margin:12px 0 0}.absolute-voice-routing-status__stack{background:linear-gradient(135deg,#16130d,#49391f);border-radius:18px;color:#fff;display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px;padding:12px}.absolute-voice-routing-status__stack div{border-left:1px solid rgba(255,255,255,.18);padding-left:10px}.absolute-voice-routing-status__stack div:first-child{border-left:0;padding-left:0}.absolute-voice-routing-status__stack span{color:#e9d9b8;display:block;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase}.absolute-voice-routing-status__stack strong{display:block;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.absolute-voice-routing-status__grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.absolute-voice-routing-status__grid div{background:#fff;border:1px solid #eee4d2;border-radius:14px;padding:10px 12px}.absolute-voice-routing-status__grid span{color:#655944;display:block;font-size:12px;margin-bottom:4px}.absolute-voice-routing-status__grid strong{overflow-wrap:anywhere}.absolute-voice-routing-status__empty{color:#655944;margin:14px 0 0}.absolute-voice-routing-status__error{color:#9f1239;font-weight:700}@media (max-width:760px){.absolute-voice-routing-status__stack{grid-template-columns:repeat(2,minmax(0,1fr))}.absolute-voice-routing-status__stack div{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-left:0;padding-top:8px}.absolute-voice-routing-status__stack div:first-child{border-top:0;padding-top:0}}`;
 var mountVoiceRoutingStatus = (element, path = "/api/routing/latest", options = {}) => {
   const store = createVoiceRoutingStatusStore(path, options);
   const render = () => {

package/dist/client/routingStatusWidget.d.ts

@@ -1,6 +1,10 @@
 import type { VoiceRoutingDecisionSummary } from '../resilienceRoutes';
 import { type VoiceRoutingStatusClientOptions, type VoiceRoutingStatusSnapshot } from './routingStatus';
 export type VoiceRoutingStatusViewModel = {
+    activeStack: Array<{
+        label: string;
+        value: string;
+    }>;
     decision: VoiceRoutingDecisionSummary | null;
     description: string;
     error: string | null;

package/dist/react/index.js

@@ -4264,8 +4264,44 @@ var DEFAULT_TITLE10 = "Voice Routing";
 var DEFAULT_DESCRIPTION10 = "Latest provider routing decision from the self-hosted trace store.";
 var escapeHtml12 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatValue = (value, fallback = "None") => typeof value === "string" && value.trim() ? value : typeof value === "number" && Number.isFinite(value) ? String(value) : fallback;
+var formatProviderRoutes = (routes) => routes && typeof routes === "object" ? Object.entries(routes).map(([role, provider]) => `${role}: ${formatValue(provider)}`).join(", ") || "None" : "None";
+var getProviderRoute = (routes, role) => routes && typeof routes === "object" ? formatValue(routes[role], "Not configured") : "Not configured";
+var formatFallbackPath = (decision) => {
+  const provider = formatValue(decision.provider, "Unknown");
+  const selectedProvider = formatValue(decision.selectedProvider, provider);
+  const fallbackProvider = formatValue(decision.fallbackProvider, "");
+  if (fallbackProvider !== "None" && fallbackProvider.trim()) {
+    return `${provider} -> ${fallbackProvider}`;
+  }
+  if (selectedProvider !== provider) {
+    return `${provider} -> ${selectedProvider}`;
+  }
+  return `${provider} primary`;
+};
 var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
   const decision = snapshot.decision;
+  const activeStack = decision ? [
+    {
+      label: "Profile",
+      value: formatValue(decision.profileLabel ?? decision.profileId)
+    },
+    {
+      label: "LLM",
+      value: getProviderRoute(decision.providerRoutes, "llm")
+    },
+    {
+      label: "STT",
+      value: getProviderRoute(decision.providerRoutes, "stt")
+    },
+    {
+      label: "TTS",
+      value: getProviderRoute(decision.providerRoutes, "tts")
+    },
+    {
+      label: "Fallback path",
+      value: formatFallbackPath(decision)
+    }
+  ] : [];
   const rows = decision ? [
     { label: "Kind", value: decision.kind.toUpperCase() },
     { label: "Policy", value: formatValue(decision.routing, "Unknown") },
@@ -4279,12 +4315,21 @@ var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
       value: formatValue(decision.fallbackProvider)
     },
     { label: "Status", value: formatValue(decision.status, "unknown") },
+    {
+      label: "Voice profile",
+      value: formatValue(decision.profileLabel ?? decision.profileId)
+    },
+    {
+      label: "Default routes",
+      value: formatProviderRoutes(decision.providerRoutes)
+    },
     {
       label: "Latency budget",
       value: typeof decision.latencyBudgetMs === "number" ? `${decision.latencyBudgetMs}ms` : "None"
     }
   ] : [];
   return {
+    activeStack,
     decision,
     description: options.description ?? DEFAULT_DESCRIPTION10,
     error: snapshot.error,
@@ -4298,6 +4343,10 @@ var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
 };
 var renderVoiceRoutingStatusHTML = (snapshot, options = {}) => {
   const model = createVoiceRoutingStatusViewModel(snapshot, options);
+  const activeStack = model.activeStack.length ? `<div class="absolute-voice-routing-status__stack" aria-label="Active voice stack">${model.activeStack.map((item) => `<div>
+  <span>${escapeHtml12(item.label)}</span>
+  <strong>${escapeHtml12(item.value)}</strong>
+</div>`).join("")}</div>` : "";
   const rows = model.rows.length ? `<div class="absolute-voice-routing-status__grid">${model.rows.map((row) => `<div>
   <span>${escapeHtml12(row.label)}</span>
   <strong>${escapeHtml12(row.value)}</strong>
@@ -4308,11 +4357,12 @@ var renderVoiceRoutingStatusHTML = (snapshot, options = {}) => {
     <strong class="absolute-voice-routing-status__label">${escapeHtml12(model.label)}</strong>
   </header>
   <p class="absolute-voice-routing-status__description">${escapeHtml12(model.description)}</p>
+  ${activeStack}
   ${rows}
   ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml12(model.error)}</p>` : ""}
 </section>`;
 };
-var getVoiceRoutingStatusCSS = () => `.absolute-voice-routing-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-routing-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-routing-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-routing-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-routing-status__label{font-size:24px;line-height:1}.absolute-voice-routing-status__description{color:#514733;margin:12px 0 0}.absolute-voice-routing-status__grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.absolute-voice-routing-status__grid div{background:#fff;border:1px solid #eee4d2;border-radius:14px;padding:10px 12px}.absolute-voice-routing-status__grid span{color:#655944;display:block;font-size:12px;margin-bottom:4px}.absolute-voice-routing-status__grid strong{overflow-wrap:anywhere}.absolute-voice-routing-status__empty{color:#655944;margin:14px 0 0}.absolute-voice-routing-status__error{color:#9f1239;font-weight:700}`;
+var getVoiceRoutingStatusCSS = () => `.absolute-voice-routing-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-routing-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-routing-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-routing-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-routing-status__label{font-size:24px;line-height:1}.absolute-voice-routing-status__description{color:#514733;margin:12px 0 0}.absolute-voice-routing-status__stack{background:linear-gradient(135deg,#16130d,#49391f);border-radius:18px;color:#fff;display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px;padding:12px}.absolute-voice-routing-status__stack div{border-left:1px solid rgba(255,255,255,.18);padding-left:10px}.absolute-voice-routing-status__stack div:first-child{border-left:0;padding-left:0}.absolute-voice-routing-status__stack span{color:#e9d9b8;display:block;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase}.absolute-voice-routing-status__stack strong{display:block;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.absolute-voice-routing-status__grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.absolute-voice-routing-status__grid div{background:#fff;border:1px solid #eee4d2;border-radius:14px;padding:10px 12px}.absolute-voice-routing-status__grid span{color:#655944;display:block;font-size:12px;margin-bottom:4px}.absolute-voice-routing-status__grid strong{overflow-wrap:anywhere}.absolute-voice-routing-status__empty{color:#655944;margin:14px 0 0}.absolute-voice-routing-status__error{color:#9f1239;font-weight:700}@media (max-width:760px){.absolute-voice-routing-status__stack{grid-template-columns:repeat(2,minmax(0,1fr))}.absolute-voice-routing-status__stack div{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-left:0;padding-top:8px}.absolute-voice-routing-status__stack div:first-child{border-top:0;padding-top:0}}`;
 var mountVoiceRoutingStatus = (element, path = "/api/routing/latest", options = {}) => {
   const store = createVoiceRoutingStatusStore(path, options);
   const render = () => {

package/dist/resilienceRoutes.d.ts

@@ -12,7 +12,10 @@ export type VoiceRoutingEvent = {
     kind: VoiceRoutingEventKind;
     latencyBudgetMs?: number;
     operation?: string;
+    profileId?: string;
+    profileLabel?: string;
     provider?: string;
+    providerRoutes?: Record<string, string>;
     routing?: string;
     scenarioId?: string;
     selectedProvider?: string;

package/dist/svelte/index.js

@@ -4931,8 +4931,44 @@ var DEFAULT_TITLE7 = "Voice Routing";
 var DEFAULT_DESCRIPTION7 = "Latest provider routing decision from the self-hosted trace store.";
 var escapeHtml10 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatValue = (value, fallback = "None") => typeof value === "string" && value.trim() ? value : typeof value === "number" && Number.isFinite(value) ? String(value) : fallback;
+var formatProviderRoutes = (routes) => routes && typeof routes === "object" ? Object.entries(routes).map(([role, provider]) => `${role}: ${formatValue(provider)}`).join(", ") || "None" : "None";
+var getProviderRoute = (routes, role) => routes && typeof routes === "object" ? formatValue(routes[role], "Not configured") : "Not configured";
+var formatFallbackPath = (decision) => {
+  const provider = formatValue(decision.provider, "Unknown");
+  const selectedProvider = formatValue(decision.selectedProvider, provider);
+  const fallbackProvider = formatValue(decision.fallbackProvider, "");
+  if (fallbackProvider !== "None" && fallbackProvider.trim()) {
+    return `${provider} -> ${fallbackProvider}`;
+  }
+  if (selectedProvider !== provider) {
+    return `${provider} -> ${selectedProvider}`;
+  }
+  return `${provider} primary`;
+};
 var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
   const decision = snapshot.decision;
+  const activeStack = decision ? [
+    {
+      label: "Profile",
+      value: formatValue(decision.profileLabel ?? decision.profileId)
+    },
+    {
+      label: "LLM",
+      value: getProviderRoute(decision.providerRoutes, "llm")
+    },
+    {
+      label: "STT",
+      value: getProviderRoute(decision.providerRoutes, "stt")
+    },
+    {
+      label: "TTS",
+      value: getProviderRoute(decision.providerRoutes, "tts")
+    },
+    {
+      label: "Fallback path",
+      value: formatFallbackPath(decision)
+    }
+  ] : [];
   const rows = decision ? [
     { label: "Kind", value: decision.kind.toUpperCase() },
     { label: "Policy", value: formatValue(decision.routing, "Unknown") },
@@ -4946,12 +4982,21 @@ var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
       value: formatValue(decision.fallbackProvider)
     },
     { label: "Status", value: formatValue(decision.status, "unknown") },
+    {
+      label: "Voice profile",
+      value: formatValue(decision.profileLabel ?? decision.profileId)
+    },
+    {
+      label: "Default routes",
+      value: formatProviderRoutes(decision.providerRoutes)
+    },
     {
       label: "Latency budget",
       value: typeof decision.latencyBudgetMs === "number" ? `${decision.latencyBudgetMs}ms` : "None"
     }
   ] : [];
   return {
+    activeStack,
     decision,
     description: options.description ?? DEFAULT_DESCRIPTION7,
     error: snapshot.error,
@@ -4965,6 +5010,10 @@ var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
 };
 var renderVoiceRoutingStatusHTML = (snapshot, options = {}) => {
   const model = createVoiceRoutingStatusViewModel(snapshot, options);
+  const activeStack = model.activeStack.length ? `<div class="absolute-voice-routing-status__stack" aria-label="Active voice stack">${model.activeStack.map((item) => `<div>
+  <span>${escapeHtml10(item.label)}</span>
+  <strong>${escapeHtml10(item.value)}</strong>
+</div>`).join("")}</div>` : "";
   const rows = model.rows.length ? `<div class="absolute-voice-routing-status__grid">${model.rows.map((row) => `<div>
   <span>${escapeHtml10(row.label)}</span>
   <strong>${escapeHtml10(row.value)}</strong>
@@ -4975,11 +5024,12 @@ var renderVoiceRoutingStatusHTML = (snapshot, options = {}) => {
     <strong class="absolute-voice-routing-status__label">${escapeHtml10(model.label)}</strong>
   </header>
   <p class="absolute-voice-routing-status__description">${escapeHtml10(model.description)}</p>
+  ${activeStack}
   ${rows}
   ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml10(model.error)}</p>` : ""}
 </section>`;
 };
-var getVoiceRoutingStatusCSS = () => `.absolute-voice-routing-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-routing-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-routing-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-routing-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-routing-status__label{font-size:24px;line-height:1}.absolute-voice-routing-status__description{color:#514733;margin:12px 0 0}.absolute-voice-routing-status__grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.absolute-voice-routing-status__grid div{background:#fff;border:1px solid #eee4d2;border-radius:14px;padding:10px 12px}.absolute-voice-routing-status__grid span{color:#655944;display:block;font-size:12px;margin-bottom:4px}.absolute-voice-routing-status__grid strong{overflow-wrap:anywhere}.absolute-voice-routing-status__empty{color:#655944;margin:14px 0 0}.absolute-voice-routing-status__error{color:#9f1239;font-weight:700}`;
+var getVoiceRoutingStatusCSS = () => `.absolute-voice-routing-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-routing-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-routing-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-routing-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-routing-status__label{font-size:24px;line-height:1}.absolute-voice-routing-status__description{color:#514733;margin:12px 0 0}.absolute-voice-routing-status__stack{background:linear-gradient(135deg,#16130d,#49391f);border-radius:18px;color:#fff;display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px;padding:12px}.absolute-voice-routing-status__stack div{border-left:1px solid rgba(255,255,255,.18);padding-left:10px}.absolute-voice-routing-status__stack div:first-child{border-left:0;padding-left:0}.absolute-voice-routing-status__stack span{color:#e9d9b8;display:block;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase}.absolute-voice-routing-status__stack strong{display:block;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.absolute-voice-routing-status__grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.absolute-voice-routing-status__grid div{background:#fff;border:1px solid #eee4d2;border-radius:14px;padding:10px 12px}.absolute-voice-routing-status__grid span{color:#655944;display:block;font-size:12px;margin-bottom:4px}.absolute-voice-routing-status__grid strong{overflow-wrap:anywhere}.absolute-voice-routing-status__empty{color:#655944;margin:14px 0 0}.absolute-voice-routing-status__error{color:#9f1239;font-weight:700}@media (max-width:760px){.absolute-voice-routing-status__stack{grid-template-columns:repeat(2,minmax(0,1fr))}.absolute-voice-routing-status__stack div{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-left:0;padding-top:8px}.absolute-voice-routing-status__stack div:first-child{border-top:0;padding-top:0}}`;
 var mountVoiceRoutingStatus = (element, path = "/api/routing/latest", options = {}) => {
   const store = createVoiceRoutingStatusStore(path, options);
   const render = () => {

package/dist/vue/index.js

@@ -4279,8 +4279,44 @@ var DEFAULT_TITLE10 = "Voice Routing";
 var DEFAULT_DESCRIPTION10 = "Latest provider routing decision from the self-hosted trace store.";
 var escapeHtml12 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatValue = (value, fallback = "None") => typeof value === "string" && value.trim() ? value : typeof value === "number" && Number.isFinite(value) ? String(value) : fallback;
+var formatProviderRoutes = (routes) => routes && typeof routes === "object" ? Object.entries(routes).map(([role, provider]) => `${role}: ${formatValue(provider)}`).join(", ") || "None" : "None";
+var getProviderRoute = (routes, role) => routes && typeof routes === "object" ? formatValue(routes[role], "Not configured") : "Not configured";
+var formatFallbackPath = (decision) => {
+  const provider = formatValue(decision.provider, "Unknown");
+  const selectedProvider = formatValue(decision.selectedProvider, provider);
+  const fallbackProvider = formatValue(decision.fallbackProvider, "");
+  if (fallbackProvider !== "None" && fallbackProvider.trim()) {
+    return `${provider} -> ${fallbackProvider}`;
+  }
+  if (selectedProvider !== provider) {
+    return `${provider} -> ${selectedProvider}`;
+  }
+  return `${provider} primary`;
+};
 var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
   const decision = snapshot.decision;
+  const activeStack = decision ? [
+    {
+      label: "Profile",
+      value: formatValue(decision.profileLabel ?? decision.profileId)
+    },
+    {
+      label: "LLM",
+      value: getProviderRoute(decision.providerRoutes, "llm")
+    },
+    {
+      label: "STT",
+      value: getProviderRoute(decision.providerRoutes, "stt")
+    },
+    {
+      label: "TTS",
+      value: getProviderRoute(decision.providerRoutes, "tts")
+    },
+    {
+      label: "Fallback path",
+      value: formatFallbackPath(decision)
+    }
+  ] : [];
   const rows = decision ? [
     { label: "Kind", value: decision.kind.toUpperCase() },
     { label: "Policy", value: formatValue(decision.routing, "Unknown") },
@@ -4294,12 +4330,21 @@ var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
       value: formatValue(decision.fallbackProvider)
     },
     { label: "Status", value: formatValue(decision.status, "unknown") },
+    {
+      label: "Voice profile",
+      value: formatValue(decision.profileLabel ?? decision.profileId)
+    },
+    {
+      label: "Default routes",
+      value: formatProviderRoutes(decision.providerRoutes)
+    },
     {
       label: "Latency budget",
       value: typeof decision.latencyBudgetMs === "number" ? `${decision.latencyBudgetMs}ms` : "None"
     }
   ] : [];
   return {
+    activeStack,
     decision,
     description: options.description ?? DEFAULT_DESCRIPTION10,
     error: snapshot.error,
@@ -4313,6 +4358,10 @@ var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
 };
 var renderVoiceRoutingStatusHTML = (snapshot, options = {}) => {
   const model = createVoiceRoutingStatusViewModel(snapshot, options);
+  const activeStack = model.activeStack.length ? `<div class="absolute-voice-routing-status__stack" aria-label="Active voice stack">${model.activeStack.map((item) => `<div>
+  <span>${escapeHtml12(item.label)}</span>
+  <strong>${escapeHtml12(item.value)}</strong>
+</div>`).join("")}</div>` : "";
   const rows = model.rows.length ? `<div class="absolute-voice-routing-status__grid">${model.rows.map((row) => `<div>
   <span>${escapeHtml12(row.label)}</span>
   <strong>${escapeHtml12(row.value)}</strong>
@@ -4323,11 +4372,12 @@ var renderVoiceRoutingStatusHTML = (snapshot, options = {}) => {
     <strong class="absolute-voice-routing-status__label">${escapeHtml12(model.label)}</strong>
   </header>
   <p class="absolute-voice-routing-status__description">${escapeHtml12(model.description)}</p>
+  ${activeStack}
   ${rows}
   ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml12(model.error)}</p>` : ""}
 </section>`;
 };
-var getVoiceRoutingStatusCSS = () => `.absolute-voice-routing-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-routing-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-routing-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-routing-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-routing-status__label{font-size:24px;line-height:1}.absolute-voice-routing-status__description{color:#514733;margin:12px 0 0}.absolute-voice-routing-status__grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.absolute-voice-routing-status__grid div{background:#fff;border:1px solid #eee4d2;border-radius:14px;padding:10px 12px}.absolute-voice-routing-status__grid span{color:#655944;display:block;font-size:12px;margin-bottom:4px}.absolute-voice-routing-status__grid strong{overflow-wrap:anywhere}.absolute-voice-routing-status__empty{color:#655944;margin:14px 0 0}.absolute-voice-routing-status__error{color:#9f1239;font-weight:700}`;
+var getVoiceRoutingStatusCSS = () => `.absolute-voice-routing-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-routing-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-routing-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-routing-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-routing-status__label{font-size:24px;line-height:1}.absolute-voice-routing-status__description{color:#514733;margin:12px 0 0}.absolute-voice-routing-status__stack{background:linear-gradient(135deg,#16130d,#49391f);border-radius:18px;color:#fff;display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px;padding:12px}.absolute-voice-routing-status__stack div{border-left:1px solid rgba(255,255,255,.18);padding-left:10px}.absolute-voice-routing-status__stack div:first-child{border-left:0;padding-left:0}.absolute-voice-routing-status__stack span{color:#e9d9b8;display:block;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase}.absolute-voice-routing-status__stack strong{display:block;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.absolute-voice-routing-status__grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.absolute-voice-routing-status__grid div{background:#fff;border:1px solid #eee4d2;border-radius:14px;padding:10px 12px}.absolute-voice-routing-status__grid span{color:#655944;display:block;font-size:12px;margin-bottom:4px}.absolute-voice-routing-status__grid strong{overflow-wrap:anywhere}.absolute-voice-routing-status__empty{color:#655944;margin:14px 0 0}.absolute-voice-routing-status__error{color:#9f1239;font-weight:700}@media (max-width:760px){.absolute-voice-routing-status__stack{grid-template-columns:repeat(2,minmax(0,1fr))}.absolute-voice-routing-status__stack div{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-left:0;padding-top:8px}.absolute-voice-routing-status__stack div:first-child{border-top:0;padding-top:0}}`;
 var mountVoiceRoutingStatus = (element, path = "/api/routing/latest", options = {}) => {
   const store = createVoiceRoutingStatusStore(path, options);
   const render = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@absolutejs/voice",
-	"version": "0.0.22-beta.350",
+	"version": "0.0.22-beta.352",
 	"description": "Voice primitives and Elysia plugin for AbsoluteJS",
 	"repository": {
 		"type": "git",