react-semaphor 0.1.387 → 0.1.389

package/dist/data-app-sdk/index.js

@@ -1,24 +1,24 @@
-import { toSemaphorInputSnapshots as Rt, toSemaphorInputBinding as Et, toSemaphorActiveInputSnapshots as U, toSemaphorMatrixIntent as kt, toSemaphorSqlIntent as Ct, toSemaphorInputOptionsIntent as Dt, toSemaphorRecordsIntent as Lt, toSemaphorAnalysisQueryOptions as Ot, toSemaphorAnalysisIntent as Bt, toSemaphorMetricIntent as Kt, hasSemaphorInputValue as re, normalizeSemaphorInputOptions as tt, toSemaphorInputSpec as rt } from "../data-app-sdk-adapters/index.js";
-import { jsxs as p, Fragment as $t, jsx as s } from "react/jsx-runtime";
-import { createContext as pe, useContext as z, useState as Q, useRef as C, useEffect as B, useMemo as b, useId as nt, useCallback as D, useReducer as _t } from "react";
-import { M as Nt, a as Ft, S as Wt, E as Mt } from "../chunks/search-0LmWwZzW.js";
-import { X as zt, j as jt } from "../chunks/x-IdR_js6f.js";
-import { b as Ht } from "../chunks/validators-CHPH6ORs.js";
+import { toSemaphorInputSnapshots as Tr, toSemaphorInputBinding as kr, toSemaphorActiveInputSnapshots as Y, toSemaphorMatrixIntent as Cr, toSemaphorSqlIntent as Dr, toSemaphorInputOptionsIntent as Lr, toSemaphorRecordsIntent as Or, toSemaphorAnalysisQueryOptions as Br, toSemaphorAnalysisIntent as Kr, toSemaphorMetricIntent as Nr, hasSemaphorInputValue as oe, normalizeSemaphorInputOptions as nr, toSemaphorInputSpec as ir } from "../data-app-sdk-adapters/index.js";
+import { jsxs as p, Fragment as or, jsx as o } from "react/jsx-runtime";
+import { createContext as ye, useContext as Q, useState as V, useRef as D, useEffect as K, useMemo as b, Fragment as $r, useId as sr, useCallback as O, useReducer as Wr } from "react";
+import { M as Fr, a as _r, S as zr, E as Hr } from "../chunks/search-0LmWwZzW.js";
+import { X as Mr, j as jr } from "../chunks/x-IdR_js6f.js";
+import { b as Pr } from "../chunks/validators-CHPH6ORs.js";
 import "../chunks/analyze-result-contract-DuhlklhI.js";
-function oe(e, t, r = {}) {
+function le(e, r, t = {}) {
   return {
-    ...r,
+    ...t,
     name: e,
-    role: t
+    role: r
   };
 }
-function Qn(e) {
+function ri(e) {
   return e;
 }
-function Un(e) {
+function ti(e) {
   return e;
 }
-const Gn = {
+const ni = {
   source: {
     semantic(e) {
       return {
@@ -34,17 +34,17 @@ const Gn = {
     }
   },
   field: {
-    measure(e, t) {
-      return oe(e, "measure", t);
+    measure(e, r) {
+      return le(e, "measure", r);
     },
-    dimension(e, t) {
-      return oe(e, "dimension", t);
+    dimension(e, r) {
+      return le(e, "dimension", r);
     },
-    date(e, t) {
-      return oe(e, "date", t);
+    date(e, r) {
+      return le(e, "date", r);
     },
-    id(e, t) {
-      return oe(e, "id", t);
+    id(e, r) {
+      return le(e, "id", r);
     }
   },
   filter(e) {
@@ -53,15 +53,15 @@ const Gn = {
       kind: "filter"
     };
   },
-  bindInput(e, t) {
+  bindInput(e, r) {
     return {
       toAnalyticsInput() {
-        const [r] = Rt([e]), n = Et({
-          ...t,
-          inputId: t.inputId || r.inputId
+        const [t] = Tr([e]), n = kr({
+          ...r,
+          inputId: r.inputId || t.inputId
         });
         return {
-          ...r,
+          ...t,
           inputId: n.inputId,
           ...n.kind ? { kind: n.kind } : {},
           ...n.controlRole ? { controlRole: n.controlRole } : {},
@@ -128,165 +128,169 @@ const Gn = {
       queryKind: "matrix"
     };
   }
-}, he = 10, ve = 100, Pt = 25, Vt = 500, it = {
+}, be = 10, Se = 100, Qr = 25, Vr = 500, ar = {
   enabled: !1,
   queries: [],
   getQuery: () => {
   },
   getQueries: () => []
-}, ke = pe(null), Ce = pe(null), De = pe(
+}, Le = ye(null), Oe = ye(null), Be = ye(
   void 0
-), M = [];
-function Qt({
+), P = [];
+function Ur({
   debug: e,
-  children: t
+  children: r
 }) {
-  const r = b(() => Vr(e), [e]), [n, i] = _t(
-    $r,
-    r,
-    yt
-  ), o = C(n), u = nt(), [c, d] = Q({ open: !1 });
-  o.current = n, B(() => {
-    i({ type: "config", config: r });
-  }, [r]), B(() => {
+  const t = b(() => Zt(e), [e]), [n, i] = Wr(
+    Mt,
+    t,
+    hr
+  ), d = D(n), l = sr(), [c, u] = V({ open: !1 });
+  d.current = n, K(() => {
+    i({ type: "config", config: t });
+  }, [t]), K(() => {
     if (!n.enabled || !n.exposeWindowBridge || typeof window > "u")
       return;
-    const S = zr(() => o.current);
-    return Ut({
-      ownerId: u,
+    const S = Gt(() => d.current);
+    return Gr({
+      ownerId: l,
       bridge: S
     }), () => {
-      Gt(u);
+      Jr(l);
     };
-  }, [u, n.enabled, n.exposeWindowBridge]);
-  const f = b(() => ({ state: n, dispatch: i }), [n]), y = D((S) => {
-    d({ open: !0, focus: S });
-  }, []), g = D(() => {
-    d((S) => ({ ...S, open: !1 }));
-  }, []), h = D((S) => {
-    d({ open: !0, focus: S });
-  }, []), m = b(
+  }, [l, n.enabled, n.exposeWindowBridge]);
+  const f = b(() => ({ state: n, dispatch: i }), [n]), m = O((S) => {
+    u({ open: !0, focus: S });
+  }, []), y = O(() => {
+    u((S) => ({ ...S, open: !1 }));
+  }, []), h = O((S) => {
+    u({ open: !0, focus: S });
+  }, []), g = b(
     () => ({
       open: c.open,
       focus: c.focus,
-      openDevtools: y,
-      closeDevtools: g,
+      openDevtools: m,
+      closeDevtools: y,
       focusTrace: h
     }),
     [
-      g,
-      h,
       y,
+      h,
+      m,
       c.focus,
       c.open
     ]
   );
-  return /* @__PURE__ */ s(ke.Provider, { value: f, children: /* @__PURE__ */ s(Ce.Provider, { value: m, children: t }) });
+  return /* @__PURE__ */ o(Le.Provider, { value: f, children: /* @__PURE__ */ o(Oe.Provider, { value: g, children: r }) });
 }
-function Ut(e) {
-  const t = M.findIndex(
-    (r) => r.ownerId === e.ownerId
+function Gr(e) {
+  const r = P.findIndex(
+    (t) => t.ownerId === e.ownerId
   );
-  t >= 0 && M.splice(t, 1), M.push(e), ot();
+  r >= 0 && P.splice(r, 1), P.push(e), dr();
 }
-function Gt(e) {
-  const t = M.findIndex(
-    (r) => r.ownerId === e
+function Jr(e) {
+  const r = P.findIndex(
+    (t) => t.ownerId === e
   );
-  t >= 0 && M.splice(t, 1), ot();
+  r >= 0 && P.splice(r, 1), dr();
 }
-function ot() {
+function dr() {
   if (typeof window > "u")
     return;
-  const e = M[M.length - 1];
+  const e = P[P.length - 1];
   e ? window.__SEMAPHOR_DEVTOOLS__ = e.bridge : delete window.__SEMAPHOR_DEVTOOLS__;
 }
-function Jn({
+function ii({
   id: e,
-  title: t,
-  children: r
+  title: r,
+  children: t
 }) {
-  const n = b(() => ({ id: e, title: t }), [e, t]);
-  return /* @__PURE__ */ s(De.Provider, { value: n, children: r });
+  const n = b(() => ({ id: e, title: r }), [e, r]);
+  return /* @__PURE__ */ o(Be.Provider, { value: n, children: t });
 }
-function Jt({
+function Yr({
   buttonPosition: e = "bottom-right",
-  initialIsOpen: t = !1,
-  panelPosition: r = "right",
+  initialIsOpen: r = !1,
+  panelPosition: t = "right",
   className: n,
   style: i
 } = {}) {
-  const o = st(), u = z(Ce), [c, d] = Q(""), [f, y] = Q(!1), g = C(null), h = C(null), m = u == null ? void 0 : u.openDevtools, S = u == null ? void 0 : u.closeDevtools, T = (u == null ? void 0 : u.open) === !0;
-  B(() => {
-    mt();
-  }, []), B(() => {
-    t && o.enabled && (m == null || m());
-  }, [t, o.enabled, m]), B(() => {
-    if (!T || !S)
+  const d = lr(), l = Q(Oe), [c, u] = V(""), [f, m] = V(!1), y = D(null), h = D(null), g = l == null ? void 0 : l.openDevtools, S = l == null ? void 0 : l.closeDevtools, k = (l == null ? void 0 : l.open) === !0;
+  K(() => {
+    yr();
+  }, []), K(() => {
+    r && d.enabled && (g == null || g());
+  }, [r, d.enabled, g]), K(() => {
+    if (!k || !S)
       return;
-    const v = (I) => {
-      var R, O;
-      const L = I.target;
-      L instanceof Node && ((R = g.current) != null && R.contains(L) || (O = h.current) != null && O.contains(L) || S());
+    const v = (w) => {
+      var I, E;
+      const A = w.target;
+      A instanceof Node && ((I = y.current) != null && I.contains(A) || (E = h.current) != null && E.contains(A) || S());
     };
     return document.addEventListener("pointerdown", v, !0), document.addEventListener("mousedown", v, !0), document.addEventListener("click", v, !0), () => {
       document.removeEventListener("pointerdown", v, !0), document.removeEventListener("mousedown", v, !0), document.removeEventListener("click", v, !0);
     };
-  }, [S, T]);
+  }, [S, k]);
   const a = b(
-    () => ar(o.queries),
-    [o.queries]
-  ), w = b(
-    () => lr(o.queries, c),
-    [o.queries, c]
-  ), K = b(
-    () => ur(w),
-    [w]
-  ), E = b(
-    () => at(w, u == null ? void 0 : u.focus) || w[0],
-    [w, u == null ? void 0 : u.focus]
+    () => gt(d.queries),
+    [d.queries]
+  ), x = mt(a), C = b(
+    () => yt(d.queries, c),
+    [d.queries, c]
+  ), L = b(
+    () => ht(C),
+    [C]
+  ), B = b(
+    () => ur(C, l == null ? void 0 : l.focus) || C[0],
+    [C, l == null ? void 0 : l.focus]
   );
-  return !o.enabled || !u ? null : /* @__PURE__ */ p($t, { children: [
+  return !d.enabled || !l ? null : /* @__PURE__ */ p(or, { children: [
     /* @__PURE__ */ p(
       "button",
       {
-        ref: g,
+        ref: y,
         type: "button",
-        "aria-label": "Open Semaphor DevTools",
-        title: "Open Semaphor DevTools",
+        "aria-label": "Open Semaphor Inspector",
+        title: x,
         className: n ? `${$} ${n}` : $,
         style: {
-          ...l.launcher,
-          ...kr(e),
-          ...Cr(a.severity),
+          ...s.launcher,
+          ...Nt(e),
+          ...$t(a.severity),
           ...i
         },
-        onClick: () => u.openDevtools(),
+        onClick: () => l.openDevtools(),
         children: [
-          /* @__PURE__ */ s(Xt, {}),
-          /* @__PURE__ */ s("span", { style: l.launcherText, children: a.total }),
-          a.issueCount > 0 ? /* @__PURE__ */ s("span", { style: l.launcherIssueCount, children: a.issueCount }) : null
+          /* @__PURE__ */ o(Zr, {}),
+          /* @__PURE__ */ o("span", { style: s.launcherText, children: a.total }),
+          a.issueCount > 0 ? /* @__PURE__ */ p("span", { style: s.launcherIssueCount, children: [
+            a.issueCount,
+            " issue",
+            a.issueCount === 1 ? "" : "s"
+          ] }) : null
         ]
       }
     ),
-    u.open ? /* @__PURE__ */ p(
+    l.open ? /* @__PURE__ */ p(
       "div",
       {
         ref: h,
         role: "dialog",
-        "aria-label": "Semaphor DevTools",
+        "aria-label": "Semaphor Inspector",
         "aria-modal": "false",
         className: $,
         style: {
-          ...l.panel,
-          ...Dr(r),
-          ...f ? l.panelFullscreen : null
+          ...s.panel,
+          ...Wt(t),
+          ...f ? s.panelFullscreen : null
         },
         children: [
-          /* @__PURE__ */ p("div", { style: l.panelHeader, children: [
-            /* @__PURE__ */ p("div", { style: l.panelTitleBlock, children: [
-              /* @__PURE__ */ s("div", { style: l.panelTitle, children: "Semaphor DevTools" }),
-              /* @__PURE__ */ p("div", { style: l.panelSubtitle, children: [
+          /* @__PURE__ */ p("div", { style: s.panelHeader, children: [
+            /* @__PURE__ */ p("div", { style: s.panelTitleBlock, children: [
+              /* @__PURE__ */ o("div", { style: s.panelTitle, children: "Semaphor Inspector" }),
+              /* @__PURE__ */ p("div", { style: s.panelSubtitle, children: [
                 a.total,
                 " queries · ",
                 a.loading,
@@ -296,40 +300,40 @@ function Jt({
                 " failed"
               ] })
             ] }),
-            /* @__PURE__ */ p("div", { style: l.panelActions, children: [
-              /* @__PURE__ */ s(
+            /* @__PURE__ */ p("div", { style: s.panelActions, children: [
+              /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
-                  "aria-label": f ? "Exit fullscreen Semaphor DevTools" : "Enter fullscreen Semaphor DevTools",
-                  title: f ? "Exit fullscreen Semaphor DevTools" : "Enter fullscreen Semaphor DevTools",
-                  style: l.iconButton,
-                  onClick: () => y((v) => !v),
-                  children: f ? /* @__PURE__ */ s(Nt, { size: 15 }) : /* @__PURE__ */ s(Ft, { size: 15 })
+                  "aria-label": f ? "Exit fullscreen Semaphor Inspector" : "Enter fullscreen Semaphor Inspector",
+                  title: f ? "Exit fullscreen Semaphor Inspector" : "Enter fullscreen Semaphor Inspector",
+                  style: s.iconButton,
+                  onClick: () => m((v) => !v),
+                  children: f ? /* @__PURE__ */ o(Fr, { size: 15 }) : /* @__PURE__ */ o(_r, { size: 15 })
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
-                  "aria-label": "Close Semaphor DevTools",
-                  style: l.iconButton,
-                  onClick: u.closeDevtools,
-                  children: /* @__PURE__ */ s(zt, { size: 15 })
+                  "aria-label": "Close Semaphor Inspector",
+                  style: s.iconButton,
+                  onClick: l.closeDevtools,
+                  children: /* @__PURE__ */ o(Mr, { size: 15 })
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ p("label", { style: l.searchBox, children: [
-            /* @__PURE__ */ s(Wt, { size: 14 }),
-            /* @__PURE__ */ s(
+          /* @__PURE__ */ p("label", { style: s.searchBox, children: [
+            /* @__PURE__ */ o(zr, { size: 14 }),
+            /* @__PURE__ */ o(
               "input",
               {
                 "aria-label": "Search Semaphor traces",
                 value: c,
-                onChange: (v) => d(v.currentTarget.value),
+                onChange: (v) => u(v.currentTarget.value),
                 placeholder: "Search traces",
-                style: l.searchInput
+                style: s.searchInput
               }
             )
           ] }),
@@ -337,73 +341,76 @@ function Jt({
             "div",
             {
               style: {
-                ...l.panelBody,
-                ...Lr(r)
+                ...s.panelBody,
+                ...Ft(t)
               },
               children: [
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ o(
                   "div",
                   {
                     style: {
-                      ...l.queryList,
-                      ...Or()
+                      ...s.queryList,
+                      ..._t()
                     },
                     "aria-label": "Registered queries",
-                    children: w.length ? K.map((v) => /* @__PURE__ */ p("div", { style: l.queryGroup, children: [
-                      /* @__PURE__ */ p("div", { style: l.queryGroupHeader, children: [
-                        /* @__PURE__ */ s("span", { children: v.title }),
-                        /* @__PURE__ */ s("span", { style: l.queryGroupCount, children: v.traces.length })
+                    children: C.length ? L.map((v) => /* @__PURE__ */ p("div", { style: s.queryGroup, children: [
+                      /* @__PURE__ */ p("div", { style: s.queryGroupHeader, children: [
+                        /* @__PURE__ */ o("span", { children: v.title }),
+                        /* @__PURE__ */ o("span", { style: s.queryGroupCount, children: v.traces.length })
                       ] }),
-                      v.traces.length ? v.traces.map((I) => {
-                        var J;
-                        const L = cr(I, E), R = Le(I), O = ut(I), x = lt(I), k = me(I);
+                      v.traces.length ? v.traces.map((w) => {
+                        var R;
+                        const A = bt(w, B), I = Ke(w), E = pr(w), z = gr(w), Z = wt(w, I, z), ee = Z.join(" · "), ae = cr(E);
                         return /* @__PURE__ */ p(
                           "button",
                           {
                             type: "button",
-                            title: `${R} · ${O} · ${k}`,
+                            title: `${I} · ${E} · ${ee}`,
                             style: {
-                              ...l.queryListItem,
-                              ...L ? l.queryListItemSelected : null
+                              ...s.queryListItem,
+                              ...A ? s.queryListItemSelected : null
                             },
-                            onClick: () => u.focusTrace({
-                              traceId: I.traceId,
-                              queryId: I.queryId,
-                              viewId: I.viewId
+                            onClick: () => l.focusTrace({
+                              traceId: w.traceId,
+                              queryId: w.queryId,
+                              viewId: w.viewId
                             }),
                             children: [
-                              /* @__PURE__ */ p("span", { style: l.queryListItemHeader, children: [
-                                /* @__PURE__ */ s(er, { status: (J = I.latestAttempt) == null ? void 0 : J.status }),
-                                /* @__PURE__ */ s("span", { style: l.queryListTitle, title: R, children: R }),
-                                /* @__PURE__ */ s("span", { style: l.queryListKindChip, children: O })
+                              /* @__PURE__ */ p("span", { style: s.queryListItemHeader, children: [
+                                /* @__PURE__ */ o(rt, { status: (R = w.latestAttempt) == null ? void 0 : R.status }),
+                                /* @__PURE__ */ o("span", { style: s.queryListTitle, title: I, children: I }),
+                                /* @__PURE__ */ o(
+                                  "span",
+                                  {
+                                    style: {
+                                      ...s.queryListKindChip,
+                                      ...fr(ae)
+                                    },
+                                    children: E
+                                  }
+                                )
                               ] }),
-                              /* @__PURE__ */ s(
+                              /* @__PURE__ */ o(
                                 "span",
                                 {
                                   className: `${$}-source`,
-                                  style: l.queryListSource,
-                                  title: `${x} · ${k}`,
-                                  children: x
-                                }
-                              ),
-                              /* @__PURE__ */ s(
-                                "span",
-                                {
-                                  className: `${$}-source`,
-                                  style: l.queryListSourceSecondary,
-                                  title: k,
-                                  children: k
+                                  style: s.queryListSource,
+                                  title: ee,
+                                  children: Z.map((H, re) => /* @__PURE__ */ p($r, { children: [
+                                    re > 0 ? /* @__PURE__ */ o("span", { style: s.queryListSubtitleSep, children: " · " }) : null,
+                                    /* @__PURE__ */ o("span", { children: H })
+                                  ] }, `${H}:${re}`))
                                 }
                               )
                             ]
                           },
-                          Re(I)
+                          Ce(w)
                         );
-                      }) : /* @__PURE__ */ s("div", { style: l.queryGroupEmpty, children: "No input traces" })
-                    ] }, v.title)) : /* @__PURE__ */ s("div", { style: l.emptyState, children: "No matching traces" })
+                      }) : /* @__PURE__ */ o("div", { style: s.queryGroupEmpty, children: "No input traces" })
+                    ] }, v.title)) : /* @__PURE__ */ o("div", { style: s.emptyState, children: "No matching traces" })
                   }
                 ),
-                /* @__PURE__ */ s(Zt, { trace: E })
+                /* @__PURE__ */ o(et, { trace: B })
               ]
             }
           )
@@ -412,234 +419,229 @@ function Jt({
     ) : null
   ] });
 }
-function Yn({
+function oi({
   queryId: e,
-  viewId: t,
-  label: r,
+  viewId: r,
+  label: t,
   className: n,
   style: i
 } = {}) {
-  var g, h;
-  const o = st(), u = z(Ce), c = z(De);
-  B(() => {
-    mt();
+  var y, h;
+  const d = lr(), l = Q(Oe), c = Q(Be);
+  K(() => {
+    yr();
   }, []);
-  const d = t || (c == null ? void 0 : c.id), f = b(
-    () => dr(o.queries, {
+  const u = r || (c == null ? void 0 : c.id), f = b(
+    () => vt(d.queries, {
       queryId: e,
-      viewId: d
+      viewId: u
     }),
     [
-      o.queries,
+      d.queries,
       e,
-      d
+      u
     ]
   );
-  if (!o.enabled || !u || !f)
+  if (!d.enabled || !l || !f)
     return null;
-  const y = r || `Inspect ${pr(f, !!e)}`;
+  const m = t || `Inspect ${xt(f, !!e)}`;
   return /* @__PURE__ */ p(
     "button",
     {
       type: "button",
-      "aria-label": y,
-      title: y,
+      "aria-label": m,
+      title: m,
       className: n ? `${$} ${n}` : $,
       style: {
-        ...l.inspectButton,
-        ...Br((g = f.latestAttempt) == null ? void 0 : g.status),
+        ...s.inspectButton,
+        ...zt((y = f.latestAttempt) == null ? void 0 : y.status),
         ...i
       },
-      onClick: () => u.openDevtools({
+      onClick: () => l.openDevtools({
         traceId: f.traceId,
         queryId: f.queryId,
         viewId: f.viewId
       }),
       children: [
-        /* @__PURE__ */ s(Mt, { size: 13 }),
-        /* @__PURE__ */ s("span", { style: l.inspectButtonText, children: ((h = f.latestAttempt) == null ? void 0 : h.status) || "idle" })
+        /* @__PURE__ */ o(Hr, { size: 13 }),
+        /* @__PURE__ */ o("span", { style: s.inspectButtonText, children: ((h = f.latestAttempt) == null ? void 0 : h.status) || "idle" })
       ]
     }
   );
 }
-function st() {
-  const e = z(ke);
-  return !e || !e.state.enabled ? it : ce(e.state);
+function lr() {
+  const e = Q(Le);
+  return !e || !e.state.enabled ? ar : ge(e.state);
 }
-function Yt({
+function Xr({
   spec: e,
-  queryKind: t,
-  queryKey: r,
+  queryKind: r,
+  queryKey: t,
   intent: n,
   activeInputs: i,
-  debug: o
+  debug: d
 }) {
-  const u = z(ke), c = z(De), d = !!(u != null && u.state.enabled), f = u == null ? void 0 : u.dispatch, y = Qr(e), g = e.label, h = b(
+  const l = Q(Le), c = Q(Be), u = !!(l != null && l.state.enabled), f = l == null ? void 0 : l.dispatch, m = rn(e), y = e.label, h = b(
     () => JSON.stringify(e),
     [e]
-  ), m = b(
+  ), g = b(
     () => JSON.stringify(i || []),
     [i]
   ), S = b(
     () => JSON.stringify(n || null),
     [n]
-  ), T = C(e), a = C(h), w = C(n), K = C(S), E = C(i), v = C(m);
-  a.current !== h && (a.current = h, T.current = e), K.current !== S && (K.current = S, w.current = n), v.current !== m && (v.current = m, E.current = i);
-  const I = T.current, L = w.current, R = E.current, O = nt(), x = b(
-    () => y || `query_${St(r)}`,
-    [r, y]
-  ), k = (o == null ? void 0 : o.viewId) || (c == null ? void 0 : c.id), J = (o == null ? void 0 : o.viewTitle) || (o == null ? void 0 : o.title) || (c == null ? void 0 : c.title), $e = o == null ? void 0 : o.visualType, _e = o == null ? void 0 : o.sectionTitle, At = JSON.stringify(Qe(o) || []), Ne = b(
-    () => Qe(o),
-    // Keep inline debug={{ sourceHint: ... }} objects from re-registering every render.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [At]
-  ), F = b(
+  ), k = D(e), a = D(h), x = D(n), C = D(S), L = D(i), B = D(g), v = en(d), w = JSON.stringify(v || []), A = D(v), I = D(w);
+  a.current !== h && (a.current = h, k.current = e), C.current !== S && (C.current = S, x.current = n), B.current !== g && (B.current = g, L.current = i), I.current !== w && (I.current = w, A.current = v);
+  const E = k.current, z = x.current, Z = L.current, ee = A.current, ae = sr(), R = b(
+    () => m || `query_${xr(t)}`,
+    [t, m]
+  ), H = (d == null ? void 0 : d.viewId) || (c == null ? void 0 : c.id), re = (d == null ? void 0 : d.viewTitle) || (d == null ? void 0 : d.title) || (c == null ? void 0 : c.title), Fe = d == null ? void 0 : d.visualType, _e = d == null ? void 0 : d.sectionTitle, M = b(
     () => [
-      k || "unscoped-view",
-      x,
-      O
+      H || "unscoped-view",
+      R,
+      ae
     ].join("::"),
-    [x, O, k]
-  ), Fe = b(
+    [R, ae, H]
+  ), ze = b(
     () => ({
-      traceKey: F,
-      spec: I,
-      queryId: x,
-      queryLabel: g,
-      queryKind: t,
-      builder: Ur(t),
-      viewId: k,
-      viewTitle: J,
-      visualType: $e,
+      traceKey: M,
+      spec: E,
+      queryId: R,
+      queryLabel: y,
+      queryKind: r,
+      builder: tn(r),
+      viewId: H,
+      viewTitle: re,
+      visualType: Fe,
       sectionTitle: _e,
-      sourceHints: Ne,
-      intent: L,
-      activeInputs: R,
-      clientWarnings: y ? [] : ["Query spec is missing an explicit id; using an opaque internal id."]
+      sourceHints: ee,
+      intent: z,
+      activeInputs: Z,
+      clientWarnings: m ? [] : ["Query spec is missing an explicit id; using an opaque internal id."]
     }),
     [
-      x,
-      t,
-      y,
-      g,
-      I,
       R,
-      L,
-      Ne,
+      r,
+      m,
+      y,
+      E,
+      Z,
+      z,
+      ee,
       _e,
-      F,
-      k,
-      J,
-      $e
+      M,
+      H,
+      re,
+      Fe
     ]
   );
-  B(() => {
-    if (!(!d || !f))
-      return f({ type: "register", descriptor: Fe }), () => {
-        f({ type: "unregister", traceKey: F });
+  K(() => {
+    if (!(!u || !f))
+      return f({ type: "register", descriptor: ze }), () => {
+        f({ type: "unregister", traceKey: M });
       };
-  }, [Fe, f, d, F]);
-  const _ = D(
-    (A, j) => {
-      !d || !f || f({ type: "event", traceKey: F, event: A, latestAttempt: j });
+  }, [ze, f, u, M]);
+  const W = O(
+    (T, U) => {
+      !u || !f || f({ type: "event", traceKey: M, event: T, latestAttempt: U });
     },
-    [f, d, F]
-  ), We = D(() => {
-    _(
+    [f, u, M]
+  ), He = O(() => {
+    W(
       {
         type: "query_started",
-        queryId: x,
-        at: ue()
+        queryId: R,
+        at: fe()
       },
       { status: "loading" }
     );
-  }, [_, x]), Me = D(
-    (A, j) => {
-      const Y = Xe(A), X = rn(A), Tt = nn(A);
-      _(
+  }, [W, R]), Me = O(
+    (T, U) => {
+      const te = er(T), ne = cn(T), Er = fn(T);
+      W(
         {
           type: "query_succeeded",
-          queryId: x,
-          requestId: Y,
-          at: ue(),
-          rowCount: X,
-          durationMs: j
+          queryId: R,
+          requestId: te,
+          at: fe(),
+          rowCount: ne,
+          durationMs: U
         },
         {
-          requestId: Y,
+          requestId: te,
           status: "success",
-          durationMs: j,
-          rowCount: X,
-          columnCount: Tt,
-          executionResult: Ye(A)
+          durationMs: U,
+          rowCount: ne,
+          columnCount: Er,
+          executionResult: Ze(T)
         }
       );
     },
-    [_, x]
-  ), ie = D(
-    (A, j) => {
-      const Y = Xe(A), X = A instanceof Error ? A.message : String(A);
-      _(
+    [W, R]
+  ), de = O(
+    (T, U) => {
+      const te = er(T), ne = T instanceof Error ? T.message : String(T);
+      W(
         {
           type: "query_failed",
-          queryId: x,
-          requestId: Y,
-          at: ue(),
-          errorMessage: X
+          queryId: R,
+          requestId: te,
+          at: fe(),
+          errorMessage: ne
         },
         {
-          requestId: Y,
+          requestId: te,
           status: "error",
-          durationMs: j,
-          errorMessage: X,
-          executionResult: Ye(A)
+          durationMs: U,
+          errorMessage: ne,
+          executionResult: Ze(T)
         }
       );
     },
-    [_, x]
-  ), ze = D(
-    (A) => {
-      _(
+    [W, R]
+  ), je = O(
+    (T) => {
+      W(
         {
           type: "query_ignored_stale",
-          queryId: x,
-          at: ue(),
-          reason: A
+          queryId: R,
+          at: fe(),
+          reason: T
         }
       );
     },
-    [_, x]
-  ), je = D(
-    (A) => {
-      ie(A, 0);
+    [W, R]
+  ), Pe = O(
+    (T) => {
+      de(T, 0);
     },
-    [ie]
-  ), ge = d ? u == null ? void 0 : u.state.entries[F] : void 0;
+    [de]
+  ), ve = u ? l == null ? void 0 : l.state.entries[M] : void 0;
   return b(
     () => ({
-      enabled: d,
-      queryId: x,
-      trace: ge ? de(ge) : void 0,
-      start: We,
+      enabled: u,
+      queryId: R,
+      trace: ve ? pe(ve) : void 0,
+      start: He,
       success: Me,
-      failure: ie,
-      ignored: ze,
-      validationFailure: je
+      failure: de,
+      ignored: je,
+      validationFailure: Pe
     }),
     [
-      d,
-      ie,
-      ze,
-      x,
-      We,
+      u,
+      de,
+      je,
+      R,
+      He,
       Me,
-      ge,
-      je
+      ve,
+      Pe
     ]
   );
 }
-function Xt() {
-  return /* @__PURE__ */ s("span", { style: l.logoMark, "aria-hidden": !0, children: /* @__PURE__ */ p(
+function Zr() {
+  return /* @__PURE__ */ o("span", { style: s.logoMark, "aria-hidden": !0, children: /* @__PURE__ */ p(
     "svg",
     {
       viewBox: "0 0 100 100",
@@ -648,167 +650,194 @@ function Xt() {
       height: "16",
       focusable: "false",
       children: [
-        /* @__PURE__ */ s("rect", { x: "20", y: "15", width: "60", height: "12", rx: "6", fill: "currentColor" }),
-        /* @__PURE__ */ s("rect", { x: "20", y: "35", width: "40", height: "12", rx: "6", fill: "currentColor" }),
-        /* @__PURE__ */ s("rect", { x: "40", y: "55", width: "40", height: "12", rx: "6", fill: "currentColor" }),
-        /* @__PURE__ */ s("rect", { x: "20", y: "75", width: "60", height: "12", rx: "6", fill: "currentColor" })
+        /* @__PURE__ */ o("rect", { x: "20", y: "15", width: "60", height: "12", rx: "6", fill: "currentColor" }),
+        /* @__PURE__ */ o("rect", { x: "20", y: "35", width: "40", height: "12", rx: "6", fill: "currentColor" }),
+        /* @__PURE__ */ o("rect", { x: "40", y: "55", width: "40", height: "12", rx: "6", fill: "currentColor" }),
+        /* @__PURE__ */ o("rect", { x: "20", y: "75", width: "60", height: "12", rx: "6", fill: "currentColor" })
       ]
     }
   ) });
 }
-function Zt({
+function et({
   trace: e
 }) {
-  var T, a, w, K, E;
+  var L, B, v, w, A;
   if (!e)
-    return /* @__PURE__ */ s("div", { style: l.detailsPane, children: /* @__PURE__ */ s("div", { style: l.emptyState, children: "No traces registered yet" }) });
-  const t = e.latestAttempt, r = t == null ? void 0 : t.executionResult, n = be(
-    (T = r == null ? void 0 : r.validation) == null ? void 0 : T.warnings
-  ), i = be((a = r == null ? void 0 : r.validation) == null ? void 0 : a.errors), o = be(
-    (w = r == null ? void 0 : r.coverage) == null ? void 0 : w.missingObligations
-  ), u = r == null ? void 0 : r.compiledQuery, c = Er(r), d = ((K = e.server) == null ? void 0 : K.compiledSql) || c.compiledSql, f = t != null && t.errorMessage ? [t.errorMessage] : [], y = [
+    return /* @__PURE__ */ o("div", { style: s.detailsPane, children: /* @__PURE__ */ o("div", { style: s.emptyState, children: "No traces registered yet" }) });
+  const r = e.latestAttempt, t = r == null ? void 0 : r.executionResult, n = xe(
+    (L = t == null ? void 0 : t.validation) == null ? void 0 : L.warnings
+  ), i = xe((B = t == null ? void 0 : t.validation) == null ? void 0 : B.errors), d = xe(
+    (v = t == null ? void 0 : t.coverage) == null ? void 0 : v.missingObligations
+  ), l = t == null ? void 0 : t.compiledQuery, c = Kt(t), u = ((w = e.server) == null ? void 0 : w.compiledSql) || c.compiledSql, f = r != null && r.errorMessage ? [r.errorMessage] : [], m = [
     ...e.clientWarnings,
     ...n,
     ...i,
-    ...o
-  ], g = me(e), h = lt(e), m = e.inputsApplied.length > 0, S = !!(u || d);
-  return /* @__PURE__ */ p("div", { style: l.detailsPane, children: [
-    /* @__PURE__ */ p("div", { style: l.detailsHeader, children: [
-      /* @__PURE__ */ p("div", { style: l.detailsHeaderTopRow, children: [
-        /* @__PURE__ */ s(
+    ...d
+  ], y = e.inputsApplied.length > 0, h = !!(l || u), g = Rt(e), S = kt(r == null ? void 0 : r.rowCount), k = Ct(r == null ? void 0 : r.durationMs), a = e.sourceRefs.length, x = pr(e), C = cr(x);
+  return /* @__PURE__ */ p("div", { style: s.detailsPane, children: [
+    /* @__PURE__ */ p("div", { style: s.detailsHeader, children: [
+      /* @__PURE__ */ p("div", { style: s.detailsHeaderTopRow, children: [
+        /* @__PURE__ */ o(
           "span",
           {
             "aria-hidden": !0,
             style: {
-              ...l.detailsHeaderStatusDot,
-              ...pt(t == null ? void 0 : t.status)
+              ...s.detailsHeaderStatusDot,
+              ...mr(r == null ? void 0 : r.status)
             }
           }
         ),
-        /* @__PURE__ */ s("span", { style: l.detailsTitle, children: Le(e) }),
-        /* @__PURE__ */ s("span", { style: l.detailsKindChip, children: ut(e) })
+        /* @__PURE__ */ o("span", { style: s.detailsTitle, children: Ke(e) }),
+        /* @__PURE__ */ o(
+          "span",
+          {
+            style: {
+              ...s.detailsKindChip,
+              ...fr(C)
+            },
+            children: x
+          }
+        )
       ] }),
-      /* @__PURE__ */ p("div", { style: l.detailsCaption, children: [
-        /* @__PURE__ */ p("span", { style: l.detailsCaptionItem, children: [
-          /* @__PURE__ */ s("span", { style: l.detailsCaptionLabel, children: "Query" }),
-          /* @__PURE__ */ s(
-            "span",
-            {
-              style: {
-                ...l.detailsCaptionValue,
-                ...l.detailsCaptionItemMono
-              },
-              children: h
-            }
-          )
-        ] }),
-        /* @__PURE__ */ p("span", { style: l.detailsCaptionItem, children: [
-          /* @__PURE__ */ s("span", { style: l.detailsCaptionLabel, children: "Source" }),
-          /* @__PURE__ */ s("span", { style: l.detailsCaptionValue, children: g })
+      /* @__PURE__ */ p("div", { style: s.metaStrip, children: [
+        /* @__PURE__ */ o("span", { style: s.metaStripItem, children: g }),
+        /* @__PURE__ */ o("span", { style: s.metaStripDot, children: "·" }),
+        /* @__PURE__ */ p("span", { style: s.metaStripItem, children: [
+          S,
+          " rows"
         ] }),
-        /* @__PURE__ */ p("span", { style: l.detailsCaptionItem, children: [
-          /* @__PURE__ */ s("span", { style: l.detailsCaptionLabel, children: "Rows" }),
-          /* @__PURE__ */ s("span", { style: l.detailsCaptionValue, children: xr(t == null ? void 0 : t.rowCount) })
-        ] }),
-        /* @__PURE__ */ p("span", { style: l.detailsCaptionItem, children: [
-          /* @__PURE__ */ s("span", { style: l.detailsCaptionLabel, children: "Duration" }),
-          /* @__PURE__ */ s("span", { style: l.detailsCaptionValue, children: Ir(t == null ? void 0 : t.durationMs) })
-        ] })
+        /* @__PURE__ */ o("span", { style: s.metaStripDot, children: "·" }),
+        /* @__PURE__ */ o("span", { style: s.metaStripItem, children: k }),
+        a > 0 ? /* @__PURE__ */ p(or, { children: [
+          /* @__PURE__ */ o("span", { style: s.metaStripDot, children: "·" }),
+          /* @__PURE__ */ o("span", { style: s.metaStripItem, children: a === 1 ? "1 source" : `${a} sources` })
+        ] }) : null
       ] })
     ] }),
-    f.length ? /* @__PURE__ */ s(He, { tone: "error", title: "Error", items: f }) : null,
-    y.length ? /* @__PURE__ */ s(He, { tone: "warning", title: "Warnings", items: y }) : null,
-    /* @__PURE__ */ s(tr, { trace: e }),
-    /* @__PURE__ */ s(rr, { trace: e }),
-    (E = e.sourceHints) != null && E.length ? /* @__PURE__ */ s(nr, { hints: e.sourceHints }) : null,
-    m ? /* @__PURE__ */ s(or, { inputs: e.inputsApplied }) : null,
-    S ? /* @__PURE__ */ s(te, { title: "Compiled query", children: /* @__PURE__ */ s(
-      sr,
+    f.length ? /* @__PURE__ */ o(Qe, { tone: "error", title: "Error", items: f }) : null,
+    m.length ? /* @__PURE__ */ o(Qe, { tone: "warning", title: "Warnings", items: m }) : null,
+    /* @__PURE__ */ o(tt, { trace: e }),
+    /* @__PURE__ */ o(ot, { trace: e }),
+    (A = e.sourceHints) != null && A.length ? /* @__PURE__ */ o(st, { hints: e.sourceHints }) : null,
+    y ? /* @__PURE__ */ o(ut, { inputs: e.inputsApplied }) : null,
+    h ? /* @__PURE__ */ o(ie, { title: "Compiled Query", defaultOpen: !0, children: /* @__PURE__ */ o(
+      ct,
       {
-        compiledQuery: u,
-        compiledSql: d
+        compiledQuery: l,
+        compiledSql: u
       }
     ) }) : null,
-    /* @__PURE__ */ s(te, { title: "Lifecycle events", children: e.recentEvents.length ? /* @__PURE__ */ s("div", { style: l.eventList, children: e.recentEvents.slice(-5).map((v, I) => /* @__PURE__ */ p(
+    /* @__PURE__ */ o(ie, { title: "Lifecycle Events", children: e.recentEvents.length ? /* @__PURE__ */ o("div", { style: s.eventList, children: e.recentEvents.slice(-5).map((I, E) => /* @__PURE__ */ p(
       "div",
       {
-        style: l.eventRow,
+        style: s.eventRow,
         children: [
-          /* @__PURE__ */ s("span", { style: l.eventType, children: Ar(v) }),
-          /* @__PURE__ */ s("span", { style: l.eventMeta, children: Tr(v) })
+          /* @__PURE__ */ o("span", { style: s.eventType, children: Lt(I) }),
+          /* @__PURE__ */ o("span", { style: s.eventMeta, children: Ot(I) })
         ]
       },
-      `${v.type}:${v.at}:${I}`
-    )) }) : /* @__PURE__ */ s("div", { style: l.mutedText, children: "No attempts recorded" }) }),
-    /* @__PURE__ */ s(te, { title: "Raw trace JSON", children: /* @__PURE__ */ s("pre", { style: l.codeBlock, children: qr(e) }) })
+      `${I.type}:${I.at}:${E}`
+    )) }) : /* @__PURE__ */ o("div", { style: s.mutedText, children: "No attempts recorded" }) }),
+    /* @__PURE__ */ o(ie, { title: "Raw Trace", children: /* @__PURE__ */ o("pre", { style: s.codeBlock, children: Dt(e) }) })
   ] });
 }
-function He({
+function Qe({
   tone: e,
-  title: t,
-  items: r
+  title: r,
+  items: t
 }) {
-  const n = e === "error" ? l.alertCardError : l.alertCardWarning;
-  return /* @__PURE__ */ p("div", { style: { ...l.alertCard, ...n }, children: [
-    /* @__PURE__ */ s("div", { style: l.alertCardTitle, children: t }),
-    r.length > 1 ? /* @__PURE__ */ s("ul", { style: l.alertCardList, children: r.map((i, o) => /* @__PURE__ */ s("li", { children: i }, `${e}-${o}`)) }) : /* @__PURE__ */ s("div", { children: r[0] })
+  const n = e === "error" ? s.alertCardError : s.alertCardWarning;
+  return /* @__PURE__ */ p("div", { style: { ...s.alertCard, ...n }, children: [
+    /* @__PURE__ */ o("div", { style: s.alertCardTitle, children: r }),
+    t.length > 1 ? /* @__PURE__ */ o("ul", { style: s.alertCardList, children: t.map((i, d) => /* @__PURE__ */ o("li", { children: i }, `${e}-${d}`)) }) : /* @__PURE__ */ o("div", { children: t[0] })
   ] });
 }
-function er({
+function rt({
   status: e
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ o(
     "span",
     {
       "aria-hidden": !0,
       style: {
-        ...l.statusDot,
-        ...pt(e)
+        ...s.statusDot,
+        ...mr(e)
       }
     }
   );
 }
-function te({
+function ie({
   title: e,
-  children: t
+  children: r,
+  defaultOpen: t = !1
 }) {
-  return /* @__PURE__ */ p("details", { style: l.disclosure, children: [
-    /* @__PURE__ */ s("summary", { style: l.disclosureSummary, children: e }),
-    /* @__PURE__ */ s("div", { style: l.disclosureBody, children: t })
-  ] });
+  const [n, i] = V(t);
+  return /* @__PURE__ */ p(
+    "details",
+    {
+      style: s.disclosure,
+      open: n,
+      onToggle: (d) => i(d.currentTarget.open),
+      children: [
+        /* @__PURE__ */ o("summary", { style: s.disclosureSummary, children: e }),
+        /* @__PURE__ */ o("div", { style: s.disclosureBody, children: r })
+      ]
+    }
+  );
 }
-function tr({
+function tt({
   trace: e
 }) {
-  var o;
-  const t = (o = e.projectionFieldRefs) != null && o.length ? e.projectionFieldRefs : e.fieldRefs, r = e.inputFieldRefs || [], n = yr(t), i = gr(e, n, t);
-  return /* @__PURE__ */ p("div", { style: l.recipe, children: [
-    /* @__PURE__ */ s("div", { style: l.recipeSummary, children: i.map((u) => /* @__PURE__ */ p("div", { style: l.recipeSummaryRow, children: [
-      /* @__PURE__ */ s("span", { style: l.recipeSummaryLabel, children: u.label }),
-      /* @__PURE__ */ s("span", { style: l.recipeSummaryValue, title: u.value, children: u.value })
-    ] }, u.label)) }),
-    /* @__PURE__ */ s(W, { title: "Measures", fields: n.measures }),
-    /* @__PURE__ */ s(W, { title: "Time fields", fields: n.timeFields }),
-    /* @__PURE__ */ s(
-      W,
+  var i;
+  const r = (i = e.projectionFieldRefs) != null && i.length ? e.projectionFieldRefs : e.fieldRefs, t = e.inputFieldRefs || [], n = qt(r);
+  return /* @__PURE__ */ p("div", { style: s.recipe, children: [
+    /* @__PURE__ */ o(nt, { sources: e.sourceRefs }),
+    /* @__PURE__ */ o(j, { title: "Measures", fields: n.measures }),
+    /* @__PURE__ */ o(j, { title: "Time fields", fields: n.timeFields }),
+    /* @__PURE__ */ o(
+      j,
       {
         title: "Dimensions",
         fields: n.dimensions,
         emptyText: "No dimensions selected"
       }
     ),
-    /* @__PURE__ */ s(W, { title: "Identifiers", fields: n.identifiers }),
-    /* @__PURE__ */ s(W, { title: "Other fields", fields: n.other }),
-    /* @__PURE__ */ s(W, { title: "Input bindings", fields: r })
+    /* @__PURE__ */ o(j, { title: "Identifiers", fields: n.identifiers }),
+    /* @__PURE__ */ o(j, { title: "Other fields", fields: n.other }),
+    /* @__PURE__ */ o(j, { title: "Input bindings", fields: t })
+  ] });
+}
+function nt({
+  sources: e
+}) {
+  return e.length ? /* @__PURE__ */ p("div", { style: s.recipeGroup, children: [
+    /* @__PURE__ */ p("div", { style: s.recipeGroupHeader, children: [
+      /* @__PURE__ */ o("span", { style: s.recipeGroupTitle, children: "From" }),
+      /* @__PURE__ */ o("span", { style: s.recipeGroupCount, children: e.length })
+    ] }),
+    /* @__PURE__ */ o("div", { style: s.sourcePillRow, children: e.map((r, t) => /* @__PURE__ */ o(
+      it,
+      {
+        source: r
+      },
+      `${F(r)}:${t}`
+    )) })
+  ] }) : null;
+}
+function it({ source: e }) {
+  const r = F(e);
+  return /* @__PURE__ */ p("span", { style: s.sourcePill, title: r, children: [
+    /* @__PURE__ */ o("span", { style: s.sourcePillLabel, children: r }),
+    /* @__PURE__ */ o("span", { style: s.sourcePillRole, children: e.kind })
   ] });
 }
-function rr({
+function ot({
   trace: e
 }) {
-  return !e.sourceRefs.length && !e.fieldRefs.length ? null : /* @__PURE__ */ s(te, { title: "Sources and field refs", children: /* @__PURE__ */ p("div", { style: l.traceLineage, children: [
-    /* @__PURE__ */ s(ir, { sources: e.sourceRefs }),
-    /* @__PURE__ */ s(
-      W,
+  return !e.sourceRefs.length && !e.fieldRefs.length ? null : /* @__PURE__ */ o(ie, { title: "Sources and field refs", children: /* @__PURE__ */ p("div", { style: s.traceLineage, children: [
+    /* @__PURE__ */ o(at, { sources: e.sourceRefs }),
+    /* @__PURE__ */ o(
+      j,
       {
         title: "All field refs",
         fields: e.fieldRefs,
@@ -817,165 +846,269 @@ function rr({
     )
   ] }) });
 }
-function nr({
+function st({
   hints: e
 }) {
-  return /* @__PURE__ */ s(te, { title: "Source hints", children: /* @__PURE__ */ s("div", { style: l.recipeFieldList, children: e.map((t, r) => {
-    const n = wr(t), i = t.component || t.exportName || n || "Source hint", o = [
-      t.exportName && t.exportName !== i ? t.exportName : void 0,
+  return /* @__PURE__ */ o(ie, { title: "Source hints", children: /* @__PURE__ */ o("div", { style: s.recipeFieldList, children: e.map((r, t) => {
+    const n = Tt(r), i = r.component || r.exportName || n || "Source hint", d = [
+      r.exportName && r.exportName !== i ? r.exportName : void 0,
       n,
-      t.note
+      r.note
     ].filter(Boolean).join(" · ");
     return /* @__PURE__ */ p(
       "div",
       {
-        style: l.recipeFieldRow,
-        title: o || i,
+        style: s.recipeFieldRow,
+        title: d || i,
         children: [
-          /* @__PURE__ */ s("span", { style: l.recipeFieldName, children: i }),
-          o ? /* @__PURE__ */ s("span", { style: l.recipeFieldMeta, children: o }) : null
+          /* @__PURE__ */ o("span", { style: s.recipeFieldName, children: i }),
+          d ? /* @__PURE__ */ o("span", { style: s.recipeFieldMeta, children: d }) : null
         ]
       },
-      `${i}:${n}:${r}`
+      `${i}:${n}:${t}`
     );
   }) }) });
 }
-function ir({
+function at({
   sources: e
 }) {
-  return /* @__PURE__ */ p("div", { style: l.recipeGroup, children: [
-    /* @__PURE__ */ p("div", { style: l.recipeGroupHeader, children: [
-      /* @__PURE__ */ s("span", { style: l.recipeGroupTitle, children: "Sources" }),
-      /* @__PURE__ */ s("span", { style: l.recipeGroupCount, children: e.length })
+  return /* @__PURE__ */ p("div", { style: s.recipeGroup, children: [
+    /* @__PURE__ */ p("div", { style: s.recipeGroupHeader, children: [
+      /* @__PURE__ */ o("span", { style: s.recipeGroupTitle, children: "Sources" }),
+      /* @__PURE__ */ o("span", { style: s.recipeGroupCount, children: e.length })
     ] }),
-    e.length ? /* @__PURE__ */ s("div", { style: l.recipeFieldList, children: e.map((t, r) => /* @__PURE__ */ p(
+    e.length ? /* @__PURE__ */ o("div", { style: s.recipeFieldList, children: e.map((r, t) => /* @__PURE__ */ p(
       "div",
       {
-        style: l.recipeFieldRow,
-        title: V(t),
+        style: s.recipeFieldRow,
+        title: F(r),
         children: [
-          /* @__PURE__ */ s("span", { style: l.recipeFieldName, children: V(t) }),
-          /* @__PURE__ */ s("span", { style: l.recipeFieldMeta, children: t.kind })
+          /* @__PURE__ */ o("span", { style: s.recipeFieldName, children: F(r) }),
+          /* @__PURE__ */ o("span", { style: s.recipeFieldMeta, children: r.kind })
         ]
       },
-      `${V(t)}:${r}`
-    )) }) : /* @__PURE__ */ s("div", { style: l.recipeEmptyText, children: "No sources captured" })
+      `${F(r)}:${t}`
+    )) }) : /* @__PURE__ */ o("div", { style: s.recipeEmptyText, children: "No sources captured" })
   ] });
 }
-function W({
+function j({
   title: e,
-  fields: t,
-  emptyText: r
+  fields: r,
+  emptyText: t
 }) {
-  return !t.length && !r ? null : /* @__PURE__ */ p("div", { style: l.recipeGroup, children: [
-    /* @__PURE__ */ p("div", { style: l.recipeGroupHeader, children: [
-      /* @__PURE__ */ s("span", { style: l.recipeGroupTitle, children: e }),
-      /* @__PURE__ */ s("span", { style: l.recipeGroupCount, children: t.length })
+  return !r.length && !t ? null : /* @__PURE__ */ p("div", { style: s.recipeGroup, children: [
+    /* @__PURE__ */ p("div", { style: s.recipeGroupHeader, children: [
+      /* @__PURE__ */ o("span", { style: s.recipeGroupTitle, children: e }),
+      /* @__PURE__ */ o("span", { style: s.recipeGroupCount, children: r.length })
     ] }),
-    t.length ? /* @__PURE__ */ s("div", { style: l.recipeFieldList, children: t.map((n, i) => {
-      const o = ct(n), u = n.dataType && n.dataType !== "unknown" ? n.dataType : void 0, c = n.source ? V(n.source) : void 0, d = [o, u, c].filter(Boolean).join(" · ");
-      return /* @__PURE__ */ p(
-        "div",
-        {
-          style: l.recipeFieldRow,
-          title: d,
-          children: [
-            /* @__PURE__ */ s("span", { style: l.recipeFieldName, children: o }),
-            /* @__PURE__ */ p("span", { style: l.recipeFieldMeta, children: [
-              u ? /* @__PURE__ */ s("span", { children: u }) : null,
-              u && c ? /* @__PURE__ */ s("span", { style: l.recipeFieldMetaDivider, children: " · " }) : null,
-              c ? /* @__PURE__ */ s("span", { children: c }) : null
-            ] })
-          ]
-        },
-        `${Oe(n)}:${i}`
-      );
-    }) }) : /* @__PURE__ */ s("div", { style: l.recipeEmptyText, children: r })
+    r.length ? /* @__PURE__ */ o("div", { style: s.fieldChipList, children: r.map((n, i) => /* @__PURE__ */ o(
+      dt,
+      {
+        field: n,
+        groupTitle: e
+      },
+      `${Ne(n)}:${i}`
+    )) }) : /* @__PURE__ */ o("div", { style: s.recipeEmptyText, children: t })
   ] });
 }
-function or({
+function dt({
+  field: e,
+  groupTitle: r
+}) {
+  const t = At(e), n = e.label || e.name, i = e.dataType && e.dataType !== "unknown" ? e.dataType : void 0, d = e.source ? F(e.source) : void 0, l = [t, i, d].filter(Boolean).join(" · "), c = lt(e, r);
+  return /* @__PURE__ */ p("div", { style: s.fieldChip, title: l, children: [
+    /* @__PURE__ */ o("span", { style: { ...s.fieldGlyph, ...c.style }, children: c.text }),
+    e.aggregate ? /* @__PURE__ */ o("span", { style: s.fieldAggBadge, children: e.aggregate }) : null,
+    /* @__PURE__ */ o("span", { style: s.fieldChipName, children: n }),
+    i ? /* @__PURE__ */ o("span", { style: s.fieldChipMeta, children: i }) : null,
+    i && d ? /* @__PURE__ */ o("span", { style: s.fieldChipMetaDot, children: "·" }) : null,
+    d ? /* @__PURE__ */ o("span", { style: s.fieldChipMeta, children: d }) : null
+  ] });
+}
+function lt(e, r) {
+  const t = e.dataType, n = e.role;
+  return !!e.aggregate || n === "measure" || r === "Measures" ? {
+    text: "Σ",
+    style: {
+      borderColor: "var(--sd-tone-metric-border)",
+      background: "var(--sd-tone-metric-bg)",
+      color: "var(--sd-tone-metric-fg)"
+    }
+  } : t === "date" || t === "datetime" || n === "date" || r === "Time fields" ? {
+    text: "◷",
+    style: {
+      borderColor: "var(--sd-tone-date-border)",
+      background: "var(--sd-tone-date-bg)",
+      color: "var(--sd-tone-date-fg)"
+    }
+  } : t === "number" ? {
+    text: "#",
+    style: {
+      borderColor: "var(--sd-tone-records-border)",
+      background: "var(--sd-tone-records-bg)",
+      color: "var(--sd-tone-records-fg)"
+    }
+  } : t === "boolean" ? {
+    text: "◐",
+    style: {
+      borderColor: "var(--sd-border)",
+      background: "var(--sd-bg-accent)",
+      color: "var(--sd-fg-muted)"
+    }
+  } : {
+    text: "A",
+    style: {
+      borderColor: "var(--sd-tone-string-border)",
+      background: "var(--sd-tone-string-bg)",
+      color: "var(--sd-tone-string-fg)"
+    }
+  };
+}
+function ut({
   inputs: e
 }) {
-  return /* @__PURE__ */ p("div", { style: l.inputsAppliedBlock, children: [
-    /* @__PURE__ */ p("div", { style: l.inputsAppliedHeader, children: [
-      /* @__PURE__ */ s("span", { style: l.inputsAppliedTitle, children: "Inputs applied" }),
-      /* @__PURE__ */ s("span", { style: l.inputsAppliedCount, children: e.length })
+  return /* @__PURE__ */ p("div", { style: s.inputsAppliedBlock, children: [
+    /* @__PURE__ */ p("div", { style: s.inputsAppliedHeader, children: [
+      /* @__PURE__ */ o("span", { style: s.inputsAppliedTitle, children: "Active Inputs" }),
+      /* @__PURE__ */ o("span", { style: s.inputsAppliedCount, children: e.length })
     ] }),
-    /* @__PURE__ */ s("div", { style: l.inputRecipeList, children: e.map((t) => {
-      const r = ft(t);
+    /* @__PURE__ */ o("div", { style: s.inputRecipeList, children: e.map((r) => {
+      const t = Et(r);
       return /* @__PURE__ */ p(
         "div",
         {
-          style: l.inputRecipeRow,
-          title: r.title,
+          style: s.inputRecipeRow,
+          title: t.title,
           children: [
-            /* @__PURE__ */ p("div", { style: l.inputRecipeHeader, children: [
-              /* @__PURE__ */ s("span", { style: l.inputRecipeId, title: t.inputId, children: t.inputId }),
-              r.operator ? /* @__PURE__ */ s("span", { style: l.inputOperatorBadge, children: r.operator }) : null,
-              /* @__PURE__ */ s("span", { style: l.inputValuePreview, title: r.value, children: r.value })
+            /* @__PURE__ */ p("div", { style: s.inputRecipeHeader, children: [
+              /* @__PURE__ */ o("span", { style: s.inputRecipeId, title: r.inputId, children: r.inputId }),
+              t.operator ? /* @__PURE__ */ o("span", { style: s.inputOperatorBadge, children: t.operator }) : null,
+              /* @__PURE__ */ o("span", { style: s.inputValuePreview, title: t.value, children: t.value })
             ] }),
-            r.binding ? /* @__PURE__ */ s("div", { style: l.inputRecipeBinding, title: r.binding, children: r.binding }) : null
+            t.binding ? /* @__PURE__ */ o("div", { style: s.inputRecipeBinding, title: t.binding, children: t.binding }) : null
           ]
         },
-        t.inputId
+        r.inputId
       );
     }) })
   ] });
 }
-function sr({
+function ct({
   compiledQuery: e,
-  compiledSql: t
+  compiledSql: r
 }) {
-  return (e == null ? void 0 : e.kind) === "sql" ? /* @__PURE__ */ p("div", { style: l.compiledQuery, children: [
-    /* @__PURE__ */ s(Z, { label: "SQL", value: e.sql }),
-    e.pythonCode ? /* @__PURE__ */ s(Z, { label: "Python", value: e.pythonCode }) : null,
-    e.parameters ? /* @__PURE__ */ s(
-      Z,
+  return (e == null ? void 0 : e.kind) === "sql" ? /* @__PURE__ */ p("div", { style: s.compiledQuery, children: [
+    /* @__PURE__ */ o(Ve, { label: "SQL", value: e.sql }),
+    e.pythonCode ? /* @__PURE__ */ o(we, { label: "Python", value: e.pythonCode }) : null,
+    e.parameters ? /* @__PURE__ */ o(
+      we,
       {
         label: "Parameters",
-        value: Ee(e.parameters)
+        value: De(e.parameters)
       }
     ) : null
-  ] }) : t ? /* @__PURE__ */ s(Z, { label: "SQL", value: t }) : /* @__PURE__ */ s(Z, { label: "Compiled query", value: Ee(e) });
+  ] }) : r ? /* @__PURE__ */ o(Ve, { label: "SQL", value: r }) : /* @__PURE__ */ o(we, { label: "Compiled Query", value: De(e) });
+}
+function we({
+  label: e,
+  value: r
+}) {
+  return /* @__PURE__ */ p("div", { style: s.codeBlockGroup, children: [
+    /* @__PURE__ */ o("div", { style: s.codeBlockLabel, children: e }),
+    /* @__PURE__ */ o("pre", { style: s.codeBlock, children: r })
+  ] });
 }
-function Z({
+function Ve({
   label: e,
-  value: t
+  value: r
 }) {
-  return /* @__PURE__ */ p("div", { style: l.codeBlockGroup, children: [
-    /* @__PURE__ */ s("div", { style: l.codeBlockLabel, children: e }),
-    /* @__PURE__ */ s("pre", { style: l.codeBlock, children: t })
+  return /* @__PURE__ */ p("div", { style: s.codeBlockGroup, children: [
+    /* @__PURE__ */ o("div", { style: s.codeBlockLabel, children: e }),
+    /* @__PURE__ */ o("pre", { style: s.codeBlock, children: pt(r) })
   ] });
 }
-function ar(e) {
-  const t = e.filter(
+const ft = /* @__PURE__ */ new Set([
+  "SELECT",
+  "FROM",
+  "JOIN",
+  "LEFT",
+  "RIGHT",
+  "INNER",
+  "OUTER",
+  "CROSS",
+  "ON",
+  "USING",
+  "WHERE",
+  "AND",
+  "OR",
+  "GROUP",
+  "BY",
+  "HAVING",
+  "ORDER",
+  "ASC",
+  "DESC",
+  "LIMIT",
+  "OFFSET",
+  "AS",
+  "BETWEEN",
+  "IN",
+  "NOT",
+  "NULL",
+  "IS",
+  "CASE",
+  "WHEN",
+  "THEN",
+  "ELSE",
+  "END",
+  "DISTINCT",
+  "UNION",
+  "ALL",
+  "WITH"
+]);
+function pt(e) {
+  return e.split(/(\s+|,|\(|\))/).map((t, n) => {
+    if (!t) return null;
+    const i = t.toUpperCase();
+    return ft.has(i) ? /* @__PURE__ */ o("span", { style: s.sqlKeyword, children: t }, n) : t.startsWith("$") || t.startsWith(":") || t.startsWith("?") ? /* @__PURE__ */ o("span", { style: s.sqlBindParam, children: t }, n) : /* @__PURE__ */ o("span", { children: t }, n);
+  });
+}
+function gt(e) {
+  const r = e.filter(
     (i) => {
-      var o;
-      return ((o = i.latestAttempt) == null ? void 0 : o.status) === "error";
+      var d;
+      return ((d = i.latestAttempt) == null ? void 0 : d.status) === "error";
     }
-  ).length, r = e.filter(
+  ).length, t = e.filter(
     (i) => {
-      var o;
-      return ((o = i.latestAttempt) == null ? void 0 : o.status) === "loading";
+      var d;
+      return ((d = i.latestAttempt) == null ? void 0 : d.status) === "loading";
     }
   ).length, n = e.filter(
     (i) => {
-      var o, u, c, d;
-      return i.clientWarnings.length > 0 || !!((d = (c = (u = (o = i.latestAttempt) == null ? void 0 : o.executionResult) == null ? void 0 : u.validation) == null ? void 0 : c.warnings) != null && d.length);
+      var d, l, c, u;
+      return i.clientWarnings.length > 0 || !!((u = (c = (l = (d = i.latestAttempt) == null ? void 0 : d.executionResult) == null ? void 0 : l.validation) == null ? void 0 : c.warnings) != null && u.length);
     }
   ).length;
   return {
     total: e.length,
-    failed: t,
-    loading: r,
+    failed: r,
+    loading: t,
     warningCount: n,
-    issueCount: t + n,
-    severity: t ? "error" : n ? "warning" : "ok"
+    issueCount: r + n,
+    severity: r ? "error" : n ? "warning" : t ? "loading" : "ok"
   };
 }
-function lr(e, t) {
-  const r = t.trim().toLowerCase();
-  return r ? e.filter(
+function mt(e) {
+  return [
+    `${e.total} ${e.total === 1 ? "trace" : "traces"}`,
+    `${e.loading} loading`,
+    `${e.failed} failed`,
+    `${e.warningCount} warning${e.warningCount === 1 ? "" : "s"}`
+  ].join(" · ");
+}
+function yt(e, r) {
+  const t = r.trim().toLowerCase();
+  return t ? e.filter(
     (n) => [
       n.queryId,
       n.queryLabel,
@@ -985,36 +1118,36 @@ function lr(e, t) {
       n.sectionTitle,
       n.builder,
       n.queryKind,
-      me(n)
-    ].filter(Boolean).join(" ").toLowerCase().includes(r)
+      gr(n)
+    ].filter(Boolean).join(" ").toLowerCase().includes(t)
   ) : e;
 }
-function ur(e) {
-  const t = e.filter((i) => i.queryKind === "inputOptions"), r = new Set(t.map(Re));
+function ht(e) {
+  const r = e.filter((i) => i.queryKind === "inputOptions"), t = new Set(r.map(Ce));
   return [
-    { title: "Cards", traces: e.filter((i) => !r.has(Re(i))) },
-    { title: "Inputs", traces: t }
+    { title: "Views", traces: e.filter((i) => !t.has(Ce(i))) },
+    { title: "Inputs", traces: r }
   ];
 }
-function at(e, t) {
-  if (!(!(t != null && t.traceId) && !(t != null && t.queryId) && !(t != null && t.viewId)))
-    return t.traceId ? e.find((r) => r.traceId === t.traceId) : e.find((r) => !(t.queryId && r.queryId !== t.queryId || t.viewId && r.viewId !== t.viewId));
+function ur(e, r) {
+  if (!(!(r != null && r.traceId) && !(r != null && r.queryId) && !(r != null && r.viewId)))
+    return r.traceId ? e.find((t) => t.traceId === r.traceId) : e.find((t) => !(r.queryId && t.queryId !== r.queryId || r.viewId && t.viewId !== r.viewId));
 }
-function dr(e, t) {
-  if (t.queryId)
-    return at(e, t);
-  if (!t.viewId)
+function vt(e, r) {
+  if (r.queryId)
+    return ur(e, r);
+  if (!r.viewId)
     return;
-  const r = e.filter((n) => n.viewId === t.viewId);
-  return r.length === 1 ? r[0] : void 0;
+  const t = e.filter((n) => n.viewId === r.viewId);
+  return t.length === 1 ? t[0] : void 0;
 }
-function cr(e, t) {
-  return !!(e && t && e.traceId === t.traceId);
+function bt(e, r) {
+  return !!(e && r && e.traceId === r.traceId);
 }
-function Re(e) {
+function Ce(e) {
   return e.traceId;
 }
-function fr(e) {
+function St(e) {
   switch (e) {
     case "metric":
       return "metric";
@@ -1029,32 +1162,69 @@ function fr(e) {
     case "sql":
       return "sql";
     default:
-      return ye(e);
+      return he(e);
+  }
+}
+function cr(e) {
+  const r = e.trim().toLowerCase();
+  return r === "metric" || r === "kpi" ? "metric" : r === "records" || r === "table" ? "records" : r === "matrix" || r === "pivot" ? "matrix" : r === "analysis" ? "analysis" : r === "inputs" || r === "input options" ? "inputs" : r === "sql" ? "sql" : "default";
+}
+function fr(e) {
+  switch (e) {
+    case "metric":
+      return {
+        borderColor: "var(--sd-tone-metric-border)",
+        background: "var(--sd-tone-metric-bg)",
+        color: "var(--sd-tone-metric-fg)"
+      };
+    case "records":
+      return {
+        borderColor: "var(--sd-tone-records-border)",
+        background: "var(--sd-tone-records-bg)",
+        color: "var(--sd-tone-records-fg)"
+      };
+    case "analysis":
+    case "matrix":
+      return {
+        borderColor: "var(--sd-tone-analysis-border)",
+        background: "var(--sd-tone-analysis-bg)",
+        color: "var(--sd-tone-analysis-fg)"
+      };
+    case "inputs":
+    case "sql":
+    case "default":
+    default:
+      return {
+        borderColor: "var(--sd-border)",
+        background: "var(--sd-bg-accent)",
+        color: "var(--sd-fg-muted)"
+      };
   }
 }
-function Le(e) {
+function Ke(e) {
   return e.viewTitle || e.queryLabel || e.viewId || e.queryId;
 }
-function lt(e) {
-  return e.viewTitle && e.queryLabel && e.queryLabel !== e.viewTitle ? `${e.queryLabel} · ${e.queryId}` : e.viewTitle || e.queryLabel ? e.queryId : e.viewId ? `${e.viewId} · ${e.queryId}` : e.queryId;
+function wt(e, r, t) {
+  const n = [];
+  return e.queryLabel && e.queryLabel !== r && n.push(e.queryLabel), e.queryId && e.queryId !== r && e.queryId !== e.queryLabel ? n.push(e.queryId) : e.viewId && e.viewId !== r && e.viewId !== e.queryLabel && n.push(e.viewId), n.push(t), n;
 }
-function ut(e) {
-  return mr(e.visualType) || fr(e.queryKind);
+function pr(e) {
+  return It(e.visualType) || St(e.queryKind);
 }
-function pr(e, t) {
-  return t ? e.queryLabel || e.queryId : Le(e);
+function xt(e, r) {
+  return r ? e.queryLabel || e.queryId : Ke(e);
 }
-function mr(e) {
+function It(e) {
   if (e)
-    return e.replace(/[_-]+/g, " ").replace(/\b\w/g, (t) => t.toUpperCase());
+    return e.replace(/[_-]+/g, " ").replace(/\b\w/g, (r) => r.toUpperCase());
 }
-function me(e) {
-  const t = e.sourceRefs.map(V);
-  return t.length ? t.length === 1 ? t[0] : `${t[0]} + ${t.length - 1} more` : "No source";
+function gr(e) {
+  const r = e.sourceRefs.map(F);
+  return r.length ? r.length === 1 ? r[0] : `${r[0]} + ${r.length - 1} more` : "No source";
 }
-function yr(e) {
+function qt(e) {
   return e.reduce(
-    (t, r) => (r.role === "measure" ? t.measures.push(r) : r.role === "date" ? t.timeFields.push(r) : r.role === "dimension" ? t.dimensions.push(r) : r.role === "id" ? t.identifiers.push(r) : t.other.push(r), t),
+    (r, t) => (t.role === "measure" ? r.measures.push(t) : t.role === "date" ? r.timeFields.push(t) : t.role === "dimension" ? r.dimensions.push(t) : t.role === "id" ? r.identifiers.push(t) : r.other.push(t), r),
     {
       measures: [],
       timeFields: [],
@@ -1064,31 +1234,9 @@ function yr(e) {
     }
   );
 }
-function gr(e, t, r) {
-  const n = [
-    {
-      label: "Operation",
-      value: hr(e)
-    }
-  ], i = vr(e, t, r);
-  i && n.push(i);
-  const o = br(t);
-  o && n.push({
-    label: "Grouped by",
-    value: o
-  });
-  const u = Sr(e.inputsApplied);
-  return u && n.push({
-    label: "Filtered by",
-    value: u
-  }), n.push({
-    label: "Source",
-    value: me(e)
-  }), n;
-}
-function hr(e) {
-  var t, r;
-  if (e.queryKind === "records" && ((t = e.projectionFieldRefs) != null && t.length) && e.projectionFieldRefs.every((n) => n.role === "measure") && ((r = e.latestAttempt) == null ? void 0 : r.rowCount) === 1)
+function Rt(e) {
+  var r, t;
+  if (e.queryKind === "records" && ((r = e.projectionFieldRefs) != null && r.length) && e.projectionFieldRefs.every((n) => n.role === "measure") && ((t = e.latestAttempt) == null ? void 0 : t.rowCount) === 1)
     return "KPI query";
   switch (e.queryKind) {
     case "metric":
@@ -1104,104 +1252,50 @@ function hr(e) {
     case "sql":
       return "SQL query";
     default:
-      return ye(e.queryKind);
+      return he(e.queryKind);
   }
 }
-function vr(e, t, r) {
-  if (e.queryKind === "records")
-    return {
-      label: t.measures.length ? "Computes" : "Selects",
-      value: ee(r)
-    };
-  if (e.queryKind === "inputOptions")
-    return {
-      label: "Options from",
-      value: ee(r)
-    };
-  if (t.measures.length)
-    return {
-      label: "Computes",
-      value: ee(t.measures)
-    };
-  if (r.length)
-    return {
-      label: "Uses",
-      value: ee(r)
-    };
-  if (e.queryKind === "sql")
-    return {
-      label: "Inspect",
-      value: "Open compiled query for SQL or Python."
-    };
-}
-function br(e) {
-  const t = [
-    ...e.dimensions,
-    ...e.timeFields
-  ];
-  return t.length ? ee(t) : void 0;
-}
-function Sr(e) {
-  if (e.length)
-    return dt(
-      e.map((t) => {
-        const r = ft(t);
-        return [
-          t.inputId,
-          r.operator,
-          r.value
-        ].filter(Boolean).join(" ");
-      })
-    );
-}
-function ee(e) {
-  return dt(e.map(ct));
-}
-function dt(e) {
-  const t = e.filter(Boolean);
-  return t.length === 0 ? "-" : t.length === 1 ? t[0] : t.length === 2 ? `${t[0]} and ${t[1]}` : `${t.slice(0, -1).join(", ")}, and ${t[t.length - 1]}`;
-}
-function ct(e) {
+function At(e) {
   return [e.aggregate, e.label || e.name].filter(Boolean).join(" ");
 }
-function ft(e) {
-  var u, c, d;
-  const t = e.valuePreview || "redacted", r = ((u = e.fieldRef) == null ? void 0 : u.label) || ((c = e.fieldRef) == null ? void 0 : c.name), n = (d = e.fieldRef) != null && d.source ? V(e.fieldRef.source) : void 0, i = [r ? `on ${r}` : void 0, n].filter(Boolean).join(" · "), o = [
+function Et(e) {
+  var l, c, u;
+  const r = e.valuePreview || "redacted", t = ((l = e.fieldRef) == null ? void 0 : l.label) || ((c = e.fieldRef) == null ? void 0 : c.name), n = (u = e.fieldRef) != null && u.source ? F(e.fieldRef.source) : void 0, i = [t ? `on ${t}` : void 0, n].filter(Boolean).join(" · "), d = [
     e.inputId,
     e.operator,
-    t,
+    r,
     i
   ].filter(Boolean).join(" - ");
   return {
     operator: e.operator,
-    value: t,
+    value: r,
     binding: i,
-    title: o
+    title: d
   };
 }
-function V(e) {
+function F(e) {
   return e.kind === "semantic" ? e.datasetName || e.datasetId || e.domainId : e.kind === "physical" ? [
     e.schemaName,
     e.tableName
   ].filter(Boolean).join(".") || e.tableName : e.connectionId ? `SQL ${e.connectionId}` : "SQL source";
 }
-function wr(e) {
+function Tt(e) {
   if (e.file)
     return e.line && e.column ? `${e.file}:${e.line}:${e.column}` : e.line ? `${e.file}:${e.line}` : e.file;
 }
-function xr(e) {
+function kt(e) {
   return typeof e == "number" ? e.toLocaleString() : "-";
 }
-function Ir(e) {
+function Ct(e) {
   return typeof e == "number" ? `${Math.round(e)}ms` : "-";
 }
-function qr(e) {
-  return Ee(e);
+function Dt(e) {
+  return De(e);
 }
-function Ee(e) {
+function De(e) {
   return JSON.stringify(e, null, 2) ?? "undefined";
 }
-function Ar(e) {
+function Lt(e) {
   switch (e.type) {
     case "query_started":
       return "Started";
@@ -1214,10 +1308,10 @@ function Ar(e) {
     case "input_changed":
       return "Input changed";
     default:
-      return Rr(e);
+      return Bt(e);
   }
 }
-function Tr(e) {
+function Ot(e) {
   return [
     e.at,
     "durationMs" in e && typeof e.durationMs == "number" ? `${Math.round(e.durationMs)}ms` : void 0,
@@ -1226,20 +1320,20 @@ function Tr(e) {
     "errorMessage" in e ? e.errorMessage : void 0
   ].filter(Boolean).join(" - ");
 }
-function Rr(e) {
+function Bt(e) {
   throw new Error(`Unsupported Semaphor trace event: ${JSON.stringify(e)}`);
 }
-function be(e) {
-  return Array.isArray(e) ? e.filter((t) => typeof t == "string") : [];
+function xe(e) {
+  return Array.isArray(e) ? e.filter((r) => typeof r == "string") : [];
 }
-function Er(e) {
-  const t = e == null ? void 0 : e.metadata, r = t && typeof t == "object" && !Array.isArray(t) && "dataAppDebug" in t && t.dataAppDebug && typeof t.dataAppDebug == "object" && !Array.isArray(t.dataAppDebug) ? t.dataAppDebug : void 0;
+function Kt(e) {
+  const r = e == null ? void 0 : e.metadata, t = r && typeof r == "object" && !Array.isArray(r) && "dataAppDebug" in r && r.dataAppDebug && typeof r.dataAppDebug == "object" && !Array.isArray(r.dataAppDebug) ? r.dataAppDebug : void 0;
   return {
-    compiledSql: typeof (r == null ? void 0 : r.compiledSql) == "string" ? r.compiledSql : void 0,
-    queryHash: typeof (r == null ? void 0 : r.queryHash) == "string" ? r.queryHash : void 0
+    compiledSql: typeof (t == null ? void 0 : t.compiledSql) == "string" ? t.compiledSql : void 0,
+    queryHash: typeof (t == null ? void 0 : t.queryHash) == "string" ? t.queryHash : void 0
   };
 }
-function kr(e) {
+function Nt(e) {
   return e === "relative" ? {
     position: "relative",
     top: "auto",
@@ -1253,7 +1347,7 @@ function kr(e) {
     left: e.endsWith("left") ? 20 : "auto"
   };
 }
-function Cr(e) {
+function $t(e) {
   return e === "error" ? {
     borderColor: "var(--sd-error-border)",
     background: "var(--sd-error-bg)",
@@ -1262,13 +1356,17 @@ function Cr(e) {
     borderColor: "var(--sd-warning-border)",
     background: "var(--sd-warning-bg)",
     color: "var(--sd-warning-fg)"
+  } : e === "loading" ? {
+    borderColor: "var(--sd-loading-border)",
+    background: "var(--sd-loading-bg)",
+    color: "var(--sd-loading-fg)"
   } : {
     borderColor: "var(--sd-success-border)",
     background: "var(--sd-success-bg)",
     color: "var(--sd-success-fg)"
   };
 }
-function Dr(e) {
+function Wt(e) {
   return e === "right" ? {
     top: 16,
     right: 16,
@@ -1287,23 +1385,23 @@ function Dr(e) {
     borderRadius: 6
   };
 }
-function Lr(e) {
+function Ft(e) {
   return e === "right" ? {
     gridTemplateColumns: "minmax(210px, 280px) minmax(0, 1fr)"
   } : {
     gridTemplateColumns: "minmax(260px, 340px) minmax(0, 1fr)"
   };
 }
-function Or(e) {
+function _t(e) {
   return {
     borderRight: "1px solid var(--sd-border)",
     borderBottom: 0
   };
 }
-function pt(e) {
+function mr(e) {
   return e === "error" ? { background: "var(--sd-error-dot)" } : e === "success" ? { background: "var(--sd-success-dot)" } : e === "loading" ? { background: "var(--sd-loading-dot)" } : { background: "var(--sd-idle-dot)" };
 }
-function Br(e) {
+function zt(e) {
   return e === "error" ? {
     borderColor: "var(--sd-error-border)",
     color: "var(--sd-error-fg)"
@@ -1318,7 +1416,7 @@ function Br(e) {
     color: "var(--sd-fg-muted)"
   };
 }
-const Pe = "semaphor-devtools-stylesheet", $ = "semaphor-devtools", Kr = `
+const Ue = "semaphor-devtools-stylesheet", $ = "semaphor-devtools", Ht = `
 .${$} {
   --sd-bg: #ffffff;
   --sd-bg-muted: #fafafa;
@@ -1348,6 +1446,23 @@ const Pe = "semaphor-devtools-stylesheet", $ = "semaphor-devtools", Kr = `
   --sd-loading-border: #bfdbfe;
   --sd-loading-dot: #2563eb;
   --sd-idle-dot: #94a3b8;
+  --sd-tone-metric-bg: #f5f3ff;
+  --sd-tone-metric-fg: #6d28d9;
+  --sd-tone-metric-border: #ddd6fe;
+  --sd-tone-records-bg: #f0f9ff;
+  --sd-tone-records-fg: #0369a1;
+  --sd-tone-records-border: #bae6fd;
+  --sd-tone-analysis-bg: #fffbeb;
+  --sd-tone-analysis-fg: #b45309;
+  --sd-tone-analysis-border: #fde68a;
+  --sd-tone-date-bg: #fff7ed;
+  --sd-tone-date-fg: #c2410c;
+  --sd-tone-date-border: #fed7aa;
+  --sd-tone-string-bg: #ecfdf5;
+  --sd-tone-string-fg: #047857;
+  --sd-tone-string-border: #a7f3d0;
+  --sd-sql-keyword: #6d28d9;
+  --sd-sql-bind: #b45309;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -1375,6 +1490,23 @@ const Pe = "semaphor-devtools-stylesheet", $ = "semaphor-devtools", Kr = `
     --sd-loading-bg: rgba(59, 130, 246, 0.12);
     --sd-loading-fg: #93c5fd;
     --sd-loading-border: rgba(59, 130, 246, 0.35);
+    --sd-tone-metric-bg: rgba(139, 92, 246, 0.14);
+    --sd-tone-metric-fg: #c4b5fd;
+    --sd-tone-metric-border: rgba(139, 92, 246, 0.4);
+    --sd-tone-records-bg: rgba(14, 165, 233, 0.14);
+    --sd-tone-records-fg: #7dd3fc;
+    --sd-tone-records-border: rgba(14, 165, 233, 0.4);
+    --sd-tone-analysis-bg: rgba(245, 158, 11, 0.14);
+    --sd-tone-analysis-fg: #fcd34d;
+    --sd-tone-analysis-border: rgba(245, 158, 11, 0.4);
+    --sd-tone-date-bg: rgba(249, 115, 22, 0.14);
+    --sd-tone-date-fg: #fdba74;
+    --sd-tone-date-border: rgba(249, 115, 22, 0.4);
+    --sd-tone-string-bg: rgba(16, 185, 129, 0.14);
+    --sd-tone-string-fg: #6ee7b7;
+    --sd-tone-string-border: rgba(16, 185, 129, 0.4);
+    --sd-sql-keyword: #c4b5fd;
+    --sd-sql-bind: #fcd34d;
   }
 }
 
@@ -1386,19 +1518,19 @@ const Pe = "semaphor-devtools-stylesheet", $ = "semaphor-devtools", Kr = `
   word-break: break-all;
 }
 `;
-function mt() {
-  if (typeof document > "u" || document.getElementById(Pe))
+function yr() {
+  if (typeof document > "u" || document.getElementById(Ue))
     return;
   const e = document.createElement("style");
-  e.id = Pe, e.textContent = Kr, document.head.appendChild(e);
+  e.id = Ue, e.textContent = Ht, document.head.appendChild(e);
 }
-const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', ae = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", Se = {
+const ue = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', N = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", Ie = {
   color: "var(--sd-fg-muted)",
   fontSize: 10,
   fontWeight: 600,
   textTransform: "uppercase",
   letterSpacing: "0.08em"
-}, l = {
+}, s = {
   launcher: {
     position: "fixed",
     bottom: 20,
@@ -1413,7 +1545,7 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     borderStyle: "solid",
     borderRadius: 6,
     boxShadow: "var(--sd-shadow)",
-    font: `600 12px/1.2 ${se}`,
+    font: `600 12px/1.2 ${ue}`,
     cursor: "pointer"
   },
   launcherText: {
@@ -1421,14 +1553,17 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
   },
   launcherIssueCount: {
     display: "grid",
-    minWidth: 16,
-    height: 16,
+    minWidth: 18,
+    height: 18,
+    padding: "0 6px",
     placeItems: "center",
-    borderRadius: 8,
-    background: "currentColor",
-    color: "var(--sd-bg)",
+    borderRadius: 999,
+    border: "1px solid currentColor",
+    background: "var(--sd-bg)",
+    color: "currentColor",
     fontSize: 10,
-    lineHeight: "16px"
+    lineHeight: "18px",
+    whiteSpace: "nowrap"
   },
   logoMark: {
     display: "grid",
@@ -1455,7 +1590,7 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     background: "var(--sd-bg)",
     color: "var(--sd-fg)",
     boxShadow: "var(--sd-shadow)",
-    font: `13px/1.4 ${se}`
+    font: `13px/1.4 ${ue}`
   },
   panelFullscreen: {
     top: 0,
@@ -1524,7 +1659,7 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     outline: 0,
     background: "transparent",
     color: "var(--sd-fg)",
-    font: `12px/1.4 ${se}`
+    font: `12px/1.4 ${ue}`
   },
   panelBody: {
     display: "grid",
@@ -1550,7 +1685,7 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     alignItems: "center",
     justifyContent: "space-between",
     padding: "4px 6px 3px",
-    ...Se
+    ...Ie
   },
   queryGroupCount: {
     color: "var(--sd-fg-subtle)",
@@ -1603,25 +1738,34 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
   },
   queryListKindChip: {
     flex: "0 0 auto",
-    color: "var(--sd-fg-subtle)",
+    display: "inline-flex",
+    alignItems: "center",
+    height: 15,
+    padding: "0 5px",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: "var(--sd-border)",
+    borderRadius: 3,
+    background: "var(--sd-bg-accent)",
+    color: "var(--sd-fg-muted)",
+    fontFamily: N,
     fontSize: 9,
     fontWeight: 600,
     textTransform: "uppercase",
-    letterSpacing: "0.08em"
+    letterSpacing: "0.06em"
   },
   queryListSource: {
     minWidth: 0,
     paddingLeft: 14,
     color: "var(--sd-fg-muted)",
     fontSize: 11,
-    lineHeight: 1.35
+    lineHeight: 1.35,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
   },
-  queryListSourceSecondary: {
-    minWidth: 0,
-    paddingLeft: 14,
-    color: "var(--sd-fg-subtle)",
-    fontSize: 10,
-    lineHeight: 1.3
+  queryListSubtitleSep: {
+    color: "var(--sd-fg-subtle)"
   },
   detailsPane: {
     minHeight: 0,
@@ -1658,44 +1802,148 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
   detailsKindChip: {
     flex: "0 0 auto",
     padding: "2px 6px",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: "var(--sd-border)",
     borderRadius: 3,
     background: "var(--sd-bg-accent)",
     color: "var(--sd-fg-muted)",
+    fontFamily: N,
     fontSize: 10,
     fontWeight: 600,
     textTransform: "uppercase",
-    letterSpacing: "0.08em"
+    letterSpacing: "0.06em"
   },
-  detailsCaption: {
+  metaStrip: {
     display: "flex",
     flexWrap: "wrap",
     alignItems: "center",
-    columnGap: 10,
+    columnGap: 6,
     rowGap: 2,
+    paddingLeft: 16,
     color: "var(--sd-fg-muted)",
     fontSize: 11
   },
-  detailsCaptionItem: {
+  metaStripItem: {
+    color: "var(--sd-fg-muted)",
+    fontVariantNumeric: "tabular-nums"
+  },
+  metaStripDot: {
+    color: "var(--sd-fg-subtle)"
+  },
+  sourcePillRow: {
+    display: "flex",
+    flexWrap: "wrap",
+    gap: 6
+  },
+  sourcePill: {
     display: "inline-flex",
     alignItems: "center",
-    gap: 4
+    gap: 6,
+    padding: "4px 7px",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: "var(--sd-border)",
+    borderRadius: 5,
+    background: "var(--sd-bg)",
+    color: "var(--sd-fg)"
   },
-  detailsCaptionItemMono: {
-    fontFamily: ae
+  sourcePillLabel: {
+    fontFamily: N,
+    fontSize: 11,
+    color: "var(--sd-fg)"
   },
-  detailsCaptionLabel: {
-    color: "var(--sd-fg-subtle)"
+  sourcePillRole: {
+    display: "inline-flex",
+    alignItems: "center",
+    height: 14,
+    padding: "0 4px",
+    borderRadius: 3,
+    background: "var(--sd-bg-accent)",
+    color: "var(--sd-fg-subtle)",
+    fontFamily: N,
+    fontSize: 9,
+    textTransform: "uppercase",
+    letterSpacing: "0.06em"
+  },
+  fieldChipList: {
+    display: "grid",
+    gap: 5,
+    paddingTop: 6
+  },
+  fieldChip: {
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    minWidth: 0,
+    padding: "6px 9px",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: "var(--sd-border)",
+    borderRadius: 5,
+    background: "var(--sd-bg)"
   },
-  detailsCaptionValue: {
+  fieldGlyph: {
+    display: "inline-flex",
+    flex: "0 0 auto",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 18,
+    height: 18,
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderRadius: 4,
+    fontFamily: N,
+    fontSize: 11,
+    fontWeight: 700,
+    lineHeight: 1
+  },
+  fieldAggBadge: {
+    display: "inline-flex",
+    alignItems: "center",
+    height: 16,
+    padding: "0 5px",
+    borderRadius: 3,
+    background: "var(--sd-bg-accent)",
     color: "var(--sd-fg)",
-    fontVariantNumeric: "tabular-nums"
+    fontFamily: N,
+    fontSize: 10,
+    fontWeight: 600,
+    letterSpacing: "0.04em"
+  },
+  fieldChipName: {
+    flex: 1,
+    minWidth: 0,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    color: "var(--sd-fg)",
+    fontSize: 12,
+    fontWeight: 500
+  },
+  fieldChipMeta: {
+    flex: "0 0 auto",
+    fontFamily: N,
+    fontSize: 10,
+    color: "var(--sd-fg-subtle)"
+  },
+  fieldChipMetaDot: {
+    color: "var(--sd-fg-subtle)",
+    fontSize: 10
+  },
+  sqlKeyword: {
+    color: "var(--sd-sql-keyword)",
+    fontWeight: 600
+  },
+  sqlBindParam: {
+    color: "var(--sd-sql-bind)"
   },
   disclosure: {
     marginTop: 16
   },
   disclosureSummary: {
     cursor: "pointer",
-    ...Se
+    ...Ie
   },
   disclosureBody: {
     marginTop: 8
@@ -1740,38 +1988,6 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     display: "grid",
     gap: 12
   },
-  recipeSummary: {
-    display: "grid",
-    gap: 4,
-    padding: "8px 10px",
-    border: "1px solid var(--sd-border)",
-    borderRadius: 5,
-    background: "var(--sd-bg-muted)",
-    color: "var(--sd-fg)",
-    fontSize: 12
-  },
-  recipeSummaryRow: {
-    display: "grid",
-    gridTemplateColumns: "76px minmax(0, 1fr)",
-    gap: 8,
-    minWidth: 0,
-    alignItems: "baseline"
-  },
-  recipeSummaryLabel: {
-    color: "var(--sd-fg-subtle)",
-    fontSize: 10,
-    fontWeight: 600,
-    textTransform: "uppercase",
-    letterSpacing: "0.08em"
-  },
-  recipeSummaryValue: {
-    minWidth: 0,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    color: "var(--sd-fg)",
-    fontSize: 12
-  },
   recipeGroup: {
     display: "grid",
     gap: 4
@@ -1833,10 +2049,6 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     fontSize: 11,
     textAlign: "right"
   },
-  recipeFieldMetaDivider: {
-    color: "var(--sd-fg-subtle)",
-    margin: "0 4px"
-  },
   inputsAppliedBlock: {
     marginTop: 16,
     padding: "10px 12px",
@@ -1887,7 +2099,7 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
     color: "var(--sd-fg)",
-    fontFamily: ae,
+    fontFamily: N,
     fontSize: 11,
     fontWeight: 600
   },
@@ -1900,7 +2112,7 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     borderRadius: 3,
     background: "var(--sd-bg-accent)",
     color: "var(--sd-fg-muted)",
-    fontFamily: ae,
+    fontFamily: N,
     fontSize: 10,
     textTransform: "uppercase",
     letterSpacing: "0.06em"
@@ -1959,7 +2171,7 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     gap: 5
   },
   codeBlockLabel: {
-    ...Se
+    ...Ie
   },
   codeBlock: {
     maxHeight: 260,
@@ -1970,7 +2182,7 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     borderRadius: 5,
     background: "var(--sd-bg-muted)",
     color: "var(--sd-fg)",
-    fontFamily: ae,
+    fontFamily: N,
     fontSize: 11,
     lineHeight: 1.5,
     whiteSpace: "pre-wrap"
@@ -1992,7 +2204,7 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     borderStyle: "solid",
     borderRadius: 5,
     background: "var(--sd-bg)",
-    font: `600 11px/1 ${se}`,
+    font: `600 11px/1 ${ue}`,
     cursor: "pointer"
   },
   inspectButtonText: {
@@ -2001,7 +2213,7 @@ const se = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     whiteSpace: "nowrap"
   }
 };
-function yt(e) {
+function hr(e) {
   return {
     ...e,
     order: [],
@@ -2009,88 +2221,88 @@ function yt(e) {
     sequence: 0
   };
 }
-function $r(e, t) {
-  if (t.type === "config")
-    return t.config.enabled ? {
+function Mt(e, r) {
+  if (r.type === "config")
+    return r.config.enabled ? {
       ...e,
-      ...t.config
-    } : yt(t.config);
+      ...r.config
+    } : hr(r.config);
   if (!e.enabled)
     return e;
-  switch (t.type) {
+  switch (r.type) {
     case "register":
-      return Wr(_r(e, t.descriptor));
+      return Vt(jt(e, r.descriptor));
     case "unregister":
-      return Nr(e, t.traceKey);
+      return Pt(e, r.traceKey);
     case "event":
-      return Fr(e, t);
+      return Qt(e, r);
     default:
       return e;
   }
 }
-function _r(e, t) {
-  const r = e.entries[t.traceKey], n = r ? e.sequence : e.sequence + 1, i = Be(), o = {
-    ...r || Mr(t),
-    ...gt(t),
-    traceKey: t.traceKey,
-    latestAttempt: (r == null ? void 0 : r.latestAttempt) || { status: "idle" },
-    recentEvents: (r == null ? void 0 : r.recentEvents) || [],
+function jt(e, r) {
+  const t = e.entries[r.traceKey], n = t ? e.sequence : e.sequence + 1, i = $e(), d = {
+    ...t || Ut(r),
+    ...vr(r),
+    traceKey: r.traceKey,
+    latestAttempt: (t == null ? void 0 : t.latestAttempt) || { status: "idle" },
+    recentEvents: (t == null ? void 0 : t.recentEvents) || [],
     mounted: !0,
-    registeredAt: (r == null ? void 0 : r.registeredAt) || n,
-    lastEventAt: (r == null ? void 0 : r.lastEventAt) || i
+    registeredAt: (t == null ? void 0 : t.registeredAt) || n,
+    lastEventAt: (t == null ? void 0 : t.lastEventAt) || i
   };
   return {
     ...e,
     sequence: n,
-    order: r ? e.order : [...e.order, t.traceKey],
+    order: t ? e.order : [...e.order, r.traceKey],
     entries: {
       ...e.entries,
-      [t.traceKey]: o
+      [r.traceKey]: d
     }
   };
 }
-function Nr(e, t) {
-  const r = e.entries[t];
-  return r ? {
+function Pt(e, r) {
+  const t = e.entries[r];
+  return t ? {
     ...e,
     entries: {
       ...e.entries,
-      [t]: {
-        ...r,
+      [r]: {
+        ...t,
         mounted: !1
       }
     }
   } : e;
 }
-function Fr(e, t) {
-  const r = e.entries[t.traceKey];
-  if (!r)
+function Qt(e, r) {
+  const t = e.entries[r.traceKey];
+  if (!t)
     return e;
-  const n = Be(), i = [
-    ...r.recentEvents,
-    t.event
+  const n = $e(), i = [
+    ...t.recentEvents,
+    r.event
   ].slice(-e.maxEventsPerQuery);
   return {
     ...e,
     entries: {
       ...e.entries,
-      [t.traceKey]: {
-        ...r,
-        latestAttempt: t.latestAttempt ? {
-          ...r.latestAttempt,
-          ...t.latestAttempt
-        } : r.latestAttempt,
+      [r.traceKey]: {
+        ...t,
+        latestAttempt: r.latestAttempt ? {
+          ...t.latestAttempt,
+          ...r.latestAttempt
+        } : t.latestAttempt,
         recentEvents: i,
         lastEventAt: n
       }
     }
   };
 }
-function Wr(e) {
+function Vt(e) {
   if (e.order.length <= e.maxQueries)
     return e;
-  const t = e.order.map((i) => e.entries[i]).filter((i) => !!i).sort((i, o) => i.mounted !== o.mounted ? i.mounted ? 1 : -1 : i.lastEventAt - o.lastEventAt), r = e.order.length - e.maxQueries, n = new Set(
-    t.slice(0, r).map((i) => i.traceKey)
+  const r = e.order.map((i) => e.entries[i]).filter((i) => !!i).sort((i, d) => i.mounted !== d.mounted ? i.mounted ? 1 : -1 : i.lastEventAt - d.lastEventAt), t = e.order.length - e.maxQueries, n = new Set(
+    r.slice(0, t).map((i) => i.traceKey)
   );
   return n.size ? {
     ...e,
@@ -2100,26 +2312,26 @@ function Wr(e) {
     )
   } : e;
 }
-function Mr(e) {
-  const t = Be();
+function Ut(e) {
+  const r = $e();
   return {
-    ...gt(e),
+    ...vr(e),
     traceKey: e.traceKey,
     latestAttempt: { status: "idle" },
     recentEvents: [],
     mounted: !0,
     registeredAt: 0,
-    lastEventAt: t
+    lastEventAt: r
   };
 }
-function gt(e) {
+function vr(e) {
   var n;
-  const t = Xr(e.spec), r = Zr(
+  const r = an(e.spec), t = dn(
     e.spec,
     e.activeInputs
   );
   return {
-    traceId: St(e.traceKey),
+    traceId: xr(e.traceKey),
     viewId: e.viewId,
     viewTitle: e.viewTitle,
     visualType: e.visualType,
@@ -2128,161 +2340,161 @@ function gt(e) {
     queryLabel: e.queryLabel,
     queryKind: e.queryKind,
     builder: e.builder,
-    sourceRefs: Yr(e.intent),
+    sourceRefs: sn(e.intent),
     sourceHints: (n = e.sourceHints) != null && n.length ? e.sourceHints : void 0,
-    projectionFieldRefs: t,
-    inputFieldRefs: r,
-    fieldRefs: en(e.intent),
+    projectionFieldRefs: r,
+    inputFieldRefs: t,
+    fieldRefs: ln(e.intent),
     inputsApplied: (e.activeInputs || []).map((i) => ({
       inputId: i.inputId,
       fieldRef: i.field,
       operator: i.operator,
-      valuePreview: Gr(i)
+      valuePreview: nn(i)
     })),
     recentEvents: [],
     clientWarnings: e.clientWarnings
   };
 }
-function de(e) {
+function pe(e) {
   const {
-    traceKey: t,
-    mounted: r,
+    traceKey: r,
+    mounted: t,
     registeredAt: n,
     lastEventAt: i,
-    ...o
+    ...d
   } = e;
-  return o;
+  return d;
 }
-function ce(e) {
+function ge(e) {
   return e.enabled ? {
     enabled: !0,
-    queries: e.order.map((r) => e.entries[r]).filter((r) => !!r).map(de),
-    getQuery: (r) => {
+    queries: e.order.map((t) => e.entries[t]).filter((t) => !!t).map(pe),
+    getQuery: (t) => {
       const n = Object.values(e.entries).find(
-        (i) => i.queryId === r
+        (i) => i.queryId === t
       );
-      return n ? de(n) : void 0;
+      return n ? pe(n) : void 0;
     },
-    getQueries: (r) => Object.values(e.entries).filter((n) => n.queryId === r).map(de)
-  } : it;
+    getQueries: (t) => Object.values(e.entries).filter((n) => n.queryId === t).map(pe)
+  } : ar;
 }
-function zr(e) {
+function Gt(e) {
   return {
-    snapshot: () => jr(ce(e())),
-    getQuery: (t) => Ve(ce(e()).getQuery(t)),
-    getQueries: (t) => ce(e()).getQueries(t).map((r) => Ve(r)).filter((r) => !!r)
+    snapshot: () => Jt(ge(e())),
+    getQuery: (r) => Ge(ge(e()).getQuery(r)),
+    getQueries: (r) => ge(e()).getQueries(r).map((t) => Ge(t)).filter((t) => !!t)
   };
 }
-function jr(e) {
+function Jt(e) {
   if (!e.enabled)
     return e;
-  const t = e.queries.map(ht);
+  const r = e.queries.map(br);
   return {
     enabled: e.enabled,
-    queries: t,
-    getQuery: (r) => t.find((n) => n.queryId === r),
-    getQueries: (r) => t.filter((n) => n.queryId === r)
+    queries: r,
+    getQuery: (t) => r.find((n) => n.queryId === t),
+    getQueries: (t) => r.filter((n) => n.queryId === t)
   };
 }
-function Ve(e) {
-  return e ? ht(e) : void 0;
+function Ge(e) {
+  return e ? br(e) : void 0;
 }
-function ht(e) {
-  var t;
-  return (t = e == null ? void 0 : e.latestAttempt) != null && t.executionResult ? {
+function br(e) {
+  var r;
+  return (r = e == null ? void 0 : e.latestAttempt) != null && r.executionResult ? {
     ...e,
     latestAttempt: {
       ...e.latestAttempt,
-      executionResult: Hr(
+      executionResult: Yt(
         e.latestAttempt.executionResult
       )
     }
   } : e;
 }
-function Hr(e) {
+function Yt(e) {
   const {
-    compiledQuery: t,
-    intent: r,
+    compiledQuery: r,
+    intent: t,
     result: n,
     ...i
-  } = e, o = Pr(
+  } = e, d = Xt(
     i.metadata
   );
   return {
     ...i,
-    ...o ? { metadata: o } : {}
+    ...d ? { metadata: d } : {}
   };
 }
-function Pr(e) {
+function Xt(e) {
   if (!e || typeof e != "object" || Array.isArray(e))
     return e;
-  const t = e.dataAppDebug;
-  if (!t || typeof t != "object" || Array.isArray(t))
+  const r = e.dataAppDebug;
+  if (!r || typeof r != "object" || Array.isArray(r))
     return e;
-  const { compiledSql: r, ...n } = t;
+  const { compiledSql: t, ...n } = r;
   return {
     ...e,
     dataAppDebug: n
   };
 }
-function Vr(e) {
+function Zt(e) {
   return e === void 0 || e === !1 ? {
     enabled: !1,
     exposeWindowBridge: !1,
-    maxEventsPerQuery: he,
-    maxQueries: ve
+    maxEventsPerQuery: be,
+    maxQueries: Se
   } : e === !0 ? {
     enabled: !0,
     exposeWindowBridge: !1,
-    maxEventsPerQuery: he,
-    maxQueries: ve
+    maxEventsPerQuery: be,
+    maxQueries: Se
   } : {
     enabled: e.enabled !== !1,
     exposeWindowBridge: e.exposeWindowBridge === !0,
-    maxEventsPerQuery: Ge(
+    maxEventsPerQuery: Ye(
       e.maxEventsPerQuery,
-      he,
-      Pt
+      be,
+      Qr
     ),
-    maxQueries: Ge(
+    maxQueries: Ye(
       e.maxQueries,
-      ve,
-      Vt
+      Se,
+      Vr
     )
   };
 }
-function Qe(e) {
-  const r = [
+function en(e) {
+  const t = [
     e == null ? void 0 : e.sourceHint,
     ...(e == null ? void 0 : e.sourceHints) || []
   ].filter((n) => !!n).map((n) => ({
-    file: le(n.file),
-    line: Ue(n.line),
-    column: Ue(n.column),
-    exportName: le(n.exportName),
-    component: le(n.component),
-    note: le(n.note)
+    file: ce(n.file),
+    line: Je(n.line),
+    column: Je(n.column),
+    exportName: ce(n.exportName),
+    component: ce(n.component),
+    note: ce(n.note)
   })).filter(
     (n) => !!(n.file || n.line || n.column || n.exportName || n.component || n.note)
   );
-  return r.length ? r : void 0;
+  return t.length ? t : void 0;
 }
-function le(e) {
+function ce(e) {
   if (typeof e != "string")
     return;
-  const t = e.trim();
-  return t || void 0;
+  const r = e.trim();
+  return r || void 0;
 }
-function Ue(e) {
+function Je(e) {
   return typeof e == "number" && Number.isInteger(e) && e > 0 ? e : void 0;
 }
-function Ge(e, t, r) {
-  return e === void 0 || !Number.isFinite(e) || !Number.isInteger(e) || e <= 0 ? t : Math.min(e, r);
+function Ye(e, r, t) {
+  return e === void 0 || !Number.isFinite(e) || !Number.isInteger(e) || e <= 0 ? r : Math.min(e, t);
 }
-function Qr(e) {
+function rn(e) {
   return typeof e.id == "string" && e.id.trim() ? e.id : void 0;
 }
-function Ur(e) {
+function tn(e) {
   switch (e) {
     case "metric":
       return "semaphor.metric";
@@ -2297,143 +2509,143 @@ function Ur(e) {
     case "sql":
       return "semaphor.sql";
     default:
-      return ye(e);
+      return he(e);
   }
 }
-function ye(e) {
+function he(e) {
   throw new Error(`Unsupported Semaphor query kind: ${JSON.stringify(e)}`);
 }
-function Gr(e) {
-  if (Jr(e))
+function nn(e) {
+  if (on(e))
     return;
-  const t = e.value;
-  if (t !== void 0) {
-    if (Array.isArray(t)) {
-      const r = t.filter(
+  const r = e.value;
+  if (r !== void 0) {
+    if (Array.isArray(r)) {
+      const t = r.filter(
         (n) => typeof n == "string" || typeof n == "number" || typeof n == "boolean"
       ).map((n) => String(n));
-      if (r.length === t.length && r.length > 0) {
-        const n = r.slice(0, 3).join(", "), i = r.length > 3 ? `, +${r.length - 3} more` : "";
-        return Je(`${n}${i}`);
+      if (t.length === r.length && t.length > 0) {
+        const n = t.slice(0, 3).join(", "), i = t.length > 3 ? `, +${t.length - 3} more` : "";
+        return Xe(`${n}${i}`);
       }
-      return `${t.length} selected`;
+      return `${r.length} selected`;
     }
-    return typeof t == "number" || typeof t == "boolean" ? String(t) : typeof t == "string" ? Je(t) : t && typeof t == "object" ? `object(${Object.keys(t).slice(0, 5).join(",")})` : String(t);
+    return typeof r == "number" || typeof r == "boolean" ? String(r) : typeof r == "string" ? Xe(r) : r && typeof r == "object" ? `object(${Object.keys(r).slice(0, 5).join(",")})` : String(r);
   }
 }
-function Je(e) {
+function Xe(e) {
   return e.length > 80 ? `${e.slice(0, 77)}...` : e;
 }
-function Jr(e) {
-  var r;
-  const t = [
+function on(e) {
+  var t;
+  const r = [
     e.inputId,
     e.label,
-    (r = e.field) == null ? void 0 : r.name
+    (t = e.field) == null ? void 0 : t.name
   ].filter(Boolean).join(" ").toLowerCase();
   return ["token", "secret", "password", "email", "phone", "ssn"].some(
-    (n) => t.includes(n)
+    (n) => r.includes(n)
   );
 }
-function Yr(e) {
-  const t = /* @__PURE__ */ new Map();
-  return fe(e, (r) => {
-    tn(r) && t.set(bt(r), r);
-  }), [...t.values()];
+function sn(e) {
+  const r = /* @__PURE__ */ new Map();
+  return me(e, (t) => {
+    un(t) && r.set(wr(t), t);
+  }), [...r.values()];
 }
-function Xr(e) {
+function an(e) {
   switch (e.queryKind) {
     case "metric":
     case "analysis":
-      return P([
+      return J([
         ...e.measures || [],
         e.primaryMeasure,
         e.dateField,
         ...e.dimensions || []
       ]);
     case "records":
-      return P(e.fields || []);
+      return J(e.fields || []);
     case "inputOptions":
-      return P([
+      return J([
         e.labelField,
         e.valueField,
         e.searchField,
         ...e.disambiguationFields || []
       ]);
     case "sql":
-      return P(e.fields || []);
+      return J(e.fields || []);
     case "matrix":
-      return P([
-        ...(e.rows || []).map(we),
-        ...(e.columns || []).map(we),
-        ...(e.values || []).map(we)
+      return J([
+        ...(e.rows || []).map(qe),
+        ...(e.columns || []).map(qe),
+        ...(e.values || []).map(qe)
       ]);
     default:
-      return ye(e);
+      return he(e);
   }
 }
-function Zr(e, t) {
-  const r = [
-    ...(e.inputs || []).map(vt),
-    ...(t || []).map((n) => n.field)
+function dn(e, r) {
+  const t = [
+    ...(e.inputs || []).map(Sr),
+    ...(r || []).map((n) => n.field)
   ];
-  return P(r);
+  return J(t);
 }
-function P(e) {
-  const t = /* @__PURE__ */ new Map();
-  return e.forEach((r) => {
-    r && ne(r) && t.set(Oe(r), r);
-  }), [...t.values()];
+function J(e) {
+  const r = /* @__PURE__ */ new Map();
+  return e.forEach((t) => {
+    t && se(t) && r.set(Ne(t), t);
+  }), [...r.values()];
 }
-function vt(e) {
+function Sr(e) {
   if (!e || typeof e != "object")
     return;
-  const t = e.toAnalyticsInput;
-  if (typeof t == "function") {
-    const n = t.call(e);
-    return vt(n);
+  const r = e.toAnalyticsInput;
+  if (typeof r == "function") {
+    const n = r.call(e);
+    return Sr(n);
   }
-  const r = e.field;
-  return ne(r) ? r : void 0;
+  const t = e.field;
+  return se(t) ? t : void 0;
 }
-function we(e) {
-  if (ne(e))
+function qe(e) {
+  if (se(e))
     return e;
   if (!e || typeof e != "object")
     return;
-  const t = e.field;
-  return ne(t) ? t : void 0;
+  const r = e.field;
+  return se(r) ? r : void 0;
 }
-function en(e) {
-  const t = /* @__PURE__ */ new Map();
-  return fe(e, (r) => {
-    ne(r) && t.set(Oe(r), r);
-  }), [...t.values()];
+function ln(e) {
+  const r = /* @__PURE__ */ new Map();
+  return me(e, (t) => {
+    se(t) && r.set(Ne(t), t);
+  }), [...r.values()];
 }
-function fe(e, t) {
+function me(e, r) {
   if (!(!e || typeof e != "object")) {
-    if (t(e), Array.isArray(e)) {
-      e.forEach((r) => fe(r, t));
+    if (r(e), Array.isArray(e)) {
+      e.forEach((t) => me(t, r));
       return;
     }
     Object.values(e).forEach(
-      (r) => fe(r, t)
+      (t) => me(t, r)
     );
   }
 }
-function tn(e) {
+function un(e) {
   if (!e || typeof e != "object")
     return !1;
-  const t = e;
-  return t.kind === "semantic" ? typeof t.domainId == "string" && typeof t.datasetName == "string" : t.kind === "physical" ? typeof t.connectionId == "string" && typeof t.tableName == "string" : t.kind === "sql" ? typeof t.connectionId == "string" : !1;
+  const r = e;
+  return r.kind === "semantic" ? typeof r.domainId == "string" && typeof r.datasetName == "string" : r.kind === "physical" ? typeof r.connectionId == "string" && typeof r.tableName == "string" : r.kind === "sql" ? typeof r.connectionId == "string" : !1;
 }
-function ne(e) {
+function se(e) {
   if (!e || typeof e != "object")
     return !1;
-  const t = e;
-  return typeof t.name == "string" && (t.source !== void 0 || t.role !== void 0 || t.dataType !== void 0 || t.aggregate !== void 0);
+  const r = e;
+  return typeof r.name == "string" && (r.source !== void 0 || r.role !== void 0 || r.dataType !== void 0 || r.aggregate !== void 0);
 }
-function bt(e) {
+function wr(e) {
   return e.kind === "semantic" ? [
     e.kind,
     e.domainId,
@@ -2446,43 +2658,43 @@ function bt(e) {
     e.tableName
   ].join(":") : [e.kind, e.connectionId].join(":");
 }
-function Oe(e) {
+function Ne(e) {
   return [
     e.name,
     e.role,
     e.aggregate,
-    e.source ? bt(e.source) : ""
+    e.source ? wr(e.source) : ""
   ].join(":");
 }
-function rn(e) {
-  const t = e;
-  return typeof (t == null ? void 0 : t.rowCount) == "number" ? t.rowCount : Array.isArray(t == null ? void 0 : t.records) ? t.records.length : void 0;
+function cn(e) {
+  const r = e;
+  return typeof (r == null ? void 0 : r.rowCount) == "number" ? r.rowCount : Array.isArray(r == null ? void 0 : r.records) ? r.records.length : void 0;
 }
-function nn(e) {
-  const t = e;
-  return Array.isArray(t == null ? void 0 : t.columns) ? t.columns.length : void 0;
+function fn(e) {
+  const r = e;
+  return Array.isArray(r == null ? void 0 : r.columns) ? r.columns.length : void 0;
 }
-function Ye(e) {
-  const t = e;
-  return t == null ? void 0 : t.executionResult;
+function Ze(e) {
+  const r = e;
+  return r == null ? void 0 : r.executionResult;
 }
-function Xe(e) {
-  const t = e;
-  return typeof (t == null ? void 0 : t.requestId) == "string" ? t.requestId : void 0;
+function er(e) {
+  const r = e;
+  return typeof (r == null ? void 0 : r.requestId) == "string" ? r.requestId : void 0;
 }
-function St(e) {
-  let t = 2166136261;
-  for (let r = 0; r < e.length; r += 1)
-    t ^= e.charCodeAt(r), t = Math.imul(t, 16777619);
-  return (t >>> 0).toString(36);
+function xr(e) {
+  let r = 2166136261;
+  for (let t = 0; t < e.length; t += 1)
+    r ^= e.charCodeAt(t), r = Math.imul(r, 16777619);
+  return (r >>> 0).toString(36);
 }
-function ue() {
+function fe() {
   return (/* @__PURE__ */ new Date()).toISOString();
 }
-function Be() {
+function $e() {
   return typeof performance < "u" && performance.now ? performance.now() : Date.now();
 }
-const on = [
+const pn = [
   "records",
   "changes",
   "drivers",
@@ -2490,7 +2702,7 @@ const on = [
   "largestPositiveChanges",
   "largestNegativeDrivers",
   "largestPositiveDrivers"
-], sn = [
+], gn = [
   "records",
   "changes",
   "drivers",
@@ -2499,13 +2711,13 @@ const on = [
   "largestNegativeDrivers",
   "largestPositiveDrivers"
 ];
-function wt(e) {
+function Ir(e) {
   if (!e)
     return {};
-  const t = cn(e.executionResult), r = an(e, t), n = un(r);
+  const r = bn(e.executionResult), t = mn(e, r), n = hn(t);
   return {
     ...e,
-    ...Object.keys(r).length ? { resultSets: r } : {},
+    ...Object.keys(t).length ? { resultSets: t } : {},
     ...n ? {
       columns: n.columns,
       records: n.records,
@@ -2513,136 +2725,136 @@ function wt(e) {
     } : {}
   };
 }
-function an(e, t) {
-  const r = ln(e.resultSets);
-  for (const i of on) {
-    if (r[i]) {
-      r[i] = xt(r[i]);
+function mn(e, r) {
+  const t = yn(e.resultSets);
+  for (const i of pn) {
+    if (t[i]) {
+      t[i] = qr(t[i]);
       continue;
     }
-    const o = fn(e[i]);
-    if (!o.length)
+    const d = Sn(e[i]);
+    if (!d.length)
       continue;
-    const u = t.length ? t : pn(o);
-    r[i] = {
-      records: Ke(o, u),
-      columns: u,
-      rowCount: o.length
+    const l = r.length ? r : wn(d);
+    t[i] = {
+      records: We(d, l),
+      columns: l,
+      rowCount: d.length
     };
   }
-  const n = dn(e.executionResult);
-  return n && n.records.length > 0 && !r.records && (r.records = n), r;
+  const n = vn(e.executionResult);
+  return n && n.records.length > 0 && !t.records && (t.records = n), t;
 }
-function ln(e) {
+function yn(e) {
   return Object.fromEntries(
-    Object.entries(e || {}).map(([t, r]) => [
-      t,
-      xt(r)
+    Object.entries(e || {}).map(([r, t]) => [
+      r,
+      qr(t)
     ])
   );
 }
-function xt(e) {
-  var t;
+function qr(e) {
+  var r;
   return {
     ...e,
-    records: Ke(
+    records: We(
       e.records || [],
       e.columns || []
     ),
-    rowCount: e.rowCount ?? ((t = e.records) == null ? void 0 : t.length) ?? 0
+    rowCount: e.rowCount ?? ((r = e.records) == null ? void 0 : r.length) ?? 0
   };
 }
-function un(e) {
-  var t;
-  for (const r of sn)
-    if ((t = e[r]) != null && t.records.length)
-      return e[r];
-  return Object.values(e).find((r) => r.records.length) || Object.values(e)[0];
-}
-function dn(e) {
-  const t = e == null ? void 0 : e.result;
-  if (!(!t || t.kind !== "records" && t.kind !== "sql"))
+function hn(e) {
+  var r;
+  for (const t of gn)
+    if ((r = e[t]) != null && r.records.length)
+      return e[t];
+  return Object.values(e).find((t) => t.records.length) || Object.values(e)[0];
+}
+function vn(e) {
+  const r = e == null ? void 0 : e.result;
+  if (!(!r || r.kind !== "records" && r.kind !== "sql"))
     return {
-      records: Ke(t.records, t.columns),
-      columns: t.columns,
-      rowCount: t.rowCount ?? t.records.length
+      records: We(r.records, r.columns),
+      columns: r.columns,
+      rowCount: r.rowCount ?? r.records.length
     };
 }
-function cn(e) {
-  const t = e == null ? void 0 : e.result;
-  return !t || t.kind !== "records" && t.kind !== "sql" ? [] : t.columns;
+function bn(e) {
+  const r = e == null ? void 0 : e.result;
+  return !r || r.kind !== "records" && r.kind !== "sql" ? [] : r.columns;
 }
-function fn(e) {
+function Sn(e) {
   return Array.isArray(e) ? e.filter(
-    (t) => !!(t && typeof t == "object" && !Array.isArray(t))
+    (r) => !!(r && typeof r == "object" && !Array.isArray(r))
   ) : [];
 }
-function Ke(e, t) {
-  return t.length ? e.map((r) => {
+function We(e, r) {
+  return r.length ? e.map((t) => {
     const n = {};
-    return t.forEach((i, o) => {
-      const u = mn(r, {
+    return r.forEach((i, d) => {
+      const l = xn(t, {
         name: i.key,
         label: i.label,
-        fallbackNames: [i.name, Object.keys(r)[o]]
+        fallbackNames: [i.name, Object.keys(t)[d]]
       });
-      u !== void 0 && (n[i.key] = u);
-    }), Object.keys(n).length ? n : r;
+      l !== void 0 && (n[i.key] = l);
+    }), Object.keys(n).length ? n : t;
   }) : e;
 }
-function pn(e) {
+function wn(e) {
   return Array.from(
-    new Set(e.flatMap((r) => Object.keys(r)))
-  ).map((r) => ({
-    key: r,
-    name: r,
-    label: r
+    new Set(e.flatMap((t) => Object.keys(t)))
+  ).map((t) => ({
+    key: t,
+    name: t,
+    label: t
   }));
 }
-function mn(e, t) {
-  const r = [
-    t.name,
-    t.label,
-    ...t.fallbackNames || []
+function xn(e, r) {
+  const t = [
+    r.name,
+    r.label,
+    ...r.fallbackNames || []
   ].filter((n) => !!n);
-  for (const n of r)
+  for (const n of t)
     if (Object.prototype.hasOwnProperty.call(e, n))
       return e[n];
 }
-function yn() {
+function In() {
   return {
-    executeAnalysis: (e, t, r) => H(
+    executeAnalysis: (e, r, t) => G(
       e,
-      t,
-      r ?? {}
-    ).then(wt),
-    executeMetric: (e, t) => H(e, t),
-    executeRecords: (e, t) => H(e, t),
-    executeInputOptions: (e, t) => H(e, t),
-    executeSql: (e, t) => H(e, t),
-    executeMatrix: (e, t) => H(e, t)
+      r,
+      t ?? {}
+    ).then(Ir),
+    executeMetric: (e, r) => G(e, r),
+    executeRecords: (e, r) => G(e, r),
+    executeInputOptions: (e, r) => G(e, r),
+    executeSql: (e, r) => G(e, r),
+    executeMatrix: (e, r) => G(e, r)
   };
 }
-async function H(e, t, r) {
-  if (!t.token)
+async function G(e, r, t) {
+  if (!r.token)
     throw new Error(
       "SemaphorDataAppProvider needs a token to execute queries."
     );
-  const n = In(t), i = vn(e, n);
-  let o;
+  const n = Dn(r), i = An(e, n);
+  let d;
   try {
-    o = await fetch(n, {
+    d = await fetch(n, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${t.token}`
+        Authorization: `Bearer ${r.token}`
       },
       body: JSON.stringify({
         intent: e,
-        activeInputs: t.activeInputs,
-        ...r ? { analysisOptions: r } : {},
+        activeInputs: r.activeInputs,
+        ...t ? { analysisOptions: t } : {},
         resultShape: e.kind,
-        ...hn(t) ? { debug: { responseDetail: "debug" } } : {}
+        ...Rn(r) ? { debug: { responseDetail: "debug" } } : {}
       })
     });
   } catch (c) {
@@ -2650,51 +2862,51 @@ async function H(e, t, r) {
       `${i}: ${c instanceof Error ? c.message : String(c)}`
     );
   }
-  const u = await wn(o);
-  if (!o.ok || u.error)
-    throw gn(
-      `${i}: ${u.error || `Semaphor Data App execution failed with status ${o.status}.`}`,
-      u
+  const l = await kn(d);
+  if (!d.ok || l.error)
+    throw qn(
+      `${i}: ${l.error || `Semaphor Data App execution failed with status ${d.status}.`}`,
+      l
     );
-  return u;
+  return l;
 }
-function gn(e, t) {
-  const r = new Error(e);
-  return t.requestId && (r.requestId = t.requestId), t.details !== void 0 && (r.details = t.details), t.executionResult !== void 0 && (r.executionResult = t.executionResult), r;
+function qn(e, r) {
+  const t = new Error(e);
+  return r.requestId && (t.requestId = r.requestId), r.details !== void 0 && (t.details = r.details), r.executionResult !== void 0 && (t.executionResult = r.executionResult), t;
 }
-function hn(e) {
-  const t = e.debug;
-  return t ? t === !0 ? !0 : t.enabled !== !1 && t.requestServerDebug !== !1 : !1;
+function Rn(e) {
+  const r = e.debug;
+  return r ? r === !0 ? !0 : r.enabled !== !1 && r.requestServerDebug !== !1 : !1;
 }
-function vn(e, t) {
+function An(e, r) {
   return [
     `Semaphor ${e.kind} query`,
     e.id ? `id=${e.id}` : void 0,
     e.label ? `label=${e.label}` : void 0,
-    bn(e),
-    `endpoint=${Sn(t)}`
-  ].filter((r) => !!r).join(" ");
-}
-function bn(e) {
-  const t = "source" in e ? e.source : void 0;
-  if (!(!t || typeof t != "object")) {
-    if (t.kind === "semantic")
+    En(e),
+    `endpoint=${Tn(r)}`
+  ].filter((t) => !!t).join(" ");
+}
+function En(e) {
+  const r = "source" in e ? e.source : void 0;
+  if (!(!r || typeof r != "object")) {
+    if (r.kind === "semantic")
       return `source=${[
-        t.domainId,
-        t.datasetId || t.datasetName
+        r.domainId,
+        r.datasetId || r.datasetName
       ].filter(Boolean).join("/")}`;
-    if (t.kind === "physical")
+    if (r.kind === "physical")
       return `source=${[
-        t.connectionId,
-        t.databaseName,
-        t.schemaName,
-        t.tableName
+        r.connectionId,
+        r.databaseName,
+        r.schemaName,
+        r.tableName
       ].filter(Boolean).join("/")}`;
-    if (t.kind === "sql")
-      return t.connectionId ? `source=${t.connectionId}` : void 0;
+    if (r.kind === "sql")
+      return r.connectionId ? `source=${r.connectionId}` : void 0;
   }
 }
-function Sn(e) {
+function Tn(e) {
   if (!e)
     return "/api/v1/data-app/execute";
   try {
@@ -2703,289 +2915,289 @@ function Sn(e) {
     return e;
   }
 }
-async function wn(e) {
-  const t = await e.text().catch(() => "");
-  if (!t.trim())
+async function kn(e) {
+  const r = await e.text().catch(() => "");
+  if (!r.trim())
     return e.ok ? {
       error: "Semaphor Data App execution returned an empty response."
     } : {};
   try {
-    return JSON.parse(t);
+    return JSON.parse(r);
   } catch {
     return e.ok ? {
       error: "Semaphor Data App execution returned invalid JSON.",
-      details: t
+      details: r
     } : {
-      error: xn(e, t),
-      details: t
+      error: Cn(e, r),
+      details: r
     };
   }
 }
-function xn(e, t) {
-  const r = e.statusText ? ` ${e.statusText}` : "", n = t.replace(/\s+/g, " ").trim();
-  return n ? `Semaphor Data App execution failed with status ${e.status}${r}: ${n.slice(0, 240)}` : `Semaphor Data App execution failed with status ${e.status}${r}.`;
+function Cn(e, r) {
+  const t = e.statusText ? ` ${e.statusText}` : "", n = r.replace(/\s+/g, " ").trim();
+  return n ? `Semaphor Data App execution failed with status ${e.status}${t}: ${n.slice(0, 240)}` : `Semaphor Data App execution failed with status ${e.status}${t}.`;
 }
-function In(e) {
-  const t = qn(e).replace(/\/+$/, "");
-  return t ? t.endsWith("/api") ? `${t}/v1/data-app/execute` : `${t}/api/v1/data-app/execute` : "/api/v1/data-app/execute";
+function Dn(e) {
+  const r = Ln(e).replace(/\/+$/, "");
+  return r ? r.endsWith("/api") ? `${r}/v1/data-app/execute` : `${r}/api/v1/data-app/execute` : "/api/v1/data-app/execute";
 }
-function qn(e) {
+function Ln(e) {
   if (e.apiBaseUrl)
     return e.apiBaseUrl;
   if (!e.token)
     return "";
   try {
-    return jt(e.token).apiServiceUrl || "";
+    return jr(e.token).apiServiceUrl || "";
   } catch {
     return "";
   }
 }
-const It = pe({});
-function An() {
+const Rr = ye({});
+function On() {
   if (!(typeof window > "u"))
     return window.__SEMAPHOR_DATA_APP_RUNTIME__;
 }
-function Tn() {
-  return z(It);
+function Bn() {
+  return Q(Rr);
 }
-const xe = { value: null }, Ie = {}, Rn = { records: [] }, qe = { options: [] }, En = { records: [] }, Ae = {};
-function kn(e) {
-  const t = U(e.inputs), r = Ot(e);
+const Re = { value: null }, Ae = {}, Kn = { records: [] }, Ee = { options: [] }, Nn = { records: [] }, Te = {};
+function $n(e) {
+  const r = Y(e.inputs), t = Br(e);
   try {
-    const n = Bt(e), i = G(n);
+    const n = Kr(e), i = X(n);
     return i ? {
       error: i,
-      activeInputs: t,
-      analysisOptions: r,
+      activeInputs: r,
+      analysisOptions: t,
       queryKey: q(
         void 0,
-        t,
+        r,
         i,
-        r
+        t
       ),
-      idleData: Ie
+      idleData: Ae
     } : {
       intent: n,
       error: null,
-      activeInputs: t,
-      analysisOptions: r,
-      queryKey: q(n, t, void 0, r),
-      idleData: Ie
+      activeInputs: r,
+      analysisOptions: t,
+      queryKey: q(n, r, void 0, t),
+      idleData: Ae
     };
   } catch (n) {
-    const i = N(n);
+    const i = _(n);
     return {
       error: i,
-      activeInputs: t,
-      analysisOptions: r,
+      activeInputs: r,
+      analysisOptions: t,
       queryKey: q(
         void 0,
-        t,
+        r,
         i,
-        r
+        t
       ),
-      idleData: Ie
+      idleData: Ae
     };
   }
 }
-function Cn(e) {
-  const t = U(e.inputs);
+function Wn(e) {
+  const r = Y(e.inputs);
   try {
-    const r = Kt(e), n = G(r);
+    const t = Nr(e), n = X(t);
     return n ? {
       error: n,
-      activeInputs: t,
-      queryKey: q(void 0, t, n),
-      idleData: xe
+      activeInputs: r,
+      queryKey: q(void 0, r, n),
+      idleData: Re
     } : {
-      intent: r,
+      intent: t,
       error: null,
-      activeInputs: t,
-      queryKey: q(r, t),
-      idleData: xe
+      activeInputs: r,
+      queryKey: q(t, r),
+      idleData: Re
     };
-  } catch (r) {
-    const n = N(r);
+  } catch (t) {
+    const n = _(t);
     return {
       error: n,
-      activeInputs: t,
-      queryKey: q(void 0, t, n),
-      idleData: xe
+      activeInputs: r,
+      queryKey: q(void 0, r, n),
+      idleData: Re
     };
   }
 }
-function Dn(e) {
-  const t = U(e.inputs), r = Rn;
+function Fn(e) {
+  const r = Y(e.inputs), t = Kn;
   try {
-    const n = Lt(e), i = G(n);
+    const n = Or(e), i = X(n);
     return i ? {
       error: i,
-      activeInputs: t,
-      queryKey: q(void 0, t, i),
-      idleData: r
+      activeInputs: r,
+      queryKey: q(void 0, r, i),
+      idleData: t
     } : {
       intent: n,
       error: null,
-      activeInputs: t,
-      queryKey: q(n, t),
-      idleData: r
+      activeInputs: r,
+      queryKey: q(n, r),
+      idleData: t
     };
   } catch (n) {
-    const i = N(n);
+    const i = _(n);
     return {
       error: i,
-      activeInputs: t,
-      queryKey: q(void 0, t, i),
-      idleData: r
+      activeInputs: r,
+      queryKey: q(void 0, r, i),
+      idleData: t
     };
   }
 }
-function Ln(e) {
-  const t = U(e.inputs);
+function _n(e) {
+  const r = Y(e.inputs);
   try {
-    const r = Dt(e), n = G(r);
+    const t = Lr(e), n = X(t);
     return n ? {
       error: n,
-      activeInputs: t,
-      queryKey: q(void 0, t, n),
-      idleData: qe
+      activeInputs: r,
+      queryKey: q(void 0, r, n),
+      idleData: Ee
     } : {
-      intent: r,
+      intent: t,
       error: null,
-      activeInputs: t,
-      queryKey: q(r, t),
-      idleData: qe
+      activeInputs: r,
+      queryKey: q(t, r),
+      idleData: Ee
     };
-  } catch (r) {
-    const n = N(r);
+  } catch (t) {
+    const n = _(t);
     return {
       error: n,
-      activeInputs: t,
-      queryKey: q(void 0, t, n),
-      idleData: qe
+      activeInputs: r,
+      queryKey: q(void 0, r, n),
+      idleData: Ee
     };
   }
 }
-function On(e) {
-  const t = U(e.inputs), r = En;
+function zn(e) {
+  const r = Y(e.inputs), t = Nn;
   try {
-    const n = Ct(e), i = G(n);
+    const n = Dr(e), i = X(n);
     return i ? {
       error: i,
-      activeInputs: t,
-      queryKey: q(void 0, t, i),
-      idleData: r
+      activeInputs: r,
+      queryKey: q(void 0, r, i),
+      idleData: t
     } : {
       intent: n,
       error: null,
-      activeInputs: t,
-      queryKey: q(n, t),
-      idleData: r
+      activeInputs: r,
+      queryKey: q(n, r),
+      idleData: t
     };
   } catch (n) {
-    const i = N(n);
+    const i = _(n);
     return {
       error: i,
-      activeInputs: t,
-      queryKey: q(void 0, t, i),
-      idleData: r
+      activeInputs: r,
+      queryKey: q(void 0, r, i),
+      idleData: t
     };
   }
 }
-function Bn(e) {
-  const t = U(e.inputs);
+function Hn(e) {
+  const r = Y(e.inputs);
   try {
-    const r = kt(e), n = G(r);
+    const t = Cr(e), n = X(t);
     return n ? {
       error: n,
-      activeInputs: t,
-      queryKey: q(void 0, t, n),
-      idleData: Ae
+      activeInputs: r,
+      queryKey: q(void 0, r, n),
+      idleData: Te
     } : {
-      intent: r,
+      intent: t,
       error: null,
-      activeInputs: t,
-      queryKey: q(r, t),
-      idleData: Ae
+      activeInputs: r,
+      queryKey: q(t, r),
+      idleData: Te
     };
-  } catch (r) {
-    const n = N(r);
+  } catch (t) {
+    const n = _(t);
     return {
       error: n,
-      activeInputs: t,
-      queryKey: q(void 0, t, n),
-      idleData: Ae
+      activeInputs: r,
+      queryKey: q(void 0, r, n),
+      idleData: Te
     };
   }
 }
-function N(e) {
+function _(e) {
   return e instanceof Error ? e : new Error(String(e));
 }
-function G(e) {
-  const t = Ht(e);
-  if (t.ok)
+function X(e) {
+  const r = Pr(e);
+  if (r.ok)
     return null;
-  const r = t.errors.map(
+  const t = r.errors.map(
     (n) => n.path ? `${n.code} at ${n.path}: ${n.message}` : `${n.code}: ${n.message}`
   ).join("; ");
-  return new Error(`Invalid Semaphor analytics intent. ${r}`);
+  return new Error(`Invalid Semaphor analytics intent. ${t}`);
 }
-function q(e, t, r, n) {
+function q(e, r, t, n) {
   return JSON.stringify({
     intent: e,
-    activeInputs: t,
+    activeInputs: r,
     analysisOptions: n,
-    error: r == null ? void 0 : r.message
+    error: t == null ? void 0 : t.message
   });
 }
-function Xn(e) {
-  const [t, r] = Q(e.defaultValue), n = Object.prototype.hasOwnProperty.call(e, "value"), i = n ? e.value : t, o = b(
-    () => tt(e.options),
+function si(e) {
+  const [r, t] = V(e.defaultValue), n = Object.prototype.hasOwnProperty.call(e, "value"), i = n ? e.value : r, d = b(
+    () => nr(e.options),
     [e.options]
-  ), u = D(
-    (d) => {
-      var y;
-      const f = d;
-      (y = e.onValueChange) == null || y.call(e, f), n || r(f);
+  ), l = O(
+    (u) => {
+      var m;
+      const f = u;
+      (m = e.onValueChange) == null || m.call(e, f), n || t(f);
     },
     [n, e]
-  ), c = D(() => u(void 0), [u]);
+  ), c = O(() => l(void 0), [l]);
   return b(() => {
-    const d = rt(e);
+    const u = ir(e);
     return {
       id: e.id,
       kind: e.kind,
       label: e.label,
-      field: d.field,
-      operator: d.operator,
-      relationshipHint: d.relationshipHint,
+      field: u.field,
+      operator: u.operator,
+      relationshipHint: u.relationshipHint,
       controlRole: e.kind === "control" ? e.role : void 0,
       value: i,
-      options: o,
-      isActive: re(i),
-      setValue: u,
+      options: d,
+      isActive: oe(i),
+      setValue: l,
       clear: c,
       toAnalyticsInput: () => ({
-        inputId: d.inputId,
-        field: d.field,
+        inputId: u.inputId,
+        field: u.field,
         kind: e.kind,
         label: e.label,
         value: i,
-        isActive: re(i),
-        operator: d.operator,
-        relationshipHint: d.relationshipHint,
+        isActive: oe(i),
+        operator: u.operator,
+        relationshipHint: u.relationshipHint,
         controlRole: e.kind === "control" ? e.role : void 0
       })
     };
-  }, [c, o, u, e, i]);
+  }, [c, d, l, e, i]);
 }
-function Zn(e) {
-  const [t, r] = Q(() => Nn(e));
-  return B(() => {
-    r((n) => {
+function ai(e) {
+  const [r, t] = V(() => Qn(e));
+  return K(() => {
+    t((n) => {
       let i = n;
-      for (const o of e)
-        !Object.prototype.hasOwnProperty.call(i, o.id) && o.defaultValue !== void 0 && (i = { ...i, [o.id]: o.defaultValue });
+      for (const d of e)
+        !Object.prototype.hasOwnProperty.call(i, d.id) && d.defaultValue !== void 0 && (i = { ...i, [d.id]: d.defaultValue });
       return i;
     });
   }, [e]), b(
@@ -2993,13 +3205,13 @@ function Zn(e) {
       const i = Object.prototype.hasOwnProperty.call(
         n,
         "value"
-      ), o = i ? n.value : t[n.id], u = tt(n.options), c = (y) => {
-        var g;
-        (g = n.onValueChange) == null || g.call(n, y), i || r((h) => ({
+      ), d = i ? n.value : r[n.id], l = nr(n.options), c = (m) => {
+        var y;
+        (y = n.onValueChange) == null || y.call(n, m), i || t((h) => ({
           ...h,
-          [n.id]: y
+          [n.id]: m
         }));
-      }, d = () => c(void 0), f = rt(n);
+      }, u = () => c(void 0), f = ir(n);
       return {
         id: n.id,
         kind: n.kind,
@@ -3008,99 +3220,99 @@ function Zn(e) {
         operator: f.operator,
         relationshipHint: f.relationshipHint,
         controlRole: n.kind === "control" ? n.role : void 0,
-        value: o,
-        options: u,
-        isActive: re(o),
+        value: d,
+        options: l,
+        isActive: oe(d),
         setValue: c,
-        clear: d,
+        clear: u,
         toAnalyticsInput: () => ({
           inputId: f.inputId,
           field: f.field,
           kind: n.kind,
           label: n.label,
-          value: o,
-          isActive: re(o),
+          value: d,
+          isActive: oe(d),
           operator: f.operator,
           relationshipHint: f.relationshipHint,
           controlRole: n.kind === "control" ? n.role : void 0
         })
       };
     }),
-    [e, t]
+    [e, r]
   );
 }
-function ei(e, t) {
-  const r = (t == null ? void 0 : t.status) === "success" ? t.options : void 0, n = b(() => $n(r), [r]);
-  B(() => {
-    Kn(e.value, r) || e.clear();
-  }, [e, n, t == null ? void 0 : t.status, r]);
+function di(e, r) {
+  const t = (r == null ? void 0 : r.status) === "success" ? r.options : void 0, n = b(() => jn(t), [t]);
+  K(() => {
+    Mn(e.value, t) || e.clear();
+  }, [e, n, r == null ? void 0 : r.status, t]);
 }
-function Kn(e, t) {
-  if (!re(e) || t === void 0)
+function Mn(e, r) {
+  if (!oe(e) || r === void 0)
     return !0;
-  const r = new Set(
-    t.map((i) => Ze(i.value))
+  const t = new Set(
+    r.map((i) => rr(i.value))
   );
   return (Array.isArray(e) ? e : [e]).every(
-    (i) => r.has(Ze(i))
+    (i) => t.has(rr(i))
   );
 }
-function $n(e) {
-  return JSON.stringify((e || []).map((t) => t.value));
+function jn(e) {
+  return JSON.stringify((e || []).map((r) => r.value));
 }
-function Ze(e) {
+function rr(e) {
   return `${typeof e}:${String(e)}`;
 }
-function ti(e, t = {}) {
-  const r = b(
-    () => t.inputs ? {
+function li(e, r = {}) {
+  const t = b(
+    () => r.inputs ? {
       ...e,
-      inputs: t.inputs
+      inputs: r.inputs
     } : e,
-    [t.inputs, e]
+    [r.inputs, e]
   ), n = b(() => {
-    switch (r.queryKind) {
+    switch (t.queryKind) {
       case "metric":
         return {
-          queryKind: r.queryKind,
-          request: Cn(r)
+          queryKind: t.queryKind,
+          request: Wn(t)
         };
       case "analysis":
         return {
-          queryKind: r.queryKind,
-          request: kn(r)
+          queryKind: t.queryKind,
+          request: $n(t)
         };
       case "records":
         return {
-          queryKind: r.queryKind,
-          request: Dn(r)
+          queryKind: t.queryKind,
+          request: Fn(t)
         };
       case "inputOptions":
         return {
-          queryKind: r.queryKind,
-          request: Ln(r)
+          queryKind: t.queryKind,
+          request: _n(t)
         };
       case "sql":
         return {
-          queryKind: r.queryKind,
-          request: On(r)
+          queryKind: t.queryKind,
+          request: zn(t)
         };
       case "matrix":
         return {
-          queryKind: r.queryKind,
-          request: Bn(r)
+          queryKind: t.queryKind,
+          request: Hn(t)
         };
       default:
-        return Te(r);
+        return ke(t);
     }
-  }, [r]), i = Yt({
-    spec: r,
+  }, [t]), i = Xr({
+    spec: t,
     queryKind: n.queryKind,
     queryKey: n.request.queryKey,
     intent: n.request.intent,
     activeInputs: n.request.activeInputs,
-    debug: t.debug
-  }), o = C(null), u = b(
+    debug: r.debug
+  }), d = D(null), l = b(
     () => ({
       start: i.start,
       success: i.success,
@@ -3113,78 +3325,78 @@ function ti(e, t = {}) {
       i.start,
       i.success
     ]
-  ), c = D(
+  ), c = O(
     (a) => {
-      var K, E, v, I, L, R, O, x, k;
-      const w = n.request;
-      if (w.intent)
+      var C, L, B, v, w, A, I, E, z;
+      const x = n.request;
+      if (x.intent)
         switch (n.queryKind) {
           case "metric":
-            return (K = a.executor) == null ? void 0 : K.executeMetric(
-              w.intent,
+            return (C = a.executor) == null ? void 0 : C.executeMetric(
+              x.intent,
               a
             );
           case "analysis":
-            return (v = (E = a.executor) == null ? void 0 : E.executeAnalysis) == null ? void 0 : v.call(
-              E,
-              w.intent,
+            return (B = (L = a.executor) == null ? void 0 : L.executeAnalysis) == null ? void 0 : B.call(
+              L,
+              x.intent,
               a,
-              w.analysisOptions
+              x.analysisOptions
             );
           case "records":
-            return (I = a.executor) == null ? void 0 : I.executeRecords(
-              w.intent,
+            return (v = a.executor) == null ? void 0 : v.executeRecords(
+              x.intent,
               a
             );
           case "inputOptions":
-            return (L = a.executor) == null ? void 0 : L.executeInputOptions(
-              w.intent,
+            return (w = a.executor) == null ? void 0 : w.executeInputOptions(
+              x.intent,
               a
             );
           case "sql":
-            return (O = (R = a.executor) == null ? void 0 : R.executeSql) == null ? void 0 : O.call(
-              R,
-              w.intent,
+            return (I = (A = a.executor) == null ? void 0 : A.executeSql) == null ? void 0 : I.call(
+              A,
+              x.intent,
               a
             );
           case "matrix":
-            return (k = (x = a.executor) == null ? void 0 : x.executeMatrix) == null ? void 0 : k.call(
-              x,
-              w.intent,
+            return (z = (E = a.executor) == null ? void 0 : E.executeMatrix) == null ? void 0 : z.call(
+              E,
+              x.intent,
               a
             );
           default:
-            return Te(n);
+            return ke(n);
         }
     },
     [n]
-  ), d = _n(
+  ), u = Pn(
     n.request.queryKey,
     c,
     n.request.idleData,
     n.request.activeInputs,
-    u
-  ), f = i.queryId, y = i.validationFailure;
-  B(() => {
+    l
+  ), f = i.queryId, m = i.validationFailure;
+  K(() => {
     const a = n.request.error;
     if (!a) {
-      o.current = null;
+      d.current = null;
       return;
     }
-    const w = `${f}:${a.message}`;
-    o.current !== w && (o.current = w, y(a));
+    const x = `${f}:${a.message}`;
+    d.current !== x && (d.current = x, m(a));
   }, [
     n.request.error,
     n.request.queryKey,
     f,
-    y
+    m
   ]);
-  const g = n.request.error ? n.request.idleData : d.data, h = n.request.error ? "error" : d.status, m = !n.request.error && d.status === "loading", S = n.request.error || d.error, T = i.trace;
+  const y = n.request.error ? n.request.idleData : u.data, h = n.request.error ? "error" : u.status, g = !n.request.error && u.status === "loading", S = n.request.error || u.error, k = i.trace;
   switch (n.queryKind) {
     case "metric": {
-      const a = g;
+      const a = y;
       return {
-        id: r.id,
+        id: t.id,
         intent: n.request.intent,
         value: (a == null ? void 0 : a.value) ?? null,
         measures: a == null ? void 0 : a.measures,
@@ -3194,27 +3406,27 @@ function ti(e, t = {}) {
         records: a == null ? void 0 : a.records,
         executionResult: a == null ? void 0 : a.executionResult,
         status: h,
-        isLoading: m,
+        isLoading: g,
         error: S,
-        trace: T
+        trace: k
       };
     }
     case "analysis": {
-      const a = wt(g);
+      const a = Ir(y);
       return {
-        id: r.id,
+        id: t.id,
         intent: n.request.intent,
         ...a || {},
         status: h,
-        isLoading: m,
+        isLoading: g,
         error: S,
-        trace: T
+        trace: k
       };
     }
     case "records": {
-      const a = g;
+      const a = y;
       return {
-        id: r.id,
+        id: t.id,
         intent: n.request.intent,
         records: (a == null ? void 0 : a.records) || [],
         columns: a == null ? void 0 : a.columns,
@@ -3222,28 +3434,28 @@ function ti(e, t = {}) {
         pagination: a == null ? void 0 : a.pagination,
         executionResult: a == null ? void 0 : a.executionResult,
         status: h,
-        isLoading: m,
+        isLoading: g,
         error: S,
-        trace: T
+        trace: k
       };
     }
     case "inputOptions": {
-      const a = g;
+      const a = y;
       return {
-        id: r.id,
+        id: t.id,
         intent: n.request.intent,
         options: (a == null ? void 0 : a.options) || [],
         executionResult: a == null ? void 0 : a.executionResult,
         status: h,
-        isLoading: m,
+        isLoading: g,
         error: S,
-        trace: T
+        trace: k
       };
     }
     case "sql": {
-      const a = g;
+      const a = y;
       return {
-        id: r.id,
+        id: t.id,
         intent: n.request.intent,
         records: (a == null ? void 0 : a.records) || [],
         columns: a == null ? void 0 : a.columns,
@@ -3253,126 +3465,126 @@ function ti(e, t = {}) {
         rowLimitExceeded: a == null ? void 0 : a.rowLimitExceeded,
         executionResult: a == null ? void 0 : a.executionResult,
         status: h,
-        isLoading: m,
+        isLoading: g,
         error: S,
-        trace: T
+        trace: k
       };
     }
     case "matrix": {
-      const a = g;
+      const a = y;
       return {
-        id: r.id,
+        id: t.id,
         intent: n.request.intent,
         matrixResult: a == null ? void 0 : a.matrixResult,
         grid: a == null ? void 0 : a.grid,
         expansion: a == null ? void 0 : a.expansion,
         executionResult: a == null ? void 0 : a.executionResult,
         status: h,
-        isLoading: m,
+        isLoading: g,
         error: S,
-        trace: T
+        trace: k
       };
     }
     default:
-      return Te(n);
+      return ke(n);
   }
 }
-function _n(e, t, r, n, i) {
-  const o = Tn(), u = C(t), c = C(n), [d, f] = Q({
+function Pn(e, r, t, n, i) {
+  const d = Bn(), l = D(r), c = D(n), [u, f] = V({
     status: "idle",
-    data: r,
+    data: t,
     error: null
   });
-  return u.current = t, c.current = n, B(() => {
-    let y;
+  return l.current = r, c.current = n, K(() => {
+    let m;
     try {
-      y = u.current({
-        ...o,
+      m = l.current({
+        ...d,
         activeInputs: c.current
       });
-    } catch (m) {
-      i == null || i.failure(m, 0), f({
+    } catch (g) {
+      i == null || i.failure(g, 0), f({
         status: "error",
-        data: r,
-        error: N(m)
+        data: t,
+        error: _(g)
       });
       return;
     }
-    if (!y) {
-      f({ status: "idle", data: r, error: null });
+    if (!m) {
+      f({ status: "idle", data: t, error: null });
       return;
     }
-    let g = !1;
-    const h = qt();
-    return i == null || i.start(), f((m) => ({
+    let y = !1;
+    const h = Ar();
+    return i == null || i.start(), f((g) => ({
       status: "loading",
-      data: m.data,
+      data: g.data,
       error: null
-    })), y.then((m) => {
-      g ? i == null || i.ignored("superseded") : (i == null || i.success(m, et(h)), f({ status: "success", data: m, error: null }));
-    }).catch((m) => {
-      g ? i == null || i.ignored("superseded") : (i == null || i.failure(m, et(h)), f({
+    })), m.then((g) => {
+      y ? i == null || i.ignored("superseded") : (i == null || i.success(g, tr(h)), f({ status: "success", data: g, error: null }));
+    }).catch((g) => {
+      y ? i == null || i.ignored("superseded") : (i == null || i.failure(g, tr(h)), f({
         status: "error",
-        data: r,
-        error: N(m)
+        data: t,
+        error: _(g)
       }));
     }), () => {
-      g = !0;
+      y = !0;
     };
-  }, [r, e, o, i]), d;
+  }, [t, e, d, i]), u;
 }
-function qt() {
+function Ar() {
   return typeof performance < "u" && performance.now ? performance.now() : Date.now();
 }
-function et(e) {
-  return Math.max(0, Math.round(qt() - e));
+function tr(e) {
+  return Math.max(0, Math.round(Ar() - e));
 }
-function Nn(e) {
+function Qn(e) {
   return Object.fromEntries(
-    e.filter((t) => t.defaultValue !== void 0).map((t) => [t.id, t.defaultValue])
+    e.filter((r) => r.defaultValue !== void 0).map((r) => [r.id, r.defaultValue])
   );
 }
-function Te(e) {
+function ke(e) {
   throw new Error(`Unsupported Semaphor query kind: ${JSON.stringify(e)}`);
 }
-function Fn(e) {
+function Vn(e) {
   return !e || typeof e == "boolean" || e.enabled === !1 ? null : e.autoRenderDevtools === !0 ? {} : e.autoRenderDevtools ? e.autoRenderDevtools : null;
 }
-function ri({
+function ui({
   token: e,
-  apiBaseUrl: t,
-  executor: r,
+  apiBaseUrl: r,
+  executor: t,
   debug: n,
   children: i
 }) {
-  var m;
-  const o = An(), u = ((m = o == null ? void 0 : o.authToken) == null ? void 0 : m.accessToken) || e, c = (o == null ? void 0 : o.dataApiBaseUrl) || (o == null ? void 0 : o.apiBaseUrl) || t, d = (o == null ? void 0 : o.debug) ?? n, f = Fn(d), y = b(() => yn(), []), g = r || y, h = b(
+  var g;
+  const d = On(), l = ((g = d == null ? void 0 : d.authToken) == null ? void 0 : g.accessToken) || e, c = (d == null ? void 0 : d.dataApiBaseUrl) || (d == null ? void 0 : d.apiBaseUrl) || r, u = (d == null ? void 0 : d.debug) ?? n, f = Vn(u), m = b(() => In(), []), y = t || m, h = b(
     () => ({
-      token: u,
+      token: l,
       apiBaseUrl: c,
-      executor: g,
-      debug: d
+      executor: y,
+      debug: u
     }),
-    [c, d, g, u]
+    [c, u, y, l]
   );
-  return /* @__PURE__ */ s(Qt, { debug: d, children: /* @__PURE__ */ p(It.Provider, { value: h, children: [
+  return /* @__PURE__ */ o(Ur, { debug: u, children: /* @__PURE__ */ p(Rr.Provider, { value: h, children: [
     i,
-    f ? /* @__PURE__ */ s(Jt, { ...f }) : null
+    f ? /* @__PURE__ */ o(Yr, { ...f }) : null
   ] }) });
 }
 export {
-  ri as SemaphorDataAppProvider,
-  Jt as SemaphorDevtools,
-  Yn as SemaphorDevtoolsInspectButton,
-  Jn as SemaphorViewBoundary,
-  yn as createSemaphorQueryExecutor,
-  Qn as defineSemaphorDataApp,
-  Un as defineSemaphorInput,
-  Kn as isSemaphorInputValueValidForOptions,
-  Gn as semaphor,
-  ei as useClearInvalidSemaphorInputValue,
-  st as useSemaphorDevtools,
-  Xn as useSemaphorInput,
-  Zn as useSemaphorInputs,
-  ti as useSemaphorQuery
+  ui as SemaphorDataAppProvider,
+  Yr as SemaphorDevtools,
+  oi as SemaphorDevtoolsInspectButton,
+  ii as SemaphorViewBoundary,
+  In as createSemaphorQueryExecutor,
+  ri as defineSemaphorDataApp,
+  ti as defineSemaphorInput,
+  Mn as isSemaphorInputValueValidForOptions,
+  ni as semaphor,
+  di as useClearInvalidSemaphorInputValue,
+  lr as useSemaphorDevtools,
+  si as useSemaphorInput,
+  ai as useSemaphorInputs,
+  li as useSemaphorQuery
 };