react-semaphor 0.1.386 → 0.1.388

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

@@ -1,24 +1,24 @@
-import { toSemaphorInputSnapshots as qr, toSemaphorInputBinding as Ar, toSemaphorActiveInputSnapshots as U, toSemaphorMatrixIntent as Rr, toSemaphorSqlIntent as Er, toSemaphorInputOptionsIntent as Tr, toSemaphorRecordsIntent as kr, toSemaphorAnalysisQueryOptions as Cr, toSemaphorAnalysisIntent as Dr, toSemaphorMetricIntent as Or, hasSemaphorInputValue as re, normalizeSemaphorInputOptions as Ze, toSemaphorInputSpec as er } from "../data-app-sdk-adapters/index.js";
-import { jsxs as p, Fragment as Lr, jsx as s } from "react/jsx-runtime";
-import { createContext as fe, useContext as z, useState as Q, useRef as k, useEffect as L, useMemo as b, useId as rr, useCallback as C, useReducer as Br } from "react";
-import { M as Kr, a as $r, S as _r, E as Nr } from "../chunks/search-0LmWwZzW.js";
-import { X as Fr, j as Mr } from "../chunks/x-IdR_js6f.js";
-import { b as Wr } from "../chunks/validators-CHPH6ORs.js";
+import { toSemaphorInputSnapshots as Tr, toSemaphorInputBinding as Er, toSemaphorActiveInputSnapshots as J, toSemaphorMatrixIntent as kr, toSemaphorSqlIntent as Cr, toSemaphorInputOptionsIntent as Lr, toSemaphorRecordsIntent as Dr, toSemaphorAnalysisQueryOptions as Or, toSemaphorAnalysisIntent as Br, toSemaphorMetricIntent as Kr, hasSemaphorInputValue as re, normalizeSemaphorInputOptions as nr, toSemaphorInputSpec as ir } from "../data-app-sdk-adapters/index.js";
+import { jsxs as p, Fragment as ke, jsx as o } from "react/jsx-runtime";
+import { createContext as ge, useContext as H, useState as j, useRef as L, useEffect as B, useMemo as v, useId as or, useCallback as D, useReducer as Nr } from "react";
+import { M as $r, a as Wr, S as Fr, E as _r } from "../chunks/search-0LmWwZzW.js";
+import { X as zr, j as Mr } from "../chunks/x-IdR_js6f.js";
+import { b as Pr } from "../chunks/validators-CHPH6ORs.js";
 import "../chunks/analyze-result-contract-DuhlklhI.js";
-function ie(e, r, t = {}) {
+function ae(e, r, t = {}) {
   return {
     ...t,
     name: e,
     role: r
   };
 }
-function Wn(e) {
+function Zn(e) {
   return e;
 }
-function zn(e) {
+function ei(e) {
   return e;
 }
-const jn = {
+const ri = {
   source: {
     semantic(e) {
       return {
@@ -35,16 +35,16 @@ const jn = {
   },
   field: {
     measure(e, r) {
-      return ie(e, "measure", r);
+      return ae(e, "measure", r);
     },
     dimension(e, r) {
-      return ie(e, "dimension", r);
+      return ae(e, "dimension", r);
     },
     date(e, r) {
-      return ie(e, "date", r);
+      return ae(e, "date", r);
     },
     id(e, r) {
-      return ie(e, "id", r);
+      return ae(e, "id", r);
     }
   },
   filter(e) {
@@ -56,7 +56,7 @@ const jn = {
   bindInput(e, r) {
     return {
       toAnalyticsInput() {
-        const [t] = qr([e]), n = Ar({
+        const [t] = Tr([e]), n = Er({
           ...r,
           inputId: r.inputId || t.inputId
         });
@@ -128,208 +128,208 @@ const jn = {
       queryKind: "matrix"
     };
   }
-}, ye = 10, he = 100, zr = 25, jr = 500, tr = {
+}, ve = 10, be = 100, Hr = 25, jr = 500, sr = {
   enabled: !1,
   queries: [],
   getQuery: () => {
   },
   getQueries: () => []
-}, Te = fe(null), ke = fe(null), Ce = fe(
+}, De = ge(null), Oe = ge(null), Be = ge(
   void 0
-), W = [];
-function Hr({
+), P = [];
+function Qr({
   debug: e,
   children: r
 }) {
-  const t = b(() => Mt(e), [e]), [n, i] = Br(
-    Ct,
+  const t = v(() => Xt(e), [e]), [n, i] = Nr(
+    Mt,
     t,
-    fr
-  ), l = k(n), u = rr(), [c, d] = Q({ open: !1 });
-  l.current = n, L(() => {
+    yr
+  ), a = L(n), l = or(), [c, u] = j({ open: !1 });
+  a.current = n, B(() => {
     i({ type: "config", config: t });
-  }, [t]), L(() => {
+  }, [t]), B(() => {
     if (!n.enabled || !n.exposeWindowBridge || typeof window > "u")
       return;
-    const S = $t(() => l.current);
-    return Pr({
-      ownerId: u,
+    const S = Ut(() => a.current);
+    return Vr({
+      ownerId: l,
       bridge: S
     }), () => {
-      Vr(u);
+      Ur(l);
     };
-  }, [u, n.enabled, n.exposeWindowBridge]);
-  const f = b(() => ({ state: n, dispatch: i }), [n]), g = C((S) => {
-    d({ open: !0, focus: S });
-  }, []), y = C(() => {
-    d((S) => ({ ...S, open: !1 }));
-  }, []), h = C((S) => {
-    d({ open: !0, focus: S });
-  }, []), m = b(
+  }, [l, n.enabled, n.exposeWindowBridge]);
+  const f = v(() => ({ state: n, dispatch: i }), [n]), m = D((S) => {
+    u({ open: !0, focus: S });
+  }, []), y = D(() => {
+    u((S) => ({ ...S, open: !1 }));
+  }, []), h = D((S) => {
+    u({ open: !0, focus: S });
+  }, []), g = v(
     () => ({
       open: c.open,
       focus: c.focus,
-      openDevtools: g,
+      openDevtools: m,
       closeDevtools: y,
       focusTrace: h
     }),
     [
       y,
       h,
-      g,
+      m,
       c.focus,
       c.open
     ]
   );
-  return /* @__PURE__ */ s(Te.Provider, { value: f, children: /* @__PURE__ */ s(ke.Provider, { value: m, children: r }) });
+  return /* @__PURE__ */ o(De.Provider, { value: f, children: /* @__PURE__ */ o(Oe.Provider, { value: g, children: r }) });
 }
-function Pr(e) {
-  const r = W.findIndex(
+function Vr(e) {
+  const r = P.findIndex(
     (t) => t.ownerId === e.ownerId
   );
-  r >= 0 && W.splice(r, 1), W.push(e), nr();
+  r >= 0 && P.splice(r, 1), P.push(e), ar();
 }
-function Vr(e) {
-  const r = W.findIndex(
+function Ur(e) {
+  const r = P.findIndex(
     (t) => t.ownerId === e
   );
-  r >= 0 && W.splice(r, 1), nr();
+  r >= 0 && P.splice(r, 1), ar();
 }
-function nr() {
+function ar() {
   if (typeof window > "u")
     return;
-  const e = W[W.length - 1];
+  const e = P[P.length - 1];
   e ? window.__SEMAPHOR_DEVTOOLS__ = e.bridge : delete window.__SEMAPHOR_DEVTOOLS__;
 }
-function Hn({
+function ti({
   id: e,
   title: r,
   children: t
 }) {
-  const n = b(() => ({ id: e, title: r }), [e, r]);
-  return /* @__PURE__ */ s(Ce.Provider, { value: n, children: t });
+  const n = v(() => ({ id: e, title: r }), [e, r]);
+  return /* @__PURE__ */ o(Be.Provider, { value: n, children: t });
 }
-function Qr({
+function Gr({
   buttonPosition: e = "bottom-right",
   initialIsOpen: r = !1,
   panelPosition: t = "right",
   className: n,
   style: i
 } = {}) {
-  const l = ir(), u = z(ke), [c, d] = Q(""), [f, g] = Q(!1), y = k(null), h = k(null), m = u == null ? void 0 : u.openDevtools, S = u == null ? void 0 : u.closeDevtools, R = (u == null ? void 0 : u.open) === !0;
-  L(() => {
-    cr();
-  }, []), L(() => {
-    r && l.enabled && (m == null || m());
-  }, [r, l.enabled, m]), L(() => {
-    if (!R || !S)
+  const a = dr(), l = H(Oe), [c, u] = j(""), [f, m] = j(!1), y = L(null), h = L(null), g = l == null ? void 0 : l.openDevtools, S = l == null ? void 0 : l.closeDevtools, E = (l == null ? void 0 : l.open) === !0;
+  B(() => {
+    mr();
+  }, []), B(() => {
+    r && a.enabled && (g == null || g());
+  }, [r, a.enabled, g]), B(() => {
+    if (!E || !S)
       return;
-    const v = (I) => {
-      var E, O;
-      const D = I.target;
-      D instanceof Node && ((E = y.current) != null && E.contains(D) || (O = h.current) != null && O.contains(D) || S());
+    const b = (I) => {
+      var A, R;
+      const k = I.target;
+      k instanceof Node && ((A = y.current) != null && A.contains(k) || (R = h.current) != null && R.contains(k) || 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);
+    return document.addEventListener("pointerdown", b, !0), document.addEventListener("mousedown", b, !0), document.addEventListener("click", b, !0), () => {
+      document.removeEventListener("pointerdown", b, !0), document.removeEventListener("mousedown", b, !0), document.removeEventListener("click", b, !0);
     };
-  }, [S, R]);
-  const o = b(
-    () => it(l.queries),
-    [l.queries]
-  ), x = b(
-    () => ot(l.queries, c),
-    [l.queries, c]
-  ), B = b(
-    () => st(x),
+  }, [S, E]);
+  const d = v(
+    () => ft(a.queries),
+    [a.queries]
+  ), x = v(
+    () => pt(a.queries, c),
+    [a.queries, c]
+  ), N = v(
+    () => gt(x),
     [x]
-  ), T = b(
-    () => or(x, u == null ? void 0 : u.focus) || x[0],
-    [x, u == null ? void 0 : u.focus]
+  ), C = v(
+    () => lr(x, l == null ? void 0 : l.focus) || x[0],
+    [x, l == null ? void 0 : l.focus]
   );
-  return !l.enabled || !u ? null : /* @__PURE__ */ p(Lr, { children: [
+  return !a.enabled || !l ? null : /* @__PURE__ */ p(ke, { children: [
     /* @__PURE__ */ p(
       "button",
       {
         ref: y,
         type: "button",
-        "aria-label": "Open Semaphor DevTools",
-        title: "Open Semaphor DevTools",
+        "aria-label": "Open Semaphor Inspector",
+        title: "Open Semaphor Inspector",
         className: n ? `${$} ${n}` : $,
         style: {
-          ...a.launcher,
-          ...It(e),
-          ...qt(o.severity),
+          ...s.launcher,
+          ...Kt(e),
+          ...Nt(d.severity),
           ...i
         },
-        onClick: () => u.openDevtools(),
+        onClick: () => l.openDevtools(),
         children: [
-          /* @__PURE__ */ s(Gr, {}),
-          /* @__PURE__ */ s("span", { style: a.launcherText, children: o.total }),
-          o.issueCount > 0 ? /* @__PURE__ */ s("span", { style: a.launcherIssueCount, children: o.issueCount }) : null
+          /* @__PURE__ */ o(Yr, {}),
+          /* @__PURE__ */ o("span", { style: s.launcherText, children: d.total }),
+          d.issueCount > 0 ? /* @__PURE__ */ o("span", { style: s.launcherIssueCount, children: d.issueCount }) : 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: {
-          ...a.panel,
-          ...At(t),
-          ...f ? a.panelFullscreen : null
+          ...s.panel,
+          ...$t(t),
+          ...f ? s.panelFullscreen : null
         },
         children: [
-          /* @__PURE__ */ p("div", { style: a.panelHeader, children: [
-            /* @__PURE__ */ p("div", { style: a.panelTitleBlock, children: [
-              /* @__PURE__ */ s("div", { style: a.panelTitle, children: "Semaphor DevTools" }),
-              /* @__PURE__ */ p("div", { style: a.panelSubtitle, children: [
-                o.total,
+          /* @__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: [
+                d.total,
                 " queries · ",
-                o.loading,
+                d.loading,
                 " loading ·",
                 " ",
-                o.failed,
+                d.failed,
                 " failed"
               ] })
             ] }),
-            /* @__PURE__ */ p("div", { style: a.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: a.iconButton,
-                  onClick: () => g((v) => !v),
-                  children: f ? /* @__PURE__ */ s(Kr, { size: 15 }) : /* @__PURE__ */ s($r, { 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((b) => !b),
+                  children: f ? /* @__PURE__ */ o($r, { size: 15 }) : /* @__PURE__ */ o(Wr, { size: 15 })
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
-                  "aria-label": "Close Semaphor DevTools",
-                  style: a.iconButton,
-                  onClick: u.closeDevtools,
-                  children: /* @__PURE__ */ s(Fr, { size: 15 })
+                  "aria-label": "Close Semaphor Inspector",
+                  style: s.iconButton,
+                  onClick: l.closeDevtools,
+                  children: /* @__PURE__ */ o(zr, { size: 15 })
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ p("label", { style: a.searchBox, children: [
-            /* @__PURE__ */ s(_r, { size: 14 }),
-            /* @__PURE__ */ s(
+          /* @__PURE__ */ p("label", { style: s.searchBox, children: [
+            /* @__PURE__ */ o(Fr, { size: 14 }),
+            /* @__PURE__ */ o(
               "input",
               {
                 "aria-label": "Search Semaphor traces",
                 value: c,
-                onChange: (v) => d(v.currentTarget.value),
+                onChange: (b) => u(b.currentTarget.value),
                 placeholder: "Search traces",
-                style: a.searchInput
+                style: s.searchInput
               }
             )
           ] }),
@@ -337,64 +337,79 @@ function Qr({
             "div",
             {
               style: {
-                ...a.panelBody,
-                ...Rt(t)
+                ...s.panelBody,
+                ...Wt(t)
               },
               children: [
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ o(
                   "div",
                   {
                     style: {
-                      ...a.queryList,
-                      ...Et()
+                      ...s.queryList,
+                      ...Ft()
                     },
                     "aria-label": "Registered queries",
-                    children: x.length ? B.map((v) => /* @__PURE__ */ p("div", { style: a.queryGroup, children: [
-                      /* @__PURE__ */ p("div", { style: a.queryGroupHeader, children: [
-                        /* @__PURE__ */ s("span", { children: v.title }),
-                        /* @__PURE__ */ s("span", { style: a.queryGroupCount, children: v.traces.length })
+                    children: x.length ? N.map((b) => /* @__PURE__ */ p("div", { style: s.queryGroup, children: [
+                      /* @__PURE__ */ p("div", { style: s.queryGroupHeader, children: [
+                        /* @__PURE__ */ o("span", { children: b.title }),
+                        /* @__PURE__ */ o("span", { style: s.queryGroupCount, children: b.traces.length })
                       ] }),
-                      v.traces.length ? v.traces.map((I) => {
-                        var K;
-                        const D = lt(I, T), E = De(I), O = sr(I.queryKind), w = pe(I);
+                      b.traces.length ? b.traces.map((I) => {
+                        var oe;
+                        const k = yt(I, C), A = me(I), R = pr(I), w = St(I), K = Ke(I), ne = vt(I), Q = bt(I), ie = ur(R);
                         return /* @__PURE__ */ p(
                           "button",
                           {
                             type: "button",
-                            title: `${E} · ${O} · ${w}`,
+                            title: `${A} · ${R} · ${K}`,
                             style: {
-                              ...a.queryListItem,
-                              ...D ? a.queryListItemSelected : null
+                              ...s.queryListItem,
+                              ...k ? s.queryListItemSelected : null
                             },
-                            onClick: () => u.focusTrace({
+                            onClick: () => l.focusTrace({
                               traceId: I.traceId,
                               queryId: I.queryId,
                               viewId: I.viewId
                             }),
                             children: [
-                              /* @__PURE__ */ p("span", { style: a.queryListItemHeader, children: [
-                                /* @__PURE__ */ s(Yr, { status: (K = I.latestAttempt) == null ? void 0 : K.status }),
-                                /* @__PURE__ */ s("span", { style: a.queryListTitle, title: E, children: E }),
-                                /* @__PURE__ */ s("span", { style: a.queryListKindChip, children: O })
+                              /* @__PURE__ */ p("span", { style: s.queryListItemHeader, children: [
+                                /* @__PURE__ */ o(Zr, { status: (oe = I.latestAttempt) == null ? void 0 : oe.status }),
+                                /* @__PURE__ */ o("span", { style: s.queryListTitle, title: A, children: ne }),
+                                /* @__PURE__ */ o(
+                                  "span",
+                                  {
+                                    style: {
+                                      ...s.queryListKindChip,
+                                      ...cr(ie)
+                                    },
+                                    children: R
+                                  }
+                                )
                               ] }),
-                              /* @__PURE__ */ s(
+                              /* @__PURE__ */ p(
                                 "span",
                                 {
                                   className: `${$}-source`,
-                                  style: a.queryListSource,
-                                  title: w,
-                                  children: w
+                                  style: s.queryListSource,
+                                  title: `${w} · ${K}`,
+                                  children: [
+                                    /* @__PURE__ */ o("span", { children: Q.source }),
+                                    Q.queryId ? /* @__PURE__ */ p(ke, { children: [
+                                      /* @__PURE__ */ o("span", { style: s.queryListPrefixSep, children: " · " }),
+                                      /* @__PURE__ */ o("span", { style: s.queryListPrefixId, children: Q.queryId })
+                                    ] }) : null
+                                  ]
                                 }
                               )
                             ]
                           },
-                          Re(I)
+                          Ce(I)
                         );
-                      }) : /* @__PURE__ */ s("div", { style: a.queryGroupEmpty, children: "No input traces" })
-                    ] }, v.title)) : /* @__PURE__ */ s("div", { style: a.emptyState, children: "No matching traces" })
+                      }) : /* @__PURE__ */ o("div", { style: s.queryGroupEmpty, children: "No input traces" })
+                    ] }, b.title)) : /* @__PURE__ */ o("div", { style: s.emptyState, children: "No matching traces" })
                   }
                 ),
-                /* @__PURE__ */ s(Jr, { trace: T })
+                /* @__PURE__ */ o(Xr, { trace: C })
               ]
             }
           )
@@ -403,7 +418,7 @@ function Qr({
     ) : null
   ] });
 }
-function Pn({
+function ni({
   queryId: e,
   viewId: r,
   label: t,
@@ -411,222 +426,226 @@ function Pn({
   style: i
 } = {}) {
   var y, h;
-  const l = ir(), u = z(ke), c = z(Ce);
-  L(() => {
-    cr();
+  const a = dr(), l = H(Oe), c = H(Be);
+  B(() => {
+    mr();
   }, []);
-  const d = r || (c == null ? void 0 : c.id), f = b(
-    () => at(l.queries, {
+  const u = r || (c == null ? void 0 : c.id), f = v(
+    () => mt(a.queries, {
       queryId: e,
-      viewId: d
+      viewId: u
     }),
     [
-      l.queries,
+      a.queries,
       e,
-      d
+      u
     ]
   );
-  if (!l.enabled || !u || !f)
+  if (!a.enabled || !l || !f)
     return null;
-  const g = t || `Inspect ${De(f)}`;
+  const m = t || `Inspect ${xt(f, !!e)}`;
   return /* @__PURE__ */ p(
     "button",
     {
       type: "button",
-      "aria-label": g,
-      title: g,
+      "aria-label": m,
+      title: m,
       className: n ? `${$} ${n}` : $,
       style: {
-        ...a.inspectButton,
-        ...Tt((y = f.latestAttempt) == null ? void 0 : y.status),
+        ...s.inspectButton,
+        ..._t((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(Nr, { size: 13 }),
-        /* @__PURE__ */ s("span", { style: a.inspectButtonText, children: ((h = f.latestAttempt) == null ? void 0 : h.status) || "idle" })
+        /* @__PURE__ */ o(_r, { size: 13 }),
+        /* @__PURE__ */ o("span", { style: s.inspectButtonText, children: ((h = f.latestAttempt) == null ? void 0 : h.status) || "idle" })
       ]
     }
   );
 }
-function ir() {
-  const e = z(Te);
-  return !e || !e.state.enabled ? tr : de(e.state);
+function dr() {
+  const e = H(De);
+  return !e || !e.state.enabled ? sr : fe(e.state);
 }
-function Ur({
+function Jr({
   spec: e,
   queryKind: r,
   queryKey: t,
   intent: n,
   activeInputs: i,
-  debug: l
+  debug: a
 }) {
-  const u = z(Te), c = z(Ce), d = !!(u != null && u.state.enabled), f = u == null ? void 0 : u.dispatch, g = Wt(e), y = e.label, h = b(
+  const l = H(De), c = H(Be), u = !!(l != null && l.state.enabled), f = l == null ? void 0 : l.dispatch, m = Zt(e), y = e.label, h = v(
     () => JSON.stringify(e),
     [e]
-  ), m = b(
+  ), g = v(
     () => JSON.stringify(i || []),
     [i]
-  ), S = b(
+  ), S = v(
     () => JSON.stringify(n || null),
     [n]
-  ), R = k(e), o = k(h), x = k(n), B = k(S), T = k(i), v = k(m);
-  o.current !== h && (o.current = h, R.current = e), B.current !== S && (B.current = S, x.current = n), v.current !== m && (v.current = m, T.current = i);
-  const I = R.current, D = x.current, E = T.current, O = rr(), w = b(
-    () => g || `query_${hr(t)}`,
-    [t, g]
-  ), K = (l == null ? void 0 : l.viewId) || (c == null ? void 0 : c.id), Ke = (l == null ? void 0 : l.title) || (c == null ? void 0 : c.title), wr = JSON.stringify(Pe(l) || []), $e = b(
-    () => Pe(l),
+  ), E = L(e), d = L(h), x = L(n), N = L(S), C = L(i), b = L(g);
+  d.current !== h && (d.current = h, E.current = e), N.current !== S && (N.current = S, x.current = n), b.current !== g && (b.current = g, C.current = i);
+  const I = E.current, k = x.current, A = C.current, R = or(), w = v(
+    () => m || `query_${xr(t)}`,
+    [t, m]
+  ), K = (a == null ? void 0 : a.viewId) || (c == null ? void 0 : c.id), ne = (a == null ? void 0 : a.viewTitle) || (a == null ? void 0 : a.title) || (c == null ? void 0 : c.title), Q = a == null ? void 0 : a.visualType, ie = a == null ? void 0 : a.sectionTitle, oe = JSON.stringify(Ge(a) || []), Fe = v(
+    () => Ge(a),
     // Keep inline debug={{ sourceHint: ... }} objects from re-registering every render.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [wr]
-  ), F = b(
+    [oe]
+  ), z = v(
     () => [
       K || "unscoped-view",
       w,
-      O
+      R
     ].join("::"),
-    [w, O, K]
-  ), _e = b(
+    [w, R, K]
+  ), _e = v(
     () => ({
-      traceKey: F,
+      traceKey: z,
       spec: I,
       queryId: w,
       queryLabel: y,
       queryKind: r,
-      builder: zt(r),
+      builder: en(r),
       viewId: K,
-      viewTitle: Ke,
-      sourceHints: $e,
-      intent: D,
-      activeInputs: E,
-      clientWarnings: g ? [] : ["Query spec is missing an explicit id; using an opaque internal id."]
+      viewTitle: ne,
+      visualType: Q,
+      sectionTitle: ie,
+      sourceHints: Fe,
+      intent: k,
+      activeInputs: A,
+      clientWarnings: m ? [] : ["Query spec is missing an explicit id; using an opaque internal id."]
     }),
     [
       w,
       r,
-      g,
+      m,
       y,
       I,
-      E,
-      D,
-      $e,
-      F,
+      A,
+      k,
+      Fe,
+      ie,
+      z,
       K,
-      Ke
+      ne,
+      Q
     ]
   );
-  L(() => {
-    if (!(!d || !f))
+  B(() => {
+    if (!(!u || !f))
       return f({ type: "register", descriptor: _e }), () => {
-        f({ type: "unregister", traceKey: F });
+        f({ type: "unregister", traceKey: z });
       };
-  }, [_e, f, d, F]);
-  const _ = C(
-    (A, j) => {
-      !d || !f || f({ type: "event", traceKey: F, event: A, latestAttempt: j });
+  }, [_e, f, u, z]);
+  const W = D(
+    (T, V) => {
+      !u || !f || f({ type: "event", traceKey: z, event: T, latestAttempt: V });
     },
-    [f, d, F]
-  ), Ne = C(() => {
-    _(
+    [f, u, z]
+  ), ze = D(() => {
+    W(
       {
         type: "query_started",
         queryId: w,
-        at: le()
+        at: ue()
       },
       { status: "loading" }
     );
-  }, [_, w]), Fe = C(
-    (A, j) => {
-      const J = Je(A), Y = Jt(A), Ir = Yt(A);
-      _(
+  }, [W, w]), Me = D(
+    (T, V) => {
+      const X = er(T), Z = ln(T), Ar = un(T);
+      W(
         {
           type: "query_succeeded",
           queryId: w,
-          requestId: J,
-          at: le(),
-          rowCount: Y,
-          durationMs: j
+          requestId: X,
+          at: ue(),
+          rowCount: Z,
+          durationMs: V
         },
         {
-          requestId: J,
+          requestId: X,
           status: "success",
-          durationMs: j,
-          rowCount: Y,
-          columnCount: Ir,
-          executionResult: Ge(A)
+          durationMs: V,
+          rowCount: Z,
+          columnCount: Ar,
+          executionResult: Ze(T)
         }
       );
     },
-    [_, w]
-  ), ne = C(
-    (A, j) => {
-      const J = Je(A), Y = A instanceof Error ? A.message : String(A);
-      _(
+    [W, w]
+  ), se = D(
+    (T, V) => {
+      const X = er(T), Z = T instanceof Error ? T.message : String(T);
+      W(
         {
           type: "query_failed",
           queryId: w,
-          requestId: J,
-          at: le(),
-          errorMessage: Y
+          requestId: X,
+          at: ue(),
+          errorMessage: Z
         },
         {
-          requestId: J,
+          requestId: X,
           status: "error",
-          durationMs: j,
-          errorMessage: Y,
-          executionResult: Ge(A)
+          durationMs: V,
+          errorMessage: Z,
+          executionResult: Ze(T)
         }
       );
     },
-    [_, w]
-  ), Me = C(
-    (A) => {
-      _(
+    [W, w]
+  ), Pe = D(
+    (T) => {
+      W(
         {
           type: "query_ignored_stale",
           queryId: w,
-          at: le(),
-          reason: A
+          at: ue(),
+          reason: T
         }
       );
     },
-    [_, w]
-  ), We = C(
-    (A) => {
-      ne(A, 0);
+    [W, w]
+  ), He = D(
+    (T) => {
+      se(T, 0);
     },
-    [ne]
-  ), ge = d ? u == null ? void 0 : u.state.entries[F] : void 0;
-  return b(
+    [se]
+  ), he = u ? l == null ? void 0 : l.state.entries[z] : void 0;
+  return v(
     () => ({
-      enabled: d,
+      enabled: u,
       queryId: w,
-      trace: ge ? ue(ge) : void 0,
-      start: Ne,
-      success: Fe,
-      failure: ne,
-      ignored: Me,
-      validationFailure: We
+      trace: he ? ce(he) : void 0,
+      start: ze,
+      success: Me,
+      failure: se,
+      ignored: Pe,
+      validationFailure: He
     }),
     [
-      d,
-      ne,
-      Me,
+      u,
+      se,
+      Pe,
       w,
-      Ne,
-      Fe,
-      ge,
-      We
+      ze,
+      Me,
+      he,
+      He
     ]
   );
 }
-function Gr() {
-  return /* @__PURE__ */ s("span", { style: a.logoMark, "aria-hidden": !0, children: /* @__PURE__ */ p(
+function Yr() {
+  return /* @__PURE__ */ o("span", { style: s.logoMark, "aria-hidden": !0, children: /* @__PURE__ */ p(
     "svg",
     {
       viewBox: "0 0 100 100",
@@ -635,142 +654,151 @@ function Gr() {
       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 Jr({
+function Xr({
   trace: e
 }) {
-  var R, o, x, B, T;
+  var C, b, I, k, A;
   if (!e)
-    return /* @__PURE__ */ s("div", { style: a.detailsPane, children: /* @__PURE__ */ s("div", { style: a.emptyState, children: "No traces registered yet" }) });
-  const r = e.latestAttempt, t = r == null ? void 0 : r.executionResult, n = ve(
-    (R = t == null ? void 0 : t.validation) == null ? void 0 : R.warnings
-  ), i = ve((o = t == null ? void 0 : t.validation) == null ? void 0 : o.errors), l = ve(
-    (x = t == null ? void 0 : t.coverage) == null ? void 0 : x.missingObligations
-  ), u = t == null ? void 0 : t.compiledQuery, c = wt(t), d = ((B = e.server) == null ? void 0 : B.compiledSql) || c.compiledSql, f = r != null && r.errorMessage ? [r.errorMessage] : [], g = [
+    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(
+    (C = t == null ? void 0 : t.validation) == null ? void 0 : C.warnings
+  ), i = xe((b = t == null ? void 0 : t.validation) == null ? void 0 : b.errors), a = xe(
+    (I = t == null ? void 0 : t.coverage) == null ? void 0 : I.missingObligations
+  ), l = t == null ? void 0 : t.compiledQuery, c = Bt(t), u = ((k = e.server) == null ? void 0 : k.compiledSql) || c.compiledSql, f = r != null && r.errorMessage ? [r.errorMessage] : [], m = [
     ...e.clientWarnings,
     ...n,
     ...i,
-    ...l
-  ], y = pe(e), h = e.viewId ? `${e.viewId} - ${e.queryId}` : e.queryId, m = e.inputsApplied.length > 0, S = !!(u || d);
-  return /* @__PURE__ */ p("div", { style: a.detailsPane, children: [
-    /* @__PURE__ */ p("div", { style: a.detailsHeader, children: [
-      /* @__PURE__ */ p("div", { style: a.detailsHeaderTopRow, children: [
-        /* @__PURE__ */ s(
+    ...a
+  ], y = e.inputsApplied.length > 0, h = !!(l || u), g = qt(e), S = Et(r == null ? void 0 : r.rowCount), E = kt(r == null ? void 0 : r.durationMs), d = e.sourceRefs.length, x = pr(e), N = ur(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: {
-              ...a.detailsHeaderStatusDot,
-              ...dr(r == null ? void 0 : r.status)
+              ...s.detailsHeaderStatusDot,
+              ...gr(r == null ? void 0 : r.status)
             }
           }
         ),
-        /* @__PURE__ */ s("span", { style: a.detailsTitle, children: De(e) }),
-        /* @__PURE__ */ s("span", { style: a.detailsKindChip, children: sr(e.queryKind) })
-      ] }),
-      /* @__PURE__ */ p("div", { style: a.detailsCaption, children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ o("span", { style: s.detailsTitle, children: me(e) }),
+        /* @__PURE__ */ o(
           "span",
           {
-            style: { ...a.detailsCaptionItem, ...a.detailsCaptionItemMono },
-            children: h
+            style: {
+              ...s.detailsKindChip,
+              ...cr(N)
+            },
+            children: x
           }
-        ),
-        /* @__PURE__ */ p("span", { style: a.detailsCaptionItem, children: [
-          /* @__PURE__ */ s("span", { style: a.detailsCaptionLabel, children: "Source" }),
-          /* @__PURE__ */ s("span", { style: a.detailsCaptionValue, children: y })
-        ] }),
-        /* @__PURE__ */ p("span", { style: a.detailsCaptionItem, children: [
-          /* @__PURE__ */ s("span", { style: a.detailsCaptionLabel, children: "Rows" }),
-          /* @__PURE__ */ s("span", { style: a.detailsCaptionValue, children: yt(r == null ? void 0 : r.rowCount) })
+        )
+      ] }),
+      /* @__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: a.detailsCaptionItem, children: [
-          /* @__PURE__ */ s("span", { style: a.detailsCaptionLabel, children: "Duration" }),
-          /* @__PURE__ */ s("span", { style: a.detailsCaptionValue, children: ht(r == null ? void 0 : r.durationMs) })
-        ] })
+        /* @__PURE__ */ o("span", { style: s.metaStripDot, children: "·" }),
+        /* @__PURE__ */ o("span", { style: s.metaStripItem, children: E }),
+        d > 0 ? /* @__PURE__ */ p(ke, { children: [
+          /* @__PURE__ */ o("span", { style: s.metaStripDot, children: "·" }),
+          /* @__PURE__ */ o("span", { style: s.metaStripItem, children: d === 1 ? "1 source" : `${d} sources` })
+        ] }) : null
       ] })
     ] }),
-    f.length ? /* @__PURE__ */ s(ze, { tone: "error", title: "Error", items: f }) : null,
-    g.length ? /* @__PURE__ */ s(ze, { tone: "warning", title: "Warnings", items: g }) : null,
-    /* @__PURE__ */ s(Xr, { trace: e }),
-    /* @__PURE__ */ s(Zr, { trace: e }),
-    (T = e.sourceHints) != null && T.length ? /* @__PURE__ */ s(et, { hints: e.sourceHints }) : null,
-    m ? /* @__PURE__ */ s(tt, { inputs: e.inputsApplied }) : null,
-    S ? /* @__PURE__ */ s(ee, { title: "Compiled query", children: /* @__PURE__ */ s(
-      nt,
+    f.length ? /* @__PURE__ */ o(je, { tone: "error", title: "Error", items: f }) : null,
+    m.length ? /* @__PURE__ */ o(je, { tone: "warning", title: "Warnings", items: m }) : null,
+    /* @__PURE__ */ o(et, { trace: e }),
+    /* @__PURE__ */ o(nt, { trace: e }),
+    (A = e.sourceHints) != null && A.length ? /* @__PURE__ */ o(it, { hints: e.sourceHints }) : null,
+    y ? /* @__PURE__ */ o(dt, { inputs: e.inputsApplied }) : null,
+    h ? /* @__PURE__ */ o(ee, { title: "Compiled Query", defaultOpen: !0, children: /* @__PURE__ */ o(
+      lt,
       {
-        compiledQuery: u,
-        compiledSql: d
+        compiledQuery: l,
+        compiledSql: u
       }
     ) }) : null,
-    /* @__PURE__ */ s(ee, { title: "Lifecycle events", children: e.recentEvents.length ? /* @__PURE__ */ s("div", { style: a.eventList, children: e.recentEvents.slice(-5).map((v, I) => /* @__PURE__ */ p(
+    /* @__PURE__ */ o(ee, { title: "Lifecycle Events", children: e.recentEvents.length ? /* @__PURE__ */ o("div", { style: s.eventList, children: e.recentEvents.slice(-5).map((R, w) => /* @__PURE__ */ p(
       "div",
       {
-        style: a.eventRow,
+        style: s.eventRow,
         children: [
-          /* @__PURE__ */ s("span", { style: a.eventType, children: bt(v) }),
-          /* @__PURE__ */ s("span", { style: a.eventMeta, children: St(v) })
+          /* @__PURE__ */ o("span", { style: s.eventType, children: Lt(R) }),
+          /* @__PURE__ */ o("span", { style: s.eventMeta, children: Dt(R) })
         ]
       },
-      `${v.type}:${v.at}:${I}`
-    )) }) : /* @__PURE__ */ s("div", { style: a.mutedText, children: "No attempts recorded" }) }),
-    /* @__PURE__ */ s(ee, { title: "Raw trace JSON", children: /* @__PURE__ */ s("pre", { style: a.codeBlock, children: vt(e) }) })
+      `${R.type}:${R.at}:${w}`
+    )) }) : /* @__PURE__ */ o("div", { style: s.mutedText, children: "No attempts recorded" }) }),
+    /* @__PURE__ */ o(ee, { title: "Raw Trace", children: /* @__PURE__ */ o("pre", { style: s.codeBlock, children: Ct(e) }) })
   ] });
 }
-function ze({
+function je({
   tone: e,
   title: r,
   items: t
 }) {
-  const n = e === "error" ? a.alertCardError : a.alertCardWarning;
-  return /* @__PURE__ */ p("div", { style: { ...a.alertCard, ...n }, children: [
-    /* @__PURE__ */ s("div", { style: a.alertCardTitle, children: r }),
-    t.length > 1 ? /* @__PURE__ */ s("ul", { style: a.alertCardList, children: t.map((i, l) => /* @__PURE__ */ s("li", { children: i }, `${e}-${l}`)) }) : /* @__PURE__ */ s("div", { children: t[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, a) => /* @__PURE__ */ o("li", { children: i }, `${e}-${a}`)) }) : /* @__PURE__ */ o("div", { children: t[0] })
   ] });
 }
-function Yr({
+function Zr({
   status: e
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ o(
     "span",
     {
       "aria-hidden": !0,
       style: {
-        ...a.statusDot,
-        ...dr(e)
+        ...s.statusDot,
+        ...gr(e)
       }
     }
   );
 }
 function ee({
   title: e,
-  children: r
+  children: r,
+  defaultOpen: t = !1
 }) {
-  return /* @__PURE__ */ p("details", { style: a.disclosure, children: [
-    /* @__PURE__ */ s("summary", { style: a.disclosureSummary, children: e }),
-    /* @__PURE__ */ s("div", { style: a.disclosureBody, children: r })
-  ] });
+  const [n, i] = j(t);
+  return /* @__PURE__ */ p(
+    "details",
+    {
+      style: s.disclosure,
+      open: n,
+      onToggle: (a) => i(a.currentTarget.open),
+      children: [
+        /* @__PURE__ */ o("summary", { style: s.disclosureSummary, children: e }),
+        /* @__PURE__ */ o("div", { style: s.disclosureBody, children: r })
+      ]
+    }
+  );
 }
-function Xr({
+function et({
   trace: e
 }) {
-  var l;
-  const r = (l = e.projectionFieldRefs) != null && l.length ? e.projectionFieldRefs : e.fieldRefs, t = e.inputFieldRefs || [], n = ut(r), i = dt(e, n, r);
-  return /* @__PURE__ */ p("div", { style: a.recipe, children: [
-    /* @__PURE__ */ s("div", { style: a.recipeSummary, children: i.map((u) => /* @__PURE__ */ p("div", { style: a.recipeSummaryRow, children: [
-      /* @__PURE__ */ s("span", { style: a.recipeSummaryLabel, children: u.label }),
-      /* @__PURE__ */ s("span", { style: a.recipeSummaryValue, title: u.value, children: u.value })
-    ] }, u.label)) }),
-    /* @__PURE__ */ s(M, { title: "Measures", fields: n.measures }),
-    /* @__PURE__ */ s(M, { title: "Time fields", fields: n.timeFields }),
-    /* @__PURE__ */ s(
+  var i;
+  const r = (i = e.projectionFieldRefs) != null && i.length ? e.projectionFieldRefs : e.fieldRefs, t = e.inputFieldRefs || [], n = wt(r);
+  return /* @__PURE__ */ p("div", { style: s.recipe, children: [
+    /* @__PURE__ */ o(rt, { sources: e.sourceRefs }),
+    /* @__PURE__ */ o(M, { title: "Measures", fields: n.measures }),
+    /* @__PURE__ */ o(M, { title: "Time fields", fields: n.timeFields }),
+    /* @__PURE__ */ o(
       M,
       {
         title: "Dimensions",
@@ -778,17 +806,41 @@ function Xr({
         emptyText: "No dimensions selected"
       }
     ),
-    /* @__PURE__ */ s(M, { title: "Identifiers", fields: n.identifiers }),
-    /* @__PURE__ */ s(M, { title: "Other fields", fields: n.other }),
-    /* @__PURE__ */ s(M, { title: "Input bindings", fields: t })
+    /* @__PURE__ */ o(M, { title: "Identifiers", fields: n.identifiers }),
+    /* @__PURE__ */ o(M, { title: "Other fields", fields: n.other }),
+    /* @__PURE__ */ o(M, { title: "Input bindings", fields: t })
   ] });
 }
-function Zr({
+function rt({
+  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(
+      tt,
+      {
+        source: r
+      },
+      `${F(r)}:${t}`
+    )) })
+  ] }) : null;
+}
+function tt({ 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 nt({
   trace: e
 }) {
-  return !e.sourceRefs.length && !e.fieldRefs.length ? null : /* @__PURE__ */ s(ee, { title: "Sources and field refs", children: /* @__PURE__ */ p("div", { style: a.traceLineage, children: [
-    /* @__PURE__ */ s(rt, { sources: e.sourceRefs }),
-    /* @__PURE__ */ s(
+  return !e.sourceRefs.length && !e.fieldRefs.length ? null : /* @__PURE__ */ o(ee, { title: "Sources and field refs", children: /* @__PURE__ */ p("div", { style: s.traceLineage, children: [
+    /* @__PURE__ */ o(ot, { sources: e.sourceRefs }),
+    /* @__PURE__ */ o(
       M,
       {
         title: "All field refs",
@@ -798,11 +850,11 @@ function Zr({
     )
   ] }) });
 }
-function et({
+function it({
   hints: e
 }) {
-  return /* @__PURE__ */ s(ee, { title: "Source hints", children: /* @__PURE__ */ s("div", { style: a.recipeFieldList, children: e.map((r, t) => {
-    const n = gt(r), i = r.component || r.exportName || n || "Source hint", l = [
+  return /* @__PURE__ */ o(ee, { 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", a = [
       r.exportName && r.exportName !== i ? r.exportName : void 0,
       n,
       r.note
@@ -810,37 +862,37 @@ function et({
     return /* @__PURE__ */ p(
       "div",
       {
-        style: a.recipeFieldRow,
-        title: l || i,
+        style: s.recipeFieldRow,
+        title: a || i,
         children: [
-          /* @__PURE__ */ s("span", { style: a.recipeFieldName, children: i }),
-          l ? /* @__PURE__ */ s("span", { style: a.recipeFieldMeta, children: l }) : null
+          /* @__PURE__ */ o("span", { style: s.recipeFieldName, children: i }),
+          a ? /* @__PURE__ */ o("span", { style: s.recipeFieldMeta, children: a }) : null
         ]
       },
       `${i}:${n}:${t}`
     );
   }) }) });
 }
-function rt({
+function ot({
   sources: e
 }) {
-  return /* @__PURE__ */ p("div", { style: a.recipeGroup, children: [
-    /* @__PURE__ */ p("div", { style: a.recipeGroupHeader, children: [
-      /* @__PURE__ */ s("span", { style: a.recipeGroupTitle, children: "Sources" }),
-      /* @__PURE__ */ s("span", { style: a.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: a.recipeFieldList, children: e.map((r, t) => /* @__PURE__ */ p(
+    e.length ? /* @__PURE__ */ o("div", { style: s.recipeFieldList, children: e.map((r, t) => /* @__PURE__ */ p(
       "div",
       {
-        style: a.recipeFieldRow,
-        title: V(r),
+        style: s.recipeFieldRow,
+        title: F(r),
         children: [
-          /* @__PURE__ */ s("span", { style: a.recipeFieldName, children: V(r) }),
-          /* @__PURE__ */ s("span", { style: a.recipeFieldMeta, children: r.kind })
+          /* @__PURE__ */ o("span", { style: s.recipeFieldName, children: F(r) }),
+          /* @__PURE__ */ o("span", { style: s.recipeFieldMeta, children: r.kind })
         ]
       },
-      `${V(r)}:${t}`
-    )) }) : /* @__PURE__ */ s("div", { style: a.recipeEmptyText, children: "No sources captured" })
+      `${F(r)}:${t}`
+    )) }) : /* @__PURE__ */ o("div", { style: s.recipeEmptyText, children: "No sources captured" })
   ] });
 }
 function M({
@@ -848,54 +900,96 @@ function M({
   fields: r,
   emptyText: t
 }) {
-  return !r.length && !t ? null : /* @__PURE__ */ p("div", { style: a.recipeGroup, children: [
-    /* @__PURE__ */ p("div", { style: a.recipeGroupHeader, children: [
-      /* @__PURE__ */ s("span", { style: a.recipeGroupTitle, children: e }),
-      /* @__PURE__ */ s("span", { style: a.recipeGroupCount, children: r.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 })
     ] }),
-    r.length ? /* @__PURE__ */ s("div", { style: a.recipeFieldList, children: r.map((n, i) => {
-      const l = lr(n), u = n.dataType && n.dataType !== "unknown" ? n.dataType : void 0, c = n.source ? V(n.source) : void 0, d = [l, u, c].filter(Boolean).join(" · ");
-      return /* @__PURE__ */ p(
-        "div",
-        {
-          style: a.recipeFieldRow,
-          title: d,
-          children: [
-            /* @__PURE__ */ s("span", { style: a.recipeFieldName, children: l }),
-            /* @__PURE__ */ p("span", { style: a.recipeFieldMeta, children: [
-              u ? /* @__PURE__ */ s("span", { children: u }) : null,
-              u && c ? /* @__PURE__ */ s("span", { style: a.recipeFieldMetaDivider, children: " · " }) : null,
-              c ? /* @__PURE__ */ s("span", { children: c }) : null
-            ] })
-          ]
-        },
-        `${Oe(n)}:${i}`
-      );
-    }) }) : /* @__PURE__ */ s("div", { style: a.recipeEmptyText, children: t })
+    r.length ? /* @__PURE__ */ o("div", { style: s.fieldChipList, children: r.map((n, i) => /* @__PURE__ */ o(
+      st,
+      {
+        field: n,
+        groupTitle: e
+      },
+      `${Ne(n)}:${i}`
+    )) }) : /* @__PURE__ */ o("div", { style: s.recipeEmptyText, children: t })
+  ] });
+}
+function st({
+  field: e,
+  groupTitle: r
+}) {
+  const t = Rt(e), n = e.label || e.name, i = e.dataType && e.dataType !== "unknown" ? e.dataType : void 0, a = e.source ? F(e.source) : void 0, l = [t, i, a].filter(Boolean).join(" · "), c = at(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 && a ? /* @__PURE__ */ o("span", { style: s.fieldChipMetaDot, children: "·" }) : null,
+    a ? /* @__PURE__ */ o("span", { style: s.fieldChipMeta, children: a }) : null
   ] });
 }
-function tt({
+function at(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 dt({
   inputs: e
 }) {
-  return /* @__PURE__ */ p("div", { style: a.inputsAppliedBlock, children: [
-    /* @__PURE__ */ p("div", { style: a.inputsAppliedHeader, children: [
-      /* @__PURE__ */ s("span", { style: a.inputsAppliedTitle, children: "Inputs applied" }),
-      /* @__PURE__ */ s("span", { style: a.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: a.inputRecipeList, children: e.map((r) => {
-      const t = ur(r);
+    /* @__PURE__ */ o("div", { style: s.inputRecipeList, children: e.map((r) => {
+      const t = At(r);
       return /* @__PURE__ */ p(
         "div",
         {
-          style: a.inputRecipeRow,
+          style: s.inputRecipeRow,
           title: t.title,
           children: [
-            /* @__PURE__ */ p("div", { style: a.inputRecipeHeader, children: [
-              /* @__PURE__ */ s("span", { style: a.inputRecipeId, title: r.inputId, children: r.inputId }),
-              t.operator ? /* @__PURE__ */ s("span", { style: a.inputOperatorBadge, children: t.operator }) : null,
-              /* @__PURE__ */ s("span", { style: a.inputValuePreview, title: t.value, children: t.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 })
             ] }),
-            t.binding ? /* @__PURE__ */ s("div", { style: a.inputRecipeBinding, title: t.binding, children: t.binding }) : null
+            t.binding ? /* @__PURE__ */ o("div", { style: s.inputRecipeBinding, title: t.binding, children: t.binding }) : null
           ]
         },
         r.inputId
@@ -903,46 +997,100 @@ function tt({
     }) })
   ] });
 }
-function nt({
+function lt({
   compiledQuery: e,
   compiledSql: r
 }) {
-  return (e == null ? void 0 : e.kind) === "sql" ? /* @__PURE__ */ p("div", { style: a.compiledQuery, children: [
-    /* @__PURE__ */ s(X, { label: "SQL", value: e.sql }),
-    e.pythonCode ? /* @__PURE__ */ s(X, { label: "Python", value: e.pythonCode }) : null,
-    e.parameters ? /* @__PURE__ */ s(
-      X,
+  return (e == null ? void 0 : e.kind) === "sql" ? /* @__PURE__ */ p("div", { style: s.compiledQuery, children: [
+    /* @__PURE__ */ o(Qe, { label: "SQL", value: e.sql }),
+    e.pythonCode ? /* @__PURE__ */ o(Se, { label: "Python", value: e.pythonCode }) : null,
+    e.parameters ? /* @__PURE__ */ o(
+      Se,
       {
         label: "Parameters",
-        value: Ee(e.parameters)
+        value: Le(e.parameters)
       }
     ) : null
-  ] }) : r ? /* @__PURE__ */ s(X, { label: "SQL", value: r }) : /* @__PURE__ */ s(X, { label: "Compiled query", value: Ee(e) });
+  ] }) : r ? /* @__PURE__ */ o(Qe, { label: "SQL", value: r }) : /* @__PURE__ */ o(Se, { label: "Compiled Query", value: Le(e) });
 }
-function X({
+function Se({
   label: e,
   value: r
 }) {
-  return /* @__PURE__ */ p("div", { style: a.codeBlockGroup, children: [
-    /* @__PURE__ */ s("div", { style: a.codeBlockLabel, children: e }),
-    /* @__PURE__ */ s("pre", { style: a.codeBlock, children: 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 it(e) {
+function Qe({
+  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: ct(r) })
+  ] });
+}
+const ut = /* @__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 ct(e) {
+  return e.split(/(\s+|,|\(|\))/).map((t, n) => {
+    if (!t) return null;
+    const i = t.toUpperCase();
+    return ut.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 ft(e) {
   const r = e.filter(
     (i) => {
-      var l;
-      return ((l = i.latestAttempt) == null ? void 0 : l.status) === "error";
+      var a;
+      return ((a = i.latestAttempt) == null ? void 0 : a.status) === "error";
     }
   ).length, t = e.filter(
     (i) => {
-      var l;
-      return ((l = i.latestAttempt) == null ? void 0 : l.status) === "loading";
+      var a;
+      return ((a = i.latestAttempt) == null ? void 0 : a.status) === "loading";
     }
   ).length, n = e.filter(
     (i) => {
-      var l, u, c, d;
-      return i.clientWarnings.length > 0 || !!((d = (c = (u = (l = i.latestAttempt) == null ? void 0 : l.executionResult) == null ? void 0 : u.validation) == null ? void 0 : c.warnings) != null && d.length);
+      var a, l, c, u;
+      return i.clientWarnings.length > 0 || !!((u = (c = (l = (a = i.latestAttempt) == null ? void 0 : a.executionResult) == null ? void 0 : l.validation) == null ? void 0 : c.warnings) != null && u.length);
     }
   ).length;
   return {
@@ -954,45 +1102,48 @@ function it(e) {
     severity: r ? "error" : n ? "warning" : "ok"
   };
 }
-function ot(e, r) {
+function pt(e, r) {
   const t = r.trim().toLowerCase();
   return t ? e.filter(
     (n) => [
       n.queryId,
       n.queryLabel,
       n.viewId,
+      n.viewTitle,
+      n.visualType,
+      n.sectionTitle,
       n.builder,
       n.queryKind,
-      pe(n)
+      Ke(n)
     ].filter(Boolean).join(" ").toLowerCase().includes(t)
   ) : e;
 }
-function st(e) {
-  const r = e.filter((i) => i.queryKind === "inputOptions"), t = new Set(r.map(Re));
+function gt(e) {
+  const r = e.filter((i) => i.queryKind === "inputOptions"), t = new Set(r.map(Ce));
   return [
-    { title: "Cards", traces: e.filter((i) => !t.has(Re(i))) },
+    { title: "Views", traces: e.filter((i) => !t.has(Ce(i))) },
     { title: "Inputs", traces: r }
   ];
 }
-function or(e, r) {
+function lr(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 at(e, r) {
+function mt(e, r) {
   if (r.queryId)
-    return or(e, r);
+    return lr(e, r);
   if (!r.viewId)
     return;
   const t = e.filter((n) => n.viewId === r.viewId);
   return t.length === 1 ? t[0] : void 0;
 }
-function lt(e, r) {
+function yt(e, r) {
   return !!(e && r && e.traceId === r.traceId);
 }
-function Re(e) {
+function Ce(e) {
   return e.traceId;
 }
-function sr(e) {
+function ht(e) {
   switch (e) {
     case "metric":
       return "metric";
@@ -1007,17 +1158,76 @@ function sr(e) {
     case "sql":
       return "sql";
     default:
-      return me(e);
+      return ye(e);
+  }
+}
+function ur(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 cr(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 De(e) {
-  return e.queryLabel || e.viewId || e.queryId;
+function fr(e) {
+  return e.queryLabel || e.queryId || me(e);
+}
+function vt(e) {
+  return fr(e);
 }
-function pe(e) {
-  const r = e.sourceRefs.map(V);
+function bt(e) {
+  const r = Ke(e), t = fr(e);
+  return e.queryId && e.queryId !== t ? { source: r, queryId: e.queryId } : { source: r };
+}
+function me(e) {
+  return e.viewTitle || e.queryLabel || e.viewId || e.queryId;
+}
+function St(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 pr(e) {
+  return It(e.visualType) || ht(e.queryKind);
+}
+function xt(e, r) {
+  return r ? e.queryLabel || e.queryId : me(e);
+}
+function It(e) {
+  if (e)
+    return e.replace(/[_-]+/g, " ").replace(/\b\w/g, (r) => r.toUpperCase());
+}
+function Ke(e) {
+  const r = e.sourceRefs.map(F);
   return r.length ? r.length === 1 ? r[0] : `${r[0]} + ${r.length - 1} more` : "No source";
 }
-function ut(e) {
+function wt(e) {
   return e.reduce(
     (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),
     {
@@ -1029,29 +1239,7 @@ function ut(e) {
     }
   );
 }
-function dt(e, r, t) {
-  const n = [
-    {
-      label: "Operation",
-      value: ct(e)
-    }
-  ], i = ft(e, r, t);
-  i && n.push(i);
-  const l = pt(r);
-  l && n.push({
-    label: "Grouped by",
-    value: l
-  });
-  const u = mt(e.inputsApplied);
-  return u && n.push({
-    label: "Filtered by",
-    value: u
-  }), n.push({
-    label: "Source",
-    value: pe(e)
-  }), n;
-}
-function ct(e) {
+function qt(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";
@@ -1069,69 +1257,15 @@ function ct(e) {
     case "sql":
       return "SQL query";
     default:
-      return me(e.queryKind);
+      return ye(e.queryKind);
   }
 }
-function ft(e, r, t) {
-  if (e.queryKind === "records")
-    return {
-      label: r.measures.length ? "Computes" : "Selects",
-      value: Z(t)
-    };
-  if (e.queryKind === "inputOptions")
-    return {
-      label: "Options from",
-      value: Z(t)
-    };
-  if (r.measures.length)
-    return {
-      label: "Computes",
-      value: Z(r.measures)
-    };
-  if (t.length)
-    return {
-      label: "Uses",
-      value: Z(t)
-    };
-  if (e.queryKind === "sql")
-    return {
-      label: "Inspect",
-      value: "Open compiled query for SQL or Python."
-    };
-}
-function pt(e) {
-  const r = [
-    ...e.dimensions,
-    ...e.timeFields
-  ];
-  return r.length ? Z(r) : void 0;
-}
-function mt(e) {
-  if (e.length)
-    return ar(
-      e.map((r) => {
-        const t = ur(r);
-        return [
-          r.inputId,
-          t.operator,
-          t.value
-        ].filter(Boolean).join(" ");
-      })
-    );
-}
-function Z(e) {
-  return ar(e.map(lr));
-}
-function ar(e) {
-  const r = e.filter(Boolean);
-  return r.length === 0 ? "-" : r.length === 1 ? r[0] : r.length === 2 ? `${r[0]} and ${r[1]}` : `${r.slice(0, -1).join(", ")}, and ${r[r.length - 1]}`;
-}
-function lr(e) {
+function Rt(e) {
   return [e.aggregate, e.label || e.name].filter(Boolean).join(" ");
 }
-function ur(e) {
-  var u, c, d;
-  const r = e.valuePreview || "redacted", t = ((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 = [t ? `on ${t}` : void 0, n].filter(Boolean).join(" · "), l = [
+function At(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(" · "), a = [
     e.inputId,
     e.operator,
     r,
@@ -1141,32 +1275,32 @@ function ur(e) {
     operator: e.operator,
     value: r,
     binding: i,
-    title: l
+    title: a
   };
 }
-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 gt(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 yt(e) {
+function Et(e) {
   return typeof e == "number" ? e.toLocaleString() : "-";
 }
-function ht(e) {
+function kt(e) {
   return typeof e == "number" ? `${Math.round(e)}ms` : "-";
 }
-function vt(e) {
-  return Ee(e);
+function Ct(e) {
+  return Le(e);
 }
-function Ee(e) {
+function Le(e) {
   return JSON.stringify(e, null, 2) ?? "undefined";
 }
-function bt(e) {
+function Lt(e) {
   switch (e.type) {
     case "query_started":
       return "Started";
@@ -1179,10 +1313,10 @@ function bt(e) {
     case "input_changed":
       return "Input changed";
     default:
-      return xt(e);
+      return Ot(e);
   }
 }
-function St(e) {
+function Dt(e) {
   return [
     e.at,
     "durationMs" in e && typeof e.durationMs == "number" ? `${Math.round(e.durationMs)}ms` : void 0,
@@ -1191,20 +1325,20 @@ function St(e) {
     "errorMessage" in e ? e.errorMessage : void 0
   ].filter(Boolean).join(" - ");
 }
-function xt(e) {
+function Ot(e) {
   throw new Error(`Unsupported Semaphor trace event: ${JSON.stringify(e)}`);
 }
-function ve(e) {
+function xe(e) {
   return Array.isArray(e) ? e.filter((r) => typeof r == "string") : [];
 }
-function wt(e) {
+function Bt(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 (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 It(e) {
+function Kt(e) {
   return e === "relative" ? {
     position: "relative",
     top: "auto",
@@ -1218,7 +1352,7 @@ function It(e) {
     left: e.endsWith("left") ? 20 : "auto"
   };
 }
-function qt(e) {
+function Nt(e) {
   return e === "error" ? {
     borderColor: "var(--sd-error-border)",
     background: "var(--sd-error-bg)",
@@ -1233,7 +1367,7 @@ function qt(e) {
     color: "var(--sd-success-fg)"
   };
 }
-function At(e) {
+function $t(e) {
   return e === "right" ? {
     top: 16,
     right: 16,
@@ -1252,23 +1386,23 @@ function At(e) {
     borderRadius: 6
   };
 }
-function Rt(e) {
+function Wt(e) {
   return e === "right" ? {
     gridTemplateColumns: "minmax(210px, 280px) minmax(0, 1fr)"
   } : {
     gridTemplateColumns: "minmax(260px, 340px) minmax(0, 1fr)"
   };
 }
-function Et(e) {
+function Ft(e) {
   return {
     borderRight: "1px solid var(--sd-border)",
     borderBottom: 0
   };
 }
-function dr(e) {
+function gr(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 Tt(e) {
+function _t(e) {
   return e === "error" ? {
     borderColor: "var(--sd-error-border)",
     color: "var(--sd-error-fg)"
@@ -1283,7 +1417,7 @@ function Tt(e) {
     color: "var(--sd-fg-muted)"
   };
 }
-const je = "semaphor-devtools-stylesheet", $ = "semaphor-devtools", kt = `
+const Ve = "semaphor-devtools-stylesheet", $ = "semaphor-devtools", zt = `
 .${$} {
   --sd-bg: #ffffff;
   --sd-bg-muted: #fafafa;
@@ -1313,6 +1447,23 @@ const je = "semaphor-devtools-stylesheet", $ = "semaphor-devtools", kt = `
   --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) {
@@ -1340,6 +1491,23 @@ const je = "semaphor-devtools-stylesheet", $ = "semaphor-devtools", kt = `
     --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;
   }
 }
 
@@ -1351,19 +1519,19 @@ const je = "semaphor-devtools-stylesheet", $ = "semaphor-devtools", kt = `
   word-break: break-all;
 }
 `;
-function cr() {
-  if (typeof document > "u" || document.getElementById(je))
+function mr() {
+  if (typeof document > "u" || document.getElementById(Ve))
     return;
   const e = document.createElement("style");
-  e.id = je, e.textContent = kt, document.head.appendChild(e);
+  e.id = Ve, e.textContent = zt, document.head.appendChild(e);
 }
-const oe = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', se = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", be = {
+const de = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', O = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", Ie = {
   color: "var(--sd-fg-muted)",
   fontSize: 10,
   fontWeight: 600,
   textTransform: "uppercase",
   letterSpacing: "0.08em"
-}, a = {
+}, s = {
   launcher: {
     position: "fixed",
     bottom: 20,
@@ -1378,7 +1546,7 @@ const oe = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     borderStyle: "solid",
     borderRadius: 6,
     boxShadow: "var(--sd-shadow)",
-    font: `600 12px/1.2 ${oe}`,
+    font: `600 12px/1.2 ${de}`,
     cursor: "pointer"
   },
   launcherText: {
@@ -1420,7 +1588,7 @@ const oe = '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 ${oe}`
+    font: `13px/1.4 ${de}`
   },
   panelFullscreen: {
     top: 0,
@@ -1489,7 +1657,7 @@ const oe = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     outline: 0,
     background: "transparent",
     color: "var(--sd-fg)",
-    font: `12px/1.4 ${oe}`
+    font: `12px/1.4 ${de}`
   },
   panelBody: {
     display: "grid",
@@ -1515,7 +1683,7 @@ const oe = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     alignItems: "center",
     justifyContent: "space-between",
     padding: "4px 6px 3px",
-    ...be
+    ...Ie
   },
   queryGroupCount: {
     color: "var(--sd-fg-subtle)",
@@ -1568,11 +1736,21 @@ const oe = '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: O,
     fontSize: 9,
     fontWeight: 600,
     textTransform: "uppercase",
-    letterSpacing: "0.08em"
+    letterSpacing: "0.06em"
   },
   queryListSource: {
     minWidth: 0,
@@ -1581,6 +1759,13 @@ const oe = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     fontSize: 11,
     lineHeight: 1.35
   },
+  queryListPrefixSep: {
+    color: "var(--sd-fg-subtle)"
+  },
+  queryListPrefixId: {
+    fontFamily: O,
+    color: "var(--sd-fg-subtle)"
+  },
   detailsPane: {
     minHeight: 0,
     overflowY: "auto",
@@ -1616,44 +1801,148 @@ const oe = '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: O,
     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: se
+  sourcePillLabel: {
+    fontFamily: O,
+    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: O,
+    fontSize: 9,
+    textTransform: "uppercase",
+    letterSpacing: "0.06em"
+  },
+  fieldChipList: {
+    display: "grid",
+    gap: 5,
+    paddingTop: 6
   },
-  detailsCaptionValue: {
+  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)"
+  },
+  fieldGlyph: {
+    display: "inline-flex",
+    flex: "0 0 auto",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 18,
+    height: 18,
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderRadius: 4,
+    fontFamily: O,
+    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: O,
+    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: O,
+    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",
-    ...be
+    ...Ie
   },
   disclosureBody: {
     marginTop: 8
@@ -1698,38 +1987,6 @@ const oe = '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
@@ -1791,10 +2048,6 @@ const oe = '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",
@@ -1845,7 +2098,7 @@ const oe = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
     color: "var(--sd-fg)",
-    fontFamily: se,
+    fontFamily: O,
     fontSize: 11,
     fontWeight: 600
   },
@@ -1858,7 +2111,7 @@ const oe = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     borderRadius: 3,
     background: "var(--sd-bg-accent)",
     color: "var(--sd-fg-muted)",
-    fontFamily: se,
+    fontFamily: O,
     fontSize: 10,
     textTransform: "uppercase",
     letterSpacing: "0.06em"
@@ -1917,7 +2170,7 @@ const oe = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     gap: 5
   },
   codeBlockLabel: {
-    ...be
+    ...Ie
   },
   codeBlock: {
     maxHeight: 260,
@@ -1928,7 +2181,7 @@ const oe = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     borderRadius: 5,
     background: "var(--sd-bg-muted)",
     color: "var(--sd-fg)",
-    fontFamily: se,
+    fontFamily: O,
     fontSize: 11,
     lineHeight: 1.5,
     whiteSpace: "pre-wrap"
@@ -1950,7 +2203,7 @@ const oe = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     borderStyle: "solid",
     borderRadius: 5,
     background: "var(--sd-bg)",
-    font: `600 11px/1 ${oe}`,
+    font: `600 11px/1 ${de}`,
     cursor: "pointer"
   },
   inspectButtonText: {
@@ -1959,7 +2212,7 @@ const oe = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe
     whiteSpace: "nowrap"
   }
 };
-function fr(e) {
+function yr(e) {
   return {
     ...e,
     order: [],
@@ -1967,29 +2220,29 @@ function fr(e) {
     sequence: 0
   };
 }
-function Ct(e, r) {
+function Mt(e, r) {
   if (r.type === "config")
     return r.config.enabled ? {
       ...e,
       ...r.config
-    } : fr(r.config);
+    } : yr(r.config);
   if (!e.enabled)
     return e;
   switch (r.type) {
     case "register":
-      return Bt(Dt(e, r.descriptor));
+      return Qt(Pt(e, r.descriptor));
     case "unregister":
-      return Ot(e, r.traceKey);
+      return Ht(e, r.traceKey);
     case "event":
-      return Lt(e, r);
+      return jt(e, r);
     default:
       return e;
   }
 }
-function Dt(e, r) {
-  const t = e.entries[r.traceKey], n = t ? e.sequence : e.sequence + 1, i = Le(), l = {
-    ...t || Kt(r),
-    ...pr(r),
+function Pt(e, r) {
+  const t = e.entries[r.traceKey], n = t ? e.sequence : e.sequence + 1, i = $e(), a = {
+    ...t || Vt(r),
+    ...hr(r),
     traceKey: r.traceKey,
     latestAttempt: (t == null ? void 0 : t.latestAttempt) || { status: "idle" },
     recentEvents: (t == null ? void 0 : t.recentEvents) || [],
@@ -2003,11 +2256,11 @@ function Dt(e, r) {
     order: t ? e.order : [...e.order, r.traceKey],
     entries: {
       ...e.entries,
-      [r.traceKey]: l
+      [r.traceKey]: a
     }
   };
 }
-function Ot(e, r) {
+function Ht(e, r) {
   const t = e.entries[r];
   return t ? {
     ...e,
@@ -2020,11 +2273,11 @@ function Ot(e, r) {
     }
   } : e;
 }
-function Lt(e, r) {
+function jt(e, r) {
   const t = e.entries[r.traceKey];
   if (!t)
     return e;
-  const n = Le(), i = [
+  const n = $e(), i = [
     ...t.recentEvents,
     r.event
   ].slice(-e.maxEventsPerQuery);
@@ -2044,10 +2297,10 @@ function Lt(e, r) {
     }
   };
 }
-function Bt(e) {
+function Qt(e) {
   if (e.order.length <= e.maxQueries)
     return e;
-  const r = e.order.map((i) => e.entries[i]).filter((i) => !!i).sort((i, l) => i.mounted !== l.mounted ? i.mounted ? 1 : -1 : i.lastEventAt - l.lastEventAt), t = e.order.length - e.maxQueries, n = new Set(
+  const r = e.order.map((i) => e.entries[i]).filter((i) => !!i).sort((i, a) => i.mounted !== a.mounted ? i.mounted ? 1 : -1 : i.lastEventAt - a.lastEventAt), t = e.order.length - e.maxQueries, n = new Set(
     r.slice(0, t).map((i) => i.traceKey)
   );
   return n.size ? {
@@ -2058,10 +2311,10 @@ function Bt(e) {
     )
   } : e;
 }
-function Kt(e) {
-  const r = Le();
+function Vt(e) {
+  const r = $e();
   return {
-    ...pr(e),
+    ...hr(e),
     traceKey: e.traceKey,
     latestAttempt: { status: "idle" },
     recentEvents: [],
@@ -2070,68 +2323,71 @@ function Kt(e) {
     lastEventAt: r
   };
 }
-function pr(e) {
+function hr(e) {
   var n;
-  const r = Vt(e.spec), t = Qt(
+  const r = on(e.spec), t = sn(
     e.spec,
     e.activeInputs
   );
   return {
-    traceId: hr(e.traceKey),
+    traceId: xr(e.traceKey),
     viewId: e.viewId,
+    viewTitle: e.viewTitle,
+    visualType: e.visualType,
+    sectionTitle: e.sectionTitle,
     queryId: e.queryId,
-    queryLabel: e.queryLabel || e.viewTitle,
+    queryLabel: e.queryLabel,
     queryKind: e.queryKind,
     builder: e.builder,
-    sourceRefs: Pt(e.intent),
+    sourceRefs: nn(e.intent),
     sourceHints: (n = e.sourceHints) != null && n.length ? e.sourceHints : void 0,
     projectionFieldRefs: r,
     inputFieldRefs: t,
-    fieldRefs: Ut(e.intent),
+    fieldRefs: an(e.intent),
     inputsApplied: (e.activeInputs || []).map((i) => ({
       inputId: i.inputId,
       fieldRef: i.field,
       operator: i.operator,
-      valuePreview: jt(i)
+      valuePreview: rn(i)
     })),
     recentEvents: [],
     clientWarnings: e.clientWarnings
   };
 }
-function ue(e) {
+function ce(e) {
   const {
     traceKey: r,
     mounted: t,
     registeredAt: n,
     lastEventAt: i,
-    ...l
+    ...a
   } = e;
-  return l;
+  return a;
 }
-function de(e) {
+function fe(e) {
   return e.enabled ? {
     enabled: !0,
-    queries: e.order.map((t) => e.entries[t]).filter((t) => !!t).map(ue),
+    queries: e.order.map((t) => e.entries[t]).filter((t) => !!t).map(ce),
     getQuery: (t) => {
       const n = Object.values(e.entries).find(
         (i) => i.queryId === t
       );
-      return n ? ue(n) : void 0;
+      return n ? ce(n) : void 0;
     },
-    getQueries: (t) => Object.values(e.entries).filter((n) => n.queryId === t).map(ue)
-  } : tr;
+    getQueries: (t) => Object.values(e.entries).filter((n) => n.queryId === t).map(ce)
+  } : sr;
 }
-function $t(e) {
+function Ut(e) {
   return {
-    snapshot: () => _t(de(e())),
-    getQuery: (r) => He(de(e()).getQuery(r)),
-    getQueries: (r) => de(e()).getQueries(r).map((t) => He(t)).filter((t) => !!t)
+    snapshot: () => Gt(fe(e())),
+    getQuery: (r) => Ue(fe(e()).getQuery(r)),
+    getQueries: (r) => fe(e()).getQueries(r).map((t) => Ue(t)).filter((t) => !!t)
   };
 }
-function _t(e) {
+function Gt(e) {
   if (!e.enabled)
     return e;
-  const r = e.queries.map(mr);
+  const r = e.queries.map(vr);
   return {
     enabled: e.enabled,
     queries: r,
@@ -2139,36 +2395,36 @@ function _t(e) {
     getQueries: (t) => r.filter((n) => n.queryId === t)
   };
 }
-function He(e) {
-  return e ? mr(e) : void 0;
+function Ue(e) {
+  return e ? vr(e) : void 0;
 }
-function mr(e) {
+function vr(e) {
   var r;
   return (r = e == null ? void 0 : e.latestAttempt) != null && r.executionResult ? {
     ...e,
     latestAttempt: {
       ...e.latestAttempt,
-      executionResult: Nt(
+      executionResult: Jt(
         e.latestAttempt.executionResult
       )
     }
   } : e;
 }
-function Nt(e) {
+function Jt(e) {
   const {
     compiledQuery: r,
     intent: t,
     result: n,
     ...i
-  } = e, l = Ft(
+  } = e, a = Yt(
     i.metadata
   );
   return {
     ...i,
-    ...l ? { metadata: l } : {}
+    ...a ? { metadata: a } : {}
   };
 }
-function Ft(e) {
+function Yt(e) {
   if (!e || typeof e != "object" || Array.isArray(e))
     return e;
   const r = e.dataAppDebug;
@@ -2180,64 +2436,64 @@ function Ft(e) {
     dataAppDebug: n
   };
 }
-function Mt(e) {
+function Xt(e) {
   return e === void 0 || e === !1 ? {
     enabled: !1,
     exposeWindowBridge: !1,
-    maxEventsPerQuery: ye,
-    maxQueries: he
+    maxEventsPerQuery: ve,
+    maxQueries: be
   } : e === !0 ? {
     enabled: !0,
     exposeWindowBridge: !1,
-    maxEventsPerQuery: ye,
-    maxQueries: he
+    maxEventsPerQuery: ve,
+    maxQueries: be
   } : {
     enabled: e.enabled !== !1,
     exposeWindowBridge: e.exposeWindowBridge === !0,
-    maxEventsPerQuery: Qe(
+    maxEventsPerQuery: Ye(
       e.maxEventsPerQuery,
-      ye,
-      zr
+      ve,
+      Hr
     ),
-    maxQueries: Qe(
+    maxQueries: Ye(
       e.maxQueries,
-      he,
+      be,
       jr
     )
   };
 }
-function Pe(e) {
+function Ge(e) {
   const t = [
     e == null ? void 0 : e.sourceHint,
     ...(e == null ? void 0 : e.sourceHints) || []
   ].filter((n) => !!n).map((n) => ({
-    file: ae(n.file),
-    line: Ve(n.line),
-    column: Ve(n.column),
-    exportName: ae(n.exportName),
-    component: ae(n.component),
-    note: ae(n.note)
+    file: le(n.file),
+    line: Je(n.line),
+    column: Je(n.column),
+    exportName: le(n.exportName),
+    component: le(n.component),
+    note: le(n.note)
   })).filter(
     (n) => !!(n.file || n.line || n.column || n.exportName || n.component || n.note)
   );
   return t.length ? t : void 0;
 }
-function ae(e) {
+function le(e) {
   if (typeof e != "string")
     return;
   const r = e.trim();
   return r || void 0;
 }
-function Ve(e) {
+function Je(e) {
   return typeof e == "number" && Number.isInteger(e) && e > 0 ? e : void 0;
 }
-function Qe(e, r, t) {
+function Ye(e, r, t) {
   return e === void 0 || !Number.isFinite(e) || !Number.isInteger(e) || e <= 0 ? r : Math.min(e, t);
 }
-function Wt(e) {
+function Zt(e) {
   return typeof e.id == "string" && e.id.trim() ? e.id : void 0;
 }
-function zt(e) {
+function en(e) {
   switch (e) {
     case "metric":
       return "semaphor.metric";
@@ -2252,14 +2508,14 @@ function zt(e) {
     case "sql":
       return "semaphor.sql";
     default:
-      return me(e);
+      return ye(e);
   }
 }
-function me(e) {
+function ye(e) {
   throw new Error(`Unsupported Semaphor query kind: ${JSON.stringify(e)}`);
 }
-function jt(e) {
-  if (Ht(e))
+function rn(e) {
+  if (tn(e))
     return;
   const r = e.value;
   if (r !== void 0) {
@@ -2269,17 +2525,17 @@ function jt(e) {
       ).map((n) => String(n));
       if (t.length === r.length && t.length > 0) {
         const n = t.slice(0, 3).join(", "), i = t.length > 3 ? `, +${t.length - 3} more` : "";
-        return Ue(`${n}${i}`);
+        return Xe(`${n}${i}`);
       }
       return `${r.length} selected`;
     }
-    return typeof r == "number" || typeof r == "boolean" ? String(r) : typeof r == "string" ? Ue(r) : r && typeof r == "object" ? `object(${Object.keys(r).slice(0, 5).join(",")})` : String(r);
+    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 Ue(e) {
+function Xe(e) {
   return e.length > 80 ? `${e.slice(0, 77)}...` : e;
 }
-function Ht(e) {
+function tn(e) {
   var t;
   const r = [
     e.inputId,
@@ -2290,68 +2546,68 @@ function Ht(e) {
     (n) => r.includes(n)
   );
 }
-function Pt(e) {
+function nn(e) {
   const r = /* @__PURE__ */ new Map();
-  return ce(e, (t) => {
-    Gt(t) && r.set(yr(t), t);
+  return pe(e, (t) => {
+    dn(t) && r.set(Sr(t), t);
   }), [...r.values()];
 }
-function Vt(e) {
+function on(e) {
   switch (e.queryKind) {
     case "metric":
     case "analysis":
-      return P([
+      return G([
         ...e.measures || [],
         e.primaryMeasure,
         e.dateField,
         ...e.dimensions || []
       ]);
     case "records":
-      return P(e.fields || []);
+      return G(e.fields || []);
     case "inputOptions":
-      return P([
+      return G([
         e.labelField,
         e.valueField,
         e.searchField,
         ...e.disambiguationFields || []
       ]);
     case "sql":
-      return P(e.fields || []);
+      return G(e.fields || []);
     case "matrix":
-      return P([
-        ...(e.rows || []).map(Se),
-        ...(e.columns || []).map(Se),
-        ...(e.values || []).map(Se)
+      return G([
+        ...(e.rows || []).map(we),
+        ...(e.columns || []).map(we),
+        ...(e.values || []).map(we)
       ]);
     default:
-      return me(e);
+      return ye(e);
   }
 }
-function Qt(e, r) {
+function sn(e, r) {
   const t = [
-    ...(e.inputs || []).map(gr),
+    ...(e.inputs || []).map(br),
     ...(r || []).map((n) => n.field)
   ];
-  return P(t);
+  return G(t);
 }
-function P(e) {
+function G(e) {
   const r = /* @__PURE__ */ new Map();
   return e.forEach((t) => {
-    t && te(t) && r.set(Oe(t), t);
+    t && te(t) && r.set(Ne(t), t);
   }), [...r.values()];
 }
-function gr(e) {
+function br(e) {
   if (!e || typeof e != "object")
     return;
   const r = e.toAnalyticsInput;
   if (typeof r == "function") {
     const n = r.call(e);
-    return gr(n);
+    return br(n);
   }
   const t = e.field;
   return te(t) ? t : void 0;
 }
-function Se(e) {
+function we(e) {
   if (te(e))
     return e;
   if (!e || typeof e != "object")
@@ -2359,24 +2615,24 @@ function Se(e) {
   const r = e.field;
   return te(r) ? r : void 0;
 }
-function Ut(e) {
+function an(e) {
   const r = /* @__PURE__ */ new Map();
-  return ce(e, (t) => {
-    te(t) && r.set(Oe(t), t);
+  return pe(e, (t) => {
+    te(t) && r.set(Ne(t), t);
   }), [...r.values()];
 }
-function ce(e, r) {
+function pe(e, r) {
   if (!(!e || typeof e != "object")) {
     if (r(e), Array.isArray(e)) {
-      e.forEach((t) => ce(t, r));
+      e.forEach((t) => pe(t, r));
       return;
     }
     Object.values(e).forEach(
-      (t) => ce(t, r)
+      (t) => pe(t, r)
     );
   }
 }
-function Gt(e) {
+function dn(e) {
   if (!e || typeof e != "object")
     return !1;
   const r = e;
@@ -2388,7 +2644,7 @@ function te(e) {
   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 yr(e) {
+function Sr(e) {
   return e.kind === "semantic" ? [
     e.kind,
     e.domainId,
@@ -2401,43 +2657,43 @@ function yr(e) {
     e.tableName
   ].join(":") : [e.kind, e.connectionId].join(":");
 }
-function Oe(e) {
+function Ne(e) {
   return [
     e.name,
     e.role,
     e.aggregate,
-    e.source ? yr(e.source) : ""
+    e.source ? Sr(e.source) : ""
   ].join(":");
 }
-function Jt(e) {
+function ln(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 Yt(e) {
+function un(e) {
   const r = e;
   return Array.isArray(r == null ? void 0 : r.columns) ? r.columns.length : void 0;
 }
-function Ge(e) {
+function Ze(e) {
   const r = e;
   return r == null ? void 0 : r.executionResult;
 }
-function Je(e) {
+function er(e) {
   const r = e;
   return typeof (r == null ? void 0 : r.requestId) == "string" ? r.requestId : void 0;
 }
-function hr(e) {
+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 le() {
+function ue() {
   return (/* @__PURE__ */ new Date()).toISOString();
 }
-function Le() {
+function $e() {
   return typeof performance < "u" && performance.now ? performance.now() : Date.now();
 }
-const Xt = [
+const cn = [
   "records",
   "changes",
   "drivers",
@@ -2445,7 +2701,7 @@ const Xt = [
   "largestPositiveChanges",
   "largestNegativeDrivers",
   "largestPositiveDrivers"
-], Zt = [
+], fn = [
   "records",
   "changes",
   "drivers",
@@ -2454,10 +2710,10 @@ const Xt = [
   "largestNegativeDrivers",
   "largestPositiveDrivers"
 ];
-function vr(e) {
+function Ir(e) {
   if (!e)
     return {};
-  const r = on(e.executionResult), t = en(e, r), n = tn(t);
+  const r = hn(e.executionResult), t = pn(e, r), n = mn(t);
   return {
     ...e,
     ...Object.keys(t).length ? { resultSets: t } : {},
@@ -2468,84 +2724,84 @@ function vr(e) {
     } : {}
   };
 }
-function en(e, r) {
-  const t = rn(e.resultSets);
-  for (const i of Xt) {
+function pn(e, r) {
+  const t = gn(e.resultSets);
+  for (const i of cn) {
     if (t[i]) {
-      t[i] = br(t[i]);
+      t[i] = wr(t[i]);
       continue;
     }
-    const l = sn(e[i]);
-    if (!l.length)
+    const a = vn(e[i]);
+    if (!a.length)
       continue;
-    const u = r.length ? r : an(l);
+    const l = r.length ? r : bn(a);
     t[i] = {
-      records: Be(l, u),
-      columns: u,
-      rowCount: l.length
+      records: We(a, l),
+      columns: l,
+      rowCount: a.length
     };
   }
-  const n = nn(e.executionResult);
+  const n = yn(e.executionResult);
   return n && n.records.length > 0 && !t.records && (t.records = n), t;
 }
-function rn(e) {
+function gn(e) {
   return Object.fromEntries(
     Object.entries(e || {}).map(([r, t]) => [
       r,
-      br(t)
+      wr(t)
     ])
   );
 }
-function br(e) {
+function wr(e) {
   var r;
   return {
     ...e,
-    records: Be(
+    records: We(
       e.records || [],
       e.columns || []
     ),
     rowCount: e.rowCount ?? ((r = e.records) == null ? void 0 : r.length) ?? 0
   };
 }
-function tn(e) {
+function mn(e) {
   var r;
-  for (const t of Zt)
+  for (const t of fn)
     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 nn(e) {
+function yn(e) {
   const r = e == null ? void 0 : e.result;
   if (!(!r || r.kind !== "records" && r.kind !== "sql"))
     return {
-      records: Be(r.records, r.columns),
+      records: We(r.records, r.columns),
       columns: r.columns,
       rowCount: r.rowCount ?? r.records.length
     };
 }
-function on(e) {
+function hn(e) {
   const r = e == null ? void 0 : e.result;
   return !r || r.kind !== "records" && r.kind !== "sql" ? [] : r.columns;
 }
-function sn(e) {
+function vn(e) {
   return Array.isArray(e) ? e.filter(
     (r) => !!(r && typeof r == "object" && !Array.isArray(r))
   ) : [];
 }
-function Be(e, r) {
+function We(e, r) {
   return r.length ? e.map((t) => {
     const n = {};
-    return r.forEach((i, l) => {
-      const u = ln(t, {
+    return r.forEach((i, a) => {
+      const l = Sn(t, {
         name: i.key,
         label: i.label,
-        fallbackNames: [i.name, Object.keys(t)[l]]
+        fallbackNames: [i.name, Object.keys(t)[a]]
       });
-      u !== void 0 && (n[i.key] = u);
+      l !== void 0 && (n[i.key] = l);
     }), Object.keys(n).length ? n : t;
   }) : e;
 }
-function an(e) {
+function bn(e) {
   return Array.from(
     new Set(e.flatMap((t) => Object.keys(t)))
   ).map((t) => ({
@@ -2554,7 +2810,7 @@ function an(e) {
     label: t
   }));
 }
-function ln(e, r) {
+function Sn(e, r) {
   const t = [
     r.name,
     r.label,
@@ -2564,29 +2820,29 @@ function ln(e, r) {
     if (Object.prototype.hasOwnProperty.call(e, n))
       return e[n];
 }
-function un() {
+function xn() {
   return {
-    executeAnalysis: (e, r, t) => H(
+    executeAnalysis: (e, r, t) => U(
       e,
       r,
       t ?? {}
-    ).then(vr),
-    executeMetric: (e, r) => H(e, r),
-    executeRecords: (e, r) => H(e, r),
-    executeInputOptions: (e, r) => H(e, r),
-    executeSql: (e, r) => H(e, r),
-    executeMatrix: (e, r) => H(e, r)
+    ).then(Ir),
+    executeMetric: (e, r) => U(e, r),
+    executeRecords: (e, r) => U(e, r),
+    executeInputOptions: (e, r) => U(e, r),
+    executeSql: (e, r) => U(e, r),
+    executeMatrix: (e, r) => U(e, r)
   };
 }
-async function H(e, r, t) {
+async function U(e, r, t) {
   if (!r.token)
     throw new Error(
       "SemaphorDataAppProvider needs a token to execute queries."
     );
-  const n = hn(r), i = fn(e, n);
-  let l;
+  const n = kn(r), i = qn(e, n);
+  let a;
   try {
-    l = await fetch(n, {
+    a = await fetch(n, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -2597,7 +2853,7 @@ async function H(e, r, t) {
         activeInputs: r.activeInputs,
         ...t ? { analysisOptions: t } : {},
         resultShape: e.kind,
-        ...cn(r) ? { debug: { responseDetail: "debug" } } : {}
+        ...wn(r) ? { debug: { responseDetail: "debug" } } : {}
       })
     });
   } catch (c) {
@@ -2605,32 +2861,32 @@ async function H(e, r, t) {
       `${i}: ${c instanceof Error ? c.message : String(c)}`
     );
   }
-  const u = await gn(l);
-  if (!l.ok || u.error)
-    throw dn(
-      `${i}: ${u.error || `Semaphor Data App execution failed with status ${l.status}.`}`,
-      u
+  const l = await Tn(a);
+  if (!a.ok || l.error)
+    throw In(
+      `${i}: ${l.error || `Semaphor Data App execution failed with status ${a.status}.`}`,
+      l
     );
-  return u;
+  return l;
 }
-function dn(e, r) {
+function In(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 cn(e) {
+function wn(e) {
   const r = e.debug;
   return r ? r === !0 ? !0 : r.enabled !== !1 && r.requestServerDebug !== !1 : !1;
 }
-function fn(e, r) {
+function qn(e, r) {
   return [
     `Semaphor ${e.kind} query`,
     e.id ? `id=${e.id}` : void 0,
     e.label ? `label=${e.label}` : void 0,
-    pn(e),
-    `endpoint=${mn(r)}`
+    Rn(e),
+    `endpoint=${An(r)}`
   ].filter((t) => !!t).join(" ");
 }
-function pn(e) {
+function Rn(e) {
   const r = "source" in e ? e.source : void 0;
   if (!(!r || typeof r != "object")) {
     if (r.kind === "semantic")
@@ -2649,7 +2905,7 @@ function pn(e) {
       return r.connectionId ? `source=${r.connectionId}` : void 0;
   }
 }
-function mn(e) {
+function An(e) {
   if (!e)
     return "/api/v1/data-app/execute";
   try {
@@ -2658,7 +2914,7 @@ function mn(e) {
     return e;
   }
 }
-async function gn(e) {
+async function Tn(e) {
   const r = await e.text().catch(() => "");
   if (!r.trim())
     return e.ok ? {
@@ -2671,20 +2927,20 @@ async function gn(e) {
       error: "Semaphor Data App execution returned invalid JSON.",
       details: r
     } : {
-      error: yn(e, r),
+      error: En(e, r),
       details: r
     };
   }
 }
-function yn(e, r) {
+function En(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 hn(e) {
-  const r = vn(e).replace(/\/+$/, "");
+function kn(e) {
+  const r = Cn(e).replace(/\/+$/, "");
   return r ? r.endsWith("/api") ? `${r}/v1/data-app/execute` : `${r}/api/v1/data-app/execute` : "/api/v1/data-app/execute";
 }
-function vn(e) {
+function Cn(e) {
   if (e.apiBaseUrl)
     return e.apiBaseUrl;
   if (!e.token)
@@ -2695,19 +2951,19 @@ function vn(e) {
     return "";
   }
 }
-const Sr = fe({});
-function bn() {
+const qr = ge({});
+function Ln() {
   if (!(typeof window > "u"))
     return window.__SEMAPHOR_DATA_APP_RUNTIME__;
 }
-function Sn() {
-  return z(Sr);
+function Dn() {
+  return H(qr);
 }
-const xe = { value: null }, we = {}, xn = { records: [] }, Ie = { options: [] }, wn = { records: [] }, qe = {};
-function In(e) {
-  const r = U(e.inputs), t = Cr(e);
+const qe = { value: null }, Re = {}, On = { records: [] }, Ae = { options: [] }, Bn = { records: [] }, Te = {};
+function Kn(e) {
+  const r = J(e.inputs), t = Or(e);
   try {
-    const n = Dr(e), i = G(n);
+    const n = Br(e), i = Y(n);
     return i ? {
       error: i,
       activeInputs: r,
@@ -2718,17 +2974,17 @@ function In(e) {
         i,
         t
       ),
-      idleData: we
+      idleData: Re
     } : {
       intent: n,
       error: null,
       activeInputs: r,
       analysisOptions: t,
       queryKey: q(n, r, void 0, t),
-      idleData: we
+      idleData: Re
     };
   } catch (n) {
-    const i = N(n);
+    const i = _(n);
     return {
       error: i,
       activeInputs: r,
@@ -2739,40 +2995,40 @@ function In(e) {
         i,
         t
       ),
-      idleData: we
+      idleData: Re
     };
   }
 }
-function qn(e) {
-  const r = U(e.inputs);
+function Nn(e) {
+  const r = J(e.inputs);
   try {
-    const t = Or(e), n = G(t);
+    const t = Kr(e), n = Y(t);
     return n ? {
       error: n,
       activeInputs: r,
       queryKey: q(void 0, r, n),
-      idleData: xe
+      idleData: qe
     } : {
       intent: t,
       error: null,
       activeInputs: r,
       queryKey: q(t, r),
-      idleData: xe
+      idleData: qe
     };
   } catch (t) {
-    const n = N(t);
+    const n = _(t);
     return {
       error: n,
       activeInputs: r,
       queryKey: q(void 0, r, n),
-      idleData: xe
+      idleData: qe
     };
   }
 }
-function An(e) {
-  const r = U(e.inputs), t = xn;
+function $n(e) {
+  const r = J(e.inputs), t = On;
   try {
-    const n = kr(e), i = G(n);
+    const n = Dr(e), i = Y(n);
     return i ? {
       error: i,
       activeInputs: r,
@@ -2786,7 +3042,7 @@ function An(e) {
       idleData: t
     };
   } catch (n) {
-    const i = N(n);
+    const i = _(n);
     return {
       error: i,
       activeInputs: r,
@@ -2795,36 +3051,36 @@ function An(e) {
     };
   }
 }
-function Rn(e) {
-  const r = U(e.inputs);
+function Wn(e) {
+  const r = J(e.inputs);
   try {
-    const t = Tr(e), n = G(t);
+    const t = Lr(e), n = Y(t);
     return n ? {
       error: n,
       activeInputs: r,
       queryKey: q(void 0, r, n),
-      idleData: Ie
+      idleData: Ae
     } : {
       intent: t,
       error: null,
       activeInputs: r,
       queryKey: q(t, r),
-      idleData: Ie
+      idleData: Ae
     };
   } catch (t) {
-    const n = N(t);
+    const n = _(t);
     return {
       error: n,
       activeInputs: r,
       queryKey: q(void 0, r, n),
-      idleData: Ie
+      idleData: Ae
     };
   }
 }
-function En(e) {
-  const r = U(e.inputs), t = wn;
+function Fn(e) {
+  const r = J(e.inputs), t = Bn;
   try {
-    const n = Er(e), i = G(n);
+    const n = Cr(e), i = Y(n);
     return i ? {
       error: i,
       activeInputs: r,
@@ -2838,7 +3094,7 @@ function En(e) {
       idleData: t
     };
   } catch (n) {
-    const i = N(n);
+    const i = _(n);
     return {
       error: i,
       activeInputs: r,
@@ -2847,37 +3103,37 @@ function En(e) {
     };
   }
 }
-function Tn(e) {
-  const r = U(e.inputs);
+function _n(e) {
+  const r = J(e.inputs);
   try {
-    const t = Rr(e), n = G(t);
+    const t = kr(e), n = Y(t);
     return n ? {
       error: n,
       activeInputs: r,
       queryKey: q(void 0, r, n),
-      idleData: qe
+      idleData: Te
     } : {
       intent: t,
       error: null,
       activeInputs: r,
       queryKey: q(t, r),
-      idleData: qe
+      idleData: Te
     };
   } catch (t) {
-    const n = N(t);
+    const n = _(t);
     return {
       error: n,
       activeInputs: r,
       queryKey: q(void 0, r, n),
-      idleData: qe
+      idleData: Te
     };
   }
 }
-function N(e) {
+function _(e) {
   return e instanceof Error ? e : new Error(String(e));
 }
-function G(e) {
-  const r = Wr(e);
+function Y(e) {
+  const r = Pr(e);
   if (r.ok)
     return null;
   const t = r.errors.map(
@@ -2893,68 +3149,68 @@ function q(e, r, t, n) {
     error: t == null ? void 0 : t.message
   });
 }
-function Vn(e) {
-  const [r, t] = Q(e.defaultValue), n = Object.prototype.hasOwnProperty.call(e, "value"), i = n ? e.value : r, l = b(
-    () => Ze(e.options),
+function ii(e) {
+  const [r, t] = j(e.defaultValue), n = Object.prototype.hasOwnProperty.call(e, "value"), i = n ? e.value : r, a = v(
+    () => nr(e.options),
     [e.options]
-  ), u = C(
-    (d) => {
-      var g;
-      const f = d;
-      (g = e.onValueChange) == null || g.call(e, f), n || t(f);
+  ), l = D(
+    (u) => {
+      var m;
+      const f = u;
+      (m = e.onValueChange) == null || m.call(e, f), n || t(f);
     },
     [n, e]
-  ), c = C(() => u(void 0), [u]);
-  return b(() => {
-    const d = er(e);
+  ), c = D(() => l(void 0), [l]);
+  return v(() => {
+    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: l,
+      options: a,
       isActive: re(i),
-      setValue: u,
+      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,
+        operator: u.operator,
+        relationshipHint: u.relationshipHint,
         controlRole: e.kind === "control" ? e.role : void 0
       })
     };
-  }, [c, l, u, e, i]);
+  }, [c, a, l, e, i]);
 }
-function Qn(e) {
-  const [r, t] = Q(() => On(e));
-  return L(() => {
+function oi(e) {
+  const [r, t] = j(() => Hn(e));
+  return B(() => {
     t((n) => {
       let i = n;
-      for (const l of e)
-        !Object.prototype.hasOwnProperty.call(i, l.id) && l.defaultValue !== void 0 && (i = { ...i, [l.id]: l.defaultValue });
+      for (const a of e)
+        !Object.prototype.hasOwnProperty.call(i, a.id) && a.defaultValue !== void 0 && (i = { ...i, [a.id]: a.defaultValue });
       return i;
     });
-  }, [e]), b(
+  }, [e]), v(
     () => e.map((n) => {
       const i = Object.prototype.hasOwnProperty.call(
         n,
         "value"
-      ), l = i ? n.value : r[n.id], u = Ze(n.options), c = (g) => {
+      ), a = i ? n.value : r[n.id], l = nr(n.options), c = (m) => {
         var y;
-        (y = n.onValueChange) == null || y.call(n, g), i || t((h) => ({
+        (y = n.onValueChange) == null || y.call(n, m), i || t((h) => ({
           ...h,
-          [n.id]: g
+          [n.id]: m
         }));
-      }, d = () => c(void 0), f = er(n);
+      }, u = () => c(void 0), f = ir(n);
       return {
         id: n.id,
         kind: n.kind,
@@ -2963,18 +3219,18 @@ function Qn(e) {
         operator: f.operator,
         relationshipHint: f.relationshipHint,
         controlRole: n.kind === "control" ? n.role : void 0,
-        value: l,
-        options: u,
-        isActive: re(l),
+        value: a,
+        options: l,
+        isActive: re(a),
         setValue: c,
-        clear: d,
+        clear: u,
         toAnalyticsInput: () => ({
           inputId: f.inputId,
           field: f.field,
           kind: n.kind,
           label: n.label,
-          value: l,
-          isActive: re(l),
+          value: a,
+          isActive: re(a),
           operator: f.operator,
           relationshipHint: f.relationshipHint,
           controlRole: n.kind === "control" ? n.role : void 0
@@ -2984,78 +3240,78 @@ function Qn(e) {
     [e, r]
   );
 }
-function Un(e, r) {
-  const t = (r == null ? void 0 : r.status) === "success" ? r.options : void 0, n = b(() => Cn(t), [t]);
-  L(() => {
-    kn(e.value, t) || e.clear();
+function si(e, r) {
+  const t = (r == null ? void 0 : r.status) === "success" ? r.options : void 0, n = v(() => Mn(t), [t]);
+  B(() => {
+    zn(e.value, t) || e.clear();
   }, [e, n, r == null ? void 0 : r.status, t]);
 }
-function kn(e, r) {
+function zn(e, r) {
   if (!re(e) || r === void 0)
     return !0;
   const t = new Set(
-    r.map((i) => Ye(i.value))
+    r.map((i) => rr(i.value))
   );
   return (Array.isArray(e) ? e : [e]).every(
-    (i) => t.has(Ye(i))
+    (i) => t.has(rr(i))
   );
 }
-function Cn(e) {
+function Mn(e) {
   return JSON.stringify((e || []).map((r) => r.value));
 }
-function Ye(e) {
+function rr(e) {
   return `${typeof e}:${String(e)}`;
 }
-function Gn(e, r = {}) {
-  const t = b(
+function ai(e, r = {}) {
+  const t = v(
     () => r.inputs ? {
       ...e,
       inputs: r.inputs
     } : e,
     [r.inputs, e]
-  ), n = b(() => {
+  ), n = v(() => {
     switch (t.queryKind) {
       case "metric":
         return {
           queryKind: t.queryKind,
-          request: qn(t)
+          request: Nn(t)
         };
       case "analysis":
         return {
           queryKind: t.queryKind,
-          request: In(t)
+          request: Kn(t)
         };
       case "records":
         return {
           queryKind: t.queryKind,
-          request: An(t)
+          request: $n(t)
         };
       case "inputOptions":
         return {
           queryKind: t.queryKind,
-          request: Rn(t)
+          request: Wn(t)
         };
       case "sql":
         return {
           queryKind: t.queryKind,
-          request: En(t)
+          request: Fn(t)
         };
       case "matrix":
         return {
           queryKind: t.queryKind,
-          request: Tn(t)
+          request: _n(t)
         };
       default:
-        return Ae(t);
+        return Ee(t);
     }
-  }, [t]), i = Ur({
+  }, [t]), i = Jr({
     spec: t,
     queryKind: n.queryKind,
     queryKey: n.request.queryKey,
     intent: n.request.intent,
     activeInputs: n.request.activeInputs,
     debug: r.debug
-  }), l = k(null), u = b(
+  }), a = L(null), l = v(
     () => ({
       start: i.start,
       success: i.success,
@@ -3068,266 +3324,266 @@ function Gn(e, r = {}) {
       i.start,
       i.success
     ]
-  ), c = C(
-    (o) => {
-      var B, T, v, I, D, E, O, w, K;
+  ), c = D(
+    (d) => {
+      var N, C, b, I, k, A, R, w, K;
       const x = n.request;
       if (x.intent)
         switch (n.queryKind) {
           case "metric":
-            return (B = o.executor) == null ? void 0 : B.executeMetric(
+            return (N = d.executor) == null ? void 0 : N.executeMetric(
               x.intent,
-              o
+              d
             );
           case "analysis":
-            return (v = (T = o.executor) == null ? void 0 : T.executeAnalysis) == null ? void 0 : v.call(
-              T,
+            return (b = (C = d.executor) == null ? void 0 : C.executeAnalysis) == null ? void 0 : b.call(
+              C,
               x.intent,
-              o,
+              d,
               x.analysisOptions
             );
           case "records":
-            return (I = o.executor) == null ? void 0 : I.executeRecords(
+            return (I = d.executor) == null ? void 0 : I.executeRecords(
               x.intent,
-              o
+              d
             );
           case "inputOptions":
-            return (D = o.executor) == null ? void 0 : D.executeInputOptions(
+            return (k = d.executor) == null ? void 0 : k.executeInputOptions(
               x.intent,
-              o
+              d
             );
           case "sql":
-            return (O = (E = o.executor) == null ? void 0 : E.executeSql) == null ? void 0 : O.call(
-              E,
+            return (R = (A = d.executor) == null ? void 0 : A.executeSql) == null ? void 0 : R.call(
+              A,
               x.intent,
-              o
+              d
             );
           case "matrix":
-            return (K = (w = o.executor) == null ? void 0 : w.executeMatrix) == null ? void 0 : K.call(
+            return (K = (w = d.executor) == null ? void 0 : w.executeMatrix) == null ? void 0 : K.call(
               w,
               x.intent,
-              o
+              d
             );
           default:
-            return Ae(n);
+            return Ee(n);
         }
     },
     [n]
-  ), d = Dn(
+  ), u = Pn(
     n.request.queryKey,
     c,
     n.request.idleData,
     n.request.activeInputs,
-    u
-  ), f = i.queryId, g = i.validationFailure;
-  L(() => {
-    const o = n.request.error;
-    if (!o) {
-      l.current = null;
+    l
+  ), f = i.queryId, m = i.validationFailure;
+  B(() => {
+    const d = n.request.error;
+    if (!d) {
+      a.current = null;
       return;
     }
-    const x = `${f}:${o.message}`;
-    l.current !== x && (l.current = x, g(o));
+    const x = `${f}:${d.message}`;
+    a.current !== x && (a.current = x, m(d));
   }, [
     n.request.error,
     n.request.queryKey,
     f,
-    g
+    m
   ]);
-  const y = 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, R = 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, E = i.trace;
   switch (n.queryKind) {
     case "metric": {
-      const o = y;
+      const d = y;
       return {
         id: t.id,
         intent: n.request.intent,
-        value: (o == null ? void 0 : o.value) ?? null,
-        measures: o == null ? void 0 : o.measures,
-        comparisonValue: o == null ? void 0 : o.comparisonValue,
-        delta: o == null ? void 0 : o.delta,
-        deltaPercent: o == null ? void 0 : o.deltaPercent,
-        records: o == null ? void 0 : o.records,
-        executionResult: o == null ? void 0 : o.executionResult,
+        value: (d == null ? void 0 : d.value) ?? null,
+        measures: d == null ? void 0 : d.measures,
+        comparisonValue: d == null ? void 0 : d.comparisonValue,
+        delta: d == null ? void 0 : d.delta,
+        deltaPercent: d == null ? void 0 : d.deltaPercent,
+        records: d == null ? void 0 : d.records,
+        executionResult: d == null ? void 0 : d.executionResult,
         status: h,
-        isLoading: m,
+        isLoading: g,
         error: S,
-        trace: R
+        trace: E
       };
     }
     case "analysis": {
-      const o = vr(y);
+      const d = Ir(y);
       return {
         id: t.id,
         intent: n.request.intent,
-        ...o || {},
+        ...d || {},
         status: h,
-        isLoading: m,
+        isLoading: g,
         error: S,
-        trace: R
+        trace: E
       };
     }
     case "records": {
-      const o = y;
+      const d = y;
       return {
         id: t.id,
         intent: n.request.intent,
-        records: (o == null ? void 0 : o.records) || [],
-        columns: o == null ? void 0 : o.columns,
-        rowCount: o == null ? void 0 : o.rowCount,
-        pagination: o == null ? void 0 : o.pagination,
-        executionResult: o == null ? void 0 : o.executionResult,
+        records: (d == null ? void 0 : d.records) || [],
+        columns: d == null ? void 0 : d.columns,
+        rowCount: d == null ? void 0 : d.rowCount,
+        pagination: d == null ? void 0 : d.pagination,
+        executionResult: d == null ? void 0 : d.executionResult,
         status: h,
-        isLoading: m,
+        isLoading: g,
         error: S,
-        trace: R
+        trace: E
       };
     }
     case "inputOptions": {
-      const o = y;
+      const d = y;
       return {
         id: t.id,
         intent: n.request.intent,
-        options: (o == null ? void 0 : o.options) || [],
-        executionResult: o == null ? void 0 : o.executionResult,
+        options: (d == null ? void 0 : d.options) || [],
+        executionResult: d == null ? void 0 : d.executionResult,
         status: h,
-        isLoading: m,
+        isLoading: g,
         error: S,
-        trace: R
+        trace: E
       };
     }
     case "sql": {
-      const o = y;
+      const d = y;
       return {
         id: t.id,
         intent: n.request.intent,
-        records: (o == null ? void 0 : o.records) || [],
-        columns: o == null ? void 0 : o.columns,
-        rowCount: o == null ? void 0 : o.rowCount,
-        pagination: o == null ? void 0 : o.pagination,
-        output: o == null ? void 0 : o.output,
-        rowLimitExceeded: o == null ? void 0 : o.rowLimitExceeded,
-        executionResult: o == null ? void 0 : o.executionResult,
+        records: (d == null ? void 0 : d.records) || [],
+        columns: d == null ? void 0 : d.columns,
+        rowCount: d == null ? void 0 : d.rowCount,
+        pagination: d == null ? void 0 : d.pagination,
+        output: d == null ? void 0 : d.output,
+        rowLimitExceeded: d == null ? void 0 : d.rowLimitExceeded,
+        executionResult: d == null ? void 0 : d.executionResult,
         status: h,
-        isLoading: m,
+        isLoading: g,
         error: S,
-        trace: R
+        trace: E
       };
     }
     case "matrix": {
-      const o = y;
+      const d = y;
       return {
         id: t.id,
         intent: n.request.intent,
-        matrixResult: o == null ? void 0 : o.matrixResult,
-        grid: o == null ? void 0 : o.grid,
-        expansion: o == null ? void 0 : o.expansion,
-        executionResult: o == null ? void 0 : o.executionResult,
+        matrixResult: d == null ? void 0 : d.matrixResult,
+        grid: d == null ? void 0 : d.grid,
+        expansion: d == null ? void 0 : d.expansion,
+        executionResult: d == null ? void 0 : d.executionResult,
         status: h,
-        isLoading: m,
+        isLoading: g,
         error: S,
-        trace: R
+        trace: E
       };
     }
     default:
-      return Ae(n);
+      return Ee(n);
   }
 }
-function Dn(e, r, t, n, i) {
-  const l = Sn(), u = k(r), c = k(n), [d, f] = Q({
+function Pn(e, r, t, n, i) {
+  const a = Dn(), l = L(r), c = L(n), [u, f] = j({
     status: "idle",
     data: t,
     error: null
   });
-  return u.current = r, c.current = n, L(() => {
-    let g;
+  return l.current = r, c.current = n, B(() => {
+    let m;
     try {
-      g = u.current({
-        ...l,
+      m = l.current({
+        ...a,
         activeInputs: c.current
       });
-    } catch (m) {
-      i == null || i.failure(m, 0), f({
+    } catch (g) {
+      i == null || i.failure(g, 0), f({
         status: "error",
         data: t,
-        error: N(m)
+        error: _(g)
       });
       return;
     }
-    if (!g) {
+    if (!m) {
       f({ status: "idle", data: t, error: null });
       return;
     }
     let y = !1;
-    const h = xr();
-    return i == null || i.start(), f((m) => ({
+    const h = Rr();
+    return i == null || i.start(), f((g) => ({
       status: "loading",
-      data: m.data,
+      data: g.data,
       error: null
-    })), g.then((m) => {
-      y ? i == null || i.ignored("superseded") : (i == null || i.success(m, Xe(h)), f({ status: "success", data: m, error: null }));
-    }).catch((m) => {
-      y ? i == null || i.ignored("superseded") : (i == null || i.failure(m, Xe(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: t,
-        error: N(m)
+        error: _(g)
       }));
     }), () => {
       y = !0;
     };
-  }, [t, e, l, i]), d;
+  }, [t, e, a, i]), u;
 }
-function xr() {
+function Rr() {
   return typeof performance < "u" && performance.now ? performance.now() : Date.now();
 }
-function Xe(e) {
-  return Math.max(0, Math.round(xr() - e));
+function tr(e) {
+  return Math.max(0, Math.round(Rr() - e));
 }
-function On(e) {
+function Hn(e) {
   return Object.fromEntries(
     e.filter((r) => r.defaultValue !== void 0).map((r) => [r.id, r.defaultValue])
   );
 }
-function Ae(e) {
+function Ee(e) {
   throw new Error(`Unsupported Semaphor query kind: ${JSON.stringify(e)}`);
 }
-function Ln(e) {
+function jn(e) {
   return !e || typeof e == "boolean" || e.enabled === !1 ? null : e.autoRenderDevtools === !0 ? {} : e.autoRenderDevtools ? e.autoRenderDevtools : null;
 }
-function Jn({
+function di({
   token: e,
   apiBaseUrl: r,
   executor: t,
   debug: n,
   children: i
 }) {
-  var m;
-  const l = bn(), u = ((m = l == null ? void 0 : l.authToken) == null ? void 0 : m.accessToken) || e, c = (l == null ? void 0 : l.dataApiBaseUrl) || (l == null ? void 0 : l.apiBaseUrl) || r, d = (l == null ? void 0 : l.debug) ?? n, f = Ln(d), g = b(() => un(), []), y = t || g, h = b(
+  var g;
+  const a = Ln(), l = ((g = a == null ? void 0 : a.authToken) == null ? void 0 : g.accessToken) || e, c = (a == null ? void 0 : a.dataApiBaseUrl) || (a == null ? void 0 : a.apiBaseUrl) || r, u = (a == null ? void 0 : a.debug) ?? n, f = jn(u), m = v(() => xn(), []), y = t || m, h = v(
     () => ({
-      token: u,
+      token: l,
       apiBaseUrl: c,
       executor: y,
-      debug: d
+      debug: u
     }),
-    [c, d, y, u]
+    [c, u, y, l]
   );
-  return /* @__PURE__ */ s(Hr, { debug: d, children: /* @__PURE__ */ p(Sr.Provider, { value: h, children: [
+  return /* @__PURE__ */ o(Qr, { debug: u, children: /* @__PURE__ */ p(qr.Provider, { value: h, children: [
     i,
-    f ? /* @__PURE__ */ s(Qr, { ...f }) : null
+    f ? /* @__PURE__ */ o(Gr, { ...f }) : null
   ] }) });
 }
 export {
-  Jn as SemaphorDataAppProvider,
-  Qr as SemaphorDevtools,
-  Pn as SemaphorDevtoolsInspectButton,
-  Hn as SemaphorViewBoundary,
-  un as createSemaphorQueryExecutor,
-  Wn as defineSemaphorDataApp,
-  zn as defineSemaphorInput,
-  kn as isSemaphorInputValueValidForOptions,
-  jn as semaphor,
-  Un as useClearInvalidSemaphorInputValue,
-  ir as useSemaphorDevtools,
-  Vn as useSemaphorInput,
-  Qn as useSemaphorInputs,
-  Gn as useSemaphorQuery
+  di as SemaphorDataAppProvider,
+  Gr as SemaphorDevtools,
+  ni as SemaphorDevtoolsInspectButton,
+  ti as SemaphorViewBoundary,
+  xn as createSemaphorQueryExecutor,
+  Zn as defineSemaphorDataApp,
+  ei as defineSemaphorInput,
+  zn as isSemaphorInputValueValidForOptions,
+  ri as semaphor,
+  si as useClearInvalidSemaphorInputValue,
+  dr as useSemaphorDevtools,
+  ii as useSemaphorInput,
+  oi as useSemaphorInputs,
+  ai as useSemaphorQuery
 };