react-semaphor 0.1.382 → 0.1.384

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

@@ -1,23 +1,24 @@
-import { toSemaphorInputSnapshots as H, toSemaphorInputBinding as Q, toSemaphorActiveInputSnapshots as y, toSemaphorMatrixIntent as J, toSemaphorSqlIntent as F, toSemaphorInputOptionsIntent as Y, toSemaphorRecordsIntent as W, toSemaphorAnalysisQueryOptions as X, toSemaphorAnalysisIntent as G, toSemaphorMetricIntent as Z, hasSemaphorInputValue as q, normalizeSemaphorInputOptions as L, toSemaphorInputSpec as U } from "../data-app-sdk-adapters/index.js";
-import { j as ee } from "../chunks/index-CuHybtft.js";
-import { createContext as te, useContext as re, useMemo as p, useEffect as R, useState as w, useCallback as O, useRef as N } from "react";
-import { b as ne } from "../chunks/validators-CHPH6ORs.js";
+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 "../chunks/analyze-result-contract-DuhlklhI.js";
-import { jsx as oe } from "react/jsx-runtime";
-function g(e, t, n = {}) {
+function ie(e, r, t = {}) {
   return {
-    ...n,
+    ...t,
     name: e,
-    role: t
+    role: r
   };
 }
-function ze(e) {
+function Wn(e) {
   return e;
 }
-function Me(e) {
+function zn(e) {
   return e;
 }
-const He = {
+const jn = {
   source: {
     semantic(e) {
       return {
@@ -33,17 +34,17 @@ const He = {
     }
   },
   field: {
-    measure(e, t) {
-      return g(e, "measure", t);
+    measure(e, r) {
+      return ie(e, "measure", r);
     },
-    dimension(e, t) {
-      return g(e, "dimension", t);
+    dimension(e, r) {
+      return ie(e, "dimension", r);
     },
-    date(e, t) {
-      return g(e, "date", t);
+    date(e, r) {
+      return ie(e, "date", r);
     },
-    id(e, t) {
-      return g(e, "id", t);
+    id(e, r) {
+      return ie(e, "id", r);
     }
   },
   filter(e) {
@@ -52,21 +53,21 @@ const He = {
       kind: "filter"
     };
   },
-  bindInput(e, t) {
+  bindInput(e, r) {
     return {
       toAnalyticsInput() {
-        const [n] = H([e]), r = Q({
-          ...t,
-          inputId: t.inputId || n.inputId
+        const [t] = qr([e]), n = Ar({
+          ...r,
+          inputId: r.inputId || t.inputId
         });
         return {
-          ...n,
-          inputId: r.inputId,
-          ...r.kind ? { kind: r.kind } : {},
-          ...r.controlRole ? { controlRole: r.controlRole } : {},
-          ...r.operator ? { operator: r.operator } : {},
-          ...r.field ? { field: r.field } : {},
-          ...r.relationshipHint ? { relationshipHint: r.relationshipHint } : {}
+          ...t,
+          inputId: n.inputId,
+          ...n.kind ? { kind: n.kind } : {},
+          ...n.controlRole ? { controlRole: n.controlRole } : {},
+          ...n.operator ? { operator: n.operator } : {},
+          ...n.field ? { field: n.field } : {},
+          ...n.relationshipHint ? { relationshipHint: n.relationshipHint } : {}
         };
       }
     };
@@ -127,7 +128,2316 @@ const He = {
       queryKind: "matrix"
     };
   }
-}, ie = [
+}, ye = 10, he = 100, zr = 25, jr = 500, tr = {
+  enabled: !1,
+  queries: [],
+  getQuery: () => {
+  },
+  getQueries: () => []
+}, Te = fe(null), ke = fe(null), Ce = fe(
+  void 0
+), W = [];
+function Hr({
+  debug: e,
+  children: r
+}) {
+  const t = b(() => Mt(e), [e]), [n, i] = Br(
+    Ct,
+    t,
+    fr
+  ), l = k(n), u = rr(), [c, d] = Q({ open: !1 });
+  l.current = n, L(() => {
+    i({ type: "config", config: t });
+  }, [t]), L(() => {
+    if (!n.enabled || !n.exposeWindowBridge || typeof window > "u")
+      return;
+    const S = $t(() => l.current);
+    return Pr({
+      ownerId: u,
+      bridge: S
+    }), () => {
+      Vr(u);
+    };
+  }, [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(
+    () => ({
+      open: c.open,
+      focus: c.focus,
+      openDevtools: g,
+      closeDevtools: y,
+      focusTrace: h
+    }),
+    [
+      y,
+      h,
+      g,
+      c.focus,
+      c.open
+    ]
+  );
+  return /* @__PURE__ */ s(Te.Provider, { value: f, children: /* @__PURE__ */ s(ke.Provider, { value: m, children: r }) });
+}
+function Pr(e) {
+  const r = W.findIndex(
+    (t) => t.ownerId === e.ownerId
+  );
+  r >= 0 && W.splice(r, 1), W.push(e), nr();
+}
+function Vr(e) {
+  const r = W.findIndex(
+    (t) => t.ownerId === e
+  );
+  r >= 0 && W.splice(r, 1), nr();
+}
+function nr() {
+  if (typeof window > "u")
+    return;
+  const e = W[W.length - 1];
+  e ? window.__SEMAPHOR_DEVTOOLS__ = e.bridge : delete window.__SEMAPHOR_DEVTOOLS__;
+}
+function Hn({
+  id: e,
+  title: r,
+  children: t
+}) {
+  const n = b(() => ({ id: e, title: r }), [e, r]);
+  return /* @__PURE__ */ s(Ce.Provider, { value: n, children: t });
+}
+function Qr({
+  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)
+      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());
+    };
+    return document.addEventListener("pointerdown", v, !0), document.addEventListener("mousedown", v, !0), document.addEventListener("click", v, !0), () => {
+      document.removeEventListener("pointerdown", v, !0), document.removeEventListener("mousedown", v, !0), document.removeEventListener("click", v, !0);
+    };
+  }, [S, R]);
+  const o = b(
+    () => it(l.queries),
+    [l.queries]
+  ), x = b(
+    () => ot(l.queries, c),
+    [l.queries, c]
+  ), B = b(
+    () => st(x),
+    [x]
+  ), T = b(
+    () => or(x, u == null ? void 0 : u.focus) || x[0],
+    [x, u == null ? void 0 : u.focus]
+  );
+  return !l.enabled || !u ? null : /* @__PURE__ */ p(Lr, { children: [
+    /* @__PURE__ */ p(
+      "button",
+      {
+        ref: y,
+        type: "button",
+        "aria-label": "Open Semaphor DevTools",
+        title: "Open Semaphor DevTools",
+        className: n ? `${$} ${n}` : $,
+        style: {
+          ...a.launcher,
+          ...It(e),
+          ...qt(o.severity),
+          ...i
+        },
+        onClick: () => u.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
+        ]
+      }
+    ),
+    u.open ? /* @__PURE__ */ p(
+      "div",
+      {
+        ref: h,
+        role: "dialog",
+        "aria-label": "Semaphor DevTools",
+        "aria-modal": "false",
+        className: $,
+        style: {
+          ...a.panel,
+          ...At(t),
+          ...f ? a.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,
+                " queries · ",
+                o.loading,
+                " loading ·",
+                " ",
+                o.failed,
+                " failed"
+              ] })
+            ] }),
+            /* @__PURE__ */ p("div", { style: a.panelActions, children: [
+              /* @__PURE__ */ s(
+                "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 })
+                }
+              ),
+              /* @__PURE__ */ s(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Close Semaphor DevTools",
+                  style: a.iconButton,
+                  onClick: u.closeDevtools,
+                  children: /* @__PURE__ */ s(Fr, { size: 15 })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ p("label", { style: a.searchBox, children: [
+            /* @__PURE__ */ s(_r, { size: 14 }),
+            /* @__PURE__ */ s(
+              "input",
+              {
+                "aria-label": "Search Semaphor traces",
+                value: c,
+                onChange: (v) => d(v.currentTarget.value),
+                placeholder: "Search traces",
+                style: a.searchInput
+              }
+            )
+          ] }),
+          /* @__PURE__ */ p(
+            "div",
+            {
+              style: {
+                ...a.panelBody,
+                ...Rt(t)
+              },
+              children: [
+                /* @__PURE__ */ s(
+                  "div",
+                  {
+                    style: {
+                      ...a.queryList,
+                      ...Et()
+                    },
+                    "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 })
+                      ] }),
+                      v.traces.length ? v.traces.map((I) => {
+                        var K;
+                        const D = lt(I, T), E = De(I), O = sr(I.queryKind), w = pe(I);
+                        return /* @__PURE__ */ p(
+                          "button",
+                          {
+                            type: "button",
+                            title: `${E} · ${O} · ${w}`,
+                            style: {
+                              ...a.queryListItem,
+                              ...D ? a.queryListItemSelected : null
+                            },
+                            onClick: () => u.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__ */ s(
+                                "span",
+                                {
+                                  className: `${$}-source`,
+                                  style: a.queryListSource,
+                                  title: w,
+                                  children: w
+                                }
+                              )
+                            ]
+                          },
+                          Re(I)
+                        );
+                      }) : /* @__PURE__ */ s("div", { style: a.queryGroupEmpty, children: "No input traces" })
+                    ] }, v.title)) : /* @__PURE__ */ s("div", { style: a.emptyState, children: "No matching traces" })
+                  }
+                ),
+                /* @__PURE__ */ s(Jr, { trace: T })
+              ]
+            }
+          )
+        ]
+      }
+    ) : null
+  ] });
+}
+function Pn({
+  queryId: e,
+  viewId: r,
+  label: t,
+  className: n,
+  style: i
+} = {}) {
+  var y, h;
+  const l = ir(), u = z(ke), c = z(Ce);
+  L(() => {
+    cr();
+  }, []);
+  const d = r || (c == null ? void 0 : c.id), f = b(
+    () => at(l.queries, {
+      queryId: e,
+      viewId: d
+    }),
+    [
+      l.queries,
+      e,
+      d
+    ]
+  );
+  if (!l.enabled || !u || !f)
+    return null;
+  const g = t || `Inspect ${De(f)}`;
+  return /* @__PURE__ */ p(
+    "button",
+    {
+      type: "button",
+      "aria-label": g,
+      title: g,
+      className: n ? `${$} ${n}` : $,
+      style: {
+        ...a.inspectButton,
+        ...Tt((y = f.latestAttempt) == null ? void 0 : y.status),
+        ...i
+      },
+      onClick: () => u.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" })
+      ]
+    }
+  );
+}
+function ir() {
+  const e = z(Te);
+  return !e || !e.state.enabled ? tr : de(e.state);
+}
+function Ur({
+  spec: e,
+  queryKind: r,
+  queryKey: t,
+  intent: n,
+  activeInputs: i,
+  debug: l
+}) {
+  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(
+    () => JSON.stringify(e),
+    [e]
+  ), m = b(
+    () => JSON.stringify(i || []),
+    [i]
+  ), S = b(
+    () => 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),
+    // Keep inline debug={{ sourceHint: ... }} objects from re-registering every render.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [wr]
+  ), F = b(
+    () => [
+      K || "unscoped-view",
+      w,
+      O
+    ].join("::"),
+    [w, O, K]
+  ), _e = b(
+    () => ({
+      traceKey: F,
+      spec: I,
+      queryId: w,
+      queryLabel: y,
+      queryKind: r,
+      builder: zt(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."]
+    }),
+    [
+      w,
+      r,
+      g,
+      y,
+      I,
+      E,
+      D,
+      $e,
+      F,
+      K,
+      Ke
+    ]
+  );
+  L(() => {
+    if (!(!d || !f))
+      return f({ type: "register", descriptor: _e }), () => {
+        f({ type: "unregister", traceKey: F });
+      };
+  }, [_e, f, d, F]);
+  const _ = C(
+    (A, j) => {
+      !d || !f || f({ type: "event", traceKey: F, event: A, latestAttempt: j });
+    },
+    [f, d, F]
+  ), Ne = C(() => {
+    _(
+      {
+        type: "query_started",
+        queryId: w,
+        at: le()
+      },
+      { status: "loading" }
+    );
+  }, [_, w]), Fe = C(
+    (A, j) => {
+      const J = Je(A), Y = Jt(A), Ir = Yt(A);
+      _(
+        {
+          type: "query_succeeded",
+          queryId: w,
+          requestId: J,
+          at: le(),
+          rowCount: Y,
+          durationMs: j
+        },
+        {
+          requestId: J,
+          status: "success",
+          durationMs: j,
+          rowCount: Y,
+          columnCount: Ir,
+          executionResult: Ge(A)
+        }
+      );
+    },
+    [_, w]
+  ), ne = C(
+    (A, j) => {
+      const J = Je(A), Y = A instanceof Error ? A.message : String(A);
+      _(
+        {
+          type: "query_failed",
+          queryId: w,
+          requestId: J,
+          at: le(),
+          errorMessage: Y
+        },
+        {
+          requestId: J,
+          status: "error",
+          durationMs: j,
+          errorMessage: Y,
+          executionResult: Ge(A)
+        }
+      );
+    },
+    [_, w]
+  ), Me = C(
+    (A) => {
+      _(
+        {
+          type: "query_ignored_stale",
+          queryId: w,
+          at: le(),
+          reason: A
+        }
+      );
+    },
+    [_, w]
+  ), We = C(
+    (A) => {
+      ne(A, 0);
+    },
+    [ne]
+  ), ge = d ? u == null ? void 0 : u.state.entries[F] : void 0;
+  return b(
+    () => ({
+      enabled: d,
+      queryId: w,
+      trace: ge ? ue(ge) : void 0,
+      start: Ne,
+      success: Fe,
+      failure: ne,
+      ignored: Me,
+      validationFailure: We
+    }),
+    [
+      d,
+      ne,
+      Me,
+      w,
+      Ne,
+      Fe,
+      ge,
+      We
+    ]
+  );
+}
+function Gr() {
+  return /* @__PURE__ */ s("span", { style: a.logoMark, "aria-hidden": !0, children: /* @__PURE__ */ p(
+    "svg",
+    {
+      viewBox: "0 0 100 100",
+      fill: "none",
+      width: "16",
+      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" })
+      ]
+    }
+  ) });
+}
+function Jr({
+  trace: e
+}) {
+  var R, o, x, B, T;
+  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 = [
+    ...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(
+          "span",
+          {
+            "aria-hidden": !0,
+            style: {
+              ...a.detailsHeaderStatusDot,
+              ...dr(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(
+          "span",
+          {
+            style: { ...a.detailsCaptionItem, ...a.detailsCaptionItemMono },
+            children: h
+          }
+        ),
+        /* @__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("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) })
+        ] })
+      ] })
+    ] }),
+    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,
+      {
+        compiledQuery: u,
+        compiledSql: d
+      }
+    ) }) : 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(
+      "div",
+      {
+        style: a.eventRow,
+        children: [
+          /* @__PURE__ */ s("span", { style: a.eventType, children: bt(v) }),
+          /* @__PURE__ */ s("span", { style: a.eventMeta, children: St(v) })
+        ]
+      },
+      `${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) }) })
+  ] });
+}
+function ze({
+  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] })
+  ] });
+}
+function Yr({
+  status: e
+}) {
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      "aria-hidden": !0,
+      style: {
+        ...a.statusDot,
+        ...dr(e)
+      }
+    }
+  );
+}
+function ee({
+  title: e,
+  children: r
+}) {
+  return /* @__PURE__ */ p("details", { style: a.disclosure, children: [
+    /* @__PURE__ */ s("summary", { style: a.disclosureSummary, children: e }),
+    /* @__PURE__ */ s("div", { style: a.disclosureBody, children: r })
+  ] });
+}
+function Xr({
+  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(
+      M,
+      {
+        title: "Dimensions",
+        fields: n.dimensions,
+        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 })
+  ] });
+}
+function Zr({
+  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(
+      M,
+      {
+        title: "All field refs",
+        fields: e.fieldRefs,
+        emptyText: "No field refs captured"
+      }
+    )
+  ] }) });
+}
+function et({
+  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 = [
+      r.exportName && r.exportName !== i ? r.exportName : void 0,
+      n,
+      r.note
+    ].filter(Boolean).join(" · ");
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        style: a.recipeFieldRow,
+        title: l || i,
+        children: [
+          /* @__PURE__ */ s("span", { style: a.recipeFieldName, children: i }),
+          l ? /* @__PURE__ */ s("span", { style: a.recipeFieldMeta, children: l }) : null
+        ]
+      },
+      `${i}:${n}:${t}`
+    );
+  }) }) });
+}
+function rt({
+  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 })
+    ] }),
+    e.length ? /* @__PURE__ */ s("div", { style: a.recipeFieldList, children: e.map((r, t) => /* @__PURE__ */ p(
+      "div",
+      {
+        style: a.recipeFieldRow,
+        title: V(r),
+        children: [
+          /* @__PURE__ */ s("span", { style: a.recipeFieldName, children: V(r) }),
+          /* @__PURE__ */ s("span", { style: a.recipeFieldMeta, children: r.kind })
+        ]
+      },
+      `${V(r)}:${t}`
+    )) }) : /* @__PURE__ */ s("div", { style: a.recipeEmptyText, children: "No sources captured" })
+  ] });
+}
+function M({
+  title: e,
+  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 })
+    ] }),
+    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 })
+  ] });
+}
+function tt({
+  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 })
+    ] }),
+    /* @__PURE__ */ s("div", { style: a.inputRecipeList, children: e.map((r) => {
+      const t = ur(r);
+      return /* @__PURE__ */ p(
+        "div",
+        {
+          style: a.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 })
+            ] }),
+            t.binding ? /* @__PURE__ */ s("div", { style: a.inputRecipeBinding, title: t.binding, children: t.binding }) : null
+          ]
+        },
+        r.inputId
+      );
+    }) })
+  ] });
+}
+function nt({
+  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,
+      {
+        label: "Parameters",
+        value: Ee(e.parameters)
+      }
+    ) : null
+  ] }) : r ? /* @__PURE__ */ s(X, { label: "SQL", value: r }) : /* @__PURE__ */ s(X, { label: "Compiled query", value: Ee(e) });
+}
+function X({
+  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 })
+  ] });
+}
+function it(e) {
+  const r = e.filter(
+    (i) => {
+      var l;
+      return ((l = i.latestAttempt) == null ? void 0 : l.status) === "error";
+    }
+  ).length, t = e.filter(
+    (i) => {
+      var l;
+      return ((l = i.latestAttempt) == null ? void 0 : l.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);
+    }
+  ).length;
+  return {
+    total: e.length,
+    failed: r,
+    loading: t,
+    warningCount: n,
+    issueCount: r + n,
+    severity: r ? "error" : n ? "warning" : "ok"
+  };
+}
+function ot(e, r) {
+  const t = r.trim().toLowerCase();
+  return t ? e.filter(
+    (n) => [
+      n.queryId,
+      n.queryLabel,
+      n.viewId,
+      n.builder,
+      n.queryKind,
+      pe(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));
+  return [
+    { title: "Cards", traces: e.filter((i) => !t.has(Re(i))) },
+    { title: "Inputs", traces: r }
+  ];
+}
+function or(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) {
+  if (r.queryId)
+    return or(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) {
+  return !!(e && r && e.traceId === r.traceId);
+}
+function Re(e) {
+  return e.traceId;
+}
+function sr(e) {
+  switch (e) {
+    case "metric":
+      return "metric";
+    case "records":
+      return "records";
+    case "matrix":
+      return "matrix";
+    case "analysis":
+      return "analysis";
+    case "inputOptions":
+      return "inputs";
+    case "sql":
+      return "sql";
+    default:
+      return me(e);
+  }
+}
+function De(e) {
+  return e.queryLabel || e.viewId || e.queryId;
+}
+function pe(e) {
+  const r = e.sourceRefs.map(V);
+  return r.length ? r.length === 1 ? r[0] : `${r[0]} + ${r.length - 1} more` : "No source";
+}
+function ut(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),
+    {
+      measures: [],
+      timeFields: [],
+      dimensions: [],
+      identifiers: [],
+      other: []
+    }
+  );
+}
+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) {
+  var r, t;
+  if (e.queryKind === "records" && ((r = e.projectionFieldRefs) != null && r.length) && e.projectionFieldRefs.every((n) => n.role === "measure") && ((t = e.latestAttempt) == null ? void 0 : t.rowCount) === 1)
+    return "KPI query";
+  switch (e.queryKind) {
+    case "metric":
+      return "KPI query";
+    case "records":
+      return "Records query";
+    case "matrix":
+      return "Matrix query";
+    case "analysis":
+      return "Analysis query";
+    case "inputOptions":
+      return "Input options query";
+    case "sql":
+      return "SQL query";
+    default:
+      return me(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) {
+  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 = [
+    e.inputId,
+    e.operator,
+    r,
+    i
+  ].filter(Boolean).join(" - ");
+  return {
+    operator: e.operator,
+    value: r,
+    binding: i,
+    title: l
+  };
+}
+function V(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) {
+  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) {
+  return typeof e == "number" ? e.toLocaleString() : "-";
+}
+function ht(e) {
+  return typeof e == "number" ? `${Math.round(e)}ms` : "-";
+}
+function vt(e) {
+  return Ee(e);
+}
+function Ee(e) {
+  return JSON.stringify(e, null, 2) ?? "undefined";
+}
+function bt(e) {
+  switch (e.type) {
+    case "query_started":
+      return "Started";
+    case "query_succeeded":
+      return "Succeeded";
+    case "query_failed":
+      return "Failed";
+    case "query_ignored_stale":
+      return "Ignored stale";
+    case "input_changed":
+      return "Input changed";
+    default:
+      return xt(e);
+  }
+}
+function St(e) {
+  return [
+    e.at,
+    "durationMs" in e && typeof e.durationMs == "number" ? `${Math.round(e.durationMs)}ms` : void 0,
+    "rowCount" in e && typeof e.rowCount == "number" ? `${e.rowCount} rows` : void 0,
+    "reason" in e ? e.reason : void 0,
+    "errorMessage" in e ? e.errorMessage : void 0
+  ].filter(Boolean).join(" - ");
+}
+function xt(e) {
+  throw new Error(`Unsupported Semaphor trace event: ${JSON.stringify(e)}`);
+}
+function ve(e) {
+  return Array.isArray(e) ? e.filter((r) => typeof r == "string") : [];
+}
+function wt(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) {
+  return e === "relative" ? {
+    position: "relative",
+    top: "auto",
+    right: "auto",
+    bottom: "auto",
+    left: "auto"
+  } : {
+    top: e.startsWith("top") ? 20 : "auto",
+    right: e.endsWith("right") ? 20 : "auto",
+    bottom: e.startsWith("bottom") ? 20 : "auto",
+    left: e.endsWith("left") ? 20 : "auto"
+  };
+}
+function qt(e) {
+  return e === "error" ? {
+    borderColor: "var(--sd-error-border)",
+    background: "var(--sd-error-bg)",
+    color: "var(--sd-error-fg)"
+  } : e === "warning" ? {
+    borderColor: "var(--sd-warning-border)",
+    background: "var(--sd-warning-bg)",
+    color: "var(--sd-warning-fg)"
+  } : {
+    borderColor: "var(--sd-success-border)",
+    background: "var(--sd-success-bg)",
+    color: "var(--sd-success-fg)"
+  };
+}
+function At(e) {
+  return e === "right" ? {
+    top: 16,
+    right: 16,
+    bottom: 16,
+    left: "auto",
+    width: "min(720px, calc(100vw - 32px))",
+    height: "auto",
+    borderRadius: 6
+  } : {
+    top: "auto",
+    right: 16,
+    bottom: 16,
+    left: 16,
+    width: "auto",
+    height: "min(420px, 45vh)",
+    borderRadius: 6
+  };
+}
+function Rt(e) {
+  return e === "right" ? {
+    gridTemplateColumns: "minmax(210px, 280px) minmax(0, 1fr)"
+  } : {
+    gridTemplateColumns: "minmax(260px, 340px) minmax(0, 1fr)"
+  };
+}
+function Et(e) {
+  return {
+    borderRight: "1px solid var(--sd-border)",
+    borderBottom: 0
+  };
+}
+function dr(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) {
+  return e === "error" ? {
+    borderColor: "var(--sd-error-border)",
+    color: "var(--sd-error-fg)"
+  } : e === "success" ? {
+    borderColor: "var(--sd-success-border)",
+    color: "var(--sd-success-fg)"
+  } : e === "loading" ? {
+    borderColor: "var(--sd-loading-border)",
+    color: "var(--sd-loading-fg)"
+  } : {
+    borderColor: "var(--sd-border)",
+    color: "var(--sd-fg-muted)"
+  };
+}
+const je = "semaphor-devtools-stylesheet", $ = "semaphor-devtools", kt = `
+.${$} {
+  --sd-bg: #ffffff;
+  --sd-bg-muted: #fafafa;
+  --sd-bg-raised: #ffffff;
+  --sd-bg-accent: #f4f4f5;
+  --sd-fg: #18181b;
+  --sd-fg-muted: #71717a;
+  --sd-fg-subtle: #a1a1aa;
+  --sd-border: #e4e4e7;
+  --sd-border-soft: #f4f4f5;
+  --sd-border-strong: #d4d4d8;
+  --sd-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
+  --sd-success-bg: #f0fdf4;
+  --sd-success-fg: #166534;
+  --sd-success-border: #bbf7d0;
+  --sd-success-dot: #16a34a;
+  --sd-warning-bg: #fff7ed;
+  --sd-warning-fg: #9a3412;
+  --sd-warning-border: #fed7aa;
+  --sd-warning-dot: #f59e0b;
+  --sd-error-bg: #fef2f2;
+  --sd-error-fg: #991b1b;
+  --sd-error-border: #fecaca;
+  --sd-error-dot: #dc2626;
+  --sd-loading-bg: #eff6ff;
+  --sd-loading-fg: #1d4ed8;
+  --sd-loading-border: #bfdbfe;
+  --sd-loading-dot: #2563eb;
+  --sd-idle-dot: #94a3b8;
+}
+
+@media (prefers-color-scheme: dark) {
+  .${$} {
+    --sd-bg: #09090b;
+    --sd-bg-muted: #18181b;
+    --sd-bg-raised: #18181b;
+    --sd-bg-accent: #1f1f23;
+    --sd-fg: #fafafa;
+    --sd-fg-muted: #a1a1aa;
+    --sd-fg-subtle: #71717a;
+    --sd-border: #27272a;
+    --sd-border-soft: #1f1f23;
+    --sd-border-strong: #3f3f46;
+    --sd-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
+    --sd-success-bg: rgba(34, 197, 94, 0.12);
+    --sd-success-fg: #86efac;
+    --sd-success-border: rgba(34, 197, 94, 0.35);
+    --sd-warning-bg: rgba(249, 115, 22, 0.12);
+    --sd-warning-fg: #fdba74;
+    --sd-warning-border: rgba(249, 115, 22, 0.35);
+    --sd-error-bg: rgba(239, 68, 68, 0.12);
+    --sd-error-fg: #fca5a5;
+    --sd-error-border: rgba(239, 68, 68, 0.35);
+    --sd-loading-bg: rgba(59, 130, 246, 0.12);
+    --sd-loading-fg: #93c5fd;
+    --sd-loading-border: rgba(59, 130, 246, 0.35);
+  }
+}
+
+.${$}-source {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  word-break: break-all;
+}
+`;
+function cr() {
+  if (typeof document > "u" || document.getElementById(je))
+    return;
+  const e = document.createElement("style");
+  e.id = je, e.textContent = kt, 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 = {
+  color: "var(--sd-fg-muted)",
+  fontSize: 10,
+  fontWeight: 600,
+  textTransform: "uppercase",
+  letterSpacing: "0.08em"
+}, a = {
+  launcher: {
+    position: "fixed",
+    bottom: 20,
+    zIndex: 2147483e3,
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 7,
+    height: 36,
+    minWidth: 36,
+    padding: "0 10px",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderRadius: 6,
+    boxShadow: "var(--sd-shadow)",
+    font: `600 12px/1.2 ${oe}`,
+    cursor: "pointer"
+  },
+  launcherText: {
+    fontVariantNumeric: "tabular-nums"
+  },
+  launcherIssueCount: {
+    display: "grid",
+    minWidth: 16,
+    height: 16,
+    placeItems: "center",
+    borderRadius: 8,
+    background: "currentColor",
+    color: "var(--sd-bg)",
+    fontSize: 10,
+    lineHeight: "16px"
+  },
+  logoMark: {
+    display: "grid",
+    width: 18,
+    height: 18,
+    placeItems: "center",
+    flex: "0 0 auto",
+    borderRadius: 4,
+    background: "var(--sd-fg)",
+    color: "var(--sd-bg)"
+  },
+  panel: {
+    position: "fixed",
+    top: 16,
+    right: 16,
+    bottom: 16,
+    zIndex: 2147483001,
+    width: "min(720px, calc(100vw - 32px))",
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden",
+    border: "1px solid var(--sd-border)",
+    borderRadius: 6,
+    background: "var(--sd-bg)",
+    color: "var(--sd-fg)",
+    boxShadow: "var(--sd-shadow)",
+    font: `13px/1.4 ${oe}`
+  },
+  panelFullscreen: {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    width: "100vw",
+    height: "100vh",
+    borderRadius: 0
+  },
+  panelHeader: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 12,
+    padding: "10px 12px",
+    borderBottom: "1px solid var(--sd-border)"
+  },
+  panelTitleBlock: {
+    minWidth: 0
+  },
+  panelTitle: {
+    fontSize: 13,
+    fontWeight: 600
+  },
+  panelSubtitle: {
+    marginTop: 2,
+    color: "var(--sd-fg-muted)",
+    fontSize: 11
+  },
+  panelActions: {
+    display: "flex",
+    alignItems: "center",
+    gap: 6
+  },
+  iconButton: {
+    display: "grid",
+    width: 28,
+    height: 28,
+    placeItems: "center",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: "var(--sd-border)",
+    borderRadius: 5,
+    background: "var(--sd-bg)",
+    color: "var(--sd-fg-muted)",
+    cursor: "pointer"
+  },
+  searchBox: {
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    margin: 10,
+    height: 28,
+    padding: "0 8px",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: "var(--sd-border)",
+    borderRadius: 5,
+    color: "var(--sd-fg-muted)"
+  },
+  searchInput: {
+    minWidth: 0,
+    flex: 1,
+    border: 0,
+    outline: 0,
+    background: "transparent",
+    color: "var(--sd-fg)",
+    font: `12px/1.4 ${oe}`
+  },
+  panelBody: {
+    display: "grid",
+    gridTemplateColumns: "minmax(210px, 280px) minmax(0, 1fr)",
+    minHeight: 0,
+    flex: 1,
+    borderTop: "1px solid var(--sd-border-soft)"
+  },
+  queryList: {
+    minHeight: 0,
+    overflowY: "auto",
+    padding: 8,
+    borderRight: "1px solid var(--sd-border)",
+    background: "var(--sd-bg-muted)"
+  },
+  queryGroup: {
+    display: "grid",
+    gap: 3,
+    marginBottom: 8
+  },
+  queryGroupHeader: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "4px 6px 3px",
+    ...be
+  },
+  queryGroupCount: {
+    color: "var(--sd-fg-subtle)",
+    fontVariantNumeric: "tabular-nums"
+  },
+  queryGroupEmpty: {
+    padding: "7px 8px",
+    color: "var(--sd-fg-subtle)",
+    fontSize: 11
+  },
+  queryListItem: {
+    display: "grid",
+    gap: 3,
+    width: "100%",
+    padding: "7px 8px",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: "transparent",
+    borderRadius: 5,
+    background: "transparent",
+    color: "var(--sd-fg)",
+    textAlign: "left",
+    cursor: "pointer"
+  },
+  queryListItemSelected: {
+    borderColor: "var(--sd-border-strong)",
+    background: "var(--sd-bg-raised)"
+  },
+  queryListItemHeader: {
+    display: "flex",
+    alignItems: "center",
+    gap: 7,
+    minWidth: 0
+  },
+  statusDot: {
+    width: 7,
+    height: 7,
+    flex: "0 0 auto",
+    borderRadius: 999
+  },
+  queryListTitle: {
+    flex: 1,
+    minWidth: 0,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    fontSize: 12,
+    fontWeight: 650,
+    color: "var(--sd-fg)"
+  },
+  queryListKindChip: {
+    flex: "0 0 auto",
+    color: "var(--sd-fg-subtle)",
+    fontSize: 9,
+    fontWeight: 600,
+    textTransform: "uppercase",
+    letterSpacing: "0.08em"
+  },
+  queryListSource: {
+    minWidth: 0,
+    paddingLeft: 14,
+    color: "var(--sd-fg-muted)",
+    fontSize: 11,
+    lineHeight: 1.35
+  },
+  detailsPane: {
+    minHeight: 0,
+    overflowY: "auto",
+    padding: 16
+  },
+  detailsHeader: {
+    display: "grid",
+    gap: 6,
+    marginBottom: 14
+  },
+  detailsHeaderTopRow: {
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    minWidth: 0
+  },
+  detailsHeaderStatusDot: {
+    width: 8,
+    height: 8,
+    flex: "0 0 auto",
+    borderRadius: 999
+  },
+  detailsTitle: {
+    flex: 1,
+    minWidth: 0,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    fontSize: 14,
+    fontWeight: 700,
+    color: "var(--sd-fg)"
+  },
+  detailsKindChip: {
+    flex: "0 0 auto",
+    padding: "2px 6px",
+    borderRadius: 3,
+    background: "var(--sd-bg-accent)",
+    color: "var(--sd-fg-muted)",
+    fontSize: 10,
+    fontWeight: 600,
+    textTransform: "uppercase",
+    letterSpacing: "0.08em"
+  },
+  detailsCaption: {
+    display: "flex",
+    flexWrap: "wrap",
+    alignItems: "center",
+    columnGap: 10,
+    rowGap: 2,
+    color: "var(--sd-fg-muted)",
+    fontSize: 11
+  },
+  detailsCaptionItem: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 4
+  },
+  detailsCaptionItemMono: {
+    fontFamily: se
+  },
+  detailsCaptionLabel: {
+    color: "var(--sd-fg-subtle)"
+  },
+  detailsCaptionValue: {
+    color: "var(--sd-fg)",
+    fontVariantNumeric: "tabular-nums"
+  },
+  disclosure: {
+    marginTop: 16
+  },
+  disclosureSummary: {
+    cursor: "pointer",
+    ...be
+  },
+  disclosureBody: {
+    marginTop: 8
+  },
+  alertCard: {
+    marginTop: 12,
+    padding: "8px 10px",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderRadius: 5,
+    fontSize: 12,
+    lineHeight: 1.45
+  },
+  alertCardError: {
+    borderColor: "var(--sd-error-border)",
+    background: "var(--sd-error-bg)",
+    color: "var(--sd-error-fg)"
+  },
+  alertCardWarning: {
+    borderColor: "var(--sd-warning-border)",
+    background: "var(--sd-warning-bg)",
+    color: "var(--sd-warning-fg)"
+  },
+  alertCardTitle: {
+    fontWeight: 600,
+    textTransform: "uppercase",
+    letterSpacing: "0.08em",
+    fontSize: 10,
+    marginBottom: 4
+  },
+  alertCardList: {
+    margin: 0,
+    paddingLeft: 16,
+    display: "grid",
+    gap: 3
+  },
+  recipe: {
+    display: "grid",
+    gap: 12
+  },
+  traceLineage: {
+    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
+  },
+  recipeGroupHeader: {
+    display: "flex",
+    alignItems: "baseline",
+    justifyContent: "space-between",
+    gap: 8,
+    paddingBottom: 4,
+    borderBottom: "1px solid var(--sd-border-soft)"
+  },
+  recipeGroupTitle: {
+    color: "var(--sd-fg-muted)",
+    fontSize: 10,
+    fontWeight: 600,
+    textTransform: "uppercase",
+    letterSpacing: "0.08em"
+  },
+  recipeGroupCount: {
+    color: "var(--sd-fg-subtle)",
+    fontSize: 10,
+    fontVariantNumeric: "tabular-nums"
+  },
+  recipeFieldList: {
+    display: "grid"
+  },
+  recipeEmptyText: {
+    padding: "5px 0",
+    color: "var(--sd-fg-subtle)",
+    fontSize: 11
+  },
+  recipeFieldRow: {
+    display: "grid",
+    gridTemplateColumns: "minmax(0, 1fr) minmax(0, auto)",
+    alignItems: "center",
+    gap: 10,
+    minHeight: 26,
+    padding: "4px 0",
+    borderBottom: "1px solid var(--sd-border-soft)"
+  },
+  recipeFieldName: {
+    minWidth: 0,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    color: "var(--sd-fg)",
+    fontSize: 12,
+    fontWeight: 500
+  },
+  recipeFieldMeta: {
+    minWidth: 0,
+    display: "inline-flex",
+    alignItems: "baseline",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    color: "var(--sd-fg-subtle)",
+    fontSize: 11,
+    textAlign: "right"
+  },
+  recipeFieldMetaDivider: {
+    color: "var(--sd-fg-subtle)",
+    margin: "0 4px"
+  },
+  inputsAppliedBlock: {
+    marginTop: 16,
+    padding: "10px 12px",
+    border: "1px solid var(--sd-border)",
+    borderLeft: "2px solid var(--sd-fg-muted)",
+    borderRadius: 5,
+    background: "var(--sd-bg-muted)"
+  },
+  inputsAppliedHeader: {
+    display: "flex",
+    alignItems: "baseline",
+    justifyContent: "space-between",
+    gap: 8,
+    marginBottom: 6
+  },
+  inputsAppliedTitle: {
+    color: "var(--sd-fg)",
+    fontSize: 10,
+    fontWeight: 700,
+    textTransform: "uppercase",
+    letterSpacing: "0.08em"
+  },
+  inputsAppliedCount: {
+    color: "var(--sd-fg-subtle)",
+    fontSize: 10,
+    fontVariantNumeric: "tabular-nums"
+  },
+  inputRecipeList: {
+    display: "grid"
+  },
+  inputRecipeRow: {
+    display: "grid",
+    gap: 2,
+    minWidth: 0,
+    padding: "6px 0",
+    borderBottom: "1px solid var(--sd-border-soft)"
+  },
+  inputRecipeHeader: {
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    minWidth: 0
+  },
+  inputRecipeId: {
+    flex: "0 0 auto",
+    maxWidth: "40%",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    color: "var(--sd-fg)",
+    fontFamily: se,
+    fontSize: 11,
+    fontWeight: 600
+  },
+  inputOperatorBadge: {
+    display: "inline-flex",
+    flex: "0 0 auto",
+    alignItems: "center",
+    height: 16,
+    padding: "0 5px",
+    borderRadius: 3,
+    background: "var(--sd-bg-accent)",
+    color: "var(--sd-fg-muted)",
+    fontFamily: se,
+    fontSize: 10,
+    textTransform: "uppercase",
+    letterSpacing: "0.06em"
+  },
+  inputValuePreview: {
+    flex: 1,
+    minWidth: 0,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    color: "var(--sd-fg)",
+    fontSize: 12,
+    textAlign: "right"
+  },
+  inputRecipeBinding: {
+    minWidth: 0,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    color: "var(--sd-fg-muted)",
+    fontSize: 11
+  },
+  eventList: {
+    display: "grid"
+  },
+  eventRow: {
+    display: "grid",
+    gridTemplateColumns: "96px minmax(0, 1fr)",
+    gap: 10,
+    padding: "6px 0",
+    borderBottom: "1px solid var(--sd-border-soft)"
+  },
+  eventType: {
+    color: "var(--sd-fg)",
+    fontWeight: 600,
+    fontSize: 12
+  },
+  eventMeta: {
+    minWidth: 0,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    color: "var(--sd-fg-muted)",
+    fontSize: 11
+  },
+  mutedText: {
+    color: "var(--sd-fg-muted)",
+    fontSize: 12
+  },
+  compiledQuery: {
+    display: "grid",
+    gap: 10
+  },
+  codeBlockGroup: {
+    display: "grid",
+    gap: 5
+  },
+  codeBlockLabel: {
+    ...be
+  },
+  codeBlock: {
+    maxHeight: 260,
+    margin: 0,
+    overflow: "auto",
+    padding: "8px 10px",
+    border: "1px solid var(--sd-border)",
+    borderRadius: 5,
+    background: "var(--sd-bg-muted)",
+    color: "var(--sd-fg)",
+    fontFamily: se,
+    fontSize: 11,
+    lineHeight: 1.5,
+    whiteSpace: "pre-wrap"
+  },
+  emptyState: {
+    padding: 10,
+    color: "var(--sd-fg-muted)",
+    textAlign: "center",
+    fontSize: 12
+  },
+  inspectButton: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 5,
+    height: 24,
+    maxWidth: "100%",
+    padding: "0 7px",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderRadius: 5,
+    background: "var(--sd-bg)",
+    font: `600 11px/1 ${oe}`,
+    cursor: "pointer"
+  },
+  inspectButtonText: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  }
+};
+function fr(e) {
+  return {
+    ...e,
+    order: [],
+    entries: {},
+    sequence: 0
+  };
+}
+function Ct(e, r) {
+  if (r.type === "config")
+    return r.config.enabled ? {
+      ...e,
+      ...r.config
+    } : fr(r.config);
+  if (!e.enabled)
+    return e;
+  switch (r.type) {
+    case "register":
+      return Bt(Dt(e, r.descriptor));
+    case "unregister":
+      return Ot(e, r.traceKey);
+    case "event":
+      return Lt(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),
+    traceKey: r.traceKey,
+    latestAttempt: (t == null ? void 0 : t.latestAttempt) || { status: "idle" },
+    recentEvents: (t == null ? void 0 : t.recentEvents) || [],
+    mounted: !0,
+    registeredAt: (t == null ? void 0 : t.registeredAt) || n,
+    lastEventAt: (t == null ? void 0 : t.lastEventAt) || i
+  };
+  return {
+    ...e,
+    sequence: n,
+    order: t ? e.order : [...e.order, r.traceKey],
+    entries: {
+      ...e.entries,
+      [r.traceKey]: l
+    }
+  };
+}
+function Ot(e, r) {
+  const t = e.entries[r];
+  return t ? {
+    ...e,
+    entries: {
+      ...e.entries,
+      [r]: {
+        ...t,
+        mounted: !1
+      }
+    }
+  } : e;
+}
+function Lt(e, r) {
+  const t = e.entries[r.traceKey];
+  if (!t)
+    return e;
+  const n = Le(), i = [
+    ...t.recentEvents,
+    r.event
+  ].slice(-e.maxEventsPerQuery);
+  return {
+    ...e,
+    entries: {
+      ...e.entries,
+      [r.traceKey]: {
+        ...t,
+        latestAttempt: r.latestAttempt ? {
+          ...t.latestAttempt,
+          ...r.latestAttempt
+        } : t.latestAttempt,
+        recentEvents: i,
+        lastEventAt: n
+      }
+    }
+  };
+}
+function Bt(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(
+    r.slice(0, t).map((i) => i.traceKey)
+  );
+  return n.size ? {
+    ...e,
+    order: e.order.filter((i) => !n.has(i)),
+    entries: Object.fromEntries(
+      Object.entries(e.entries).filter(([i]) => !n.has(i))
+    )
+  } : e;
+}
+function Kt(e) {
+  const r = Le();
+  return {
+    ...pr(e),
+    traceKey: e.traceKey,
+    latestAttempt: { status: "idle" },
+    recentEvents: [],
+    mounted: !0,
+    registeredAt: 0,
+    lastEventAt: r
+  };
+}
+function pr(e) {
+  var n;
+  const r = Vt(e.spec), t = Qt(
+    e.spec,
+    e.activeInputs
+  );
+  return {
+    traceId: hr(e.traceKey),
+    viewId: e.viewId,
+    queryId: e.queryId,
+    queryLabel: e.queryLabel || e.viewTitle,
+    queryKind: e.queryKind,
+    builder: e.builder,
+    sourceRefs: Pt(e.intent),
+    sourceHints: (n = e.sourceHints) != null && n.length ? e.sourceHints : void 0,
+    projectionFieldRefs: r,
+    inputFieldRefs: t,
+    fieldRefs: Ut(e.intent),
+    inputsApplied: (e.activeInputs || []).map((i) => ({
+      inputId: i.inputId,
+      fieldRef: i.field,
+      operator: i.operator,
+      valuePreview: jt(i)
+    })),
+    recentEvents: [],
+    clientWarnings: e.clientWarnings
+  };
+}
+function ue(e) {
+  const {
+    traceKey: r,
+    mounted: t,
+    registeredAt: n,
+    lastEventAt: i,
+    ...l
+  } = e;
+  return l;
+}
+function de(e) {
+  return e.enabled ? {
+    enabled: !0,
+    queries: e.order.map((t) => e.entries[t]).filter((t) => !!t).map(ue),
+    getQuery: (t) => {
+      const n = Object.values(e.entries).find(
+        (i) => i.queryId === t
+      );
+      return n ? ue(n) : void 0;
+    },
+    getQueries: (t) => Object.values(e.entries).filter((n) => n.queryId === t).map(ue)
+  } : tr;
+}
+function $t(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)
+  };
+}
+function _t(e) {
+  if (!e.enabled)
+    return e;
+  const r = e.queries.map(mr);
+  return {
+    enabled: e.enabled,
+    queries: r,
+    getQuery: (t) => r.find((n) => n.queryId === t),
+    getQueries: (t) => r.filter((n) => n.queryId === t)
+  };
+}
+function He(e) {
+  return e ? mr(e) : void 0;
+}
+function mr(e) {
+  var r;
+  return (r = e == null ? void 0 : e.latestAttempt) != null && r.executionResult ? {
+    ...e,
+    latestAttempt: {
+      ...e.latestAttempt,
+      executionResult: Nt(
+        e.latestAttempt.executionResult
+      )
+    }
+  } : e;
+}
+function Nt(e) {
+  const {
+    compiledQuery: r,
+    intent: t,
+    result: n,
+    ...i
+  } = e, l = Ft(
+    i.metadata
+  );
+  return {
+    ...i,
+    ...l ? { metadata: l } : {}
+  };
+}
+function Ft(e) {
+  if (!e || typeof e != "object" || Array.isArray(e))
+    return e;
+  const r = e.dataAppDebug;
+  if (!r || typeof r != "object" || Array.isArray(r))
+    return e;
+  const { compiledSql: t, ...n } = r;
+  return {
+    ...e,
+    dataAppDebug: n
+  };
+}
+function Mt(e) {
+  return e === void 0 || e === !1 ? {
+    enabled: !1,
+    exposeWindowBridge: !1,
+    maxEventsPerQuery: ye,
+    maxQueries: he
+  } : e === !0 ? {
+    enabled: !0,
+    exposeWindowBridge: !1,
+    maxEventsPerQuery: ye,
+    maxQueries: he
+  } : {
+    enabled: e.enabled !== !1,
+    exposeWindowBridge: e.exposeWindowBridge === !0,
+    maxEventsPerQuery: Qe(
+      e.maxEventsPerQuery,
+      ye,
+      zr
+    ),
+    maxQueries: Qe(
+      e.maxQueries,
+      he,
+      jr
+    )
+  };
+}
+function Pe(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)
+  })).filter(
+    (n) => !!(n.file || n.line || n.column || n.exportName || n.component || n.note)
+  );
+  return t.length ? t : void 0;
+}
+function ae(e) {
+  if (typeof e != "string")
+    return;
+  const r = e.trim();
+  return r || void 0;
+}
+function Ve(e) {
+  return typeof e == "number" && Number.isInteger(e) && e > 0 ? e : void 0;
+}
+function Qe(e, r, t) {
+  return e === void 0 || !Number.isFinite(e) || !Number.isInteger(e) || e <= 0 ? r : Math.min(e, t);
+}
+function Wt(e) {
+  return typeof e.id == "string" && e.id.trim() ? e.id : void 0;
+}
+function zt(e) {
+  switch (e) {
+    case "metric":
+      return "semaphor.metric";
+    case "records":
+      return "semaphor.records";
+    case "matrix":
+      return "semaphor.matrix";
+    case "analysis":
+      return "semaphor.analysis";
+    case "inputOptions":
+      return "semaphor.inputOptions";
+    case "sql":
+      return "semaphor.sql";
+    default:
+      return me(e);
+  }
+}
+function me(e) {
+  throw new Error(`Unsupported Semaphor query kind: ${JSON.stringify(e)}`);
+}
+function jt(e) {
+  if (Ht(e))
+    return;
+  const r = e.value;
+  if (r !== void 0) {
+    if (Array.isArray(r)) {
+      const t = r.filter(
+        (n) => typeof n == "string" || typeof n == "number" || typeof n == "boolean"
+      ).map((n) => String(n));
+      if (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 `${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);
+  }
+}
+function Ue(e) {
+  return e.length > 80 ? `${e.slice(0, 77)}...` : e;
+}
+function Ht(e) {
+  var t;
+  const r = [
+    e.inputId,
+    e.label,
+    (t = e.field) == null ? void 0 : t.name
+  ].filter(Boolean).join(" ").toLowerCase();
+  return ["token", "secret", "password", "email", "phone", "ssn"].some(
+    (n) => r.includes(n)
+  );
+}
+function Pt(e) {
+  const r = /* @__PURE__ */ new Map();
+  return ce(e, (t) => {
+    Gt(t) && r.set(yr(t), t);
+  }), [...r.values()];
+}
+function Vt(e) {
+  switch (e.queryKind) {
+    case "metric":
+    case "analysis":
+      return P([
+        ...e.measures || [],
+        e.primaryMeasure,
+        e.dateField,
+        ...e.dimensions || []
+      ]);
+    case "records":
+      return P(e.fields || []);
+    case "inputOptions":
+      return P([
+        e.labelField,
+        e.valueField,
+        e.searchField,
+        ...e.disambiguationFields || []
+      ]);
+    case "sql":
+      return P(e.fields || []);
+    case "matrix":
+      return P([
+        ...(e.rows || []).map(Se),
+        ...(e.columns || []).map(Se),
+        ...(e.values || []).map(Se)
+      ]);
+    default:
+      return me(e);
+  }
+}
+function Qt(e, r) {
+  const t = [
+    ...(e.inputs || []).map(gr),
+    ...(r || []).map((n) => n.field)
+  ];
+  return P(t);
+}
+function P(e) {
+  const r = /* @__PURE__ */ new Map();
+  return e.forEach((t) => {
+    t && te(t) && r.set(Oe(t), t);
+  }), [...r.values()];
+}
+function gr(e) {
+  if (!e || typeof e != "object")
+    return;
+  const r = e.toAnalyticsInput;
+  if (typeof r == "function") {
+    const n = r.call(e);
+    return gr(n);
+  }
+  const t = e.field;
+  return te(t) ? t : void 0;
+}
+function Se(e) {
+  if (te(e))
+    return e;
+  if (!e || typeof e != "object")
+    return;
+  const r = e.field;
+  return te(r) ? r : void 0;
+}
+function Ut(e) {
+  const r = /* @__PURE__ */ new Map();
+  return ce(e, (t) => {
+    te(t) && r.set(Oe(t), t);
+  }), [...r.values()];
+}
+function ce(e, r) {
+  if (!(!e || typeof e != "object")) {
+    if (r(e), Array.isArray(e)) {
+      e.forEach((t) => ce(t, r));
+      return;
+    }
+    Object.values(e).forEach(
+      (t) => ce(t, r)
+    );
+  }
+}
+function Gt(e) {
+  if (!e || typeof e != "object")
+    return !1;
+  const r = e;
+  return r.kind === "semantic" ? typeof r.domainId == "string" && typeof r.datasetName == "string" : r.kind === "physical" ? typeof r.connectionId == "string" && typeof r.tableName == "string" : r.kind === "sql" ? typeof r.connectionId == "string" : !1;
+}
+function te(e) {
+  if (!e || typeof e != "object")
+    return !1;
+  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) {
+  return e.kind === "semantic" ? [
+    e.kind,
+    e.domainId,
+    e.datasetId || e.datasetName
+  ].join(":") : e.kind === "physical" ? [
+    e.kind,
+    e.connectionId,
+    e.databaseName,
+    e.schemaName,
+    e.tableName
+  ].join(":") : [e.kind, e.connectionId].join(":");
+}
+function Oe(e) {
+  return [
+    e.name,
+    e.role,
+    e.aggregate,
+    e.source ? yr(e.source) : ""
+  ].join(":");
+}
+function Jt(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) {
+  const r = e;
+  return Array.isArray(r == null ? void 0 : r.columns) ? r.columns.length : void 0;
+}
+function Ge(e) {
+  const r = e;
+  return r == null ? void 0 : r.executionResult;
+}
+function Je(e) {
+  const r = e;
+  return typeof (r == null ? void 0 : r.requestId) == "string" ? r.requestId : void 0;
+}
+function hr(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() {
+  return (/* @__PURE__ */ new Date()).toISOString();
+}
+function Le() {
+  return typeof performance < "u" && performance.now ? performance.now() : Date.now();
+}
+const Xt = [
   "records",
   "changes",
   "drivers",
@@ -135,7 +2445,7 @@ const He = {
   "largestPositiveChanges",
   "largestNegativeDrivers",
   "largestPositiveDrivers"
-], ue = [
+], Zt = [
   "records",
   "changes",
   "drivers",
@@ -144,192 +2454,202 @@ const He = {
   "largestNegativeDrivers",
   "largestPositiveDrivers"
 ];
-function B(e) {
+function vr(e) {
   if (!e)
     return {};
-  const t = de(e.executionResult), n = se(e, t), r = ce(n);
+  const r = on(e.executionResult), t = en(e, r), n = tn(t);
   return {
     ...e,
-    ...Object.keys(n).length ? { resultSets: n } : {},
-    ...r ? {
-      columns: r.columns,
-      records: r.records,
-      rowCount: r.rowCount
+    ...Object.keys(t).length ? { resultSets: t } : {},
+    ...n ? {
+      columns: n.columns,
+      records: n.records,
+      rowCount: n.rowCount
     } : {}
   };
 }
-function se(e, t) {
-  const n = ae(e.resultSets);
-  for (const i of ie) {
-    if (n[i]) {
-      n[i] = z(n[i]);
+function en(e, r) {
+  const t = rn(e.resultSets);
+  for (const i of Xt) {
+    if (t[i]) {
+      t[i] = br(t[i]);
       continue;
     }
-    const u = fe(e[i]);
-    if (!u.length)
+    const l = sn(e[i]);
+    if (!l.length)
       continue;
-    const s = t.length ? t : pe(u);
-    n[i] = {
-      records: C(u, s),
-      columns: s,
-      rowCount: u.length
+    const u = r.length ? r : an(l);
+    t[i] = {
+      records: Be(l, u),
+      columns: u,
+      rowCount: l.length
     };
   }
-  const r = le(e.executionResult);
-  return r && r.records.length > 0 && !n.records && (n.records = r), n;
+  const n = nn(e.executionResult);
+  return n && n.records.length > 0 && !t.records && (t.records = n), t;
 }
-function ae(e) {
+function rn(e) {
   return Object.fromEntries(
-    Object.entries(e || {}).map(([t, n]) => [
-      t,
-      z(n)
+    Object.entries(e || {}).map(([r, t]) => [
+      r,
+      br(t)
     ])
   );
 }
-function z(e) {
-  var t;
+function br(e) {
+  var r;
   return {
     ...e,
-    records: C(
+    records: Be(
       e.records || [],
       e.columns || []
     ),
-    rowCount: e.rowCount ?? ((t = e.records) == null ? void 0 : t.length) ?? 0
+    rowCount: e.rowCount ?? ((r = e.records) == null ? void 0 : r.length) ?? 0
   };
 }
-function ce(e) {
-  var t;
-  for (const n of ue)
-    if ((t = e[n]) != null && t.records.length)
-      return e[n];
-  return Object.values(e).find((n) => n.records.length) || Object.values(e)[0];
+function tn(e) {
+  var r;
+  for (const t of Zt)
+    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 le(e) {
-  const t = e == null ? void 0 : e.result;
-  if (!(!t || t.kind !== "records" && t.kind !== "sql"))
+function nn(e) {
+  const r = e == null ? void 0 : e.result;
+  if (!(!r || r.kind !== "records" && r.kind !== "sql"))
     return {
-      records: C(t.records, t.columns),
-      columns: t.columns,
-      rowCount: t.rowCount ?? t.records.length
+      records: Be(r.records, r.columns),
+      columns: r.columns,
+      rowCount: r.rowCount ?? r.records.length
     };
 }
-function de(e) {
-  const t = e == null ? void 0 : e.result;
-  return !t || t.kind !== "records" && t.kind !== "sql" ? [] : t.columns;
+function on(e) {
+  const r = e == null ? void 0 : e.result;
+  return !r || r.kind !== "records" && r.kind !== "sql" ? [] : r.columns;
 }
-function fe(e) {
+function sn(e) {
   return Array.isArray(e) ? e.filter(
-    (t) => !!(t && typeof t == "object" && !Array.isArray(t))
+    (r) => !!(r && typeof r == "object" && !Array.isArray(r))
   ) : [];
 }
-function C(e, t) {
-  return t.length ? e.map((n) => {
-    const r = {};
-    return t.forEach((i, u) => {
-      const s = me(n, {
+function Be(e, r) {
+  return r.length ? e.map((t) => {
+    const n = {};
+    return r.forEach((i, l) => {
+      const u = ln(t, {
         name: i.key,
         label: i.label,
-        fallbackNames: [i.name, Object.keys(n)[u]]
+        fallbackNames: [i.name, Object.keys(t)[l]]
       });
-      s !== void 0 && (r[i.key] = s);
-    }), Object.keys(r).length ? r : n;
+      u !== void 0 && (n[i.key] = u);
+    }), Object.keys(n).length ? n : t;
   }) : e;
 }
-function pe(e) {
+function an(e) {
   return Array.from(
-    new Set(e.flatMap((n) => Object.keys(n)))
-  ).map((n) => ({
-    key: n,
-    name: n,
-    label: n
+    new Set(e.flatMap((t) => Object.keys(t)))
+  ).map((t) => ({
+    key: t,
+    name: t,
+    label: t
   }));
 }
-function me(e, t) {
-  const n = [
-    t.name,
-    t.label,
-    ...t.fallbackNames || []
-  ].filter((r) => !!r);
-  for (const r of n)
-    if (Object.prototype.hasOwnProperty.call(e, r))
-      return e[r];
-}
-function he() {
+function ln(e, r) {
+  const t = [
+    r.name,
+    r.label,
+    ...r.fallbackNames || []
+  ].filter((n) => !!n);
+  for (const n of t)
+    if (Object.prototype.hasOwnProperty.call(e, n))
+      return e[n];
+}
+function un() {
   return {
-    executeAnalysis: (e, t, n) => h(
+    executeAnalysis: (e, r, t) => H(
       e,
-      t,
-      n ?? {}
-    ).then(B),
-    executeMetric: (e, t) => h(e, t),
-    executeRecords: (e, t) => h(e, t),
-    executeInputOptions: (e, t) => h(e, t),
-    executeSql: (e, t) => h(e, t),
-    executeMatrix: (e, t) => h(e, t)
+      r,
+      t ?? {}
+    ).then(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)
   };
 }
-async function h(e, t, n) {
-  if (!t.token)
+async function H(e, r, t) {
+  if (!r.token)
     throw new Error(
       "SemaphorDataAppProvider needs a token to execute queries."
     );
-  const r = Ie(t), i = ye(e, r);
-  let u;
+  const n = hn(r), i = fn(e, n);
+  let l;
   try {
-    u = await fetch(r, {
+    l = await fetch(n, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${t.token}`
+        Authorization: `Bearer ${r.token}`
       },
       body: JSON.stringify({
         intent: e,
-        activeInputs: t.activeInputs,
-        ...n ? { analysisOptions: n } : {},
-        resultShape: e.kind
+        activeInputs: r.activeInputs,
+        ...t ? { analysisOptions: t } : {},
+        resultShape: e.kind,
+        ...cn(r) ? { debug: { responseDetail: "debug" } } : {}
       })
     });
-  } catch (l) {
+  } catch (c) {
     throw new Error(
-      `${i}: ${l instanceof Error ? l.message : String(l)}`
+      `${i}: ${c instanceof Error ? c.message : String(c)}`
     );
   }
-  const s = await Se(u);
-  if (!u.ok || s.error)
-    throw new Error(
-      `${i}: ${s.error || `Semaphor Data App execution failed with status ${u.status}.`}`
+  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
     );
-  return s;
+  return u;
 }
-function ye(e, t) {
+function dn(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) {
+  const r = e.debug;
+  return r ? r === !0 ? !0 : r.enabled !== !1 && r.requestServerDebug !== !1 : !1;
+}
+function fn(e, r) {
   return [
     `Semaphor ${e.kind} query`,
     e.id ? `id=${e.id}` : void 0,
     e.label ? `label=${e.label}` : void 0,
-    ve(e),
-    `endpoint=${qe(t)}`
-  ].filter((n) => !!n).join(" ");
+    pn(e),
+    `endpoint=${mn(r)}`
+  ].filter((t) => !!t).join(" ");
 }
-function ve(e) {
-  const t = "source" in e ? e.source : void 0;
-  if (!(!t || typeof t != "object")) {
-    if (t.kind === "semantic")
+function pn(e) {
+  const r = "source" in e ? e.source : void 0;
+  if (!(!r || typeof r != "object")) {
+    if (r.kind === "semantic")
       return `source=${[
-        t.domainId,
-        t.datasetId || t.datasetName
+        r.domainId,
+        r.datasetId || r.datasetName
       ].filter(Boolean).join("/")}`;
-    if (t.kind === "physical")
+    if (r.kind === "physical")
       return `source=${[
-        t.connectionId,
-        t.databaseName,
-        t.schemaName,
-        t.tableName
+        r.connectionId,
+        r.databaseName,
+        r.schemaName,
+        r.tableName
       ].filter(Boolean).join("/")}`;
-    if (t.kind === "sql")
-      return t.connectionId ? `source=${t.connectionId}` : void 0;
+    if (r.kind === "sql")
+      return r.connectionId ? `source=${r.connectionId}` : void 0;
   }
 }
-function qe(e) {
+function mn(e) {
   if (!e)
     return "/api/v1/data-app/execute";
   try {
@@ -338,453 +2658,489 @@ function qe(e) {
     return e;
   }
 }
-async function Se(e) {
-  const t = await e.text().catch(() => "");
-  if (!t.trim())
+async function gn(e) {
+  const r = await e.text().catch(() => "");
+  if (!r.trim())
     return e.ok ? {
       error: "Semaphor Data App execution returned an empty response."
     } : {};
   try {
-    return JSON.parse(t);
+    return JSON.parse(r);
   } catch {
     return e.ok ? {
       error: "Semaphor Data App execution returned invalid JSON.",
-      details: t
+      details: r
     } : {
-      error: Ae(e, t),
-      details: t
+      error: yn(e, r),
+      details: r
     };
   }
 }
-function Ae(e, t) {
-  const n = e.statusText ? ` ${e.statusText}` : "", r = t.replace(/\s+/g, " ").trim();
-  return r ? `Semaphor Data App execution failed with status ${e.status}${n}: ${r.slice(0, 240)}` : `Semaphor Data App execution failed with status ${e.status}${n}.`;
+function yn(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 Ie(e) {
-  const t = ke(e).replace(/\/+$/, "");
-  return t ? t.endsWith("/api") ? `${t}/v1/data-app/execute` : `${t}/api/v1/data-app/execute` : "/api/v1/data-app/execute";
+function hn(e) {
+  const r = vn(e).replace(/\/+$/, "");
+  return r ? r.endsWith("/api") ? `${r}/v1/data-app/execute` : `${r}/api/v1/data-app/execute` : "/api/v1/data-app/execute";
 }
-function ke(e) {
+function vn(e) {
   if (e.apiBaseUrl)
     return e.apiBaseUrl;
   if (!e.token)
     return "";
   try {
-    return ee(e.token).apiServiceUrl || "";
+    return Mr(e.token).apiServiceUrl || "";
   } catch {
     return "";
   }
 }
-const M = te({});
-function ge() {
+const Sr = fe({});
+function bn() {
   if (!(typeof window > "u"))
     return window.__SEMAPHOR_DATA_APP_RUNTIME__;
 }
-function xe() {
-  return re(M);
+function Sn() {
+  return z(Sr);
 }
-const x = { value: null }, E = {}, Ee = { records: [] }, D = { options: [] }, De = { records: [] }, K = {};
-function Ke(e) {
-  const t = y(e.inputs), n = X(e);
+const xe = { value: null }, we = {}, xn = { records: [] }, Ie = { options: [] }, wn = { records: [] }, qe = {};
+function In(e) {
+  const r = U(e.inputs), t = Cr(e);
   try {
-    const r = G(e), i = v(r);
+    const n = Dr(e), i = G(n);
     return i ? {
       error: i,
-      activeInputs: t,
-      analysisOptions: n,
-      queryKey: f(
+      activeInputs: r,
+      analysisOptions: t,
+      queryKey: q(
         void 0,
-        t,
+        r,
         i,
-        n
+        t
       ),
-      idleData: E
+      idleData: we
     } : {
-      intent: r,
+      intent: n,
       error: null,
-      activeInputs: t,
-      analysisOptions: n,
-      queryKey: f(r, t, void 0, n),
-      idleData: E
+      activeInputs: r,
+      analysisOptions: t,
+      queryKey: q(n, r, void 0, t),
+      idleData: we
     };
-  } catch (r) {
-    const i = m(r);
+  } catch (n) {
+    const i = N(n);
     return {
       error: i,
-      activeInputs: t,
-      analysisOptions: n,
-      queryKey: f(
+      activeInputs: r,
+      analysisOptions: t,
+      queryKey: q(
         void 0,
-        t,
+        r,
         i,
-        n
+        t
       ),
-      idleData: E
+      idleData: we
     };
   }
 }
-function be(e) {
-  const t = y(e.inputs);
+function qn(e) {
+  const r = U(e.inputs);
   try {
-    const n = Z(e), r = v(n);
-    return r ? {
-      error: r,
-      activeInputs: t,
-      queryKey: f(void 0, t, r),
-      idleData: x
+    const t = Or(e), n = G(t);
+    return n ? {
+      error: n,
+      activeInputs: r,
+      queryKey: q(void 0, r, n),
+      idleData: xe
     } : {
-      intent: n,
+      intent: t,
       error: null,
-      activeInputs: t,
-      queryKey: f(n, t),
-      idleData: x
+      activeInputs: r,
+      queryKey: q(t, r),
+      idleData: xe
     };
-  } catch (n) {
-    const r = m(n);
+  } catch (t) {
+    const n = N(t);
     return {
-      error: r,
-      activeInputs: t,
-      queryKey: f(void 0, t, r),
-      idleData: x
+      error: n,
+      activeInputs: r,
+      queryKey: q(void 0, r, n),
+      idleData: xe
     };
   }
 }
-function Oe(e) {
-  const t = y(e.inputs), n = Ee;
+function An(e) {
+  const r = U(e.inputs), t = xn;
   try {
-    const r = W(e), i = v(r);
+    const n = kr(e), i = G(n);
     return i ? {
       error: i,
-      activeInputs: t,
-      queryKey: f(void 0, t, i),
-      idleData: n
+      activeInputs: r,
+      queryKey: q(void 0, r, i),
+      idleData: t
     } : {
-      intent: r,
+      intent: n,
       error: null,
-      activeInputs: t,
-      queryKey: f(r, t),
-      idleData: n
+      activeInputs: r,
+      queryKey: q(n, r),
+      idleData: t
     };
-  } catch (r) {
-    const i = m(r);
+  } catch (n) {
+    const i = N(n);
     return {
       error: i,
-      activeInputs: t,
-      queryKey: f(void 0, t, i),
-      idleData: n
+      activeInputs: r,
+      queryKey: q(void 0, r, i),
+      idleData: t
     };
   }
 }
-function Re(e) {
-  const t = y(e.inputs);
+function Rn(e) {
+  const r = U(e.inputs);
   try {
-    const n = Y(e), r = v(n);
-    return r ? {
-      error: r,
-      activeInputs: t,
-      queryKey: f(void 0, t, r),
-      idleData: D
+    const t = Tr(e), n = G(t);
+    return n ? {
+      error: n,
+      activeInputs: r,
+      queryKey: q(void 0, r, n),
+      idleData: Ie
     } : {
-      intent: n,
+      intent: t,
       error: null,
-      activeInputs: t,
-      queryKey: f(n, t),
-      idleData: D
+      activeInputs: r,
+      queryKey: q(t, r),
+      idleData: Ie
     };
-  } catch (n) {
-    const r = m(n);
+  } catch (t) {
+    const n = N(t);
     return {
-      error: r,
-      activeInputs: t,
-      queryKey: f(void 0, t, r),
-      idleData: D
+      error: n,
+      activeInputs: r,
+      queryKey: q(void 0, r, n),
+      idleData: Ie
     };
   }
 }
-function we(e) {
-  const t = y(e.inputs), n = De;
+function En(e) {
+  const r = U(e.inputs), t = wn;
   try {
-    const r = F(e), i = v(r);
+    const n = Er(e), i = G(n);
     return i ? {
       error: i,
-      activeInputs: t,
-      queryKey: f(void 0, t, i),
-      idleData: n
+      activeInputs: r,
+      queryKey: q(void 0, r, i),
+      idleData: t
     } : {
-      intent: r,
+      intent: n,
       error: null,
-      activeInputs: t,
-      queryKey: f(r, t),
-      idleData: n
+      activeInputs: r,
+      queryKey: q(n, r),
+      idleData: t
     };
-  } catch (r) {
-    const i = m(r);
+  } catch (n) {
+    const i = N(n);
     return {
       error: i,
-      activeInputs: t,
-      queryKey: f(void 0, t, i),
-      idleData: n
+      activeInputs: r,
+      queryKey: q(void 0, r, i),
+      idleData: t
     };
   }
 }
-function Ce(e) {
-  const t = y(e.inputs);
+function Tn(e) {
+  const r = U(e.inputs);
   try {
-    const n = J(e), r = v(n);
-    return r ? {
-      error: r,
-      activeInputs: t,
-      queryKey: f(void 0, t, r),
-      idleData: K
+    const t = Rr(e), n = G(t);
+    return n ? {
+      error: n,
+      activeInputs: r,
+      queryKey: q(void 0, r, n),
+      idleData: qe
     } : {
-      intent: n,
+      intent: t,
       error: null,
-      activeInputs: t,
-      queryKey: f(n, t),
-      idleData: K
+      activeInputs: r,
+      queryKey: q(t, r),
+      idleData: qe
     };
-  } catch (n) {
-    const r = m(n);
+  } catch (t) {
+    const n = N(t);
     return {
-      error: r,
-      activeInputs: t,
-      queryKey: f(void 0, t, r),
-      idleData: K
+      error: n,
+      activeInputs: r,
+      queryKey: q(void 0, r, n),
+      idleData: qe
     };
   }
 }
-function m(e) {
+function N(e) {
   return e instanceof Error ? e : new Error(String(e));
 }
-function v(e) {
-  const t = ne(e);
-  if (t.ok)
+function G(e) {
+  const r = Wr(e);
+  if (r.ok)
     return null;
-  const n = t.errors.map(
-    (r) => r.path ? `${r.code} at ${r.path}: ${r.message}` : `${r.code}: ${r.message}`
+  const t = r.errors.map(
+    (n) => n.path ? `${n.code} at ${n.path}: ${n.message}` : `${n.code}: ${n.message}`
   ).join("; ");
-  return new Error(`Invalid Semaphor analytics intent. ${n}`);
+  return new Error(`Invalid Semaphor analytics intent. ${t}`);
 }
-function f(e, t, n, r) {
+function q(e, r, t, n) {
   return JSON.stringify({
     intent: e,
-    activeInputs: t,
-    analysisOptions: r,
-    error: n == null ? void 0 : n.message
+    activeInputs: r,
+    analysisOptions: n,
+    error: t == null ? void 0 : t.message
   });
 }
-function Qe(e) {
-  const [t, n] = w(e.defaultValue), r = Object.prototype.hasOwnProperty.call(e, "value"), i = r ? e.value : t, u = p(
-    () => L(e.options),
+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),
     [e.options]
-  ), s = O(
-    (a) => {
-      var o;
-      const c = a;
-      (o = e.onValueChange) == null || o.call(e, c), r || n(c);
+  ), u = C(
+    (d) => {
+      var g;
+      const f = d;
+      (g = e.onValueChange) == null || g.call(e, f), n || t(f);
     },
-    [r, e]
-  ), l = O(() => s(void 0), [s]);
-  return p(() => {
-    const a = U(e);
+    [n, e]
+  ), c = C(() => u(void 0), [u]);
+  return b(() => {
+    const d = er(e);
     return {
       id: e.id,
       kind: e.kind,
       label: e.label,
-      field: a.field,
-      operator: a.operator,
-      relationshipHint: a.relationshipHint,
+      field: d.field,
+      operator: d.operator,
+      relationshipHint: d.relationshipHint,
       controlRole: e.kind === "control" ? e.role : void 0,
       value: i,
-      options: u,
-      isActive: q(i),
-      setValue: s,
-      clear: l,
+      options: l,
+      isActive: re(i),
+      setValue: u,
+      clear: c,
       toAnalyticsInput: () => ({
-        inputId: a.inputId,
-        field: a.field,
+        inputId: d.inputId,
+        field: d.field,
         kind: e.kind,
         label: e.label,
         value: i,
-        isActive: q(i),
-        operator: a.operator,
-        relationshipHint: a.relationshipHint,
+        isActive: re(i),
+        operator: d.operator,
+        relationshipHint: d.relationshipHint,
         controlRole: e.kind === "control" ? e.role : void 0
       })
     };
-  }, [l, u, s, e, i]);
+  }, [c, l, u, e, i]);
 }
-function Je(e) {
-  const [t, n] = w(() => je(e));
-  return R(() => {
-    n((r) => {
-      let i = r;
-      for (const u of e)
-        !Object.prototype.hasOwnProperty.call(i, u.id) && u.defaultValue !== void 0 && (i = { ...i, [u.id]: u.defaultValue });
+function Qn(e) {
+  const [r, t] = Q(() => On(e));
+  return L(() => {
+    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 });
       return i;
     });
-  }, [e]), p(
-    () => e.map((r) => {
+  }, [e]), b(
+    () => e.map((n) => {
       const i = Object.prototype.hasOwnProperty.call(
-        r,
+        n,
         "value"
-      ), u = i ? r.value : t[r.id], s = L(r.options), l = (o) => {
-        var d;
-        (d = r.onValueChange) == null || d.call(r, o), i || n((S) => ({
-          ...S,
-          [r.id]: o
+      ), l = i ? n.value : r[n.id], u = Ze(n.options), c = (g) => {
+        var y;
+        (y = n.onValueChange) == null || y.call(n, g), i || t((h) => ({
+          ...h,
+          [n.id]: g
         }));
-      }, a = () => l(void 0), c = U(r);
+      }, d = () => c(void 0), f = er(n);
       return {
-        id: r.id,
-        kind: r.kind,
-        label: r.label,
-        field: c.field,
-        operator: c.operator,
-        relationshipHint: c.relationshipHint,
-        controlRole: r.kind === "control" ? r.role : void 0,
-        value: u,
-        options: s,
-        isActive: q(u),
-        setValue: l,
-        clear: a,
+        id: n.id,
+        kind: n.kind,
+        label: n.label,
+        field: f.field,
+        operator: f.operator,
+        relationshipHint: f.relationshipHint,
+        controlRole: n.kind === "control" ? n.role : void 0,
+        value: l,
+        options: u,
+        isActive: re(l),
+        setValue: c,
+        clear: d,
         toAnalyticsInput: () => ({
-          inputId: c.inputId,
-          field: c.field,
-          kind: r.kind,
-          label: r.label,
-          value: u,
-          isActive: q(u),
-          operator: c.operator,
-          relationshipHint: c.relationshipHint,
-          controlRole: r.kind === "control" ? r.role : void 0
+          inputId: f.inputId,
+          field: f.field,
+          kind: n.kind,
+          label: n.label,
+          value: l,
+          isActive: re(l),
+          operator: f.operator,
+          relationshipHint: f.relationshipHint,
+          controlRole: n.kind === "control" ? n.role : void 0
         })
       };
     }),
-    [e, t]
+    [e, r]
   );
 }
-function Fe(e, t) {
-  const n = (t == null ? void 0 : t.status) === "success" ? t.options : void 0, r = p(() => _e(n), [n]);
-  R(() => {
-    $e(e.value, n) || e.clear();
-  }, [e, r, t == null ? void 0 : t.status, n]);
+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();
+  }, [e, n, r == null ? void 0 : r.status, t]);
 }
-function $e(e, t) {
-  if (!q(e) || t === void 0)
+function kn(e, r) {
+  if (!re(e) || r === void 0)
     return !0;
-  const n = new Set(
-    t.map((i) => P(i.value))
+  const t = new Set(
+    r.map((i) => Ye(i.value))
   );
   return (Array.isArray(e) ? e : [e]).every(
-    (i) => n.has(P(i))
+    (i) => t.has(Ye(i))
   );
 }
-function _e(e) {
-  return JSON.stringify((e || []).map((t) => t.value));
+function Cn(e) {
+  return JSON.stringify((e || []).map((r) => r.value));
 }
-function P(e) {
+function Ye(e) {
   return `${typeof e}:${String(e)}`;
 }
-function Ye(e, t = {}) {
-  const n = p(
-    () => t.inputs ? {
+function Gn(e, r = {}) {
+  const t = b(
+    () => r.inputs ? {
       ...e,
-      inputs: t.inputs
+      inputs: r.inputs
     } : e,
-    [t.inputs, e]
-  ), r = p(() => {
-    switch (n.queryKind) {
+    [r.inputs, e]
+  ), n = b(() => {
+    switch (t.queryKind) {
       case "metric":
         return {
-          queryKind: n.queryKind,
-          request: be(n)
+          queryKind: t.queryKind,
+          request: qn(t)
         };
       case "analysis":
         return {
-          queryKind: n.queryKind,
-          request: Ke(n)
+          queryKind: t.queryKind,
+          request: In(t)
         };
       case "records":
         return {
-          queryKind: n.queryKind,
-          request: Oe(n)
+          queryKind: t.queryKind,
+          request: An(t)
         };
       case "inputOptions":
         return {
-          queryKind: n.queryKind,
-          request: Re(n)
+          queryKind: t.queryKind,
+          request: Rn(t)
         };
       case "sql":
         return {
-          queryKind: n.queryKind,
-          request: we(n)
+          queryKind: t.queryKind,
+          request: En(t)
         };
       case "matrix":
         return {
-          queryKind: n.queryKind,
-          request: Ce(n)
+          queryKind: t.queryKind,
+          request: Tn(t)
         };
       default:
-        return b(n);
+        return Ae(t);
     }
-  }, [n]), i = O(
+  }, [t]), i = Ur({
+    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(
+    () => ({
+      start: i.start,
+      success: i.success,
+      failure: i.failure,
+      ignored: i.ignored
+    }),
+    [
+      i.failure,
+      i.ignored,
+      i.start,
+      i.success
+    ]
+  ), c = C(
     (o) => {
-      var S, A, $, _, V, I, j, k, T;
-      const d = r.request;
-      if (d.intent)
-        switch (r.queryKind) {
+      var B, T, v, I, D, E, O, w, K;
+      const x = n.request;
+      if (x.intent)
+        switch (n.queryKind) {
           case "metric":
-            return (S = o.executor) == null ? void 0 : S.executeMetric(
-              d.intent,
+            return (B = o.executor) == null ? void 0 : B.executeMetric(
+              x.intent,
               o
             );
           case "analysis":
-            return ($ = (A = o.executor) == null ? void 0 : A.executeAnalysis) == null ? void 0 : $.call(
-              A,
-              d.intent,
+            return (v = (T = o.executor) == null ? void 0 : T.executeAnalysis) == null ? void 0 : v.call(
+              T,
+              x.intent,
               o,
-              d.analysisOptions
+              x.analysisOptions
             );
           case "records":
-            return (_ = o.executor) == null ? void 0 : _.executeRecords(
-              d.intent,
+            return (I = o.executor) == null ? void 0 : I.executeRecords(
+              x.intent,
               o
             );
           case "inputOptions":
-            return (V = o.executor) == null ? void 0 : V.executeInputOptions(
-              d.intent,
+            return (D = o.executor) == null ? void 0 : D.executeInputOptions(
+              x.intent,
               o
             );
           case "sql":
-            return (j = (I = o.executor) == null ? void 0 : I.executeSql) == null ? void 0 : j.call(
-              I,
-              d.intent,
+            return (O = (E = o.executor) == null ? void 0 : E.executeSql) == null ? void 0 : O.call(
+              E,
+              x.intent,
               o
             );
           case "matrix":
-            return (T = (k = o.executor) == null ? void 0 : k.executeMatrix) == null ? void 0 : T.call(
-              k,
-              d.intent,
+            return (K = (w = o.executor) == null ? void 0 : w.executeMatrix) == null ? void 0 : K.call(
+              w,
+              x.intent,
               o
             );
           default:
-            return b(r);
+            return Ae(n);
         }
     },
-    [r]
-  ), u = Ve(
-    r.request.queryKey,
-    i,
-    r.request.idleData,
-    r.request.activeInputs
-  ), s = r.request.error ? r.request.idleData : u.data, l = r.request.error ? "error" : u.status, a = !r.request.error && u.status === "loading", c = r.request.error || u.error;
-  switch (r.queryKind) {
+    [n]
+  ), d = Dn(
+    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;
+      return;
+    }
+    const x = `${f}:${o.message}`;
+    l.current !== x && (l.current = x, g(o));
+  }, [
+    n.request.error,
+    n.request.queryKey,
+    f,
+    g
+  ]);
+  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;
+  switch (n.queryKind) {
     case "metric": {
-      const o = s;
+      const o = y;
       return {
-        id: n.id,
-        intent: r.request.intent,
+        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,
@@ -792,54 +3148,58 @@ function Ye(e, t = {}) {
         deltaPercent: o == null ? void 0 : o.deltaPercent,
         records: o == null ? void 0 : o.records,
         executionResult: o == null ? void 0 : o.executionResult,
-        status: l,
-        isLoading: a,
-        error: c
+        status: h,
+        isLoading: m,
+        error: S,
+        trace: R
       };
     }
     case "analysis": {
-      const o = B(s);
+      const o = vr(y);
       return {
-        id: n.id,
-        intent: r.request.intent,
+        id: t.id,
+        intent: n.request.intent,
         ...o || {},
-        status: l,
-        isLoading: a,
-        error: c
+        status: h,
+        isLoading: m,
+        error: S,
+        trace: R
       };
     }
     case "records": {
-      const o = s;
+      const o = y;
       return {
-        id: n.id,
-        intent: r.request.intent,
+        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,
-        status: l,
-        isLoading: a,
-        error: c
+        status: h,
+        isLoading: m,
+        error: S,
+        trace: R
       };
     }
     case "inputOptions": {
-      const o = s;
+      const o = y;
       return {
-        id: n.id,
-        intent: r.request.intent,
+        id: t.id,
+        intent: n.request.intent,
         options: (o == null ? void 0 : o.options) || [],
         executionResult: o == null ? void 0 : o.executionResult,
-        status: l,
-        isLoading: a,
-        error: c
+        status: h,
+        isLoading: m,
+        error: S,
+        trace: R
       };
     }
     case "sql": {
-      const o = s;
+      const o = y;
       return {
-        id: n.id,
-        intent: r.request.intent,
+        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,
@@ -847,106 +3207,127 @@ function Ye(e, t = {}) {
         output: o == null ? void 0 : o.output,
         rowLimitExceeded: o == null ? void 0 : o.rowLimitExceeded,
         executionResult: o == null ? void 0 : o.executionResult,
-        status: l,
-        isLoading: a,
-        error: c
+        status: h,
+        isLoading: m,
+        error: S,
+        trace: R
       };
     }
     case "matrix": {
-      const o = s;
+      const o = y;
       return {
-        id: n.id,
-        intent: r.request.intent,
+        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,
-        status: l,
-        isLoading: a,
-        error: c
+        status: h,
+        isLoading: m,
+        error: S,
+        trace: R
       };
     }
     default:
-      return b(r);
+      return Ae(n);
   }
 }
-function Ve(e, t, n, r) {
-  const i = xe(), u = N(t), s = N(r), [l, a] = w({
+function Dn(e, r, t, n, i) {
+  const l = Sn(), u = k(r), c = k(n), [d, f] = Q({
     status: "idle",
-    data: n,
+    data: t,
     error: null
   });
-  return u.current = t, s.current = r, R(() => {
-    let c;
+  return u.current = r, c.current = n, L(() => {
+    let g;
     try {
-      c = u.current({
-        ...i,
-        activeInputs: s.current
+      g = u.current({
+        ...l,
+        activeInputs: c.current
       });
-    } catch (d) {
-      a({
+    } catch (m) {
+      i == null || i.failure(m, 0), f({
         status: "error",
-        data: n,
-        error: m(d)
+        data: t,
+        error: N(m)
       });
       return;
     }
-    if (!c) {
-      a({ status: "idle", data: n, error: null });
+    if (!g) {
+      f({ status: "idle", data: t, error: null });
       return;
     }
-    let o = !1;
-    return a((d) => ({
+    let y = !1;
+    const h = xr();
+    return i == null || i.start(), f((m) => ({
       status: "loading",
-      data: d.data,
+      data: m.data,
       error: null
-    })), c.then((d) => {
-      o || a({ status: "success", data: d, error: null });
-    }).catch((d) => {
-      o || a({
+    })), 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({
         status: "error",
-        data: n,
-        error: m(d)
-      });
+        data: t,
+        error: N(m)
+      }));
     }), () => {
-      o = !0;
+      y = !0;
     };
-  }, [n, e, i]), l;
+  }, [t, e, l, i]), d;
+}
+function xr() {
+  return typeof performance < "u" && performance.now ? performance.now() : Date.now();
+}
+function Xe(e) {
+  return Math.max(0, Math.round(xr() - e));
 }
-function je(e) {
+function On(e) {
   return Object.fromEntries(
-    e.filter((t) => t.defaultValue !== void 0).map((t) => [t.id, t.defaultValue])
+    e.filter((r) => r.defaultValue !== void 0).map((r) => [r.id, r.defaultValue])
   );
 }
-function b(e) {
+function Ae(e) {
   throw new Error(`Unsupported Semaphor query kind: ${JSON.stringify(e)}`);
 }
-function We({
+function Ln(e) {
+  return !e || typeof e == "boolean" || e.enabled === !1 ? null : e.autoRenderDevtools === !0 ? {} : e.autoRenderDevtools ? e.autoRenderDevtools : null;
+}
+function Jn({
   token: e,
-  apiBaseUrl: t,
-  executor: n,
-  children: r
+  apiBaseUrl: r,
+  executor: t,
+  debug: n,
+  children: i
 }) {
-  var o;
-  const i = ge(), u = ((o = i == null ? void 0 : i.authToken) == null ? void 0 : o.accessToken) || e, s = (i == null ? void 0 : i.dataApiBaseUrl) || (i == null ? void 0 : i.apiBaseUrl) || t, l = p(() => he(), []), a = n || l, c = p(
+  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(
     () => ({
       token: u,
-      apiBaseUrl: s,
-      executor: a
+      apiBaseUrl: c,
+      executor: y,
+      debug: d
     }),
-    [s, a, u]
+    [c, d, y, u]
   );
-  return /* @__PURE__ */ oe(M.Provider, { value: c, children: r });
+  return /* @__PURE__ */ s(Hr, { debug: d, children: /* @__PURE__ */ p(Sr.Provider, { value: h, children: [
+    i,
+    f ? /* @__PURE__ */ s(Qr, { ...f }) : null
+  ] }) });
 }
 export {
-  We as SemaphorDataAppProvider,
-  he as createSemaphorQueryExecutor,
-  ze as defineSemaphorDataApp,
-  Me as defineSemaphorInput,
-  $e as isSemaphorInputValueValidForOptions,
-  He as semaphor,
-  Fe as useClearInvalidSemaphorInputValue,
-  Qe as useSemaphorInput,
-  Je as useSemaphorInputs,
-  Ye as useSemaphorQuery
+  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
 };