@photon-ai/pho-ui 3.0.0 → 4.2.0

package/dist/chunks/trace-Hku-rImp.js

@@ -0,0 +1,1706 @@
+"use client";
+import { t as P } from "./cn-ChIgwEl3.js";
+import { t as U } from "./createReactComponent-BqCmnqfX.js";
+import { t as Se } from "./IconChevronDown-CZilB71T.js";
+import { t as Ge } from "./IconChevronRight-CzoJnYNI.js";
+import { t as Ie } from "./IconChevronUp-CrpWSgIl.js";
+import { t as Xe } from "./IconX-pZ9vrtSr.js";
+import { t as fe } from "./collapsible-if7ncPbI.js";
+import { t as He } from "./ghost-search-AmVXd0zE.js";
+import { i as Ze, r as Je } from "./badge-DlLJPLeZ.js";
+import { createContext as de, useCallback as F, useContext as ue, useEffect as ae, useId as Ye, useMemo as L, useRef as he, useState as Y } from "react";
+import { Fragment as _e, jsx as o, jsxs as w } from "react/jsx-runtime";
+import { useRender as q } from "@base-ui/react/use-render";
+var Qe = [
+  ["path", {
+    d: "M5 12l14 0",
+    key: "svg-0"
+  }],
+  ["path", {
+    d: "M15 16l4 -4",
+    key: "svg-1"
+  }],
+  ["path", {
+    d: "M15 8l4 4",
+    key: "svg-2"
+  }]
+], qe = U("outline", "arrow-narrow-right", "ArrowNarrowRight", Qe), et = [["path", {
+  d: "M7 10h14l-4 -4",
+  key: "svg-0"
+}], ["path", {
+  d: "M17 14h-14l4 4",
+  key: "svg-1"
+}]], tt = U("outline", "arrows-exchange", "ArrowsExchange", et), nt = [["path", {
+  d: "M7 7l5 5l5 -5",
+  key: "svg-0"
+}], ["path", {
+  d: "M7 13l5 5l5 -5",
+  key: "svg-1"
+}]], at = U("outline", "chevrons-down", "ChevronsDown", nt), rt = [["path", {
+  d: "M7 11l5 -5l5 5",
+  key: "svg-0"
+}], ["path", {
+  d: "M7 17l5 -5l5 5",
+  key: "svg-1"
+}]], st = U("outline", "chevrons-up", "ChevronsUp", rt), ot = [
+  ["path", {
+    d: "M4 6a8 3 0 1 0 16 0a8 3 0 1 0 -16 0",
+    key: "svg-0"
+  }],
+  ["path", {
+    d: "M4 6v6a8 3 0 0 0 16 0v-6",
+    key: "svg-1"
+  }],
+  ["path", {
+    d: "M4 12v6a8 3 0 0 0 16 0v-6",
+    key: "svg-2"
+  }]
+], it = U("outline", "database", "Database", ot), lt = [
+  ["path", {
+    d: "M14 3v4a1 1 0 0 0 1 1h4",
+    key: "svg-0"
+  }],
+  ["path", {
+    d: "M12 21h-5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v4.5",
+    key: "svg-1"
+  }],
+  ["path", {
+    d: "M14 17.5a2.5 2.5 0 1 0 5 0a2.5 2.5 0 1 0 -5 0",
+    key: "svg-2"
+  }],
+  ["path", {
+    d: "M18.5 19.5l2.5 2.5",
+    key: "svg-3"
+  }]
+], ct = U("outline", "file-search", "FileSearch", lt), dt = [
+  ["path", {
+    d: "M8 9h8",
+    key: "svg-0"
+  }],
+  ["path", {
+    d: "M8 13h6",
+    key: "svg-1"
+  }],
+  ["path", {
+    d: "M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12",
+    key: "svg-2"
+  }]
+], ut = U("outline", "message", "Message", dt), pt = [
+  ["path", {
+    d: "M6 6a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -4",
+    key: "svg-0"
+  }],
+  ["path", {
+    d: "M12 2v2",
+    key: "svg-1"
+  }],
+  ["path", {
+    d: "M9 12v9",
+    key: "svg-2"
+  }],
+  ["path", {
+    d: "M15 12v9",
+    key: "svg-3"
+  }],
+  ["path", {
+    d: "M5 16l4 -2",
+    key: "svg-4"
+  }],
+  ["path", {
+    d: "M15 14l4 2",
+    key: "svg-5"
+  }],
+  ["path", {
+    d: "M9 18h6",
+    key: "svg-6"
+  }],
+  ["path", {
+    d: "M10 8v.01",
+    key: "svg-7"
+  }],
+  ["path", {
+    d: "M14 8v.01",
+    key: "svg-8"
+  }]
+], ht = U("outline", "robot", "Robot", pt), mt = [["path", {
+  d: "M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6",
+  key: "svg-0"
+}]], ve = U("outline", "sparkles", "Sparkles", mt), ft = [["path", {
+  d: "M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6 -6a6 6 0 0 1 -8 -8l3.5 3.5",
+  key: "svg-0"
+}]], vt = U("outline", "tool", "Tool", ft), bt = [
+  ["path", {
+    d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",
+    key: "svg-0"
+  }],
+  ["path", {
+    d: "M3.6 9h16.8",
+    key: "svg-1"
+  }],
+  ["path", {
+    d: "M3.6 15h16.8",
+    key: "svg-2"
+  }],
+  ["path", {
+    d: "M11.5 3a17 17 0 0 0 0 18",
+    key: "svg-3"
+  }],
+  ["path", {
+    d: "M12.5 3a17 17 0 0 1 0 18",
+    key: "svg-4"
+  }]
+], gt = U("outline", "world", "World", bt), be = [0, 1], J = 1e-3, X = (e) => typeof e == "number" && Number.isFinite(e);
+function xt(e) {
+  const t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
+  for (const r of e.values()) r.parentSpanId != null && e.has(r.parentSpanId) ? t.set(r.id, r.parentSpanId) : (t.set(r.id, null), r.parentSpanId != null && n.add(r.id));
+  const a = /* @__PURE__ */ new Set();
+  for (const r of e.keys()) {
+    if (a.has(r)) continue;
+    const s = [], l = /* @__PURE__ */ new Set();
+    let i = r;
+    for (; i !== null && !a.has(i); ) {
+      if (l.has(i)) {
+        t.set(i, null), n.add(i);
+        break;
+      }
+      s.push(i), l.add(i), i = t.get(i) ?? null;
+    }
+    for (const d of s) a.add(d);
+  }
+  return {
+    parents: t,
+    orphans: n
+  };
+}
+function Te(e) {
+  const t = new Map(e.map((h) => [h.id, h])), { parents: n, orphans: a } = xt(t), r = /* @__PURE__ */ new Map();
+  for (const h of t.values()) {
+    const v = n.get(h.id) ?? null, M = r.get(v) ?? [];
+    M.push(h), r.set(v, M);
+  }
+  let s = 1 / 0;
+  for (const h of t.values()) X(h.startedAt) && h.startedAt < s && (s = h.startedAt);
+  s === 1 / 0 && (s = 0);
+  const l = (h, v) => {
+    let M = !1, m = h.startedAt;
+    X(m) || (m = v ?? s, M = !0);
+    let g = h.endedAt;
+    g != null && (!X(g) || g < m) && (g = m, M = !0);
+    const N = X(h.latencyMs) && h.latencyMs >= 0 ? h.latencyMs : null;
+    return {
+      startedAt: m,
+      endedAt: g,
+      latencyMs: N,
+      repaired: M
+    };
+  }, i = [], d = /* @__PURE__ */ new Map();
+  let c = 0;
+  const k = (h, v, M) => {
+    const m = l(h, M), g = r.get(h.id) ?? [], N = {
+      ...h,
+      parentSpanId: n.get(h.id) ?? null,
+      startedAt: m.startedAt,
+      endedAt: m.endedAt,
+      latencyMs: m.latencyMs,
+      depth: v,
+      hasChildren: g.length > 0,
+      isCollapsed: !1,
+      descendants: 0,
+      descendantErrors: 0,
+      orphan: a.has(h.id),
+      repaired: m.repaired,
+      serverChildId: null
+    };
+    m.repaired && (c += 1), i.push(N), d.set(N.id, N);
+    const x = g.map((E) => ({
+      kid: E,
+      start: X(E.startedAt) ? E.startedAt : m.startedAt
+    }));
+    x.sort((E, T) => E.start - T.start);
+    let _ = 0, D = 0;
+    for (const { kid: E } of x) {
+      const T = k(E, v + 1, m.startedAt);
+      _ += 1 + T.descendants, D += (T.status === "failed" ? 1 : 0) + T.descendantErrors, N.kind === "client" && N.serverChildId == null && T.kind === "server" && (N.serverChildId = T.id);
+    }
+    return N.descendants = _, N.descendantErrors = D, N;
+  }, b = (r.get(null) ?? []).map((h) => ({
+    root: h,
+    start: X(h.startedAt) ? h.startedAt : s
+  }));
+  b.sort((h, v) => h.start - v.start);
+  for (const { root: h } of b) k(h, 0, null);
+  return {
+    spans: i,
+    byId: d,
+    orphans: a.size,
+    repaired: c
+  };
+}
+function Ee(e, t) {
+  const n = [];
+  let a = null;
+  for (const r of e.spans) {
+    if (a != null) {
+      if (r.depth > a) continue;
+      a = null;
+    }
+    t.has(r.id) ? (n.push({
+      ...r,
+      isCollapsed: !0
+    }), r.hasChildren && (a = r.depth)) : n.push(r);
+  }
+  return n;
+}
+function Wn(e, t = /* @__PURE__ */ new Set()) {
+  return Ee(Te(e), t);
+}
+function yt(e, t) {
+  const n = [];
+  let a = e.get(t)?.parentSpanId ?? null;
+  for (; a != null && !n.includes(a); )
+    n.push(a), a = e.get(a)?.parentSpanId ?? null;
+  return n;
+}
+function wt(e) {
+  return e.filter((t) => t.hasChildren).map((t) => t.id);
+}
+function Nt(e, t) {
+  return e.filter((n) => n.hasChildren).every((n) => t.has(n.id));
+}
+function kt(e, t) {
+  const n = new Set(t);
+  let a;
+  for (const r of e) a && r.depth <= a.depth ? (n.add(a.id), a = r.hasChildren && !n.has(r.id) ? r : void 0) : r.hasChildren && !n.has(r.id) && (a = r);
+  return a && n.add(a.id), Array.from(n);
+}
+function Mt(e, t) {
+  const n = new Set(t);
+  let a = -1, r = !0;
+  for (const s of e)
+    s.depth <= a && (r = !0), r && n.has(s.id) && (n.delete(s.id), r = !1, a = s.depth);
+  return Array.from(n);
+}
+function At(e, t) {
+  let n = 1 / 0, a = -1 / 0;
+  for (const r of e) {
+    if (!X(r.startedAt)) continue;
+    r.startedAt < n && (n = r.startedAt);
+    const s = X(r.endedAt) ? r.endedAt : t ?? r.startedAt;
+    s > a && (a = s);
+  }
+  return n === 1 / 0 ? {
+    min: 0,
+    max: 0
+  } : {
+    min: n,
+    max: Math.max(a, n)
+  };
+}
+var le = (e) => Math.min(1, Math.max(0, e));
+function ie(e) {
+  let [t, n] = e;
+  if (X(t) || (t = 0), X(n) || (n = 1), n < t && ([t, n] = [n, t]), t = le(t), n = le(n), n - t < 1e-3) {
+    const a = (t + n) / 2;
+    t = le(a - J / 2), n = le(t + J), t = n - J;
+  }
+  return [t, n];
+}
+function Ct(e, t) {
+  const n = e.max - e.min;
+  return {
+    min: e.min + t[0] * n,
+    max: e.min + t[1] * n
+  };
+}
+function St(e, t, n = 0.5) {
+  const [a, r] = e, s = r - a, l = Math.min(1, Math.max(J, s * t));
+  let i = a + n * s - n * l;
+  return i = Math.min(Math.max(i, 0), 1 - l), ie([i, i + l]);
+}
+function It(e, t) {
+  const [n, a] = e, r = a - n;
+  let s = n + t * r;
+  return s = Math.min(Math.max(s, 0), 1 - r), ie([s, s + r]);
+}
+function Kn(e, t) {
+  return e[0] + t * (e[1] - e[0]);
+}
+function _t(e) {
+  return e[0] <= 0 && e[1] >= 1;
+}
+function Tt({ startedAt: e, endedAt: t, timeRange: n, now: a }) {
+  const r = Math.max(1, n.max - n.min), s = t ?? a ?? n.max, l = (e - n.min) / r * 100, i = (s - n.min) / r * 100, d = Math.min(100, Math.max(0, l)), c = Math.min(100, Math.max(d, i));
+  return {
+    leftPercent: d,
+    endPercent: c,
+    widthPercent: c - d,
+    durationMs: Math.max(0, s - e),
+    effectiveEnd: s,
+    clippedStart: l < 0 && i > 0,
+    clippedEnd: i > 100 && l < 100
+  };
+}
+function Et(e) {
+  if (e == null) return "";
+  if (typeof e == "object") try {
+    return JSON.stringify(e);
+  } catch {
+    return String(e);
+  }
+  return String(e);
+}
+function $t(e, t) {
+  if (e == null || e.trim() === "") return null;
+  const n = [], a = [];
+  for (const i of e.match(/[^\s"]+|"([^"]*)"/g) ?? []) {
+    const d = i.replace(/^"(.*)"$/, "$1").toLowerCase();
+    d && (d.startsWith("-") && d.length > 1 ? a.push(d.slice(1)) : n.push(d));
+  }
+  if (n.length === 0) return /* @__PURE__ */ new Set();
+  const r = (i) => {
+    const d = i.toLowerCase();
+    return n.some((c) => d.includes(c));
+  }, s = (i) => {
+    const d = i.toLowerCase();
+    return a.some((c) => d.includes(c));
+  }, l = /* @__PURE__ */ new Set();
+  for (const i of t) {
+    if (r(i.name) || i.service != null && r(i.service) || i.type !== "" && r(i.type) || i.kind != null && r(i.kind) || n.some((c) => c === i.id.toLowerCase())) {
+      l.add(i.id);
+      continue;
+    }
+    const d = i.attributes;
+    if (d != null)
+      for (const c of Object.keys(d)) {
+        if (s(c)) continue;
+        const k = Et(d[c]);
+        if (k !== "" && (r(c) || r(k) || r(`${c}=${k}`))) {
+          l.add(i.id);
+          break;
+        }
+      }
+  }
+  return l;
+}
+var $e = de(null), Pe = de(null), ze = de(null);
+function G() {
+  const e = ue($e);
+  if (e == null) throw new Error("SpanPrimitive parts render inside SpanPrimitive.Provider.");
+  return e;
+}
+function ee() {
+  const e = ue(Pe);
+  if (e == null) throw new Error("SpanPrimitive parts render inside SpanPrimitive.Children.");
+  return e;
+}
+var ge = [];
+function Pt({ spans: e, defaultCollapsed: t, collapsed: n, onCollapsedChange: a, now: r, query: s = "", keepFoldsOnMatch: l = !1, defaultView: i, view: d, onViewChange: c, children: k }) {
+  const b = L(() => Te(e), [e]), [h, v] = Y(() => t ?? ge), M = n ?? h, m = L(() => new Set(M), [M]), g = F((I) => {
+    const $ = Array.from(new Set(I));
+    n == null && v($), a?.($);
+  }, [n, a]), N = F((I) => {
+    const $ = new Set(m);
+    $.has(I) ? $.delete(I) : $.add(I), g(Array.from($));
+  }, [m, g]), { spans: x, byId: _ } = b, D = F(() => g(ge), [g]), E = F(() => g(wt(x)), [x, g]), T = F(() => g(Mt(x, m)), [
+    x,
+    m,
+    g
+  ]), C = F(() => g(kt(x, m)), [
+    x,
+    m,
+    g
+  ]), S = !Nt(x, m), O = x.some((I) => I.hasChildren && m.has(I.id)), p = L(() => $t(s, x), [s, x]);
+  ae(() => {
+    if (l || p == null || p.size === 0) return;
+    const I = /* @__PURE__ */ new Set();
+    for (const $ of p) for (const Z of yt(_, $)) m.has(Z) && I.add(Z);
+    I.size !== 0 && g(M.filter(($) => !I.has($)));
+  }, [
+    p,
+    l,
+    _,
+    m,
+    M,
+    g
+  ]);
+  const f = L(() => Ee(b, m), [b, m]), y = L(() => At(x, r), [x, r]), [A, te] = Y(() => ie(i ?? be)), z = L(() => ie(d ?? A), [d, A]), R = F((I) => {
+    const $ = ie(I);
+    d == null && te($), c?.($);
+  }, [d, c]), V = F((I, $) => R(St(z, I, $)), [z, R]), W = F((I) => R(It(z, I)), [z, R]), ne = F(() => R(be), [R]), j = L(() => Ct(y, z), [y, z]), re = L(() => ({
+    spans: f,
+    all: x,
+    byId: _,
+    orphans: b.orphans,
+    repaired: b.repaired,
+    range: y,
+    view: z,
+    viewRange: j,
+    zoomed: !_t(z),
+    now: r,
+    collapsed: m,
+    toggle: N,
+    setCollapsed: g,
+    expandAll: D,
+    collapseAll: E,
+    expandOne: T,
+    collapseOne: C,
+    canExpand: O,
+    canCollapse: S,
+    query: s,
+    matches: p,
+    setView: R,
+    zoom: V,
+    pan: W,
+    resetView: ne
+  }), [
+    f,
+    x,
+    _,
+    b.orphans,
+    b.repaired,
+    y,
+    z,
+    j,
+    r,
+    m,
+    N,
+    g,
+    D,
+    E,
+    T,
+    C,
+    O,
+    S,
+    s,
+    p,
+    R,
+    V,
+    W,
+    ne
+  ]);
+  return /* @__PURE__ */ o($e.Provider, {
+    value: re,
+    children: k
+  });
+}
+function zt({ children: e }) {
+  const { spans: t } = G();
+  return t.map((n) => /* @__PURE__ */ o(Pe.Provider, {
+    value: n,
+    children: e(n)
+  }, n.id));
+}
+function Rt({ render: e, ref: t, ...n }) {
+  const a = ee(), { matches: r } = G();
+  return q({
+    render: e,
+    ref: t,
+    defaultTagName: "div",
+    props: {
+      ...n,
+      "data-span-id": a.id,
+      "data-span-status": a.status,
+      "data-span-type": a.type,
+      "data-span-depth": a.depth,
+      "data-span-kind": a.kind,
+      "data-collapsed": a.isCollapsed ? "" : void 0,
+      "data-match": r?.has(a.id) ? "" : void 0,
+      "data-orphan": a.orphan ? "" : void 0
+    }
+  });
+}
+function Dt({ render: e, ref: t, baseIndent: n = 8, indentPerLevel: a = 12, style: r, ...s }) {
+  const l = ee();
+  return q({
+    render: e,
+    ref: t,
+    defaultTagName: "div",
+    props: {
+      ...s,
+      style: {
+        ...r,
+        paddingLeft: n + l.depth * a
+      },
+      "data-span-depth": l.depth
+    }
+  });
+}
+function Ot({ render: e, ref: t, onClick: n, ...a }) {
+  const r = ee(), { toggle: s } = G();
+  return q({
+    render: e,
+    ref: t,
+    enabled: r.hasChildren,
+    defaultTagName: "button",
+    props: {
+      type: "button",
+      ...a,
+      "data-collapsed": r.isCollapsed ? "" : void 0,
+      onClick: (l) => {
+        l.stopPropagation(), s(r.id), n?.(l);
+      }
+    }
+  });
+}
+function Lt({ render: e, ref: t, ...n }) {
+  const a = ee();
+  return q({
+    render: e,
+    ref: t,
+    defaultTagName: "span",
+    props: {
+      ...n,
+      "data-span-status": a.status,
+      "data-descendant-errors": a.isCollapsed && a.descendantErrors > 0 ? a.descendantErrors : void 0
+    }
+  });
+}
+function Ft({ render: e, ref: t, children: n, ...a }) {
+  const r = ee();
+  return q({
+    render: e,
+    ref: t,
+    defaultTagName: "span",
+    props: {
+      ...a,
+      "data-span-type": r.type,
+      children: n ?? r.type
+    }
+  });
+}
+function Wt({ render: e, ref: t, children: n, ...a }) {
+  const r = ee();
+  return q({
+    render: e,
+    ref: t,
+    defaultTagName: "span",
+    props: {
+      ...a,
+      children: n ?? r.name
+    }
+  });
+}
+function Kt({ render: e, ref: t, timeRange: n, paddingEnd: a = 0, style: r, ...s }) {
+  const l = G(), i = L(() => {
+    const b = n ?? l.viewRange, h = Math.max(1, b.max - b.min);
+    return {
+      min: b.min,
+      max: b.max + h * Math.max(0, a)
+    };
+  }, [
+    n,
+    l.viewRange,
+    a
+  ]), d = Math.max(1, i.max - i.min), c = {
+    ...r,
+    "--span-timeline-min-ms": i.min,
+    "--span-timeline-max-ms": i.max,
+    "--span-timeline-range-ms": d
+  }, k = q({
+    render: e,
+    ref: t,
+    defaultTagName: "div",
+    props: {
+      ...s,
+      style: c,
+      "data-span-timeline": ""
+    }
+  });
+  return /* @__PURE__ */ o(ze.Provider, {
+    value: i,
+    children: k
+  });
+}
+function Vt({ render: e, ref: t, now: n, timeRange: a, style: r, ...s }) {
+  const l = ee(), i = G(), d = ue(ze), c = Tt({
+    startedAt: l.startedAt,
+    endedAt: l.endedAt,
+    timeRange: a ?? d ?? i.viewRange,
+    now: n ?? i.now
+  }), k = {
+    ...r,
+    position: "absolute",
+    insetInlineStart: "var(--span-timeline-left)",
+    inlineSize: "max(var(--span-timeline-width), var(--span-timeline-min-width, 0px))",
+    "--span-timeline-left": `${c.leftPercent}%`,
+    "--span-timeline-end": `${c.endPercent}%`,
+    "--span-timeline-width": `${c.widthPercent}%`,
+    "--span-timeline-duration-ms": c.durationMs
+  };
+  return q({
+    render: e,
+    ref: t,
+    defaultTagName: "div",
+    props: {
+      ...s,
+      style: k,
+      "data-span-status": l.status,
+      "data-span-type": l.type,
+      "data-span-running": l.endedAt === null ? "" : void 0,
+      "data-clipped-start": c.clippedStart ? "" : void 0,
+      "data-clipped-end": c.clippedEnd ? "" : void 0
+    }
+  });
+}
+var H = {
+  Provider: Pt,
+  Children: zt,
+  Root: Rt,
+  Indent: Dt,
+  CollapseToggle: Ot,
+  StatusIndicator: Lt,
+  TypeBadge: Ft,
+  Name: Wt,
+  Timeline: Kt,
+  TimelineBar: Vt
+}, jt = (e) => {
+  const t = Number(e.trim());
+  return t >= 500 && t < 600;
+}, Re = [
+  {
+    namespace: "db",
+    icon: it,
+    pills: [{
+      label: "db.system",
+      keys: ["db.system.name", "db.system"]
+    }]
+  },
+  {
+    namespace: "http",
+    icon: gt,
+    pills: [{
+      label: "http.status_code",
+      keys: ["http.response.status_code", "http.status_code"],
+      error: jt
+    }, {
+      label: "http.method",
+      keys: ["http.request.method", "http.method"]
+    }]
+  },
+  {
+    namespace: "messaging",
+    icon: ut
+  },
+  {
+    namespace: "rpc",
+    icon: tt,
+    pills: [{
+      label: "rpc.system",
+      keys: ["rpc.system.name", "rpc.system"]
+    }]
+  },
+  {
+    namespace: "gen_ai",
+    pills: [{
+      label: "gen_ai.request.model",
+      keys: ["gen_ai.request.model"]
+    }]
+  }
+], Bt = {
+  agent: {
+    icon: ht,
+    label: "Agent"
+  },
+  llm: {
+    icon: ve,
+    label: "LLM call"
+  },
+  tool: {
+    icon: vt,
+    label: "Tool call"
+  },
+  retrieval: {
+    icon: ct,
+    label: "Retrieval"
+  },
+  generic: {
+    icon: ve,
+    label: "GenAI span"
+  }
+}, Ut = {
+  chat: "llm",
+  text_completion: "llm",
+  generate_content: "llm",
+  execute_tool: "tool",
+  invoke_agent: "agent",
+  create_agent: "agent",
+  embeddings: "retrieval",
+  retrieve: "retrieval"
+};
+function Gt(e) {
+  if (e == null) return "";
+  if (e instanceof Uint8Array) return JSON.stringify(Array.from(e));
+  if (typeof e == "object") try {
+    return JSON.stringify(e);
+  } catch {
+    return "[unserializable]";
+  }
+  return String(e).trim();
+}
+function me(e, t) {
+  if (e == null) return null;
+  for (const n of t) {
+    if (!(n in e)) continue;
+    const a = Gt(e[n]);
+    if (a !== "") return a;
+  }
+  return null;
+}
+function Xt(e) {
+  if (e == null) return null;
+  const t = me(e, ["gen_ai.operation.name"]);
+  return t != null ? Ut[t.toLowerCase()] ?? "generic" : Object.keys(e).some((n) => n.startsWith("gen_ai.")) ? "generic" : null;
+}
+function Ht(e) {
+  const t = Xt(e);
+  if (t != null) return Bt[t];
+  if (e == null) return null;
+  const n = /* @__PURE__ */ new Set();
+  for (const a of Object.keys(e)) {
+    const r = a.indexOf(".");
+    r > 0 && n.add(a.slice(0, r));
+  }
+  for (const a of Re) if (a.icon && n.has(a.namespace)) return { icon: a.icon };
+  return null;
+}
+function Zt(e) {
+  const t = [];
+  if (e == null) return t;
+  for (const n of Re) for (const a of n.pills ?? []) {
+    const r = me(e, a.keys);
+    if (r == null) continue;
+    const s = {
+      label: a.label,
+      value: r
+    };
+    a.error?.(r) && (s.error = !0), t.push(s);
+  }
+  return t;
+}
+function Jt(e) {
+  return me(e, ["peer.service", "server.address"]);
+}
+function Yt(e) {
+  return e.map((t) => {
+    const n = t.endedAt ?? null, a = {
+      id: t.id,
+      parentSpanId: t.parentSpanId ?? null,
+      name: t.name,
+      type: t.type ?? "",
+      status: t.status ?? (n == null ? "running" : "completed"),
+      startedAt: t.startedAt,
+      endedAt: n,
+      latencyMs: t.latencyMs ?? (n == null ? null : Math.max(0, n - t.startedAt))
+    };
+    return t.kind != null && (a.kind = t.kind), t.service != null && (a.service = t.service), t.attributes != null && (a.attributes = t.attributes), a;
+  });
+}
+function Qt(e, t) {
+  return e.latencyMs != null ? Math.max(0, e.latencyMs) : e.endedAt != null ? Math.max(0, e.endedAt - e.startedAt) : t != null ? Math.max(0, t - e.startedAt) : null;
+}
+var xe = (e) => Math.min(1, Math.max(0, e));
+function ye(e, t, n) {
+  const a = Math.max(1, t.max - t.min), r = e.endedAt ?? n ?? t.max, s = xe((e.startedAt - t.min) / a);
+  return {
+    left: s,
+    width: xe(Math.max(s, (r - t.min) / a)) - s
+  };
+}
+function qt(e, t = 6) {
+  if (e <= 0) return 1;
+  const n = e / t, a = 10 ** Math.floor(Math.log10(n));
+  for (const r of [
+    1,
+    2,
+    5,
+    10
+  ]) if (r * a >= n) return r * a;
+  return 10 * a;
+}
+function en(e, t) {
+  const n = t - e;
+  if (!(n > 0)) return [{
+    at: 0,
+    ms: e
+  }];
+  const a = qt(n), r = [], s = Math.ceil(e / a - 1e-9) * a;
+  for (let l = s; l <= t + 1e-9; l += a) {
+    const i = Number(l.toFixed(6));
+    r.push({
+      at: (i - e) / n,
+      ms: i
+    });
+  }
+  return r;
+}
+function Q(e) {
+  if (!Number.isFinite(e)) return "";
+  const t = Math.abs(e);
+  return t < 10 ? `${e.toFixed(2)} ms` : t < 100 ? `${e.toFixed(1)} ms` : t < 1e3 ? `${Math.round(e)} ms` : t < 6e4 ? `${(e / 1e3).toFixed(2)} s` : `${(e / 6e4).toFixed(1)} min`;
+}
+function De(e) {
+  return e === 0 ? "0" : e >= 1e3 ? `${Number((e / 1e3).toFixed(2))} s` : `${Number(e.toFixed(2))} ms`;
+}
+var tn = 7.5, oe = 4, nn = 4;
+function Oe(e, t) {
+  if (e.length === 0 || t <= 0) return [];
+  const n = [];
+  for (const a of e) {
+    const r = De(a.ms), s = Math.max(r.length * tn, 8), l = a.at * t, i = l + oe + s > t, d = i ? "end" : "start", c = i ? l - oe - s : l + oe, k = i ? l - oe : l + oe + s;
+    let b = !1;
+    for (; n.length > 0 && !(c >= n[n.length - 1].right + nn); ) {
+      if (!i) {
+        b = !0;
+        break;
+      }
+      n.pop();
+    }
+    b || n.push({
+      tick: a,
+      align: d,
+      left: c,
+      right: k
+    });
+  }
+  return n.map(({ tick: a, align: r }) => ({
+    ...a,
+    align: r
+  }));
+}
+function Vn(e, t) {
+  return Oe(e, t).map((n) => n.ms);
+}
+function K(e) {
+  return `${Number((e * 100).toFixed(4))}%`;
+}
+var Le = "rounded-base border border-pho-secondary bg-pho-primary overflow-hidden", Fe = "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)]", an = "absolute inset-y-0 left-5 right-5", We = 20, Ke = 16, rn = 26;
+function sn(e) {
+  return `${We + e * Ke + rn}px`;
+}
+var on = 250, we = 0.8, Ne = 0.5, ln = 0.1, cn = 0.3, dn = 5e-3, un = {
+  completed: "bg-pho-inverse/25",
+  failed: "bg-pho-error-ink",
+  running: "bg-pho-inverse/15 motion-safe:animate-pulse",
+  skipped: "border-pho-secondary border border-dashed bg-transparent"
+}, ke = {
+  completed: "bg-pho-inverse",
+  failed: "bg-pho-error-ink",
+  running: "bg-pho-inverse/40",
+  skipped: "border-pho-secondary border bg-transparent"
+}, pn = "border-pho-error-ink border bg-transparent", hn = {
+  completed: null,
+  failed: "Failed.",
+  running: "Running.",
+  skipped: "Skipped."
+}, se = "text-pho-secondary outline-pho-brand hover:bg-pho-ghost-hover hover:text-pho-secondary-hover flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-sm transition-colors duration-100 ease-linear focus-visible:outline-2 disabled:pointer-events-none disabled:opacity-40", Me = (e) => ({ backgroundImage: `linear-gradient(to ${e === "left" ? "right" : "left"}, color-mix(in srgb, var(--background-color-pho-inverse) 18%, transparent), transparent)` }), ce = (e, t, n = `${t}s`) => `${e} ${e === 1 ? t : n}`;
+function Ve({ className: e, clippedStart: t, clippedEnd: n, children: a }) {
+  return /* @__PURE__ */ w("div", {
+    className: P("border-pho-secondary relative border-l", e),
+    children: [
+      /* @__PURE__ */ o("div", {
+        "data-trace-track": "",
+        className: an,
+        children: a
+      }),
+      t ? /* @__PURE__ */ o("span", {
+        "aria-hidden": !0,
+        "data-trace-clipped": "start",
+        className: "pointer-events-none absolute top-1/2 left-0 h-4 w-2 -translate-y-1/2",
+        style: Me("left")
+      }) : null,
+      n ? /* @__PURE__ */ o("span", {
+        "aria-hidden": !0,
+        "data-trace-clipped": "end",
+        className: "pointer-events-none absolute top-1/2 right-0 h-4 w-2 -translate-y-1/2",
+        style: Me("right")
+      }) : null
+    ]
+  });
+}
+function mn(e, t) {
+  return t > 0.5 ? "inside" : e + t > 0.8 ? "before" : "after";
+}
+function fn(e) {
+  if (!(e instanceof HTMLElement)) return !1;
+  const t = e.tagName;
+  return t === "INPUT" || t === "TEXTAREA" || t === "SELECT" || e.isContentEditable;
+}
+var je = de(null);
+function Be() {
+  const e = ue(je);
+  if (e == null) throw new Error("Trace rows render inside Trace.Waterfall only.");
+  return e;
+}
+function vn() {
+  const e = Be(), t = ee(), { viewRange: n, now: a, byId: r, matches: s } = G(), { id: l, name: i, type: d, status: c, depth: k, isCollapsed: b, hasChildren: h } = t, v = e.spans.get(l), M = e.selectedId != null && e.selectedId === l, m = M && v != null ? e.renderSpanDetail?.(v) ?? null : null, g = e.renderSpanDetail != null ? `${e.idBase}-span-${l}` : void 0, N = e.onSelect ? () => e.onSelect?.(M ? null : l) : void 0, { left: x, width: _ } = ye(t, n, a), D = t.endedAt ?? a ?? n.max, E = t.startedAt < n.min && D > n.min, T = D > n.max && t.startedAt < n.max, C = D <= n.min, S = C || t.startedAt >= n.max, O = C ? "before" : "after", p = mn(x, _), f = Qt(t, a), y = f == null ? null : Q(f), A = [t.service, d].filter(Boolean).join(", "), te = b ? t.descendants : 0, z = b ? t.descendantErrors : 0, R = hn[c], V = c === "failed", W = Ht(t.attributes), ne = Zt(t.attributes), j = b && t.kind === "client" && t.serverChildId != null ? r.get(t.serverChildId) : void 0, re = j != null ? j.service ?? j.name : !h && (t.kind === "client" || t.kind === "producer") ? Jt(t.attributes) : null, I = j ? ye(j, n, a) : null, $ = s?.has(l) ?? !1, Z = e.activeMatchId === l, pe = (u) => u === "after" ? {
+    left: `calc(${K(x + _)} + 0.375rem)`,
+    maxWidth: `calc(${K(1 - x - _)} - 0.375rem)`
+  } : {
+    right: `calc(${K(1 - x)} + 0.375rem)`,
+    maxWidth: `calc(${K(x)} - 0.375rem)`
+  };
+  return /* @__PURE__ */ w("li", {
+    className: "m-0",
+    style: { "--trace-indent": sn(k) },
+    children: [/* @__PURE__ */ w(H.Root, {
+      "data-trace-row": "",
+      "data-selected": M || void 0,
+      "data-active-match": Z || void 0,
+      className: P(Fe, "relative min-h-9 items-center transition-colors", "has-[[data-trace-select]:focus-visible]:outline-pho-brand has-[[data-trace-select]:focus-visible]:outline-2 has-[[data-trace-select]:focus-visible]:-outline-offset-2", N != null && "hover:bg-pho-primary-hover", $ && "bg-pho-brand-secondary", Z && "ring-pho-brand ring-1 ring-inset", M && "bg-pho-primary-hover"),
+      children: [/* @__PURE__ */ w(H.Indent, {
+        baseIndent: We,
+        indentPerLevel: Ke,
+        className: "flex min-w-0 items-center gap-1.5 py-1.5 pr-5",
+        children: [
+          h ? /* @__PURE__ */ o(H.CollapseToggle, {
+            "aria-expanded": !b,
+            "aria-label": `${b ? "Expand" : "Collapse"} ${i}`,
+            className: "text-pho-secondary outline-pho-brand hover:bg-pho-ghost-hover hover:text-pho-secondary-hover relative z-10 flex size-5 shrink-0 cursor-pointer items-center justify-center rounded-sm transition-[color,background-color,transform] duration-100 ease-linear focus-visible:outline-2",
+            children: /* @__PURE__ */ o(Ge, {
+              "aria-hidden": !0,
+              className: P("size-4 transition-transform duration-150 ease-out", !b && "rotate-90")
+            })
+          }) : /* @__PURE__ */ o("span", {
+            "aria-hidden": !0,
+            className: "size-5 shrink-0"
+          }),
+          /* @__PURE__ */ o(H.StatusIndicator, {
+            "aria-hidden": !0,
+            className: P("size-1.5 shrink-0 rounded-full", V ? ke.failed : z > 0 ? pn : ke[c])
+          }),
+          W ? /* @__PURE__ */ o(W.icon, {
+            "data-trace-icon": "",
+            role: W.label ? "img" : void 0,
+            "aria-label": W.label,
+            "aria-hidden": W.label ? void 0 : !0,
+            className: "text-pho-description size-3.5 shrink-0"
+          }) : null,
+          /* @__PURE__ */ w(bn, {
+            selected: M,
+            expanded: e.renderSpanDetail != null ? m != null : void 0,
+            controls: m != null ? g : void 0,
+            onSelect: N,
+            children: [
+              /* @__PURE__ */ o(H.Name, { className: "text-pho-primary truncate text-base" }),
+              re ? /* @__PURE__ */ w("span", {
+                "data-trace-callee": "",
+                className: "text-pho-description flex shrink-0 items-center gap-0.5 text-xs",
+                children: [
+                  /* @__PURE__ */ o(qe, {
+                    "aria-hidden": !0,
+                    className: "size-3"
+                  }),
+                  /* @__PURE__ */ o("span", {
+                    className: "sr-only",
+                    children: "calls "
+                  }),
+                  re
+                ]
+              }) : null,
+              A ? /* @__PURE__ */ o("span", {
+                className: "text-pho-description shrink-[3] truncate text-xs",
+                children: A
+              }) : null,
+              ne.map((u) => /* @__PURE__ */ o(Je, {
+                size: "xs",
+                contrast: "low",
+                color: u.error ? "error" : "gray",
+                title: `${u.label}: ${u.value}`,
+                "aria-label": `${u.label}: ${u.value}`,
+                "data-trace-pill": u.label,
+                "data-error": u.error || void 0,
+                className: "max-w-32 shrink-0 truncate",
+                children: u.value
+              }, u.label)),
+              te > 0 ? /* @__PURE__ */ w("span", {
+                className: "text-pho-description shrink-0 text-xs tabular-nums",
+                children: [
+                  "(",
+                  te,
+                  z > 0 ? `, ${ce(z, "error")}` : "",
+                  ")"
+                ]
+              }) : null,
+              R ? /* @__PURE__ */ o("span", {
+                className: "sr-only",
+                children: R
+              }) : null,
+              z > 0 ? /* @__PURE__ */ w("span", {
+                className: "sr-only",
+                children: [ce(z, "error"), " hidden."]
+              }) : null
+            ]
+          })
+        ]
+      }), /* @__PURE__ */ w(Ve, {
+        className: "h-9",
+        clippedStart: E,
+        clippedEnd: T,
+        children: [
+          /* @__PURE__ */ o(H.TimelineBar, {
+            "aria-hidden": !0,
+            "data-trace-bar": "",
+            className: P("top-1/2 h-4 -translate-y-1/2 rounded-sm transition-[inset-inline-start,inline-size] duration-200 ease-out motion-reduce:transition-none", un[c], E && "-ml-5 box-content rounded-l-none pl-5", T && "box-content rounded-r-none pr-5", S && "invisible"),
+            style: { "--span-timeline-min-width": "2px" },
+            children: p === "inside" && y ? /* @__PURE__ */ o("span", {
+              "data-trace-label": "short",
+              className: P("absolute inset-y-0 flex items-center text-xs whitespace-nowrap tabular-nums", T ? "right-[1.625rem]" : "right-1.5", V ? "text-pho-on-brand" : "text-pho-primary"),
+              children: y
+            }) : null
+          }),
+          j && I ? /* @__PURE__ */ o("span", {
+            "aria-hidden": !0,
+            "data-trace-rpc": "",
+            className: "bg-pho-inverse/45 absolute top-1/2 h-2 -translate-y-1/2 rounded-sm",
+            style: {
+              left: K(I.left),
+              width: K(I.width),
+              minWidth: "2px"
+            }
+          }) : null,
+          S && y ? /* @__PURE__ */ o("span", {
+            "aria-hidden": !0,
+            "data-trace-label": "outside",
+            "data-side": O,
+            className: P("text-pho-description absolute top-1/2 -translate-y-1/2 text-xs whitespace-nowrap tabular-nums opacity-60", O === "before" ? "left-0" : "right-0"),
+            children: O === "before" ? `‹ ${y}` : `${y} ›`
+          }) : null,
+          !S && p !== "inside" && y ? /* @__PURE__ */ o("span", {
+            "aria-hidden": !0,
+            "data-trace-label": "short",
+            className: "text-pho-description absolute top-1/2 -translate-y-1/2 truncate text-xs tabular-nums",
+            style: pe(p),
+            children: y
+          }) : null,
+          y ? /* @__PURE__ */ o("span", {
+            className: "sr-only",
+            children: y
+          }) : null
+        ]
+      })]
+    }), m != null ? /* @__PURE__ */ o(fe.Root, {
+      open: !0,
+      children: /* @__PURE__ */ o(fe.Panel, {
+        className: "motion-reduce:transition-none",
+        children: /* @__PURE__ */ o("section", {
+          id: g,
+          "data-trace-detail": "",
+          className: "border-pho-secondary bg-pho-page border-t py-3 pr-5",
+          style: { paddingLeft: "var(--trace-indent)" },
+          children: m
+        })
+      })
+    }) : null]
+  });
+}
+function bn({ selected: e, expanded: t, controls: n, onSelect: a, children: r }) {
+  const s = "flex min-w-0 flex-1 items-baseline gap-2 text-left";
+  return a == null ? /* @__PURE__ */ o("span", {
+    className: s,
+    children: r
+  }) : /* @__PURE__ */ o("button", {
+    type: "button",
+    "data-trace-select": "",
+    "aria-current": e ? "true" : void 0,
+    "aria-expanded": t,
+    "aria-controls": n,
+    onClick: a,
+    className: P(s, "cursor-pointer outline-none after:absolute after:inset-0 after:content-['']"),
+    children: r
+  });
+}
+function gn(e) {
+  const [t, n] = Y(void 0);
+  return ae(() => {
+    if (!e) return;
+    n(Date.now());
+    const a = setInterval(() => n(Date.now()), on);
+    return () => clearInterval(a);
+  }, [e]), e ? t : void 0;
+}
+function xn({ spans: e, now: t, selectedId: n, onSelect: a, renderSpanDetail: r, defaultCollapsed: s, collapsed: l, onCollapsedChange: i, foldControls: d = !0, search: c, query: k, onQueryChange: b, defaultView: h, view: v, onViewChange: M, shortcuts: m = "focus", footer: g, className: N, ...x }) {
+  const _ = L(() => Yt(e), [e]), D = L(() => new Map(e.map((y) => [y.id, y])), [e]), E = gn(_.some((y) => y.endedAt == null) && t === void 0), T = t ?? E, [C, S] = Y(""), O = k ?? C, p = F((y) => {
+    k == null && S(y), b?.(y);
+  }, [k, b]), f = L(() => _.filter((y) => y.status === "failed").length, [_]);
+  return /* @__PURE__ */ o(H.Provider, {
+    spans: _,
+    now: T,
+    defaultCollapsed: s,
+    collapsed: l,
+    onCollapsedChange: i,
+    query: O,
+    defaultView: h,
+    view: v,
+    onViewChange: M,
+    children: /* @__PURE__ */ o(yn, {
+      sources: D,
+      spanCount: _.length,
+      errorCount: f,
+      selectedId: n,
+      onSelect: a,
+      renderSpanDetail: r,
+      foldControls: d,
+      search: c,
+      query: O,
+      setQuery: p,
+      shortcuts: m,
+      footer: g,
+      className: N,
+      ...x
+    })
+  });
+}
+function yn({ sources: e, spanCount: t, errorCount: n, selectedId: a, onSelect: r, renderSpanDetail: s, foldControls: l, search: i, query: d, setQuery: c, shortcuts: k, footer: b, className: h, ref: v, ...M }) {
+  const { all: m, matches: g, zoomed: N, zoom: x, pan: _, resetView: D, expandAll: E, collapseAll: T, expandOne: C, collapseOne: S } = G(), O = Ye(), p = he(null), f = he(null), y = F((u) => {
+    p.current = u, typeof v == "function" ? v(u) : v != null && (v.current = u);
+  }, [v]), A = L(() => g == null ? [] : m.filter((u) => g.has(u.id)).map((u) => u.id), [m, g]), [te, z] = Y(0);
+  ae(() => z(0), [d]);
+  const R = A.length > 0 ? A[te % A.length] ?? null : null, V = F((u) => {
+    A.length !== 0 && z((B) => (B + u + A.length) % A.length);
+  }, [A.length]);
+  ae(() => {
+    if (R == null) return;
+    const u = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(R) : R.replace(/"/g, '\\"');
+    p.current?.querySelector(`[data-trace-row][data-span-id="${u}"]`)?.scrollIntoView?.({ block: "nearest" });
+  }, [R]);
+  const W = d !== "", ne = a != null && r != null;
+  ae(() => {
+    if (!W && !N && !ne || k === !1) return;
+    const u = (B) => {
+      B.key === "Escape" && (k === "focus" && !(B.target instanceof Node && p.current?.contains(B.target)) || (B.preventDefault(), B.stopPropagation(), W ? c("") : N ? D() : r?.(null)));
+    };
+    return document.addEventListener("keydown", u, !0), () => document.removeEventListener("keydown", u, !0);
+  }, [
+    W,
+    N,
+    ne,
+    k,
+    c,
+    D,
+    r
+  ]);
+  const j = F((u) => {
+    if (u.metaKey || u.ctrlKey || u.altKey || fn(u.target)) return !1;
+    switch (u.key) {
+      case "[":
+        return E(), !0;
+      case "]":
+        return T(), !0;
+      case "o":
+        return C(), !0;
+      case "p":
+        return S(), !0;
+      case "ArrowUp":
+        return x(u.shiftKey ? Ne : we), !0;
+      case "ArrowDown":
+        return N ? (x(u.shiftKey ? 1 / Ne : 1 / we), !0) : !1;
+      case "ArrowLeft":
+        return N ? (_(u.shiftKey ? -0.3 : -0.1), !0) : !1;
+      case "ArrowRight":
+        return N ? (_(u.shiftKey ? cn : ln), !0) : !1;
+      case "/":
+        return f.current == null ? !1 : (f.current.focus(), !0);
+      case "f":
+        return A.length === 0 ? !1 : (V(1), !0);
+      case "b":
+        return A.length === 0 ? !1 : (V(-1), !0);
+      default:
+        return !1;
+    }
+  }, [
+    E,
+    T,
+    C,
+    S,
+    x,
+    _,
+    N,
+    A.length,
+    V
+  ]);
+  ae(() => {
+    if (k === !1) return;
+    const u = (B) => {
+      k === "focus" && !(B.target instanceof Node && p.current?.contains(B.target)) || j(B) && B.preventDefault();
+    };
+    return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
+  }, [k, j]);
+  const re = L(() => ({
+    spans: e,
+    selectedId: a,
+    onSelect: r,
+    renderSpanDetail: s,
+    idBase: O,
+    spanCount: t,
+    errorCount: n,
+    activeMatchId: R
+  }), [
+    e,
+    a,
+    r,
+    s,
+    O,
+    t,
+    n,
+    R
+  ]), I = m.some((u) => u.hasChildren), $ = i === !0 || typeof i == "string", Z = typeof i == "string" ? i : "Search spans", pe = b === void 0 ? t > 0 ? /* @__PURE__ */ o(Ue, {}) : null : b;
+  return /* @__PURE__ */ o(je.Provider, {
+    value: re,
+    children: /* @__PURE__ */ w("section", {
+      ref: y,
+      "data-trace": "",
+      "data-zoomed": N || void 0,
+      "aria-label": "Trace",
+      tabIndex: k === "focus" ? -1 : void 0,
+      className: P(Le, "min-w-0 outline-none", h),
+      ...M,
+      children: [
+        $ ? /* @__PURE__ */ w("div", {
+          "data-trace-toolbar": "",
+          className: "border-pho-secondary flex min-h-10 items-center gap-3 border-b px-5",
+          children: [/* @__PURE__ */ o(He, {
+            ref: f,
+            value: d,
+            onChange: c,
+            placeholder: Z,
+            "aria-label": Z,
+            onKeyDown: (u) => {
+              u.key === "Enter" ? (u.preventDefault(), V(u.shiftKey ? -1 : 1)) : u.key === "Escape" && d !== "" && (u.preventDefault(), c(""));
+            }
+          }), W ? /* @__PURE__ */ w(_e, { children: [/* @__PURE__ */ o("span", {
+            "data-trace-match-count": "",
+            "aria-live": "polite",
+            className: "text-pho-description shrink-0 text-xs tabular-nums",
+            children: A.length === 0 ? "No matches" : `${te % A.length + 1} of ${A.length}`
+          }), /* @__PURE__ */ w("span", {
+            className: "flex shrink-0 items-center",
+            children: [/* @__PURE__ */ o("button", {
+              type: "button",
+              "aria-label": "Previous match",
+              title: "Previous match (b)",
+              disabled: A.length === 0,
+              onClick: () => V(-1),
+              className: se,
+              children: /* @__PURE__ */ o(Ie, {
+                "aria-hidden": !0,
+                className: "size-4"
+              })
+            }), /* @__PURE__ */ o("button", {
+              type: "button",
+              "aria-label": "Next match",
+              title: "Next match (f)",
+              disabled: A.length === 0,
+              onClick: () => V(1),
+              className: se,
+              children: /* @__PURE__ */ o(Se, {
+                "aria-hidden": !0,
+                className: "size-4"
+              })
+            })]
+          })] }) : null]
+        }) : null,
+        /* @__PURE__ */ w("div", {
+          "data-trace-axis": "",
+          className: P(Fe, "border-pho-secondary h-10 border-b"),
+          children: [/* @__PURE__ */ w("div", {
+            className: "flex h-10 min-w-0 items-center gap-2 px-5",
+            children: [N ? /* @__PURE__ */ o(wn, {}) : null, l && I ? /* @__PURE__ */ o(Nn, {}) : null]
+          }), /* @__PURE__ */ o(kn, {})]
+        }),
+        /* @__PURE__ */ o(H.Timeline, {
+          render: /* @__PURE__ */ o("ol", {
+            "aria-label": "Spans",
+            className: "m-0 list-none p-0"
+          }),
+          children: /* @__PURE__ */ o(H.Children, { children: () => /* @__PURE__ */ o(vn, {}) })
+        }),
+        pe
+      ]
+    })
+  });
+}
+function wn() {
+  const { range: e, viewRange: t, resetView: n } = G(), a = `${Q(t.min - e.min)} – ${Q(t.max - e.min)}`;
+  return /* @__PURE__ */ w("button", {
+    type: "button",
+    "data-trace-zoom-chip": "",
+    onClick: n,
+    title: "Reset zoom (Esc)",
+    "aria-label": `Zoomed to ${a}. Reset zoom`,
+    className: P(Ze({
+      size: "xs",
+      contrast: "low",
+      color: "brand"
+    }), "outline-pho-brand shrink-0 cursor-pointer focus-visible:outline-2"),
+    children: [/* @__PURE__ */ o("span", {
+      "aria-hidden": !0,
+      children: a
+    }), /* @__PURE__ */ o(Xe, {
+      "aria-hidden": !0,
+      className: "size-3"
+    })]
+  });
+}
+function Nn() {
+  const { canExpand: e, canCollapse: t, expandAll: n, collapseAll: a, expandOne: r, collapseOne: s } = G();
+  return /* @__PURE__ */ w("fieldset", {
+    "data-trace-fold-controls": "",
+    className: "m-0 ml-auto flex min-w-0 shrink-0 items-center border-0 p-0",
+    children: [
+      /* @__PURE__ */ o("legend", {
+        className: "sr-only",
+        children: "Fold"
+      }),
+      /* @__PURE__ */ o("button", {
+        type: "button",
+        "aria-label": "Expand one level",
+        title: "Expand one level (o)",
+        disabled: !e,
+        onClick: r,
+        className: se,
+        children: /* @__PURE__ */ o(Se, {
+          "aria-hidden": !0,
+          className: "size-4"
+        })
+      }),
+      /* @__PURE__ */ o("button", {
+        type: "button",
+        "aria-label": "Collapse one level",
+        title: "Collapse one level (p)",
+        disabled: !t,
+        onClick: s,
+        className: se,
+        children: /* @__PURE__ */ o(Ie, {
+          "aria-hidden": !0,
+          className: "size-4"
+        })
+      }),
+      /* @__PURE__ */ o("button", {
+        type: "button",
+        "aria-label": "Expand all",
+        title: "Expand all ([)",
+        disabled: !e,
+        onClick: n,
+        className: se,
+        children: /* @__PURE__ */ o(at, {
+          "aria-hidden": !0,
+          className: "size-4"
+        })
+      }),
+      /* @__PURE__ */ o("button", {
+        type: "button",
+        "aria-label": "Collapse all",
+        title: "Collapse all (])",
+        disabled: !t,
+        onClick: a,
+        className: se,
+        children: /* @__PURE__ */ o(st, {
+          "aria-hidden": !0,
+          className: "size-4"
+        })
+      })
+    ]
+  });
+}
+function kn() {
+  const { range: e, view: t, zoomed: n, setView: a, resetView: r } = G(), s = e.max - e.min, l = L(() => en(0, s), [s]), [i, d] = Y(280), c = he(null);
+  ae(() => {
+    const p = c.current;
+    if (p == null) return;
+    const f = () => {
+      const A = p.clientWidth;
+      A > 0 && d(A);
+    };
+    f();
+    const y = new ResizeObserver(f);
+    return y.observe(p), () => y.disconnect();
+  }, []);
+  const k = new Map(Oe(l, i).map((p) => [p.ms, p.align])), [b, h] = Y(null), [v, M] = Y(null), m = (p) => {
+    const f = c.current?.getBoundingClientRect();
+    return f == null || f.width <= 0 ? 0 : Math.min(1, Math.max(0, (p.clientX - f.left) / f.width));
+  }, g = (p, f) => {
+    c.current?.setPointerCapture?.(p.pointerId), M(f);
+  }, N = (p) => {
+    if (p.button !== 0) return;
+    const f = m(p);
+    g(p, {
+      kind: "select",
+      from: f,
+      to: f
+    });
+  }, x = (p) => (f) => {
+    f.button === 0 && (f.stopPropagation(), g(f, {
+      kind: "resize",
+      edge: p
+    }));
+  }, _ = (p) => {
+    const f = m(p);
+    if (v == null) {
+      h(f);
+      return;
+    }
+    v.kind === "select" ? M({
+      ...v,
+      to: f
+    }) : a(v.edge === "start" ? [Math.min(f, t[1] - J), t[1]] : [t[0], Math.max(f, t[0] + J)]);
+  }, D = (p) => {
+    if (v == null) return;
+    const f = m(p);
+    if (M(null), v.kind !== "select") {
+      a(v.edge === "start" ? [Math.min(f, t[1] - J), t[1]] : [t[0], Math.max(f, t[0] + J)]);
+      return;
+    }
+    const [y, A] = v.from < f ? [v.from, f] : [f, v.from];
+    A - y < dn || a([y, A]);
+  }, E = () => {
+    h(null), M(null);
+  }, T = () => {
+    h(null), v?.kind === "select" && M(null);
+  }, C = v?.kind === "select" ? v : null, S = C != null ? C.from < C.to ? {
+    left: C.from,
+    width: C.to - C.from
+  } : {
+    left: C.to,
+    width: C.from - C.to
+  } : n ? {
+    left: t[0],
+    width: t[1] - t[0]
+  } : null, O = (p) => p * s;
+  return /* @__PURE__ */ o(Ve, {
+    className: "h-10",
+    children: /* @__PURE__ */ w("div", {
+      ref: c,
+      "aria-hidden": !0,
+      role: "presentation",
+      "data-trace-axis-track": "",
+      title: "Drag to zoom, double-click to reset",
+      className: "absolute inset-0 cursor-crosshair touch-none select-none",
+      onPointerDown: N,
+      onPointerMove: _,
+      onPointerUp: D,
+      onPointerCancel: E,
+      onPointerLeave: T,
+      onDoubleClick: r,
+      children: [
+        l.map((p) => {
+          const f = k.get(p.ms);
+          return /* @__PURE__ */ w("span", {
+            "data-trace-tick": "",
+            "data-labeled": f != null || void 0,
+            className: "text-pho-description absolute inset-y-0 text-xs tabular-nums",
+            style: { left: K(p.at) },
+            children: [/* @__PURE__ */ o("span", { className: "bg-pho-secondary absolute bottom-0 left-0 h-1.5 w-px" }), f != null ? /* @__PURE__ */ o("span", {
+              className: P("absolute inset-y-0 flex items-center whitespace-nowrap", f === "end" ? "right-1" : "left-1"),
+              children: De(p.ms)
+            }) : null]
+          }, p.ms);
+        }),
+        b != null && v == null ? /* @__PURE__ */ o("span", {
+          "data-trace-cursor": "",
+          className: "bg-pho-inverse/40 pointer-events-none absolute inset-y-0 w-px",
+          style: { left: K(b) },
+          children: /* @__PURE__ */ o("span", {
+            className: P("bg-pho-primary text-pho-secondary absolute top-1/2 z-10 -translate-y-1/2 rounded-sm px-1 text-[10px] whitespace-nowrap tabular-nums", b > 0.8 ? "right-1" : "left-1"),
+            children: Q(O(b))
+          })
+        }) : null,
+        S ? /* @__PURE__ */ w(_e, { children: [
+          /* @__PURE__ */ o("span", {
+            "data-trace-selection-shade": "start",
+            className: "bg-pho-inverse/10 pointer-events-none absolute inset-y-0 left-0",
+            style: { width: K(S.left) }
+          }),
+          /* @__PURE__ */ o("span", {
+            "data-trace-selection-shade": "end",
+            className: "bg-pho-inverse/10 pointer-events-none absolute inset-y-0 right-0",
+            style: { width: K(1 - S.left - S.width) }
+          }),
+          /* @__PURE__ */ o("span", {
+            "data-trace-selection": "",
+            "data-selecting": C != null || void 0,
+            className: "border-pho-ink bg-pho-primary pointer-events-none absolute inset-y-0 flex items-center justify-center border-x-2",
+            style: {
+              left: K(S.left),
+              width: K(S.width)
+            },
+            children: /* @__PURE__ */ w("span", {
+              className: "bg-pho-primary text-pho-primary z-10 rounded-sm px-1 text-[10px] whitespace-nowrap tabular-nums",
+              children: [
+                Q(O(S.left)),
+                " –",
+                " ",
+                Q(O(S.left + S.width))
+              ]
+            })
+          }),
+          /* @__PURE__ */ o(Ae, {
+            at: S.left,
+            "data-trace-selection-handle": "start",
+            className: P(C == null && "cursor-ew-resize"),
+            onPointerDown: C == null ? x("start") : void 0
+          }),
+          /* @__PURE__ */ o(Ae, {
+            at: S.left + S.width,
+            "data-trace-selection-handle": "end",
+            className: P(C == null && "cursor-ew-resize"),
+            onPointerDown: C == null ? x("end") : void 0
+          })
+        ] }) : null
+      ]
+    })
+  });
+}
+function Ae({ at: e, className: t, ...n }) {
+  return /* @__PURE__ */ w("span", {
+    "aria-hidden": !0,
+    className: P("border-pho-ink bg-pho-primary absolute top-1/2 z-10 flex h-5 w-2.5 -translate-x-1/2 -translate-y-1/2 items-center justify-center gap-0.5 rounded-sm border shadow-sm", t),
+    style: { left: K(e) },
+    ...n,
+    children: [/* @__PURE__ */ o("span", { className: "bg-pho-inverse h-2.5 w-px" }), /* @__PURE__ */ o("span", { className: "bg-pho-inverse h-2.5 w-px" })]
+  });
+}
+function Mn({ spanCount: e, errorCount: t, orphanCount: n = 0, durationMs: a }) {
+  const r = [ce(e, "span")];
+  return t > 0 && r.push(ce(t, "error")), n > 0 && r.push(`${n} missing ${n === 1 ? "parent" : "parents"}`), r.push(`${Q(a)} total`), r;
+}
+function Ue({ className: e, ...t }) {
+  const { spanCount: n, errorCount: a } = Be(), { range: r, orphans: s } = G(), l = Mn({
+    spanCount: n,
+    errorCount: a,
+    orphanCount: s,
+    durationMs: r.max - r.min
+  });
+  return /* @__PURE__ */ w("div", {
+    "data-trace-footer": "",
+    className: P("border-pho-secondary text-pho-description @container flex h-10 items-center justify-between gap-3 border-t px-5 text-xs", e),
+    ...t,
+    children: [/* @__PURE__ */ w("ul", {
+      "data-trace-legend": "",
+      className: "hidden shrink-0 items-center gap-3 @2xl:flex",
+      children: [/* @__PURE__ */ o(Ce, {
+        className: "bg-pho-inverse/25",
+        label: "Span"
+      }), /* @__PURE__ */ o(Ce, {
+        className: "bg-pho-error-ink",
+        label: "Error"
+      })]
+    }), /* @__PURE__ */ o("ul", {
+      className: "flex min-w-0 items-center gap-3 overflow-hidden tabular-nums",
+      children: l.map((i) => /* @__PURE__ */ o("li", {
+        className: "shrink-0 last:min-w-0 last:truncate",
+        children: i
+      }, i))
+    })]
+  });
+}
+function Ce({ className: e, label: t }) {
+  return /* @__PURE__ */ w("li", {
+    className: "flex items-center gap-1.5",
+    children: [/* @__PURE__ */ o("span", {
+      "aria-hidden": !0,
+      className: P("size-2.5 shrink-0 rounded-sm", e)
+    }), t]
+  });
+}
+var An = {
+  debug: "text-pho-description",
+  info: "text-pho-secondary",
+  warn: "text-pho-warning",
+  error: "text-pho-error"
+};
+function Cn({ logs: e, spans: t, title: n = "Logs", className: a, ...r }) {
+  const s = L(() => new Map((t ?? []).map((l) => [l.id, l.name])), [t]);
+  return e == null || e.length === 0 ? null : /* @__PURE__ */ w("section", {
+    "data-trace-logs": "",
+    className: P(Le, "min-w-0", a),
+    ...r,
+    children: [/* @__PURE__ */ w("div", {
+      className: "border-pho-secondary flex min-h-10 items-center justify-between gap-3 border-b px-5",
+      children: [/* @__PURE__ */ o("div", {
+        className: "text-pho-secondary min-w-0 truncate text-xs font-medium",
+        children: n
+      }), /* @__PURE__ */ w("div", {
+        className: "text-pho-description shrink-0 text-xs tabular-nums",
+        children: [
+          e.length,
+          " ",
+          e.length === 1 ? "line" : "lines"
+        ]
+      })]
+    }), /* @__PURE__ */ o("ol", {
+      className: "divide-pho-secondary m-0 list-none divide-y p-0 font-mono text-xs",
+      children: e.map((l, i) => {
+        const d = l.level ?? "info", c = l.spanId ? s.get(l.spanId) : void 0;
+        return /* @__PURE__ */ w("li", {
+          className: "grid grid-cols-[5rem_3.5rem_minmax(0,1fr)] items-baseline gap-3 px-5 py-1.5",
+          children: [
+            /* @__PURE__ */ w("span", {
+              className: "text-pho-description tabular-nums",
+              children: ["+", Q(l.offsetMs)]
+            }),
+            /* @__PURE__ */ o("span", {
+              className: P("truncate", An[d]),
+              children: d.charAt(0).toUpperCase() + d.slice(1)
+            }),
+            /* @__PURE__ */ w("span", {
+              className: "text-pho-primary [overflow-wrap:anywhere] whitespace-pre-wrap",
+              children: [l.message, c ? /* @__PURE__ */ w("span", {
+                className: "text-pho-description",
+                children: [" ", c]
+              }) : null]
+            })
+          ]
+        }, l.id ?? i);
+      })
+    })]
+  });
+}
+var Sn = Object.assign(xn, { Footer: Ue }), jn = {
+  Waterfall: Sn,
+  Logs: Cn
+};
+export {
+  kt as A,
+  Ee as B,
+  be as C,
+  Wn as D,
+  yt as E,
+  It as F,
+  Tt as I,
+  At as L,
+  Mt as M,
+  $t as N,
+  ie as O,
+  _t as P,
+  Kn as R,
+  G as S,
+  Nt as T,
+  St as V,
+  Jt as _,
+  ye as a,
+  H as b,
+  Vn as c,
+  Yt as d,
+  Qt as f,
+  Xt as g,
+  Gt as h,
+  en as i,
+  Te as j,
+  wt as k,
+  Oe as l,
+  me as m,
+  Mn as n,
+  Q as o,
+  Bt as p,
+  sn as r,
+  De as s,
+  jn as t,
+  qt as u,
+  Ht as v,
+  J as w,
+  ee as x,
+  Zt as y,
+  Ct as z
+};
+
+//# sourceMappingURL=trace-Hku-rImp.js.map